/* 
	bauschule.ch styles v2, 090416
	
	nimmrichter cda 4 bauschule.ch
	nimmrichter.com
	
	credits 2 sibenaler mca 
	sibenaler.com
*/




/* stage ========================================================  */

	
body {
	height: 100%;
	background-color: #919191;
	color: #000000; 
	font-size: 10px; 
	font-family: Arial, Helvetica, Swiss, SansSerif, SunSans-Regular; 
	margin: 0;
	padding: 0;
	margin-top: 0px; 
	margin-left: 0px;
}

body.bg1 {																												/* no  */
	background: url("../images/bgimages/1.jpg") no-repeat fixed;
}
body.bg2 {																												/* no  */
	background: url("../images/bgimages/2.jpg") no-repeat fixed;
}
body.bg3 {																												/* no  */
	background: url("../images/bgimages/3.jpg") no-repeat fixed;
}
body.bg4 {																												/* no  */
	background: url("../images/bgimages/4.jpg") no-repeat fixed;
}
body.bg5 {																												/* no  */
	background: url("../images/bgimages/5.jpg") no-repeat fixed;
}
body.bg6 {																												/* halle unten  */
	background: url("../images/bgimages/6.jpg") no-repeat fixed;
}
body.bg7 {																												/* toeggeli  */
	background: url("../images/bgimages/7.jpg") no-repeat fixed;
}
body.bg8 {																												/* pause  */
	background: url("../images/bgimages/8.jpg") no-repeat fixed;
}
body.bg9 {																												/* treppe  */
	background: url("../images/bgimages/9.jpg") no-repeat fixed;
}
body.bg10 {																												/* eingangshalle */
	background: url("../images/bgimages/10.jpg") no-repeat fixed;
}
body.bg11 {																												/* cafeteria von oben */
	background: url("../images/bgimages/11.jpg") no-repeat fixed;
}
body.bg12 {																												/* colaautomat  */
	background: url("../images/bgimages/12.jpg") no-repeat fixed;
}
body.bg13 {																												/* eingang aussen  */
	background: url("../images/bgimages/13.jpg") no-repeat fixed;
}
body.bg14 {																												/* vitrinen ausstellung  */
	background: url("../images/bgimages/14.jpg") no-repeat fixed;
}
body.bg15 {																												/* ausstellung  */
	background: url("../images/bgimages/15.jpg") no-repeat fixed;
}
body.bg16 {																												/* innenhof von oben  */
	background: url("../images/bgimages/16.jpg") no-repeat fixed;
}
body.bg17 {																												/* treppe gegen aussen  */
	background: url("../images/bgimages/17.jpg") no-repeat fixed;
}
body.bg18 {																												/* gang ausgang  */
	background: url("../images/bgimages/18.jpg") no-repeat fixed;
}
body.bg19 {																												/* ausstellung von oben  */
	background: url("../images/bgimages/19.jpg") no-repeat fixed;
}
body.bg20 {																												/* klasse von hinten */
	background: url("../images/bgimages/20.jpg") no-repeat fixed;
}
body.bg21 {																												/* klasse arbeitsgruppe */
	background: url("../images/bgimages/21.jpg") no-repeat fixed;
}
body.bg22 {																												/* klasse um tisch */
	background: url("../images/bgimages/22.jpg") no-repeat fixed;
}
body.bg23 {																												/* klasse buecherwand	 */
	background: url("../images/bgimages/23.jpg") no-repeat fixed;
}
body.bg24 {																												/* klasse zwischen regal */
	background: url("../images/bgimages/24.jpg") no-repeat fixed;
}
body.bg25 {																												/* klasse einzel  */
	background: url("../images/bgimages/25.jpg") no-repeat fixed;
}
body.bg26 {																												/* klasse einzel von hinten */
	background: url("../images/bgimages/26.jpg") no-repeat fixed;
}
body.bg27 {																												/* klasse seitlich */
	background: url("../images/bgimages/27.jpg") no-repeat fixed;
}
body.bg28 {																												/* klasse zwei frauen */
	background: url("../images/bgimages/28.jpg") no-repeat fixed;
}
body.bg29 {																												/* klasse taschenrechner  */
	background: url("../images/bgimages/29.jpg") no-repeat fixed;
}
body.bg30 {																												/* no  */
	background: url("../images/bgimages/30.jpg") no-repeat fixed;
}
body.bg31 {																												/* klasse bauplanung  */
	background: url("../images/bgimages/31.jpg") no-repeat fixed;
}
body.bg32 {																												/* klasse baufuhrung  */
	background: url("../images/bgimages/32.jpg") no-repeat fixed;
}
body.bg33 {																												/* klasse prüfung */
	background: url("../images/bgimages/33.jpg") no-repeat fixed;
}
body.bg34 {																												/* klasse ausschnitt */
	background: url("../images/bgimages/34.jpg") no-repeat fixed;
}
body.bg35 {																												/* klasse  */
	background: url("../images/bgimages/35.jpg") no-repeat fixed;
}
body.bg36 {																												/* klasse  */
	background: url("../images/bgimages/36.jpg") no-repeat fixed;
}
body.bg37 {																												/* klasse durchs fenster */
	background: url("../images/bgimages/37.jpg") no-repeat fixed;
}
body.bg38 {																												/* klasse frontalunterricht  */
	background: url("../images/bgimages/38.jpg") no-repeat fixed;
}
body.bg39 {																												/* no  */
	background: url("../images/bgimages/39.jpg") no-repeat fixed;
}
body.bg40 {																												/* bibliothek  */
	background: url("../images/bgimages/40.jpg") no-repeat fixed;
}
body.bg41 {																												/* zeitungen  */
	background: url("../images/bgimages/41.jpg") no-repeat fixed;
}
body.bg42 {																												/* empfang  */
	background: url("../images/bgimages/42.jpg") no-repeat fixed;
}
body.bg43 {																												/* sbbuhr  */
	background: url("../images/bgimages/43.jpg") no-repeat fixed;
}
body.bg44 {																												/* no  */
	background: url("../images/bgimages/44.jpg") no-repeat fixed;
}





/* master containers ========================================================  */


#mainroom {
	position:absolute;
	z-index: 2;
	top: 44px;
	left: 20px;
	width: 800px;
}

#headroom {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 160px;
}

#contentroom {
	position: absolute;
	top: 162px;
	left: 0px;
	width: 800px;
}





/* contents of headroom  ========================================================  */


#headroom #logo {
	position:relative;
	top: 0px;
	left: 0px;
	width: 224px;
	height: 79px;
}

#headroom #menu {
	position: absolute;
	background-image: url(../images/bgcolors/blau_trans80.png);
	top: 0px;
	left: 226px;
	width: 554px;
	height: 33px;
	color: #ffffff;
	font-size: 1.45em;
	padding: 36px 10px 10px 10px;
}
#headroom #menu a				{ color: #ffffff; text-decoration: none }
#headroom #menu a.high			{ font-weight: bold }
#headroom #menu a:visited		{ color: #ffffff; text-decoration: none }
#headroom #menu a:hover			{ color: #0c2493; background-color: #ffffff; text-decoration: none }
#headroom #menu a:active		{ color: #0c2493; background-color: #ffffff; text-decoration: none }


#headroom #service {
	position: absolute;
	background-image: url(../images/bgcolors/weiss_trans40.png);
	top: 81px;
	left: 0px;
	width: 162px;
	height: 57px;
	color: #000000;
	font-size: 1.2em;
	padding: 12px 10px 10px 52px;
}
#headroom #service a			{ color: #000000; text-decoration: none }
#headroom #service a:visited	{ color: #000000; text-decoration: none }
#headroom #service a:hover		{ color: #000000; background-color: #ffffff; text-decoration: none }
#headroom #service a:active		{ color: #000000; background-color: #ffffff; text-decoration: none }
#headroom #service a.high		{ font-weight: bold }


#headroom #menu_sub {
	position: absolute;
	background-image: url(../images/bgcolors/orange_trans90.png);
	top: 81px;
	left: 226px;
	width: 564px;
	height: 67px;
	padding: 12px 0px 0px 10px;
}
#headroom #menu_sub   				{ color: #ffffff;	font-size: 1.2em; }
#headroom #menu_sub a				{ color: #ffffff; text-decoration: none }
#headroom #menu_sub a:visited		{ color: #ffffff; text-decoration: none }
#headroom #menu_sub a:hover			{ color: #db4219; background-color: #ffffff; text-decoration: none }
#headroom #menu_sub a:active		{ color: #db4219; background-color: #ffffff; text-decoration: none }
#headroom #menu_sub a.high			{ font-weight: bold }


#headroom #menu_sub_extra{
	position: absolute;
	background-image: url(../images/bgcolors/sub_extranet.png);
	top: 81px;
	left: 226px;
	width: 564px;
	height: 67px;
	padding: 12px 0px 0px 10px;
}
#headroom #menu_sub_extra   				{ color: #ffffff;	font-size: 1.2em; }
#headroom #menu_sub_extra  a				{ color: #ffffff; text-decoration: none }
#headroom #menu_sub_extra  a:visited		{ color: #ffffff; text-decoration: none }
#headroom #menu_sub_extra  a:hover			{ color: #ada411; background-color: #ffffff; text-decoration: none }
#headroom #menu_sub_extra  a:active		{ color: #ada411; background-color: #ffffff; text-decoration: none }
#headroom #menu_sub_extra  a.high			{ font-weight: bold }







/* sublayer content ============================================================== */


#contentroom #menu2	{
	position: absolute;
	background-image: url(../images/bgcolors/weiss_trans90.png);
	top: 0px;
	left: 0px;
	width: 166px;
	padding: 69px 6px 0px 52px;
	overflow: visible;
	color: #000000;
	font-size: 1.2em;
}
#contentroom #menu2 a			{ color: #000000; text-decoration: none }
#contentroom #menu2 a:visited	{ color: #000000; text-decoration: none }
#contentroom #menu2 a:hover		{ color: #000000; background-color: #ffffff; text-decoration: none }
#contentroom #menu2 a:active	{ color: #000000; background-color: #ffffff; text-decoration: none }




#contentroom #main {
	position: absolute;
	background-image: url(../images/bgcolors/weiss_trans90.png);
	top: 0px;
	left: 226px;
	width: 556px;
	overflow: auto;
	padding: 28px 8px 0px 10px;
}
#contentroom #main    				{ color: #000000; font-size: 1.2em; }
#contentroom #main a				{ color: #000000; text-decoration: underline }
#contentroom #main a:visited		{ color: #000000; text-decoration: underline }
#contentroom #main a:hover			{ color: #000000; text-decoration: none }
#contentroom #main a:active			{ color: #000000; text-decoration: none }


#contentroom #main .kurs {
	position: relative;
	width: 538px;
	padding: 8px;
	background-color: #dddddd;
}

#contentroom #main .agenda {
	position: relative;
	width: 538px;
	padding: 8px;
	background-color: #cdcdcd;
}


#contentroom #main .extranet {
	position: relative;
	width: 538px;
	padding: 8px;
	background-color: #dfdfdf;
}

#contentroom #main .footer {
	position: relative;
	width: 544px;
	margin: 30px 0px 10px 0px;
	font-size: 0.82em;
}

#contentroom #main .footer a {
	text-decoration: none;
}

#contentroom .footerstart {
	color: #ffffff;
	position: absolute;
	left: 236px;
	width: 544px;
	margin: 30px 10px 10px 0px;
	font-size: 1.0em;
}

#contentroom .footerstart a {
	color: #ffffff;
	text-decoration: none;
}

#contentroom #mediothek	{
	position: absolute;
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
	width: 784px;
	padding: 8px;
}




/* generic typo  ============================================================== */


h1 { 
	color: #242424; 
	font-size: 1.48em; 
	margin: 10px 0px -4px 0px;	
}

h2 { 
	color: #242424; 
	font-weight: bold; 
	font-size: 1.26em; 
	margin: 0px 0px 2px 0px;	
} 

h3 { 
	font-size: 1.0em; 
	margin: 0px 0px 0px 0px;
	font-weight: bold; 
} 

h4 { 
	font-size: 1.0em; 
	margin: 0px 0px 0px 0px;
	text-decoration: italic;
} 

h5 { 						/* typo color orange */	
	color: #df512b; 
	font-size: 1.26em; 
	margin: 0px 0px 0px 0px;
} 

h6 { 						/* typo color yellow */	
	color: #ada411;
	font-size: 1.26em; 
	margin: 0px 0px 0px 0px;
} 

.extranet h2 { 
	color: #ada411;
	font-weight: bold; 
	font-size: 1.15em; 
	margin: 5px 0px 0px 0px;	
} 

.agenda h2 { 
	/*  color: #df512b;  */
	color: #121212;
	font-weight: bold; 
	font-size: 1.15em; 
	margin: 5px 0px 0px 0px;	
} 

.kurs h2 { 
	color: #df512b;
	font-weight: bold; 
	font-size: 1.15em; 
	margin: 5px 0px 0px 0px;	
} 

form { 
	margin: 0px 0px 0px 0px;
} 



/* form  ============================================================== */


input { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000000;
	background-color: #ffffff;
	border:none;
	vertical-align:middle;
}

select { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000000;
	background-color: #ffffff;
	border:none;
	vertical-align:middle;
}


form { 						 
	margin: 0px 0px 0px 0px;
} 



/* typo colors  ============================================================== */


.white   { color: #ffffff; font-size: 1.0em;  }

.orange  { color: #df512b; font-size: 1.0em;  }

.orangeinput  { background-color: #f03a0a; color: #ffffff; 	font-size: 1.0em;  }

.yellowinput  { background-color: #ada411; color: #ffffff; 	font-size: 1.0em;  }

.yellow  { color: #ada411; font-size: 1.0em;  }

.light  { 	font-weight: normal; font-size: 1.0em;  }