body {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#333;
margin:0;
padding:0;
background:#FFF;
}
img.mittig {display: block; margin-left: auto; margin-right: auto}
:active, a:focus{outline: none}
#container {
position:absolute;
left:50%;
margin-left:-500px;
width:1000px;
background:#FFF url(img/hg.jpg) repeat-y fixed center;
z-index:0;
top:189px;
}

#header {
position:absolute;
left:50%;
margin-left:-500px;
top:0;
width:1000px;
height:189px;
z-index:0;
background-image:url(img/header.jpg);
}

#navBar {
float:left;
width:228px;
background:#fff url(img/box_links.jpg);
margin:0;
padding:0;
}

#headlines {
float:right;
width:15px;
background:#fff url(img/box_rechts.jpg);
padding:0;
}

#content {
float:left;
width:750px;
}

#siteInfo {
clear:both;
font-size:11px;
color:#333;
font-family:Verdana, Arial, sans-serif;
font-weight:400;
width:1000px;
height:130px;
background-image:url(img/footer.jpg);
z-index:1;

}

#home_bar {
position:absolute;
left:50%;
margin-left:-86px;
top:132px;
width:559px;
height:57px;
z-index:2;
}

#footer {
position:absolute;
margin-top:25px;
margin-left:520px;
width:300px;
height:20px;
z-index:2;
}
#footer_hg {
float:left;
display:table;
width:134px;
height:140px;
z-index:2;
}
#footer_texte {
float:right;
display:table;
z-index:3;
text-align:center;
width:840px;
margin-top:116px;
}


/************* #headlines ***************/
.headline {
width:750px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
height:45px;
text-align:left;
line-height:45px;
background-image:url(img/headline.jpg);
}
.bottom {
width:750px;
text-align:center;
background-image:url(img/bottom.jpg);
line-height:26px;
height:26px;
margin:0;
padding:0;
}
.center {
width:750px;
background-image:url(img/center.jpg);
margin:0;
padding:0;
}

.headline-fewo {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-fewo.jpg);
}
.headline-hotel {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-hotel.jpg);
}
.headline-links {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-links.jpg);
}
.headline-uns {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-uns.jpg);
}
.headline-anreise {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-anreise.jpg);
}
.headline-rentacar {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-rentacar.jpg);
}
.headline-specials {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-specials.jpg);
}
.headline-wandern {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-wandern.jpg);
}
.headline-umgebung {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-umgebung.jpg);
}
.headline-tauchen {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-tauchen.jpg);
}
.headline-blauereise {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-blauereise.jpg);
}
.headline-ausflug {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-ausflug.jpg);
}
.headline-kontakt {
width:750px;
z-index:2;
height:56px;
line-height:56px;
background-image:url(img/headline-kontakt.jpg);
}
/************* #boxes ***************/
.box_links {
margin-right:9px;
margin-left:18px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
}

.box_rechts {
margin-right:5px;
margin-left:5px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
}

.trenner {
background-image:url(img/pixel_black.gif);
margin-top:2px;
margin-bottom:2px;
line-height:1px;
}


#inhalt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#fff;
margin-top:40px;
padding:0;

}
.boxTitel {
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FFF;
background-color:#009;
padding:3px;
}
.box1 {
font:normal 11px Arial, Helvetica, sans-serif;
padding-bottom:3px;
width:48%;
float:left;
vertical-align:top;
margin:0 3px 3px 3px;
border:#EDE3D2 1px solid;
font-size:11px;
}
.headline-center {
	z-index:2;
	font: 12px/26px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height: 31px;
	text-indent: 20px;
	background-color:#DAE6FB;
}
.boxTitel{
padding:3px;
color:#FFFFFF;
background:#F0E7D8;
font-weight:700;
text-indent:20px;
}
.box2 {
font:10px Verdana,Arial,sans-serif;
background:#fff;
padding-bottom:3px;
width:24%;
float:left;
vertical-align:top;
display:table;
text-align:center;
margin:2px;
}

.box3 {
font:10px Verdana,Arial,sans-serif;
background:#fff;
border-top:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
float:right;
width:31%;
vertical-align:top;
display:table;
margin:2px;
padding:3px;
}
.boxCenter {
width: 410px;
float: left;
display: table;
}


.spalte1 {
font:10px Verdana,Arial,sans-serif;
margin-top:20px;
float:left;
z-index:2;
padding:3px;
}

.spalte2 {
font:10px Verdana,Arial,sans-serif;
margin-top:20px;
float:right;
z-index:2;
}

.bild {
border:1px solid #3E3EFF;
padding: 2px;
}
h1 {
color: #1717FF;
padding:0;
text-indent:120px;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:0;

}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-align: justify}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1717FF}
h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	list-style: url(bilder/stern.jpg);
}
input{
margin: 1px 0;
}

.block {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}
.rahmenblue {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #3E3EFF;
}
.rahmenHotels {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #CCCCCC;
}

.hotel {
	background-image: url(bilder/saeule.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.zumHotel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1717FF;
	text-align: right;
}

.note {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.texte {
margin: 2px;
padding: 2px;
}
.rand {
margin: 0 8px 0 10px;
padding: 2px;
}
A { 
  color: #1717FF; 
  text-decoration: underline; 
}

A:hover { 
  color: #1717FF; 
  text-decoration: underline; 
}
th {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #3E3EFF;
}

#lightbox{
	background-color:#FFF;
	padding: 10px;
	border: 10px solid #3E3EFF;
	margin:10px;
	}
#lightboxDetails{
	font-size: 12px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

.errorField 
{
border: #3E3EFF 1px solid;
background-color: #DAE6FB;
} 
.errorTable 
{
border: #3E3EFF 1px solid;
background-color: #DAE6FB;
} 
.preise {
margin-left:40px;
width:650px; 
padding:5px; 
border:dotted #3366CC 1px
}
.preiseTitel {
font-size:14px;
background-color:#71AEDB;
margin-left:40px;
margin-bottom:5px;
font-weight:700;
width:550px; 
padding:5px; 
border:dotted #3366CC 1px
}
.preiseAnfang {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
background-image: url(bilder/preisetabelle_r2_c4.jpg);
background-repeat: no-repeat;
}
.tabelle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
border:#ccc solid 1px;
background-color:#E6EAF0;
}
.tabelle th{
	font-weight: normal;
	font-size: 12px;
}
/* 3 Spalten */
#spalten {
width:730px;
float:left;
}
#spalten dt  {
display:block;
padding:3px 2px;
margin:1px;
text-align:center;
background-color:#3E3EFF;
font-size:110%;
color:#FFF;
}
#spalten dl {
margin:2px 0 2px 7px;
padding:0;
float:left;
display:inline;
width:32%;
border:1px solid #CCC; 
}
#spalten dd {
margin:0;
padding:0;
}
#spalten dd a{
display:block;
padding:2px;
text-decoration:none;
text-align:center;
}
#spalten dd:hover{

background-color:#eee;
color:#FFF;
}
#spalten img {
display: block; 
margin-left: auto;
margin-right: auto;
margin-top:3px;
margin-bottom:3px;
border:1px solid #3E3EFF;
padding:1px;
}