* { 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: 15px 10px 5px 10px;
	border: none;
	line-height: 1.5em;
}
#hinweis p a {
	color: #004C25;
	text-weight: bold;
	text-decoration: none;
}
#hinweis p a:hover {color: }
#hinweis p img {padding-bottom: 5px;}
#hinweis p img.bordered {
	border: none;
}


/*---------------------------------Rechte Contentspalte-----------------------------------*/
#right p.anreisser, #right p, img { padding-top: 10px;}
#right p.anreisser, #right p.wichtig {
	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;
	z-index: 10;                                                                 /*  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, a.tel {
	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; } */
.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: 9;
	left: 700px;
}



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

}
img.floatleft {
	float: left;
	padding-right: 10px;
	margin-top: 0px;
}

#ostern {
	width: 200px;
	height: 162px;
	position: absolute;
	z-index: 21;
	background: transparent url(../images/ostern.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	margin-left: 10px;
	margin-top: -10px;

}
#easter {
	width: 200px;
	height: 162px;
	position: absolute;
	z-index: 20;
	background: transparent url(../images/easter.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	margin-left: 10px;
	margin-top: -10px;

}

/*  ------ Seite: Aktuelles  ---------- */
.ausfall {
	width: 350px;
	height: 200px;
	position: absolute;
	z-index: 20;
	margin-top: -80px;
	background: transparent url(../images/ausfall.png) no-repeat;

}