/* CSS Document */

html, body, *{
	margin:0px;
	padding:0px;
}
html, body{
	height:100%;
}
body{
	font: 13px/20px Arial, Helvetica, sans-serif;
	color:#333333;
	overflow-x:hidden;
	overflow: -moz-scrollbars-vertical;
	background:url(../images/layout/kachel_body.jpg) 0 0 repeat-x;
	background-color:#CCC;
}	
#wrapper{
	position:relative;
	margin: 0 auto;
	width:668px;
	min-height:100%;
	margin-bottom:-123px;
	
}
* html #wrapper {
	height: 100%;
}
/*headerbereich */

#head{
	position:relative;
	width:668px;
	height:395px;
	background:url(../images/layout/head_hinter.gif) 0 0 repeat-x;
}
#logo{
	width:274px;
	height:111px;
	background:url(../images/layout/logo.jpg) 0 0 no-repeat;
	color:#FFFFFF;
	font-size:1px;
	float:left;

}

#header_bild{
	float:left;
	width:375px;
	height:208px;
	background:url(../images/layout/bild_banner.jpg) 0 0 no-repeat;

}

/*navigationen Sub und Main */
#subnav{
	width:150px;
	float:left;
	height:50px;
	padding:75px 0 15px 220px;
	font-size:1px;
}
#subnav li{
	float:left;
	width:30px;
	list-style:none;
}	
#subnav li a{
	display:block;
	height:21px;
	color:#FFF;
	width:11px;
}
.start a{
	background:url(../images/navigationen/startseite.jpg) 0 0 no-repeat;
}
.start a:active, .start a:hover{
	background:url(../images/navigationen/startseite.jpg) -11px 0  no-repeat;
}
.kontakt a{
	background:url(../images/navigationen/kontakt.jpg) 0 0 no-repeat;
}
.kontakt a:active, .kontakt a:hover{
	background:url(../images/navigationen/kontakt.jpg) -11px 0  no-repeat;
}
.anfahrt a{
	background:url(../images/navigationen/anfahrt.jpg) 0 0 no-repeat;
}
.anfahrt a:active, .anfahrt a:hover{
	background:url(../images/navigationen/anfahrt.jpg) -11px 0  no-repeat;
}
.impressum a{
	background:url(../images/navigationen/impressum.jpg) 0 0 no-repeat;
}
.impressum a:active, .impressum a:hover{
	background:url(../images/navigationen/impressum.jpg) -11px 0  no-repeat;
}
#navigation{
	float:left;
	padding:1px 10px 0 0;
	height:200px;
	width:253px;
	background-color:#7e5144;
	margin:0 10px 0 10px;
}
#navigation li{
	list-style:none;
}
#navigation li a{
	display:block;
	width:263px;
	height:32px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0 10px;
	font-weight:bold;
	background:url(../images/navigationen/normal.jpg) 0 0 no-repeat;
	line-height:26px;
}
#navigation li a:active, #navigation li a:hover{
	display:block;
	width:263px;
	height:32px;
	color:#FFFFFF;
	background:url(../images/navigationen/aktiv.jpg) 0 0 no-repeat;
}
#sec_level{
	height:48px;
	background:url(../images/navigationen/back_navigation.jpg) 0 0 repeat-x;
	width:253px;
	padding:0 0 0 10px;
}
#sec_level li{	
	width:253px;
	height:20px;
}
#sec_level li a{
	font-size:12px;
	background:none;
	font-weight:normal;
}
#sec_level li a:active, #sec_level li a:hover{
	font-size:12px;
	font-weight:normal;
	background:url(../images/navigationen/pfeil.jpg) 0 0 no-repeat;
	padding-left:15px;
}
#ueber{
	display:block;
	background:url(../images/navigationen/normal.jpg) 0 0 no-repeat;
	width:253px;
	height:27px;
	color:#FFF;
	font-weight:bold;
	padding:5px 0 0 10px;
}

/*contentbereich */
#content{
	width:618px;
	min-height:100%;
	background-color:#FFF;
	padding:10px 20px 123px 30px;
}


/* Fooooooooter */
#footer {
	position:relative;
	background:url(../images/layout/footer_kachel.jpg) repeat-x;
	height:123px;
	color:#FFF;
}
#inner_footer{
	margin:0 auto;
	width:668px;
	height:123px;
	background:url(../images/layout/inner_footer.gif) repeat-x;	
}
.name{	
	float:left;
	padding:50px 0 0 40px;
}
.tel{
	float:left;
	padding:50px 0 0 90px;
}
.email{
	float:left;
	padding:50px 0 0 90px;
}
.email a{
	color:#FFF;
}
.email a:active, .email a:hover{
	color:#CCC;
	text-decoration:underline;
}

/* Elemente */

.clear{
	clear:both;
	float:none;
	padding:0px;
	margin:0px;
}
p{
	padding:0 0 15px 5px;

}
h1{
	font-weight:normal;
	font-size:18px;
	color:#622d1d;
}
hr{
	color:#CCC;
	border:none;
	height:1px;
	width:610px;
	margin:2px 0 20px 0;
	background-color:#CCC;
}
.hr_cms{
	text-align:left;
	color:#CCC;
	border:none;
	height:1px;
	width:270px;
	margin:5px 0 5px 5px;
}
.center{
	text-align:center;
	float:left;
	padding:5px;
}
.projekt{
	color:#622d1d;
	border:none;
	height:1px;
	width:610px;
	margin:10px 0 20px 0;
	background-color:#622d1d;
}
.bild{
	float:left;
	padding:5px 20px 20px 20px;
}
.bild10{
	float:left;
	padding:5px 20px 20px 40px;
}
.bild2{
	float:left;
	padding:5px 5px 5px 5px;
}
.bild3{
	float:left;
	padding:5px 10px 2px 5px;
}
.bilder{
	padding:5px;
	border:1px solid #622d1d;
}
.textlink{
	color:#622d1d;
}
.textlink:active, .textlink:hover{
	color:#CCC;
	text-decoration:underline;
}
.top{
	text-align:right;
	padding:15px 20px 0 0;
}
.thirdnav{
	width:600px;
	padding:0 0 10px 100px;
}
.thirdnav li{
	list-style:none;
	display:block;
	float:left;
	padding-right:10px;
}
.thirdnav li a{
	color:#622d1d;
	background:url(../images/layout/pfeil_third.jpg) 0 0 no-repeat;
	padding:0 10px 0 15px;
	text-decoration:none;
}

.thirdnav li a:active, .thirdnav li a:hover{
	color:#333;
	background:url(../images/layout/pfeil_third2.jpg) 0 0 no-repeat;
	padding:0 10px 0 15px;
	text-decoration:underline;
}
.top a{
	background:url(../images/layout/top01.jpg) 0 0 no-repeat;
	padding-left:10px;
	color:#622d1d;
	text-decoration:none;
}
.top a:active, .top a:hover{
	background:url(../images/layout/top02.jpg) 0 0 no-repeat;
	padding-left:10px;
	color:#333;
	text-decoration:underline;
}
.textfloat{
	float:left;
	width:300px;
}
#content a{
	color:#622d1d;
	text-decoration:underline;
}
#content a:active, #content a:hover{
	color:#333;
	text-decoration:none;
}
#spalte1{
	float:left;
	width:200px;
}
#spalte2{
	float:left;
	margin-top:-30px;
}
#spalte3{
	float:left;
	padding:0 0 20px 50px;
}
#spalte4{
	float:left;
	width:300px;
}
#spalte5{
	float:left;
	padding-left:20px;
	width:290px;
}