html, body {
margin: 1em 0 0 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: transparent;
text-align:left;
color: #666666;
}

#top {
display: none;
}

#head {
display: none;
}

#content {
width: 100%;
padding: 0;
margin: 0;
  }
 
/* Mitte*/ 
#inhalt {
width: 100%;
margin: 0;
padding: 0;
  }

 /* linke Spalte*/ 
#navlinks {
display: none;
  }

/*rechte Spalte */  
#navrechts {
display: none;
  }
  
#oben {
display: none;
  } 
  
#unten {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
  }
 
/* Boxen*/   
#plan {
display: none;
  } 
  
#boxspezial {
display: none;
  } 
  
#spezial {
position: absolute;
top: 2.5em;
left: 0;
width: 100%;
height: 12.3125em;
text-align: left;
margin: 0;
padding: 0;
  }  
  
/* Box*/
#box {
position: absolute;
top: 2.5em;
left: 0;
width: 100%;
padding: 0;
margin: 0;
}

#boxkopf {
display: none;
}

#boxmitte {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}

#boxfuss {
display: none;
} 

 /* koelninfo*/ 
#koelninfos {
padding: 0;
margin: 0;
} 
 
.koelninfo {
float: left;
margin: 0;
padding: 0 2em 2em 0;
text-align: center;
} 

.koelninfo2 {
float: left;
margin: 0;
padding: 0 2em 2em 0;
text-align: center;
}

 /* flexible Bildgroessen*/ 
.butaktiv {
display: none;
}

.butaktivbunt {
display: none;
}

.drucken {
display: none;
}

.pdf {
display: none;
}

.flagge {
display: none;
}

.gaucho { 
width: 12.1875em;
height: 3.875em;
}

.restaurant { 
width: 29.3125em;
height: 10.9375em;
margin: 0.4375em 0.75em 1em 0;
}

#restaurant { 
float: left;
width: 100%;
margin: 0.4375em 0 0 0;
}

.prospekt { 
width: 16.375em;
height: 23em;
margin: 0.4375em 2em 0.5em 0;
}

/* Anreise */ 
#anreise { 
width: 100%;
margin: 0;
}

/* Wetter */ 
#boxwetter {
display: none;
} 

#wetter {
position: absolute;
top: 2.5em;
left: 0;
width: 100%;
height: 100%;
margin: 0 0 1em 0;
padding: 0;
} 

#wetterein {
position: absolute;
top: 7em;
left: 0;
width: 7.5em;
text-align: center;
margin: 0;
padding: 0;
}

#wetterein p {
margin: 0;
padding: 0;
line-height: 0.75em;
text-align: center;
}

#map {
width: 22.5625em;
height: 25em;
border: 1px solid #ccc;
overflow: hidden; 
}

/* auf 0 setzen */
p, ul, ol, li, h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
}

img {
border: 0;
}

/* Texte */
p {
font-size: 0.75em;
line-height: 1.6875em;
margin: 0;
padding: 0;
}

#spezial p { 
font-size: 1.125em;
font-weight: normal;
margin: 0.2em 0 0 0;
}

#box p {
font-size: 0.75em;
line-height: 1.4375em;
padding: 0.5em 0.5em 0.5em 0;
margin: 0;
}

#anreise p {
font-size: 0.75em;
line-height: 1.25em;
padding: 0.5em 0.5em 0.5em 0;
margin: 0;
}

.farbe { /* tab */
visibility: hidden;
}

.tab { /* tab */
color: #fff;
}

.grau { 
color: #000;
}

/* Headlines */
h1 { 
font-size: 18pt;
font-weight: normal;
margin: 0.5em 0 0 0;
color: #ec6400;
}

h2 { 
font-size: 1.75em;
font-weight: normal;
padding: 0 0 0 0;
}

h3 { 
font-size: 1.3125em;
font-weight: normal;
padding: 0.25em 0 0.1875em 0;
color: #ec6400;
}

#anreise h3 { 
font-size: 0.8125em;
font-weight: bold;
padding: 0.4375em 0 0 0;
}

h4 { 
font-size: 0.875em;
font-weight: bold;
padding: 0.5em 0 0.6875em 0;
}

h5 { 
font-size: 0.6875em;
line-height: 0.75em;
padding: 0;
margin: 0;
}

/* Textlinks */
a:link, a:visited {
font-weight: bold;
text-decoration: none;
}

a:hover, a:active, a:focus {
text-decoration: underline;
font-weight: bold;
}

/* Tabellen */
table {
width: 100%;
font-size: 0.875em;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin: 0.5em 0 0 0;
border-collapse:collapse;
}

td {
vertical-align: top;
border-top: 0.0625em solid #807f84;
padding: 0 0 0 1em;
}

td.head {
font-size: 1.3125em;
font-weight: bold;
line-height: 1.5625em;
color: #ec6400;
}

/* Bildergalerie */
#bildergalerie {
padding: 0;
margin: 0;
}

#bildergalerie img {
float: left;
width: 10em;
height: 7.5625em;
margin: 0.4375em 0.625em 0.1875em 0;
}

/* Partner */
#partner {
text-align: center;
padding: 0;
margin: 0;
line-height: 1em;
}

#partner img{
display: block;
width: 9.3125em;
height: 6.875em;
margin: 0 0 0.5em 0;
}

.partnerbox {
float: left;
width: 9.3125em;
height: 7.5625em;
margin: 0.4375em 0.5em 3em 0;
}

a.part:link, a.part:visited {
font-size: 0.8125em;
font-weight: normal;
text-decoration: none;
}

a.part:hover, a.part:active, a.part:focus {
font-size: 0.8125em;
font-weight: normal;
text-decoration: underline;
}

/* Kinder */ 
#boxkinder {
display: none;
  } 

.bunt {
display: block; /* damit der IE6 auf die Unterlaengen verzichtet */ 
width: 100%;
height: 100%;
} 
  
#kinder {
position: absolute;
top: 2.5em;
right: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
  } 
  
.kind_rechts  {
float: left;
}

.kind_links  {
float: left;
width: 6.5em;
}

#tipps {
position: absolute;
top: 5em;
right: 10em;
width: 11.25em;
height: 5em;
margin: 0;
padding: 0;
  }

/* Fahrrad */ 
#boxfahrrad {
display: none;
  } 
  
#fahrrad {
position: absolute;
top: 2.5em;
right: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0; 
 } 

 /* AGB */ 
.agb_links  {
width: 100%;
padding: 0; 
page-break-before:always;
page-break-before:auto;
}

.agb_rechts  {
width: 100%;
padding: 0;
}

.eng {
font-size: 0.75em;
line-height: 1.4375em;
color: #504e53;
margin: 0;
}
 
 /* Impressum */ 
#boximpressum1  {
width: 100%;
padding: 0 0 0 0;
}
#boximpressum2  {
width: 100%;
}
#boximpressum3  {
width: 100%;
}  
 
#logoprint {
position: absolute;
top: 0;
left: 0;
} 

@page {
margin-top: 1.7cm;
margin-bottom: 1cm;
margin-right:1.4cm;
margin-left:1.7cm;
}

#fussprint {
clear: both;
position: relative;
width: 100%;
text-align: left;
margin: 0.5em 0 0 0;
}

#fussprint p {
font-size: 0.6875em;
}

#formulare {
width: 100%;
margin: 0;
}

#formulare form {
color: #000;
margin: 0;
font-size: 0.8em;
}

#formulare h6 {
padding: 0;
margin: 0;
font-size: 1.25em;
color: #807f84;
}

#formulare label {
display: block;
width: 8em;
margin: 0 0 0.125em 0;
}

#formulare input {
border: 1px solid #ccc;
width:60%;
margin: 0 0 0.375em 0;
padding: 0.0625em 0.25em 0.0625em 0.25em;
}

#formulare input.pflicht {
border: 1px solid #ccc;
width:60%;
margin: 0 0 0.375em 0;
padding: 0.0625em 0.25em 0.0625em 0.25em;
background-color: #DCDCDC;
}


#formulare textarea.pflicht {
font-size: 1em;
font-family: Arial;
border: 1px solid #ccc;
width: 60%;
height: 8em;
padding: 0.0625em 0.25em 0.0625em 0.25em;
background-color: #DCDCDC;
}

#formulare .senden {
width: 20%;
font-weight: bold;
color:#fff;
margin: 2em 0 0 0;
padding: 0 0 0 0 ;
}

.meldung {
display: block;
color: #ec6400;
font-weight: bold;
margin: 0 0 0.25em 0;
}

/* Hits*/
#hits h3 { 
font-size: 1.125em;
color: #ffffff;
font-weight: normal;
line-height: 1.3125em;
padding: 0.25em 0 0 0;
}
.zahl { 
font-size: 1.25em;
font-weight: bold;
}
#hits h4 { 
font-size: 0.8125em;
font-weight: bold;
padding: 1.25em 0 0.375em 0;
}
.rot { 
color: #e2001a;
}
.rot2 { 
color: #e2001a;
margin: 5.8125em 0 0 0;
}
.braun { 
color: #86542b;
}
.blau { 
color: #004494;
}
.orange { 
color: #ee7f00;
}
.blaugrau { 
color: #58636b;
}
#hits h5 { 
font-size: 1.125em;
color: #ee7f00;
padding: 1.25em 0 0.125em 0;
font-weight: normal;
}
#hits h6 { 
font-size: 0.75em;
color: #000;
font-weight: bold;
padding: 0.75em 0 0 0;
margin: 0;
}
#hits p{ 
font-size: 0.75em;
line-height: 1.4375em;
color: #000;
padding: 0.25em 0.5em 0.75em 0;
margin: 0;
}

/* Hits */
#hits {
padding: 0;
margin: 0;
}

.hitsbox {
position: relative;
float: left;
width: 13.75em;
height: 18.8125em;
padding: 0;
margin: 0.4375em 0.75em 0.3125em 0;
}

.hitsbild {
position: absolute;
top: 0;
left: 0;
width: 13.75em;
height: 18.8125em;
margin: 0;
padding: 0;
z-index: 10;
}

.hitscontent {
position: absolute;
top: 0;
left: 0;
width: 14em;
height: 18.8125em;
margin: 0;
padding: 0;
text-align: center;
z-index: 20;
}

#hits img {
width: 13.75em;
height: 18.8125em;
}


/* grau: #807f84
dunkelgrau Schrift #504e53
orange #ec6400
*/

#hitsformular {
float: left;
padding: 0;
margin: 0.75em 0 0 0.25em;
font-size: 0.8em;
color: #000;
}

#hitsformular label {
float: left;
width: 12em;
}

#hitsformular input {
border: 1px solid #ccc;
margin: 0 0 0.5em 0;
padding: 0.125em 0.25em 0.125em 0.25em;
background-color: #fff;
}

#hitsformular .inputa {
width: 20em;
}

#hitsformular input.datum {
width: 7.125em;
}

#hitsformular textarea {
width: 20em;
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
border: 1px solid #ccc;
height: 8em;
padding: 0.125em 0.25em 0.0125em 0.25em;
background-color: #fff;
}

#hitsformular .senden {
width: 8em;
font-weight: bold;
color:#000;
margin: 0.75em 0 0.5em 0;
padding: 0.25em 0 0.25em 0 ;
background-color: #ccc;
}

#hitsformular select {
border: 1px solid #ccc;
margin: 0 0 0.5em 0;
}

#hitsformular input.checkbox {
width: 1em;
height: 1em;
margin: 0 0 0.6125em 0;
}

#hitsformular #nachricht {
width: 20.75em;
}

/* Meldungen im Kontaktformular */
#hitsformular .meldung {
display: block;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #000;
font-weight: bold;
margin: 0 0 0 12em;
}

/* Meldungen im Kontaktformular HITS*/
.meldung-hits {
display: block;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #000;
font-weight: bold;
margin: 0 0 0 0;
}

 /* Kalender */ 
 .cal {
display: none;
} 








