/* CSS Document */ @charset "UTF-8"; 


* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0; 
padding: 0; 
} 

body { 	
text-align: center; /* text-align: center - Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
background-color: #fff;
}  

#wrapper { 	
width: 988px; 
height: auto;
visibility: visible; 
margin: 0px auto; 
background-position: center top;
text-align: left;
border: 0px solid black;
display: inline-block;
background-color: #fff;
/* bottom: 0px; */
}

#head { 	
background-image: url(../img/scala_top.png);
background-repeat: no-repeat;
background-position: center top;
width: 988px;
height: 155px;
position: absolute; 
top: 0px;
}
				
#content { 	
width: 880px; 
height: auto;
/* position: relative;
overflow: auto; */
margin-top: 180px;
padding-top: 10px;
margin-left: 60px;
border: 0px solid black; 
background-image: url(../img/scala_constructionkarte.png);
background-repeat: no-repeat;
background-position: right top;
}
	
			
#footer {   	
background-image: url(../img/scala_bottom.png);
background-repeat: no-repeat;
background-position: center bottom;
width: 988px;
height: 85px;
/* position: absolute; 
bottom: 0px; */
border: 0px solid black;
display: inline-block;
}

		


/* Font Styles */

h1 						{ font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #00a8e7; margin-bottom: 30px; background-attachment: 0 0; background-repeat: no-repeat;}
	
	#willkommen			{ text-indent: -999em; background-image: url(../img/headline-1-willkommen.png); }

h2						{ font-family:Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.4em; color: #00a8e7; margin-bottom: 10px; width: 430px; }

p						{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #222; margin-bottom: 12px; width: 430px; }


.light-blue 			{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #e0f5fc; }
a.light-blue:link		{ color: #e0f5fc; text-decoration: none; }
a.light-blue:hover		{ color: #e0f5fc; text-decoration: underline; }
a.light-blue:active		{ color: #e0f5fc; text-decoration: none; }
a.light-blue:visited	{ color: #e0f5fc; text-decoration: none; }

p.footertext			{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #e0f5fc; margin-left: 130px; margin-top: 52px; width: auto; }
p.navtext				{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #e0f5fc; margin-left: 680px; margin-top: 30px; width: auto; }



/* Lists */

ul { 
font-family:Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 1.5em; 
color: #222; 
width: 430px; 
list-style-image: url(../img/bullets.gif);
margin-left: 15px;
margin-top: 20px;
}

ul li {
margin-bottom: 5px;
}




/* Tables */

table { 
font-family:Arial, Helvetica, sans-serif; 
font-size: 12px; color: #222; 
}

table .head_1 { 
background-image: url(../img/table_hl_1.png); 
background-repeat: no-repeat;
}

table td.bg_dark {
background-color: #c2eaf9;
padding-left: 8px;
}

table td.bg_light {
background-color: #e0f5fc;
padding-left: 8px;
}




/* MODS - FIXES - HACKS - PATCHES */

.clearfix:after { /* clearfix zum Aufheben der Floatumgebung */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
.clearfix {
	display: inline-block; }
* html .clearfix { /* Hides from IE-mac \*/
	height: 1%;}
.clearfix {
	display: block;} /* End hide from IE-mac */
	
	
	
	
	
	
/* IE 6 */

	
	
			

* html {}
									

/* IE 7 */	


			
* + html {}