body { font: 15px Arial, Verdana, SunSans-Regular, Sans-Serif; color: #666666; text-align: center;  padding:0; margin:0; background:url(../images/hg5.jpg); }
a {color: #666666; text-decoration: none;}
a:visited {color:#999999;}
a:hover {color: #cccccc;}
a:active { color:#999999;}

.up:link { color: #000000; text-decoration: none }
.up:visited { color: #000000;  text-decoration: none }
.up:hover { color: #ffffff; text-decoration: none }
.up:active { color: #ffffff; text-decoration: none }

.up1:link { color: #ffffff; text-decoration: none }
.up1:visited { color: #ffffff;  text-decoration: none }
.up1:hover { color: #cccccc; text-decoration: none }
.up1:active { color: #cccccc; text-decoration: none }


h1{ font-size:16px; color:#666666; font-weight: normal; font-stretch: ultra-expanded; margin: 0;}
h2{ font-size:14px; color:#cf9c04; font-weight: normal; font-stretch: ultra-expanded; line-height: 18px; margin: 3px 0 25px 0;}
h3{ text-align: left; font-size:12px; color:#eeb509; font-style: normal; margin:10px 0 15px; }

html {
	font-size: 11px;
}

p { font: 10px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height: 16px; margin: 0; padding: 0; }

.text { font: 9px Verdana, Arial, SunSans-Regular, Sans-Serif; text-align: left; color: #666666; padding-left: 15px; padding-right: 15px;}
.text1 { font: 14px Verdana, Arial, SunSans-Regular, Sans-Serif; text-align: left; color: #000000;}

/* ----------container zentriert das layout-------------- */
#container { width: 980px; margin-left: auto; margin-right: auto; padding: 0; background:url(../images/camping_04.gif) }



/* -----------------Inhalt--------------------- */
#content { width: 980px; height: 122px; padding: 0; margin-top: 0; text-align: left; float: left; background:url(../images/camping_03.gif)}

table {font: 11px Verdana, Arial, Sans-Serif; color: #000000; text-align: left; line-height: 20px;}
table#bildergalerie {font: 9px Verdana, Arial, Sans-Serif; color: #666; text-align: left; line-height: 10px;}
.ausflugsziele { font-size: 9px;}

TD {
	border:2px white;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	vertical-align: middle;
}




#bilder {float: left; height: 350px; width: 980px; text-align: left; padding: 0; margin: 0;}
#infobereich { clear: both; width: 980px; height: 220px; font-size: 9px; color: #ccc; text-align: left; background:url(../images/camping_05.gif) }

#footer{  width: 980px; height: 50px; font-size: 9px; color: #ccc; text-align: center;  background:url(../images/camping_06.gif) }

#footer a{
color: #666666;
}

#header{ float: left; height: 70px; width: 750px;  text-align: left; margin: 0; padding: 0; vertical-align: bottom; background:url(../images/camping_01a.gif); }
#logo{  float: right; height: 105px; width: 230px;  text-align: left; margin: 0; padding: 0; vertical-align: bottom; background:url(../images/camping_01a.gif);  }


#pic { 
min-height: 450px;
height:auto !important;
height:450px; 
float: right; 
width: 370px; 
margin: 0; 
padding: 0; 
text-align: left;
font: 11px Verdana, Arial, Sans-Serif;
background:url(../images/hg_pic1.gif);
}


#pic p{ margin-top: 10px; margin-left: 20px; font-size:11px; line-height: 14px; }


#bildergalerie{ 
width: 320px; 
height: 250px;
clear: left; 
border: solid 0px #e7e7e7; 
font: 10px/14px Verdana, Arial, SunSans-Regular, Sans-Serif; 
padding: 2px 0 0 0; 
color: #666666; 
font-stretch: ultra-expanded;
margin-left: 0;
}
 
#bildergalerie img{ width:120px; height:75px; margin:0; background:#fdfaf2; border:1px solid #ede4c8; padding:2px}


#bildergalerie1{ 
width: 520px; 
height: 250px;
clear: left; 
border: solid 0px #e7e7e7; 
font: 10px/14px Verdana, Arial, SunSans-Regular, Sans-Serif; 
padding: 2px 0 0 0; 
color: #666666; 
font-stretch: ultra-expanded;
margin-left: 0;
}
 
#bildergalerie1 img{ width:124px; height:79px; margin:0; background:#fdfaf2; border:1px solid #ede4c8; padding:2px}







#inhalt { 
min-height: 450px; 
height:auto !important;  
width: 570px; 
margin: 0; 
text-align: left; 
overflow: auto; 
float: left; 
padding-left: 30px; 
}

ul.karo { line-height: 15px; padding-left: 3px; list-style-type: none; list-style-image: url(../images/karo.gif); list-style-position: inherit; }


.somediv1{
width: 500px;
float: left;
padding: 0 0 0 30px;
border: solid 0 white;
color: #666666;
font: 12px/18px Verdana, Arial, SunSans-Regular, Sans-Serif;
}

.somediv1 .floatbox{
float: left;
line-height: 16px; 
width: 130px;
border: 0px solid #cccccc;
padding:2px;
margin:0px;
font: 12px Verdana, Arial, SunSans-Regular, Sans-Serif;
} 


.somediv1 p{ margin-top: 0px; margin-left: 130px; font-size:11px; line-height: 14px; }


* html .somediv1 p{ /* IE 3px jog hack*/
height: 1%;
}


.somediv2{ 
width: 320px; 
height: 115px;
clear: left; 
border: solid 0px #e7e7e7; 
font: 10px/14px Verdana, Arial, SunSans-Regular, Sans-Serif; 
padding: 2px 0 0 9px; 
color: #666666; 
font-stretch: ultra-expanded;
margin-left: 20px;
}

.somediv2 .floatbox2{
float: left;
width: 130px;
height: 85px;
border: 0px solid #e7e7e7;
padding: 6px 0;
margin: 0;
} 

* html .somediv2 p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv2 p{
margin-top: 0;
padding: 0;
font: 10px/14px Verdana, Arial, SunSans-Regular, Sans-Serif;
}




.somediv3{
text-align: center;
width: 980px;
float: left;
border: solid 0 white;
color: #666666;
font: 11px Verdana, Arial, SunSans-Regular, Sans-Serif;
}

.somediv3 .floatbox{
float: left;
line-height: 14px; 
width: 110px;
border: 0px solid #cccccc;
padding:2px;
margin:0px;
font: 9px Verdana, Arial, SunSans-Regular, Sans-Serif;
} 


* html .somediv3 p{ /* IE 3px jog hack*/
height: 1%;
}


.somediv4{ 
width: 320px; 
height: 115px;
clear: left; 
border: solid 1px #e7e7e7; 
font: 10px/14px Verdana, Arial, SunSans-Regular, Sans-Serif; 
padding: 2px 0 0 9px; 
color: #666666; 
font-stretch: ultra-expanded;
margin-left: 20px;
}

.somediv4 .floatbox4{
float: left;
width: 130px;
height: 85px;
border: 0px solid #e7e7e7;
padding: 6px 0;
margin: 0;
} 

* html .somediv4 p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv4 p{
margin-top: 0;
padding: 6px 0;
font: 10px/14px Verdana, Arial, SunSans-Regular, Sans-Serif;
}

.box{ width: 480px; float: left; background-color: #f8f2dc; color: #666666; font: 12px/18px Verdana, Arial, SunSans-Regular, Sans-Serif; padding: 5px; border: solid 1px #f1f1f1;
}


.stopFloat {
  float: none;
  clear: both;
  display: block;
  line-height: 1px;
  }
	
	
ul#top {font: 10px Verdana, Arial, SunSans-Regular, Sans-Serif;margin:0;padding:0;float:left;border-bottom:0 solid #04e;width:70%;}
ul#top li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;}
ul#top li a {font-weight:normal;text-decoration:none;display:block;padding:0.3em;border-bottom:0 solid white;color:#666;background:#fff;}
ul#top li a:hover {border-bottom:0 solid #04e;color:#999;}