/* ############################################################
	FARBKLIMA
###############################################################

	Orange:			#F08A00	(Lauftext)
	Grau:			#808080 (Navi, Footerbalken)

###############################################################
	ALLGEMEINES
############################################################ */

* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img, table, tr, td {
	border: 0;
}

html, body { /* html = IE text resize correction */
	font-size: 100%;
	height: 100%;
}
html {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.container img {
	max-width: 100% !important;
    height: auto !important;
    display: block;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

/* Floats aufheben */
.clear__both,
.clear__left,
.clear__right {
	clear: both;
	height: 0px;
}
.clear__left {
	clear: left;
}
.clear__right {
	clear: right;
}

/* ############################################################
	SCHRIFTEN / TEXTE / ABSÄTZE / HYPERLINKS / TITEL
############################################################ */

/* Allgemeines */
body {
	font-family: "ff-din-web",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem; /* 16px ÷ 16px */
	line-height: 1.3125rem; /* 21px ÷ 16px */
	color: #F08A00;
}
b, strong {
	font-family: "ff-din-web",sans-serif;
	font-style: normal;
	font-weight: 700;
}
@media (min-width: 760px) {
	body {
		font-size: 0.8125rem; /* 13px */
		line-height: 1rem; /* 16px */
	}
	#mainmenu__box {
		font-size: 0.9375rem; /* 15px */
		line-height: 0.9375rem; /* 15px */
		text-transform: uppercase;
	}
	#footer__box,
	#footer__box_adressen {
		font-size: 0.75rem; /* 12px */
		line-height: 1rem; /* 16px */
		color: #000;
	}
}
@media (min-width: 980px) {
	body {
		font-size: 0.9375rem; /* 15px */
		line-height: 1.1875rem; /* 19px */
	}
	#mainmenu__box {
		font-size: 1rem; /* 16px */
		line-height: 1rem; /* 16px */
	}
	#footer__box,
	#footer__box_adressen {
		font-size: 0.9375rem; /* 15px */
		line-height: 1.1875rem; /* 19px */
	}
}

/* Farben/Schriftschnitte */
.Orange {
	color: #F08A00;
}
.Grau {
	color: #808080;
}
.Uppercase {
	text-transform: uppercase;
}

/* Hyperlinks */
#top__panel a, #top__panel a:active, #bottom__panel a, #bottom__panel a:active, #bild__panel a, #bild__panel a:active, #left__panel a:hover, #middle__panel a, #middle__panel a:active, #right__panel a, #right__panel a:active {
	color: #808080;
	text-decoration: underline;
}
#top__panel a:hover, #bottom__panel a:hover, #bild__panel a:hover, #middle__panel a:hover, #right__panel a:hover,
#left__panel a, #left__panel a:active {
	text-decoration: none;
}
@media (min-width: 760px) {
	#footer__box a,
	#footer__box_adressen a {
		color: #000;
		text-decoration: none;
	}
	#footer__box a:hover,
	#footer__box_adressen a:hover {
		color: #F08A00;
	}
}

/* Titel */
#bild__panel h1, #top__panel h1, #left__panel h1, #middle__panel h1, #right__panel h1,
#bild__panel h2, #top__panel h2, #left__panel h2, #middle__panel h2, #right__panel h2,
#bild__panel h3, #top__panel h3, #left__panel h3, #middle__panel h3, #right__panel h3 {
	margin: 0;
	padding: 0;
}
.Modultitel, #bild__panel h1, #top__panel h1, #left__panel h1, #middle__panel h1, #right__panel h1,
#bild__panel h3, #top__panel h3, #left__panel h3, #middle__panel h3, #right__panel h3 {
	font-weight: 700;
	font-size: 1.125rem; /* 18px */
	line-height: 1.4375rem; /* 23px */
}
#middle__panel h1.titel-dots:before,
#middle__panel h3.titel-dots:before {
	padding-left: 15px;
	background-image: url("/Portal/planing/Images/Navigation/dots-md.png");
	background-repeat: no-repeat;
	background-size: 5px 12px;
	background-position: 0 2px;
	content: "";
}
#bild__panel h2, #top__panel h2, #left__panel h2, #middle__panel h2, #right__panel h2 {
	font-weight: 700;
	font-size: 1rem; /* 16px ÷ 16px */
	line-height: 1.3125rem; /* 21px ÷ 16px */
}
@media (min-width: 760px) {
	.Modultitel, #bild__panel h1, #top__panel h1, #left__panel h1, #middle__panel h1, #right__panel h1,
	#bild__panel h3, #top__panel h3, #left__panel h3, #middle__panel h3, #right__panel h3 {
		font-size: 0.9375rem; /* 15px */
		line-height: 1.1875rem; /* 19px */
	}
	#middle__panel h1.titel-dots:before,
	#middle__panel h3.titel-dots:before {
		background-position: 0 2px;
	}
	#bild__panel h2, #top__panel h2, #left__panel h2, #middle__panel h2, #right__panel h2 {
		font-size: 0.8125rem; /* 13px */
		line-height: 1.0625rem; /* 17px */
	}
}
@media (min-width: 980px) {
	.Modultitel, #bild__panel h1, #top__panel h1, #left__panel h1, #middle__panel h1, #right__panel h1,
	#bild__panel h3, #top__panel h3, #left__panel h3, #middle__panel h3, #right__panel h3 {
		font-size: 1.0625rem; /* 17px */
		line-height: 1.3125rem; /* 21px */
	}
	#middle__panel h1.titel-dots:before,
	#middle__panel h3.titel-dots:before {
		background-position: 0 2px;
	}
	#bild__panel h2, #top__panel h2, #left__panel h2, #middle__panel h2, #right__panel h2 {
		font-size: 0.9375rem; /* 15px */
		line-height: 1.1875rem; /* 19px */
	}
}

/* Buttons Fusszeile */
a.nav-phone-xs, a.nav-email-xs, a.nav-map-xs,
a.nav-facebook-xs, a.nav-linkedin-xs, a.nav-xing-xs {
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin: 8px 15px 0 0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 20px;
}
a.nav-email-xs, a.nav-email-xs:visited {
	background-image: url("/Portal/planing/Images/Navigation/nav-email.png");
}
a.nav-email-xs:hover, a.nav-email-xs:active {
	background-image: url("/Portal/planing/Images/Navigation/nav-email-mo.png");
}
a.nav-facebook-xs, a.nav-facebook-xs:visited {
	background-image: url("/Portal/planing/Images/Icons/facebook-xs.png");
	margin-right: 10px;
}
a.nav-linkedin-xs, a.nav-linkedin-xs:visited {
	background-image: url("/Portal/planing/Images/Icons/linkedin-xs.png");
	margin-right: 12px;
}
a.nav-xing-xs, a.nav-xing-xs:visited {
	background-image: url("/Portal/planing/Images/Icons/xing-xs.png");
}




/* Formular-Buttons */
a.Site__Button {
	display: inline-block;
	padding: 7px 10px 6px 10px;
	background-color: #b80e1d;
/*	line-height: 1.25rem; /* 20px ÷ 16px */
	color: #fff !important;
}
a.Site__Button:link,
a.Site__Button:active,
a.Site__Button:visited {
}
a.Site__Button:hover {
	background-color: #003c76;
}
@media (min-width: 760px) {
	a.Site__Button {
		padding: 7px 15px 6px 14px;
/*		line-height: 1rem;*/
	}
}
@media (min-width: 990px) {
	a.Site__Button {
		padding: 7px 15px 6px 14px;
/*		line-height: 1.25rem; /* 20px ÷ 16px */
	}
}

/* Zu lange Hyperlinks */
@media (max-width: 759px) {
	.container a {
		word-wrap: break-word;
	}
}

/* ############################################################
	PANELS/BOXEN
############################################################ */

/* Änderungen/Ergänzungen (wegen Fusszeile) */
.container {
	position: relative;
	margin: 0 auto;
}

/* Kopfzeile */
#header__box {
	width: auto;
	height: 100px;
	padding: 0 20px;
	background-color: #fff;
}
	.logo__box {
		width: 180px;
		height: auto;
	}

/* Inhalt */
#content__box {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

/* Fusszeile */
#footer__abstand {
	height: 108px;
}
#footer {
	position: relative;
	width: 100%;
	height: 36px;
	margin-top: -36px;
	background-color: #808080;
}
	#footer__box,
	#footer__box_adressen {
		width: 100%;
	}
		.footer-nav-xs {
			float: right;
			width: auto;
		}
@media (min-width: 760px) {
	/* Kopfzeile */
	#header__box {
		width: 734px;
		height: 151px;
		padding: 0;
		background-color: transparent;
	}
		.logo__box {
			float: left;
			width: 192px; /* 148px*/
			height: 151px; /* 117px */
		}
	
	/* Navizeile */
	#navigation__box {
		width: 734px;
		height: 33px;
	}
	
	/* Inhalt */
	#content__box {
		width: 734px;
		background-image: url("/Portal/planing/Images/Hintergrund/bg-gitter-sm.png");
		background-repeat: no-repeat;
	}
	
	/* Fusszeile */
	#footer__box {
		width: auto;
		height: 37px;
		padding: 13px 0 0 0;
	}
}
@media (min-width: 980px) {
	/* Kopfzeile */
	#header__box {
		width: 952px;
		height: 151px;
	}
		.logo__box {
			width: 192px;
			height: 151px;
		}
	
	/* Navizeile */
	#navigation__box {
		width: 952px;
		height: 33px;
	}
	
	/* Inhalt */
	#content__box {
		width: 952px;
		background-image: url("/Portal/planing/Images/Hintergrund/bg-gitter-md.png");
	}
	
	/* Fusszeile */
	#footer__box {
		height: 47px;
		padding-top: 17px;
	}
}

/* ############################################################
	PANELS LEER
############################################################ */

.Height30 {
	height: 30px;
}

/* ############################################################
	BILDER
############################################################ */

.Logo {
	width: 180px; /* 180x37px */
	height: auto;
	margin-top: 36px;
}
@media (min-width: 760px) {
	.Logo {
		width: 192px; /* 192x40px */
/*		margin-top: 51px;*/
		margin-top: 67px;
	}
}
@media (min-width: 980px) {
	.Logo {
		width: 192px; /* 192x40px */
		margin-top: 67px;
	}
}

/* ############################################################
	MODULE
############################################################ */

.AbstandModule {
	margin-top: 60px;
}
@media (min-width: 760px) {
	.AbstandModule {
		margin-top: 60px;
	}
}
@media (min-width: 980px) {
	.AbstandModule {
		margin-top: 60px;
	}
}

/* TEXT/HTML-MODUL Templates */
.t1__col-xs-1, .t1__col-xs-2, .t1__col-sm-1, .t1__col-sm-2, .t1__col-md-1, .t1__col-md-2 {
	position: relative;
	float: left;
	min-height: 1px;
}

/* Vorlage 1 */
.t1 {
	width: 100%;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}
	.t1__col-xs-1, .t1__col-xs-2 {
		width: 100%;
/*		padding-bottom: 17px;*/
		vertical-align: top;
	}
	.t1 tr:not(:last-child) .t1__col-xs-2 {
		margin-bottom: 10px;
	}
@media (min-width: 480px) {
	/* Vorlage 1 */
	
}
@media (min-width: 760px) {
	/* Vorlage 1 */
	.t1__col-sm-1 {
		width: 33%;
		padding-right: 3%;
	}
	.t1__col-sm-2 {
		width: 64%;
	}
	.t1 tr:not(:last-child) .t1__col-sm-2 {
		margin-bottom: 0;
	}
}
@media (min-width: 980px) {
	/* Vorlage 1 */
	.t1__col-md-1 {
		width: 29%;
		padding-right: 4%;
	}
	.t1__col-md-2 {
		width: 67%;
	}
}

/* Team */
.team-lupe {
	background-image: url("/Portal/planing/Images/Team/lupe-xs-mo.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.team-lupe:hover {
	background-image: url("/Portal/planing/Images/Team/lupe-xs.png");
}
.standort-lupe {
/*	background-image: url("/Portal/planing/Images/Team/lupe-xs.png");*/
	background-repeat: no-repeat;
	background-size: contain;
}
.standort-lupe:hover {
	background-image: url("/Portal/planing/Images/Team/lupe-xs-mo.png");
}
.team-thomas, .team-ralf, .team-rene, .team-irene, .team-milena, .team-alba,
.teamb-elmar, .teamb-rico, .teamb-marcel, .teamb-rahel, .teamb-niko, .team-ruemeysa,
.team-marcel, .team-rolf, .team-brigitte, .team-renatoernst, .team-vincent, .team-conradin,
.standort-ruggell, .standort-balzers, .standort-landquart, .geschaeftsleitung, .mitarbeiter {
	background-image: url("/Portal/planing/Images/Team/Thomas-Kleinstein-Uebersicht.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
/* Ruggell */
.team-ralf {
	background-image: url("/Portal/planing/Images/Team/Ralf-Senn-Uebersicht.jpg");
}
.team-rene {
	background-image: url("/Portal/planing/Images/Team/Rene-Bokstaller-Uebersicht.jpg");
}
.team-irene {
	background-image: url("/Portal/planing/Images/Team/Irene-Kleinstein-Uebersicht.jpg");
}
.team-milena {
	background-image: url("/Portal/planing/Images/Team/Milena-Buechel-Uebersicht.jpg");
}
.team-alba {
	background-image: url("/Portal/planing/Images/Team/Alba-Martins-Esperante-Uebersicht.jpg");
}
/* Balzers */
.teamb-elmar {
	background-image: url("/Portal/planing/Images/Team/Elmar-Ritter-Uebersicht.jpg");
}
.team-ruemeysa {
	background-image: url("/Portal/planing/Images/Team/Ruemeysa-Selvi-Uebersicht.jpg");
}
.teamb-rico {
	background-image: url("/Portal/planing/Images/Team/Rico-Auer-Uebersicht.jpg");
}
.teamb-marcel {
	background-image: url("/Portal/planing/Images/Team/Marcel-Mannhart-Uebersicht.jpg");
}
.teamb-rahel {
	background-image: url("/Portal/planing/Images/Team/Rahel-Weinberger-Uebersicht.jpg");
}
.teamb-niko {
	background-image: url("/Portal/planing/Images/Team/Niko-Matkovic-Uebersicht.jpg");
}
/* Landquart */
.team-marcel {
	background-image: url("/Portal/planing/Images/Team/Marcel-Monsch-Uebersicht.jpg");
}
.team-rolf {
	background-image: url("/Portal/planing/Images/Team/Rolf-Buchli-Uebersicht.jpg");
}
.team-brigitte {
	background-image: url("/Portal/planing/Images/Team/Brigitte-Monsch-Uebersicht.jpg");
}
.team-renatoernst {
	background-image: url("/Portal/planing/Images/Team/Renato-Ernst-Hosang-Uebersicht.jpg");
}
.team-vincent {
	background-image: url("/Portal/planing/Images/Team/Vincent-Beck-Uebersicht.jpg");
}
.team-conradin {
	background-image: url("/Portal/planing/Images/Team/Conradin-Kleinstein-Uebersicht.jpg");
}
/* Allgemein */
.standort-ruggell {
	background-image: url("/Portal/planing/Images/Team/Ruggell-Uebersicht.jpg");
}
.standort-balzers {
	background-image: url("/Portal/planing/Images/Team/Balzers-Uebersicht.jpg");
}
.standort-landquart {
	background-image: url("/Portal/planing/Images/Team/Landquart-Uebersicht.jpg");
}
.geschaeftsleitung {
	background-image: url("/Portal/planing/Images/Team/Geschaeftsleitung-Uebersicht.jpg");
}
.mitarbeiter {
	background-image: url("/Portal/planing/Images/Team/Mitarbeiter-Uebersicht.jpg");
}
@media (min-width: 760px) {
	.team-lupe {
		background-image: url("/Portal/planing/Images/Team/lupe-mo.png");
	}
	.team-lupe:hover {
		background-image: url("/Portal/planing/Images/Team/lupe.png");
	}
	.standort-lupe {
/*		background-image: url("/Portal/planing/Images/Team/lupe.png");*/
	}
	.standort-lupe:hover {
		background-image: url("/Portal/planing/Images/Team/lupe-mo.png");
	}
}


/* Button auf Startseite */
.button-aktuelles {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto 30px auto;
	padding-top: 60px;
	border: 1px solid #fff;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-color: #F08A00;
	text-align: center;
	color: #fff !important;
}
	.button-aktuelles a {
		color: #fff !important;
		text-decoration: none !important;
	}
@media (min-width: 760px) {
	.button-aktuelles {
		position: absolute;
		top: 35px;
		left: 35px;
		margin: 0;
	}
}


/* ############################################################
	LISTEN
############################################################ */

/* Aufzählungsliste */
#top__panel ul, #left__panel ul, #middle__panel ul, #right__panel ul, #bottom__panel ul {
	list-style: disc;
}
#top__panel ul li, #left__panel ul li, #middle__panel ul li, #right__panel ul li, #bottom__panel ul li {
	margin-left: 16px;
	padding-left: 0;
}
@media (min-width: 760px) {
	#top__panel ul li, #left__panel ul li, #middle__panel ul li, #right__panel ul li, #bottom__panel ul li {
		padding-left: 3px;
	}
}
/* Nummerierte Liste */
#left__panel ol, #middle__panel ol, #right__panel ol, #bottom__panel ol {
}
#left__panel ol li, #middle__panel ol li, #right__panel ol li, #bottom__panel ol li {
	margin-left: 22px;
	padding-left: 3px;
}

/* ############################################################
	MENÜ
############################################################ */

a.nolink {
	cursor: default;
}

#mainmenu__box ul, #secondmenu__box ul {
	list-style: none;
	float: right;
}

/* Mainmenu */
@media (min-width: 760px) {
	#mainmenu__box ul li {
		float: left;
		margin-right: 10px;
		padding-left: 15px;
		background-image: url("/Portal/planing/Images/Navigation/dots-md.png");
		background-repeat: no-repeat;
		background-size: 5px 12px;
		background-position: 0 2px;
	}
	#mainmenu__box ul li:first-child {
		padding-left: 0;
		background: none;
	}
	#mainmenu__box ul li:last-child {
		margin-right: 0;
	}
		#mainmenu__box ul li a {
			color: #808080;
			text-decoration: none;
		}
		#mainmenu__box ul li a:hover, #mainmenu__box ul li a:active, #mainmenu__box ul li.Active a {
			color: #F08A00;
		}
}
@media (min-width: 980px) {
	#mainmenu__box ul li {
		margin-right: 15px;
		padding-left: 20px;
		background-position: 0 3px;
	}
}

/* Thirdmenu */
@media (min-width: 760px) {
	#secondmenu__box ul li {
		float: left;
		margin-left: 10px;
	}
		#secondmenu__box ul li a {
			color: #000;
			text-decoration: none;
		}
		#secondmenu__box ul li a:hover, #secondmenu__box ul li a:active, #secondmenu__box ul li.Active a {
			color: #F08A00;
		}
		
		/* Social-Media */
		a.nav-facebook,
		a.nav-linkedin,
		a.nav-xing {
			display: inline-block;
			width: 18px;
			height: 18px;
			margin-top: -3px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 18px;
		}
			a.nav-facebook {
				background-image: url("/Portal/planing/Images/Icons/facebook.png");
			}
			a.nav-linkedin {
				background-image: url("/Portal/planing/Images/Icons/linkedin.png");
			}
			a.nav-xing {
				background-image: url("/Portal/planing/Images/Icons/xing.png");
			}
}