@import url('menu.css');
@import url('content.css');



@media all{
* { margin:0; padding:0; font-size: 100%; }
html { height: 100% } 
body { 
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H\FFFDhe des Browserfensters. */
	min-height: 101%;

	/* Beseitigung des Rundungsfehlers bei Schriftgr\FFFD\00FFFDen im Opera sowie Standardformatierungen */
	font-size: 100.01%; 

	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr\FFFD\00FFFDe des Browser 
	Fensters ge\FFFDndert wird. */
	position: relative; 

	/* Vorgabe der Standardfarben und Textausrichtung*/     
	color: #000;
	background-image: url(../images/bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: left; 
	font-family:Verdana, Arial, 'Times New Roman';
} 
}




/*root template */

#head{font-size:.8em;width:782px;height:18.7em;margin:auto;clear:both;background-color:#f0ece3;}

.headpic{height:6.25em;width:auto;margin:auto;border:1px solid #000;border-top:0;background-color:#ffcc00; }

.toppic{height:3em;width:auto;margin:auto;border:1px solid #000;background-color:#ffcc00;clear:both;}

.headline h2{font-size:1.8em;font-style:italic;color:#e4b601;}

#container{
	width:780px;
	margin:auto;
	margin-bottom:0;
	background-image: url(../images/bg_content.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	clear:both;
	border:1px solid #000;
	border-top:0;
	font-size:.8em;
}

.leftpic{width:4.2%;float:left;}

#content_left{width:27%;z-index: 3;float:left;min-height:20em;padding:.1em;}

* html #content_left{height:20em;}

#content{width:67.5%;float:right;z-index: 1;padding:.6em .2em .6em .2em;}
#content_left, #content{position:relative;}


#footer {
	font-size:.8em;
	clear:both;
	width:774px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	height:3.5em;
	margin:auto;
	background-image: url(../images/footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-align:right;
	font-size:.67em;
	color:#868582;
	padding:.5em .56em 0 0;
}


#footer a {color:#868582;text-decoration:none;}

.footertext{width:780px;margin:auto;clear:both;color:#ccc;text-align:right;font-size:.7em}
.footertext span{color:#ccc;}
.footertext a{color:#ccc;}


/* Clearfix-Methode zum Clearen der Float-Umgebungen */

.clearfix:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Diese Angabe ben\FFFDtigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Ben\FFFDtigt nur der Internet Explorer und \00FFFDber iehacks.css zugeschaltet */
#ie_clearing { display: none }