/* CSS Document */
body{
	margin:0px;
	padding:0px;
}

/*Layout-Wrapper
Der Wrapper umfasst die einzelenen div's die das Layout ergeben.
Er sorgt dafuer, dass die Homepage auf dem Bildschirm mittig dargestellt wird.
Pro einzelne Seite wird dem Layout-Wrapper ein Hintergrundbild zugewiesen, was aber direkt im Quellcode gemacht wird.
In dem Wrapper befinden sich folgende Haupt-Div's:
# Header (beinhaltet die Navigation
*/
#layout_wrapper{
	position:absolute;
	width:960px;
	height:550px;
	/*margin:20px auto 0; Wenn von oben noch ein Abstand sein soll*/
	margin-left:-480px;
	left:50%;
	background-color:#EEE;
}

/*Header-Wrapper
In diesem befinden sich die drei Layer 1.) mit dem Menue 2.) mit dem Logo 3.) mit den Fotos*/
#header-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	margin:0px;
	padding:0px;
	height:140px;
}
#header_menue{
	position:absolute;
	top:0px;
	left:5px;
	width:750px;
	margin:0px 0px 0px 0px;
	height:40px;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	/*color:#bebebe;*/
	color:#002d60;
	padding:12px 0px 0px 0px;
}
.blau{
	color:#336;
}
#header_logo{
	position:absolute;
	top:0px;
	left:755px;
	width:188px;
	text-align:right;
	height:40px;
	padding:10px 0px 0px 0px;
	margin:0px;
}
#header_images{
	position:absolute;
	top:40px;
	width:960px;
	height:100px;
	margin:0px;
	padding:0px
}

/*Content-Wrapper
Der Content-Wrapper haelt die einzelenen Content-Bereiche zusammen.
*/
#content-wrapper{
	position:absolute;
	top:140px;
	left:0px;
	width:960px;
	height:390px;
}
#text_content{
	position:absolute;
	top:50px;
	left:510px;
	color:#333;
	width:390px;
	text-align:justify;
}

/* Nur fuer die impressum seite */
#imp{
	position:absolute;
	top:130px;
	left:0px;
	width:370px;
	height:200px;
	overflow:auto;
	padding:0px 5px 0px 0px;
}
/**/

/* Nur fuer die index seite*/
#eingang_german{
	position:absolute;
	top:180px;
	left:40px;
	z-index:100px;
	text-align:left;
}
#eingang_english{
	position:absolute;
	top:180px;
	left:800px;
	z-index:100px;
	text-align:right;
}
/* Nur fuer die index seite*/

/*Footer-Wrapper
Footer-Wrapper beinhaltet die Adresse, Sitemap, Impressum und Datum etc.*/
#footer-wrapper{
	position:absolute;
	top:555px;
	left:0px;
	width:960px;
	padding:0px;
	margin:0px;
	height:30px;
}
#footer_navi_left{
	position:absolute;
	top:0px;
	left:10px;
	width:180px;
	padding:0px 5px 0px 5px;
}
#footer_text_center{
	top:3px;
	position:absolute;
	left:180px;
	width:610px;
	text-align:center;
}
#footer_language_right{
	position:absolute;
	top:0px;
	left:855px;
	width:100px;
	text-align:right;
	padding:0px 10px 0px 0px;
}

/*Formularboxen und classes*/
#form_input {
	position:absolute;
	width:150px;
	height:200px;
	left:0px;
	top:20px;
}
#form_textarea {
	position:absolute;
	width:300px;
	height:80px;
	left:170px;
	top:19px;
}
#form_buttons {
	position:absolute;
	width:250px;
	height:30px;
	left:150px;
	top:151px;
}
.checker {color:#000; width:20px; height:16px; margin-left:20px; border:0px;} 
/*select.lang {font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#333333; border:1px solid #FFFFFF; color:#CCCCCC; width:200px; height:16px;}*/
input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:2px solid #333366; color:#000; width:140px; height:16px;}
/*input.short {font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#333333; border:1px solid #FFFFFF; color:#CCCCCC; width:40px; height:16px;}*/
.plz {width:40px;}
.hnr {width:30px;}
.tag {width:20px;}
.jahr {width:30px;}
textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:2px solid #333366; color:#000; width:250px; height:100px;}
submit, .reset {width:80px; height:20px; margin-left:20px; color:#FFFFFF; background-color:#333366;}
/*Formularboxen und classes // ENDE*/s