/*---layout---*/

body{
background-color:#000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
color: #5b3927;
background-color: #617006;


	}

a{
	text-decoration: none;
	color: #b1c903;
}


h1{
padding: 0;
margin: 0;
	
}


h2{
	
}


h3{
	
}


h4{
font-weight: bold;
color: #b1c903;	
}


.brown{
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	float:left;
}

.green{
	font-size: 16px;
	font-weight: bold;
	color: #577015;
	text-transform: uppercase;
	float: left;
	
}


#wrapper{
width: 1300px;
margin: 0 auto;

background: url(../reformhaus_schlosshauer/img/bg_wrapper_01.jpg)no-repeat scroll 0 0 transparent;

background-repeat: no-repeat;
	
}


#header{
width: 960px;
margin: 0 auto 0 auto;
background-color: #ffffff;
background-image: url(../reformhaus_schlosshauer/img/bg_header.png);
background-repeat: no-repeat;
background-position: top;
padding:0;	
}


#container{
width: 960px;
margin: 0 auto 0 auto;
background-color: #ffffff;
padding: 0;

}

#main{
width: 610px;
background-color: #ffffff;
padding: 10px 10px 10px 20px;	
}


#right{
width: 280px;
margin:10px;
padding: 10px;
background-color: #f8f9eb;
font-size: 12px;	
}

#footer{
width: 960px;
margin: 0 auto 0 auto;
background-color: #ffffff;

background-repeat: no-repeat;
background-position: top left;
}


/*---header---*/


#logo a{
width: 180px;
height: 80px;
float: left;
position:absolute;
margin: 0;
padding: 0;
background-image: url(../reformhaus_schlosshauer/img/img_logo.png);
z-index:5;
}

#sublogo a{
width: 115px;
height: 75px;
float: left;
position:absolute;
margin: 0 0 0 200px;
padding: 0;
background-image: url(../reformhaus_schlosshauer/img/img_logo_vita_nova.png);
background-repeat: no-repeat;
z-index:5;
}

#logo span, #sublogo span{
	display: none;
}


/*---footer---*/

#copyright{
	width: 960px;
	float: left;
	text-align: center;
	font-size: 10px;
	color: #b1c903;
	margin: 5px;
}


#copyright a{
	color: #b1c903;
	text-decoration:underline;	
}

/*---Navigation---*/

.mod_navigation{
width: 320px;
float:right;
margin: 30px 0px 10px 10px;
padding:0;
	
}

.mod_navigation a{
color: #ffffff;
	
}

.mod_navigation ul{
	width: 320px;
	height: 20px;
	text-transform: uppercase;

	float: left;
	font-size: 12px;
	list-style:none;
	margin: 0;
	padding:0;
}

.mod_navigation li{
	width: 75px;
	height: 20px;
	float: left;
	text-align: center;
	margin: 0;
	padding:0;
	font-size: 11px;
	
	text-decoration: none;
	color: #ffffff;
}

.active, .first{
	color: #cdda52;
}


/*---Image random---*/
.mod_randomImage, .image_container{
	width: 940px;
	height: 425px;
	float: left;
	margin: 0;
	padding: 0;
	z-index:1;
}

.mod_randomImage{
	margin: 15px 0 0 10px;
	padding: 0;
	
}


/*---content---*/



.ce_text{
	width: 600px;
	float: left;
	
}

.filialen{
	width: 290px;
	
	float: left;
	margin: 0 10px 0 0;
}

.seperator{
	width: 610px;
	height: 1px;
	background-color: #b1c903;
	float: left;
	margin: 10px 0 10px 0;
}

.mod_dlh_googlemaps{
	float:left;
	border: 5px solid #f8f9eb;
	margin: 10px 0 10px 0;
}

.anschrift{
	margin-bottom: 20px;
	
}


/*---formular---*/

.ce_form{
	float: left;
}

.formbody{
	width: 420px;
	height: 300px;
	background-color: #f8f9eb;
	padding: 10px;
	float: left;
	
}

label{
	width: 120px;
	height: 20px;
	margin: 2px 0 2px 0;
	padding:0;
	clear: left;

	float:left;
}

input, textarea{
	float: right;
	width: 280px;
	
	display: block;
	margin: 2px 10px 2px 0;
}

select{
	width: 80px;
	float: left;

}

.contactinfo{
	width: 160px;
	background-color: #ffddee;
	float:left;
}


.mod_dlh_googlemaps{
	font-size: 11px;
}
