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




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

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

body.bg0 {
	
}
body.bg1 {
	
}
body.bg2 {
	
}
body.bg3 {
	
}
body.bg4 {
	
}
body.bg5 {
	
}
body.bg6 {
	
}
body.bg7 {
	
}
body.bg8 {
	
}
body.bg9 {
	
}
body.bg10 {
	
}
body.bg11 {
	
}
body.bg12 {
	
}
body.bg13 {
	
}
body.bg14 {
	
}
body.bg15 {
	
}
body.bg16 {
	
}
body.bg17 {
	
}
body.bg18 {
	
}
body.bg19 {
	
}
body.bg20 {
	
}
body.bg21 {
	
}
body.bg22 {
	
}
body.bg23 {
	
}
body.bg24 {
	
}
body.bg25 {
	
}





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


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

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

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





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


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

#headroom #menu {
	position: relative;
	top: -74px;
	left: 0px;
	width: 720px;
	height: 33px;
	color: #ffffff;
	font-size: 1.6em;
	padding: 0px 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 {
	visibility: hidden;
	position: absolute;
	top: -180px;
	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: relative;
	top: -83px;
	left: 0px;
	width: 564px;
	height: 67px;
	padding: 0px 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: relative;
	top: -83px;
	left: 0px;
	width: 564px;
	height: 67px;
	padding: 0px 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	{
	visibility: visible;
	position: absolute;
	top: 220px;
	left: 660px;
	width: 240px;
	padding: 0px 0px 0px 52px;
	overflow: visible;
	color: #000000;
	font-size: 1.2em;
	text-decoration: italic;
}
#contentroom #menu2 a			{ color: #000000; text-decoration: italic }
#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;
	top: 148px;
	left: 0px;
	width: 620px;
	overflow: visible;
	padding: 0px 0px 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: #eaeaea;
}


#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.9em;
}

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

#contentroom .footerstart {
	visibility: hidden;
	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: 50px;
	left: -30px;
	width: 750px;
	padding: 0px;
}



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


h1 { 
	color: #383838; 
	font-size: 1.4em; 
	margin: 10px 0px 0px 0px;	
}

h2 { 
	font-weight: bold; 
	font-size: 1.15em; 
	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: 6px 0px 0px 0px;	
} 

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

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




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


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

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




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


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

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

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

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