* { margin: 0; padding: 0;}
body { behavior: url(../csshover.htc); } /* wird aber nicht validiert */

#outer {
 width: 1000px;
 position: relative;
 left: 50%;
 margin-left: -500px;
 }
#main {
	position: relative;
	width: 1000px;
}
/*---------------Linke Menüspalte---------------------*/
#left {
 width: 250px;
 float: left;
 display: inline;   /* fixt den Bug der Randverdopplung im IE win  */
 position: relative;
 margin-left: 25px;
 margin-top: 80px;
 margin-bottom: 20px;
 z-index: 20;
 }

#logo { height: 90px; text-align: center;}
#logo img { margin-top: 10px;}


/* -- Menüstyling ---------*/
div#nav {
 width: 248px;
 margin: 0px 0 0 0px;
}
div#nav ul {
 margin: 0;
 padding: 0;
 width: 248px;
 }
div#nav li {
 position: relative;
 list-style: none;
 margin: 0;
 }
div#nav li a {
 display: block;
 padding: 0.25em 0 0.25em 0.5em;    // oben und unten rel. zur Schriftgröße, aber rechts unbedingt: fixe Breite!
 width: 248px;                      // fixe Breite vom Padd. hier abziehen
 }
div#nav>ul a { width: auto;        //  wird von IE ignoriert
}

div#nav ul ul {
 position: absolute;
 top: -1px;
 left: 248px;
 display: none;
 }
/*
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {
 display:block;
}*/
div#nav li:hover ul, div#nav li.over ul
{
 display:block;
}

div#nav ul.level2, div#nav ul.level2 li {
 width: 170px;
}
/* --ende menüstyling-- */




#left h2 { padding-top: 20px;}
#tipps, #buchung { padding-left: 10px;}
#buchung p.subhead { padding-bottom: 0px;}
#buchung p.subhead { }

#aktuelles { margin-left: -10px;}
p.subhead { padding-top: 20px;}
#buchung p.res { padding-top: 10px; padding-bottom: 100px;}
#tipps a.tipps, #buchung a.reservierung { display:block;}
#buchung p.res a { padding-left: 3px; padding-right: 3px;}

/*  Hinweisbox unter dem Menü  */
#hinweis p {
  padding: 10px;
  border: none;
  line-height: 1.5em;
}
#hinweis p a:link, #hinweis p a:visited, #hinweis p a:active {
	color: #004C25;
	text-weight: bold;
	text-decoration: none;
}

#hinweis p img.bordered {
	border: none;
}

/*---------------------------------Rechte Contentspalte-----------------------------------*/
#right p.anreisser, #right p, img { padding-top: 10px;}
#right p.anreisser {
 padding-left: 20px;
 padding-right: 20px;
 }

#right {
 width: 680px;
 float: right;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win */
 margin-right: 20px;
 border-top: 1px solid green;                                                                     /*  soll wieder entfert werden  */
 }

/* ursprünglich vor 05022010
#right {
  width: 680px;
  margin-left: 300px;
}*/


ul#nav_top {
 list-style: none;
 float: right;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 position: relative;
 margin-top: 10px;
 }
ul#nav_top li {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 position: relative;
 }
ul#nav_top li a {
 padding: 0 5px 0 5px;
 display: block;
 }
#claim {
 padding-top: 300px;
 padding-bottom: 2px;
 }
#claim p {
 padding: 0px 0 30px 0;
 }

/* ------ Content ------*/


h1, h2, h3, h4, h5, #rechts p.anreisser, #rechts p, img {
 margin-top: 20px;
}
h1 { padding: 5px 25px 5px 25px;}
h2 { padding: 3px 20px 2px 25px;}
h3 { }
h4 { }
h5 { }

a.intern, a.extern, a.down {
 margin-left: 2px;
 padding-left: 18px;
}

#right ul {
 margin: 10px 30px 10px 50px ;
 list-style: none;
 }
#right ul li {
 margin-left: 5px;
 padding-left: 15px;
 }
table {
 margin-left: 25px;
 margin-right: 25px;
 margin-top: 20px;
 }
table {
 padding-bottom: 0px;
 }
td,th {
 padding: 3px 10px 3px 10px;
 }
tr.fuss { }
table.fiftyfifty { width: 95%;}
table.fiftyfifty td { width: 50%;}
table.blank { margin: 0; padding: 0;}

p.tab img {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 position: relative;
 margin: 0;
 margin-right: 10px;
 }


img.rand {
 padding: 4px;
 background: white;
 }
br.clearer { clear: both;}

#trenner, #trennernull, #trennereins, #trennerzwei { height: 20px; margin: 20px 0px; }


/* ---- Definitionen zur alternierenden Bildergalerie ----- */

#bildgalerie {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 width: 600px;
 margin: 20px 20px;
 padding: 10px 0;
 border: 2px solid #b2c78f;
 }
#bildgalerie dl {
 float: left;
 width: 560px;
 margin: 10px 20px;
 padding: 0;
 display: inline; /* fixt den Bug der Randverdopplung im IE win */
 }
#bildgalerie dt {
 float: right;
 width: 292px; /* Bei Bildbreite 250: 332; bei 150: 432) ??? */
 margin: 0;
 padding: 0;
 }
#bildgalerie dd {
 margin: 0 0 0 268px; /* bei Bildbreite 250: 268; bei 150: 168 */
 padding: 0;
 }
#bildgalerie dl dd.img {
 margin: 0;
 }
#bildgalerie dd.img img {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 margin: 0 8px 0 0;
 padding: 4px;
 border: 1px solid #004c24;
 }
 /* umgekehrter Float "alt" */
#bildgalerie .alt dt {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 }
#bildgalerie .alt dd {
 margin: 0 268px 0 0; /* bei Bildbreite 250: 268; bei 150: 168 */
 }
#bildgalerie .alt dd.img img {
 float: right;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 margin: 0 0 0 8px;
 }


/* ---- Definitionen zur alternierenden Bildergalerie2 ----- */

#bildgaleriezwei {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 width: 600px;
 margin: 20px 20px;
 padding: 10px 0;
 border: 2px solid #b2c78f;
 }
#bildgaleriezwei dl {
 float: left;
 width: 560px;
 margin: 10px 20px;
 padding: 0;
 display: inline; /* fixt den Bug der Randverdopplung im IE win */
 }
#bildgaleriezwei dt {
 float: right;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 width: 392px; /* Bei Bildbreite 250: 332; bei 150: 432) ??? */
 margin: 0;
 padding: 0;
 }
#bildgaleriezwei dd {
 margin: 0 0 0 168px; /* bei Bildbreite 250: 268; bei 150: 168 */
 padding: 0;
 }
#bildgaleriezwei dl dd.img {
 margin: 0;
 }
#bildgaleriezwei dd.img img {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 margin: 0 8px 0 0;
 padding: 4px;
 border: 1px solid #004c24;
 }
 /* umgekehrter Float "alt" */
#bildgaleriezwei .alt dt {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 }
#bildgaleriezwei .alt dd {
 margin: 0 168px 0 0; /* bei Bildbreite 250: 268; bei 150: 168 */
 }
#bildgaleriezwei .alt dd.img img {
 float: right;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 margin: 0 0 0 8px;
 }



/* --- Bilderliste --- */
#fotos { margin: 10px 25px 10px 25px;}
#fotos img { border: 1px solid #004c24; padding: 4px; margin: 5px; background-color: white;}
#fotos img:hover { border: 1px solid #b2c78f;}
#fotos img a { border: none;}





/* --- endeContent --- */
#pfad {
 clear: both;
 margin-top: 30px;
 }

.oben {
 height: 17px;
 width: 100%;
 margin-top: 20px;
 }
.oben a.hoch {
 float: right;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 padding-right: 17px;
 height: 20px;
 }
.oben a.back {
 float: left;
 display: inline;   /*  fixt den Bug der Randverdopplung im IE win (notwendig?)*/
 padding-left: 17px;
 height: 20px;
}

#clearer { clear: both;}

/*----------------Fußzeile--------------------------*/
#footer {
 clear: both;
 width: 1000px;
 position: relative;
 left: 50%;
 margin-left: -500px;
 height: 80px;
 }
#fuss {
 width: 250px;
 height: 70px;
 margin-left: 25px;
 padding-top: 10px;
 }


/* --- Rechtes obere Menü ----*/
ul#nav_top li, ul#nav_top li.kontakt, ul#nav_top li.home, ul#nav_top li.impressum {
 margin: 0;
 padding: 0;
 }

/* -- Siegel/Premiere -- */
#siegel {
 width: 250px;
 height: 250px;
 background: transparent url(../images/siegel.gif) no-repeat;
 position: absolute;
 z-index: 10;
 left: 300px;
 /*top: 630px;*/
 top: 44em;
}
#siegelzwei {
 width: 250px;
 height: 250px;
 background: transparent url(../images/siegel.gif) no-repeat;
 position: relative;
 z-index: 10;
 left: 400px;
 top: -10em;
}
#premiere {
 width: 230px;
 height: 119px;
 background: transparent url(../images/premiere.gif) no-repeat;
 position: absolute;
 z-index: 21;
 left: 550px;
 top: 61em;
}



img#ostern {
	width: 400px;
	height: 100px;
	margin-left: 100px;
	margin-top: 0px;
	padding: 0;
	display: block;

}