/* ... CSS Datei für die Homepage der Ferienwohnung Vetter ... */

html, body {
	width:100%;
}

body {
	text-decoration: none;
	font-weight: normal;
	font-size:15px;
	font-family: Trebuchet MS, verdana;
	margin:0;
	padding:0;
	color:#000;
	background-color:#c9d2ef;
	
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image: url(bilder/punkt.gif);
	background-repeat:repeat;
}

.seite {
	width:880px;
	border:0;
	padding:0;
	float:left;
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

/*... Oberer Teil der Seite ...*/

div#oben{
	text-align: right;
	padding:0;
	margin:0;
	overflow:hidden;
	font-family: Trebuchet MS, verdana;
	position:relative;
	border:0;
}

div#oben a{
	padding:0;
	border:0;
	margin:0;
}

div#oben h1{
	position:absolute;
	bottom:20px;
	left:20px;	
	font-weight:normal;
	font-size:25px;
	color:#fff;
	font-family: Trebuchet MS, verdana;
	padding:0;
	margin:0;
}

/*... Hauptbereich ...*/

div#content	{
	float:right;
	width:680px;
	border:0;
	text-align:left;
	line-height:1.2;
	padding:0;
	margin:0;
	
}

div#content_innen{
	padding:20px;
	padding-left:30px;
	padding-right:30px;
	margin:0;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}

#content a	{
	color:#222;
	text-decoration:none;
}

#content a:hover{
	color:#444;
}

div#content p, div#content ul	{
	color:#444;
}

div#content ul	{
	color:#444;
	margin-left:10px;
	padding-left:10px;
	list-style-type:square;
}

div#content ul li	{
	padding-left:7px;
}


h1 {
	padding-bottom:5px;
	text-align:left;
	color:#2e6827;
	font-size:24px;
	font-weight:normal;
}

h2 {
	text-align:left;
	font-weight:normal;
	padding-top:3px;
	color:#2e6827;
	font-size:18px;
	margin:0;
}

/*... Navigation ...*/

ul#navi_links{
	margin: 0px;
	text-align: left;
	float: left;
	width:200px;
	padding: 0; 
	margin-top:30px;
	margin-bottom:30px;
	border:0;
	border-top:1px solid #ddd;
	background-color:#fff;
}

ul#navi_links li{
	list-style: none;
	border:0;
	padding:0;
}

ul#navi_links a, ul#navi_links span{
	padding:9px 13px 9px 13px;
	border:0;
	margin:0;
	font-size:15px;
	color:#000;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #ddd;
	background-color:#fdfaa2;
	
}

ul#navi_links a.aktiv, ul#navi_links a:hover{
	background-color:#657e3f;
	color:#fff;
	
}


img{
	border:0px;
}

.eingabe, .eingabe1 {
	font-family: Trebuchet MS, verdana;
	margin-top: 4px;
	color:#444;
}

.eingabe{
	padding: 3px 5px 3px 5px;
}

p {
	text-align:justify;
}

a.galerie {
	float:left;
	margin: 0px 8px 0px 8px;
	padding:9px;
	border: 1px solid #ffffff;
	background-color:#fff;
}

img.galerie {
	border: 0px;
	background-color:#fff;
}

a:hover.galerie {
	border: 1px solid #ddd;
}

#traceform, #uploadform, #auswahl, #belegungsform, #bel_uebersicht {
	padding: 20px 15% 20px 15%;
	border: 1px solid #CCCCCC;
	text-align:left;
	margin:none;
}

#kontaktform {
	text-align: left;
}

br.clear {
	clear:both;
	height:0;
	font-size:0;
}

div#unten{
	border:1px solid #ddd;
	padding:6px;
	background-color:#657e3f;
	color:#000;
	margin:0;
	text-align:right;
}

div#unten a{
	color:#fff;
	padding:0;
	margin:0;
	text-decoration:none;
	padding-right:8px;
}

div.bild_rechts{
	float:right;
	display:block;
	margin-bottom:10px;
	margin-left:15px;
	margin-top:0;
	border:0;
}

div.bild_links{
	float:left;
	display:block;
	margin-bottom:10px;
	margin-right:15px;
	margin-top:0;
	border:0;
}