/* CSS Document fr*

Wichtige Farben:

*/

*{
padding:0;
margin:0;
}

.meta {
	display:none;
}

html,body{
	font:16px/24px Arial,sans-serif;
	text-align:center;
	background-color:#339933;
	height:100%;
}

div#page{
	width:770px;
	margin:0 auto;
	background-color:#FFFFFF;
	background-image:url(../images/bg_inhalt.gif);
	background-position:10px 10px;
	background-repeat:repeat-y;
	border-bottom:10px solid #FFF;
}

div#head{
	width:750px;
	margin:0 auto;
	position:relative;
	height:120px;
	text-align:left;
	background-color:#FFFFFF;
	padding-top:10px;
	background-image:url(../images/logo_naturfreundehaus.gif);
	background-position:673px 20px;
	background-repeat:no-repeat;
}

	div#head h1{
		font-size:12px;
		position:absolute;
		right:77px;
		line-height:100px;		
	}

	div#head img{
		float:left;
		border-right:1px solid #FFFFFF;
	}
	div#head ul#navigation{
		list-style-type:none;
		background-color:#CC3333;
		border-left:0;
		border-right:0;
		margin:0 auto;
		text-align:left;
		position:absolute;
		bottom:0;
		left:0;
		width:750px;
		border:1px solid #FFFFFF;
		border-width:1px 0 1px 0;
	}
	
		div#head ul#navigation li{
			float:left;
			border-right:1px solid #FFFFFF;
			position:relative;
			font-size:16px;
		}
			div#head ul#navigation li a{
				color:#FFFFFF;
				text-decoration:none;
				padding:3px 10px;
				line-height:24px;
			}

			div#head ul#navigation li a:hover{
				background-color:#000000;
				border-bottom:1px solid #000;
			}

			
			div#head ul#navigation li ul{
				position:absolute;
				z-index:2;
				left:-1px;
				top:24px;
				width:auto;
				width:150px;
				margin:0;
				padding:0;
				border:1px solid #FFF;
				background-color:#E08585;
				border-bottom:0;
				display:none;
			}
			div#head ul#navigation li ul.sichtbar{
				display:block;
			}
			div#head ul#navigation li ul li{
				display:block;
				clear:both;
				background-color:#E08585;
			}
			div#head ul#navigation li ul li{
				padding:0;
				line-height:18px;
				margin:0;
				border:0;
				display:block;
			}
			
			div#head ul#navigation li ul li a{
				padding:0;
				margin:0;
				display:block;
				width:130px;
				border-bottom:1px solid #FFFFFF;
				padding:0 10px;
				font-size:14px;
				background-color:#E08585;
				line-height:18px;
			}

			div#head ul#navigation li ul li a:hover{
				background-color:#CC3333;
				border-bottom-color:#FFF;
			}
			
div#inhalt{
	width:750px;
	clear:both;
	margin:0 auto;
}

	div#inhalt a{
		color:#CC3333;
	}

	div#inhalt h2, div#inhalt h3{
	float:left;
	text-align:left;
	border-bottom:1px solid #FFFFFF;
	}
	
	div#inhalt h2{
		font-size:18px;
		width:339px;
		background:#CC3333;
		font-weight:bold;
		color:#FFFFFF;
		line-height:46px;
		border-right:1px solid #FFFFFF;
		padding:0 10px;
		text-align:right;
	}
	
	div#inhalt h3{
		font-size:18px;
		width:370px;;
		background:#CADDC9;
		font-weight:bold;
		color:#000000;
		padding:0 10px;
		line-height:46px;
	}

	div#inhalt h4{
		margin-bottom:4px;
		font-size:11px;
	}
	
	div#texte,div#bilder{
		float:left;
		text-align:left;
	}
	
	div#bilder{
		width:339px;
		padding:10px;
	}
			div#bilder img{
				margin-bottom:10px;
				display:block;
			}
	div#texte{
		width:370px;
		margin-left:1px;
		padding:10px 10px;
		font-size:12px;
		line-height:16px;
	}
		
		div#texte p, div#texte li{
			margin-bottom:1em;
		}
		
		div#texte ul{
			margin-left:30px;
		}
		
		div#texte address{
			font-style:normal;
			margin-bottom:1em;
		}
	
		div#texte p.alternative_navigation{
			text-align:right;
		}
		
		div#texte a img{
			border:0;
		}
	div#foot{
		clear:both;
	}
	
	form#buchungsformular label{
		display:block;
		cursor:pointer;

	}
		form#buchungsformular input, form#buchungsformular select, form#buchungsformular textarea{
		margin-bottom:1em;
	}
	
	form#buchungsformular legend{
		font-weight:bold;
		margin-bottom:1em;
	}
		
	form#buchungsformular textarea{
		width:300px;
		height:80px;
	}
	
	form#buchungsformular fieldset{
		border:none;
	}
	
	form#buchungsformular label.fehler{
		color:red;
		font-weight:bold;
	}
	
	form#buchungsformular option{
		padding:0 2px 0 2px;
	}
	
	form#buchungsformular select{
		float:left;
	}
	
	form#buchungsformular span{
		float:left;
		padding:5px 5px 0 5px;
	}
	
	#letztereihe .radio{
		float:left;
		margin-right:10px;
	}

	#letztereihe br{
		clear:both;
	}
	
	#drei label{
		float:left;
		width:180px;
	}
	
	#drei #letztereihe label{
		float:none;
		width:30px;
		display:inline;		
	}
	
 
	#drei .breit{
	clear:both;
	width:100%;
	margin:1em 0;
	font-weight:bold;
	}
	
	#submit{
		width:auto;
	}