/*
Juni '07 lduelberg@netzpepper.de
*/

/* main body and html styles */
body {
	background-image: url(/fileadmin/sites/waldhaus/bilder/layout/hintergrund.jpg);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	font-size: 12px;
}
html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	overflow: auto;
	overflow-x: hidden;
}
a {
	color: #fff;
}


/* zentrierung */
div#zentrierung {
	position: relative;
	width: 958px;
	height: 548px;	
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-bottom: 0px;
	color: black;
	background-color:transparent; 

}

div#zentrierung div#trenner{
	top:184px;
	left:5px;
	height:2px;
	width:954px;
	position:absolute;
	background-color:#97A641; 
}

div#top {
	position:relative;
	width: 958px;
	height: 140px;
	top:40px;
	border: 3px solid #606060;
	border-bottom: 0px;
	background-repeat: no-repeat;
	background-color:white;
	overflow:hidden;
}

div#top div#flash{
	margin:1px;
	margin-bottom:0px;
	position:absolute;	
	right: 0px;
	top: 0px;
	width: 956px;
	height: 138px;
	overflow:hidden;
}

div#quicknavi{
	position:absolute;
	height: 15px;
	top:610px;	
	padding:2px 0px 2px 0px;	
	right:0px;	
	overflow:hidden;
	background-color:transparent;
}

div#quicknavi a{
	font-size: 1.0em;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	text-align:right;
}

div#quicknavi a:hover{
	color:#606060;
}

div#navi {
	position:absolute;
	left:0px;
	top:183px;	
	width:175px;
	height:383px;	
	padding-top: 40px;	
	background-color:#FFFFFF;
	border: 3px solid #606060;
	border-right:0px;
	border-top:0px;
	background-repeat: no-repeat;	
	text-align:left;
	list-style-type:none;
}

div#navi a{
	font-size: 1.0em;
	font-weight:bold;
	display:block;
	color: #514F4F;
	text-decoration: none;
	padding: 0px 0px 0px 45px;
	line-height:22px;
	list-style-type:none;
}

div#navi a.aktiv{
	color: #97A641;
	list-style-type:none;
}

div#navi a:hover{
	color: #97A641;
	list-style-type:none;
}

div#navi2 a{
	padding:0px 0px 0px 60px;
	color:#767676;
	list-style-type:none;
}
div#content{
	position:absolute;
	left: 178px;
	top: 183px;	
	width: 735px;	
	padding: 18px 24px 12px 24px;	
	border:3px solid #606060;
	border-left:0px;
	border-top:0px;
	color:black;	
	overflow:hidden;
	background-color:#FFFFFF; 
}

/*------------------------------------------
--------------------------------------------*/

div#contentbackground {
	width: 738px;
	height:393px;	
	background-color:transparent;
}

div#content div#inhaltmitte {
	height:387px;
	overflow:auto;
	border-left:20px solid #606060;
}

div#content div#inhaltmitte div#paddiv{
	margin: 0px 20px 0px 20px;
	

}

div#content div#inhaltrand {
	width: 155px;
	height:387px;
	overflow:hidden;	
	float: right;
	background-color:transparent;
}


/*------------------------------------------
--------------------------------------------*/


div#content h1{
	font-size: 1.2em;
	margin-top: 8px;
	margin-bottom: 10px;
	padding:0;	
	
	text-transform: uppercase;
}

div#content h2{
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0;	
	
	text-transform: uppercase;
}
div#content h3{
	font-size: 1.05em;
	margin-top: 3px;
	margin-bottom: 2px;
	padding:0;	
}
div#content h4{
	font-size: 1.00em;
	margin-top: 2px;
	margin-bottom: 0px;
	padding:0;	
}
div#content h5{
	font-size: 1.00em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0;	
}
div#content h6{
	font-size: 1.00em;
	margin-top: 1px;
	margin-bottom: 0px;
	padding:0;	
}

div#content a{
	color: #6A3C3E;
	color: #777;
	
	text-decoration: underline;
}

/* Verlinkte Bilder haben keinen Rahmen!*/
div#content img{
	border:0px solid black;
}

div#content p{
	margin: 0px 0px 12px 0px;
	padding:0;	
}

/*--------Template 2spalten-------
--------------------------------*/

div#2spalten_drumherum{
	position:relative;
	width:100%;
	background-color:orange;
}
div#links{
	float:left;
	width:57%;
	padding-right:10px;
}
div#rechts{
	float:left;
	width:37%;
	border-left:2px solid #592F31;
	padding-left:8px;
	margin-top:31px;
	margin-bottom:30px;
}


/************************************
	Kontaktformular
*************************************/

div#kontakt {
}

div#kontakt .bad{
	border:1px solid red;
}


div#kontakt input{
}


div#kontakt textarea{
	overflow: auto;
}

div#kontakt td {
	padding-top:4px;
}

div#kontakt td.col1 {
}
div#kontakt td.col2 {
	/* padding-left: 88px; */
}

div#kontakt input.submit{
	color:#black;
	background-color: #97A641;
	font-weight:bold;
}

/* spacer im menu */
span.spc {
	visibility: hidden;
}