body {
        margin:0 auto;
        height:100%;
        background:#598B04 url(img/back2.jpg) top center no-repeat;
        font-family:Arial, Helvetia, Verdana, sans-serif;
        color:#356C32;
		text-align:center;
}

#extra-div-gesamt {
		position:relative;
        margin:0 auto;
		background: url(img/bg-kachel.jpg) repeat-y top center;
        width:900px;
}

#gesamt {
		position:relative;
        margin:0 auto;
		background: url(img/bg-gesamt.jpg) no-repeat top center;
        width:900px;	
}

#head {
		margin:0;
		width:900px;
		height:282px;
		background: url(img/header.jpg) no-repeat top center;
}

/* --------------------------- Slideshow ----------------------- */

#slideshow {
		margin:0;
		width:900px;
		height:150px;
		text-align:left;
		
	
}


#images-slideshow {
		margin-left:150px;
}

/* --------------------------- Hauptnavigation ----------------------- */

#nav {  
		margin:0;
		padding:0;
		width:350px;
		font-size:80%;
		float:left;
		
		  
}

#nav ul {
        list-style-type:none;
		margin-left:0;
		margin-right:0;
		margin-top:0;
        margin-bottom:0;
        padding-left:150px;
		padding-bottom:0;
		text-align:left;

}

#nav li { 
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		margin-top:0;
}

#nav li a, #nav li span {
		margin:0;
		display:block;
		padding: 0.25em 0 0.25em 20px;
		text-decoration:none;
		height:1%;

}

#nav li a.start:link, #nav li a.start:visited {
        color:#fff;
		background:#B1C700;
		margin:0;

}

#nav li a.start:hover, #nav li a.start:active, #nav li a.start:focus {
		color:#356C32;
		background:#fff;
		margin:0;
}

#nav li a.camping:link, #nav li a.camping:visited {
        color:#fff;
		background:#86B817;
		margin:0;

	
}

#nav li a.camping:hover, #nav li a.camping:active, #nav li a.camping:focus {
		color:#356C32;
		background:#fff;
		margin:0;
}

#nav li a.wohnwagen:link, #nav li a.wohnwagen:visited {
        color:#fff;
		background:#72A323;
		margin:0;

	
}

#nav li a.wohnwagen:hover, #nav li a.wohnwagen:active, #nav li a.wohnwagen:focus {
		color:#356C32;
		background:#fff;
		margin:0;

}

#nav li a.preise:link, #nav li a.preise:visited {
        color:#fff;
		background:#42A62A;
		margin:0;

	
}

#nav li a.preise:hover, #nav li a.preise:active, #nav li a.preise:focus {
		color:#356C32;
		background:#fff;
		margin:0;

}





#nav li a.angebote:link, #nav li a.angebote:visited {
       	color:#fff;
		background:#4CAA43;
		margin:0;


}

#nav li a.angebote:hover, #nav li a.angebote:active, #nav li a.angebote:focus {
		color:#356C32;
		background:#fff;
		margin:0;

}

#nav li a.news:link, #nav li a.news:visited {
       	color:#fff;
		background:#328F42;
		margin:0;


}

#nav li a.news:hover, #nav li a.news:active, #nav li a.news:focus {
		color:#356C32;
		background:#fff;
		margin:0;

}

#nav li a.ueberuns:link, #nav li a.ueberuns:visited {
        color:#fff;
		background:#008A2E;
		margin:0;


}

#nav li a.ueberuns:hover, #nav li a.ueberuns:active, #nav li a.ueberuns:focus {
		color:#356C32;
		background:#fff;
		margin:0;

}

#nav li a.anreise:link, #nav li a.anreise:visited {
        color:#fff;
		background:#00752E;
		margin:0;

}


#nav li a.anreise:hover, #nav li a.anreise:active, #nav li a.anreise:focus {
		color:#356C32;
		background:#fff;
		margin:0;

}

#nav li a.kontakt:link, #nav li a.kontakt:visited {
        color:#fff;
		background:#006732;
		margin:0;

}


#nav li a.kontakt:hover, #nav li a.kontakt:active, #nav li a.kontakt:focus {
		color:#356C32;
		background:#fff;
		margin:0;

}

#nav li a.impressum:link, #nav li a.impressum:visited {
        color:#fff;
		background:#005B2D;
		margin:0;

}

#nav li a.impressum:hover, #nav li a.impressum:active, #nav li a.impressum:focus {
		color:#356C32;
		background:#fff;
		margin:0;
}

#nav li span {
		color:#356C32;
		background:#fff;
		margin:0;
}

/*............... Sidebar .............*/	

#sidebar {
		position:relative;
		margin-bottom:0;
		padding:0;
		width:350px;
		height:220px;
		float:left;

}



#sidebar-content { 
		padding-left:150px;
		text-align:left;
		background: url(img/notizzettel.jpg) no-repeat top right;
	
	
		
}

#sidebar-content h1 {
		font-size:100%;
		font-weight:bold;
}

#sidebar-content p {
		font-size:90%;
		
}


#sidebar-content a:link, #sidebar-content a:visited {
		text-decoration:underline;
		color:#356C32;
}

#sidebar-content a:hover, #sidebar-content a:active, #sidebar-content a:focus {
		text-decoration:underline;
		color:#96BF0D;
}



/*............... Newsbar .............*/	

#newsbar {
		position:relative;
		margin-bottom:0;
		padding:0;
		width:350px;
		float:left;

}

#newsbar-content { 
		padding-left:150px;
		text-align:left;
		color:#fff;

	
		
}

#newsbar-content img {
		margin:0;
		padding-bottom:3px;
}

#newsbar-content h2 {
		margin:0;
		display:block;
		padding: 0.25em 0 0.25em 20px;
		font-size:100%;
		font-weight:bold;
		background-color:#96BF0D;
}

#newsbar-content p {
		margin-top: 0.25em;
		padding: 0 20px 0 20px;
		font-size:90%;
		
		
}

#newsbar-content a:link, #newsbar-content a:visited {
		text-decoration:underline;
		color:#fff;
}

#newsbar-content a:hover, #newsbar-content a:active, #newsbar-content a:focus {
		text-decoration:underline;
		color:#96BF0D;
}

/*............... Fotogalerie .............*/

#container {
		position:relative;
		margin-bottom:0;
		padding:0;
		width:350px;
		float:left;
		
}



#container-content { 
		padding-left:150px;
		text-align:left;
		color:#fff;

}

#container-content img {
		padding-bottom:3px;
}

#container-content h3, #container-content h6 {
		margin:0;
		display:block;
		padding: 0.25em 0 0.25em 20px;
		font-size:100%;
		font-weight:bold;
		background-color:#96BF0D;
}

#container .thumbs { 
		padding-left:20px;
		padding-right:20px;
		padding-top:10px;
		text-align:left;
		color:#3A531C;
}

#container .thumbs a:link, #container .thumbs a:visited, #container .thumbs a:active {
		text-decoration:none;
		color:#3A531C;


}

#container .thumbs a:hover {
		text-decoration:none;
		color:#3A531C;

}

#container .thumbs a:link#current, #container .thumbs a:visited#current, #container .thumbs a:active#current {
        text-decoration:none;
		color:#3A531C;
	

}

#container .thumbs a:link img, #container .thumbs a:visited img, #container .thumbs a:active img {
		border:none;
		text-decoration:none;
		color:#3A531C;
}

#container .thumbs a:hover img {
        border:none;
		text-decoration:none;
		color:#3A531C;
}

/* --------------------------- Sylt Wetter ----------------------- */

#sylt-wetter {
		position:relative;
		margin-bottom:0;
		padding:0;
		width:350px;
		float:left;
		
}



#sylt-wetter-content { 
		padding-left:150px;
		text-align:left;
		color:#fff;
}

#sylt-wetter-content h6 {
		margin:0;
		display:block;
		padding: 0.25em 0 0.25em 20px;
		font-size:100%;
		font-weight:bold;
		background-color:#96BF0D;
}

#wetterkarte {
		padding-top:10px;
		padding-left:20px;
		z-index:1;
}

#wetterkarte object { z-index:1; }
	
/* --------------------------- Content ----------------------- */

#content {
        margin:0;
		padding:0;
        text-align:left;
		width:400px;
		float:left;

}

#content-text { 
		margin-top:0;
		padding-left:20px;
		padding-right:55px;
		padding-top:10px;
		padding-bottom:10px;
}

#content-text h1, #content-text h2, #content-text h3, #content-text h4, #content-text h5 {
		font-size:100%;
		font-weight:bold;
}

#content-text h1.unter {
		margin-bottom:0;
}

#content-text h2.unter2 {
		font-size:90%;
		font-weight:normal;
		margin-top:0;
}

#content-text p { font-size:90%; }


#content a:link, #content a:visited {
		text-decoration:underline;
		color:#356C32;
}

#content a:hover, #content a:active, #content a:focus {
		text-decoration:underline;
		color:#356C32;
		font-weight:bold;
		
}

#content a.ohne-hover:hover, #content a.ohne-hover:active, #content a.ohne-hover:focus {
		text-decoration:underline;
		color:#356C32;
		font-weight:normal;
		
}

/*............... Tabelleninhalt .............*/

tbody tr { color:#356C32; }

tbody tr.gruen {
		background-color:#E2F5B5;
		color:#356C32;
}

.ohne { background-color:#E7FCBB; }

thead { background-color:#E2F5B5; }

table { border-collapse:collapse; }

td, th { 
		padding:10px;
		width:100px;
		border:1px solid #fff;
		font: 90% Arial, Helvetica, sans-serif;
		
}


th { 
		font-weight:bold; 
		background-color:#E2F5B5;
}

/*............... Kontaktformular .............*/

table.kontaktformular { border:0; }

table.kontaktformular td, table.kontaktformular th { 
		padding-left:0;
		padding-bottom:2px;
		border:none;
		font: 90% Arial, Helvetica, sans-serif;
		
}



/*............... Footer .............*/

#footer {
		position:relative;
		margin:0;
		padding:0;
		background:url(img/bg-footer.jpg) top left no-repeat;
		height:245px;
		clear:both;

}


#footer-nav {
		margin-bottom:0;
		padding-top:90px;
		font-size:75%;
		text-align:center;
       
}

#footer-nav ul, #footer-nav li {
        list-style-type:none;
        margin:0;
        padding:0;
		display:inline;
}


#footer-nav li a:link, #footer-nav li a:visited, #footer-nav li a:focus {
		text-decoration:none;
		color: #96BF0D;
		font-weight:normal;
}

#footer-nav li a:hover {
        color: #96BF0D;
		font-weight:normal;
		text-decoration:underline;
}

#footer-nav li span {
        color: #96BF0D;
		font-weight:normal;
		text-decoration:underline;

}

#footer-nav li span.footer-nav {
		color:#96BF0D;
		text-decoration:none;
}

#footer-text {
		margin-top:0;
		font-size:75%;
		text-align:center;
}

#footer-text p { color:#96BF0D; }

#footer-text a { 
		color:#96BF0D;
		text-decoration:none;
}

#footer-text a:hover { 
		color:#96BF0D;
		text-decoration:underline;
}