#print-logo {display: none;}

/* ---- Grundlagen, Layout ---- */
html{height: 101%;}
html,body{margin:0;padding:0;}
body{font-family: "trebuchet ms", arial, sans-serif; text-align:center; background-image: url('img/bg-textur.jpg'); background-repeat: repeat; background-position:center top;}


#header {height:386px;margin:0;}
	

#container {text-align:left;width:939px;margin:0 auto;}

#navi{width:789px;height:36px;background-image: url('img/hg-nav-inaktiv.jpg');background-position: bottom left; margin:-195px 0 0 60px; z-index: 4; position: relative;}

#content{ background-color: #FFF; float:left;width:471px;margin: 10px 0px 0px 71px;z-index: 4;position: relative;background-image: url('img/content-rand.png'); background-repeat: no-repeat; background-position: 0% 100%;}
	* html #content{ clear: all; margin: 10px 0px 0px 37px; padding: 0 0 8px 0; width: 440px;}

#content3{padding: 13px 15px 0px 15px;background-color: #FFF; min-height: 600px; float:left;width:737px;margin: 10px 0px -5px 71px;z-index: 4;position: relative;border-top: 1px solid #DCDCDC;border-right: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC; }
	* html #content3{margin: 10px 0px -5px 36px; padding: 15px 13px 50px 15px; }

.marginal-innen {padding: 0; background-color: #FFF; }


.marginal-innen2 {margin-bottom: -10px; padding: 0 0 2px 0; background-color: #FFF; border-right: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC; }
	* html .marginal-innen2 {border: none;background-color: #f8f8f8; }
	
.marginal-innen1 {padding: 2px 0 0 0;background-color: #FFF;}
	* html .marginal-innen1 {background-color: #f8f8f8;}
	
.content-innen {padding: 13px 15px 0px 15px;border-top: 1px solid #DCDCDC;border-right: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC; }
	* html .content-innen {  width: 410px; }



#marginal{float:right;width:286px;  margin: 19px 101px 40px 0px; z-index: 3; position: relative;}
	*+html #marginal{margin-top: 10px;}
	* html #marginal{margin: 10px 60px 0 0px; width:284px;}
#marginal-abschnitt, #marginal-abschnitt2 { margin: 0 0 -9px 0px; padding: 0 0px 1px 0px;}

	
#marginal-abschnitt {border-right: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC; 	background-image: url('img/marginal-rand1a.png'); background-repeat: no-repeat; background-position: 100% 100%; }
	* html #marginal-abschnitt, * html #marginal-abschnitt2 {border: none; background-image: none; margin: 0;}

#accordion {margin-top: -9px; border-top: 1px solid #DCDCDC;}
	*+html #accordion {margin-top: 0px;}
	* html #accordion {margin-top: 5px; border: none;}

#extra{float:left;width:451px;margin: 10px 0px 20px 81px;}
	* html  #extra{float:left;width:451px;margin: 10px 0px 20px 45px;}

#footer{clear:both;width:100%}

#iframe-newsletter {width: 287px; height: 295px;}
	*+html #iframe-newsletter {height: 315px;}
	* html #iframe-newsletter {height: 315px;}
	
#iframe-reservierung {width: 287px; height: 645px;}
	*+html #iframe-reservierung {height: 690px;}
	* html #iframe-reservierung {height: 690px;}
	
#iframe-anfahrt {width: 287px; height: 455px;}
	*+html #iframe-anfahrt {height: 345px;}
	* html #iframe-anfahrt {height: 475px;}
	
#iframe-kontakt {width: 287px; height: 510px;}
	*+html #iframe-kontakt {height: 540px;}	
	*html #iframe-kontakt {height: 540px;}	

	

/* ---- Typo, Links ---- */	
#navi{text-transform: uppercase; z-index: 1;}
#navi a { padding: 10px;}
#navi a.aktiv, #navi a:hover {background-image: url('img/hg-nav-aktiv.jpg'); background-repeat: repeat-x; background-position: 0% right;}


#navi a:link, #navi a:visited, #navi a:active {color: #FFF; text-decoration: none;}

#einleitung, .veranstaltungen {text-align: center; }

#content h1, #content3 h1 {color: #246305; margin-top: 30px;}
#content h2 {margin: 20px 0  0 0px;}
#content h3 {margin: 20px 0  -5px 0px;}
#content p, #content2 p {margin: 6px 0 7px 0px; line-height: 16px;}
.hinweis {margin: 15px 0 10px 0;}

#marginal-abschnitt p, #marginal-abschnitt h1 {margin-bottom: 8px;}
#marginal h1 {text-transform: uppercase; padding: 5px 13px 0px 13px;}
	*+html #marginal h1{margin-top: 10px; padding-bottom:4px;}
	* html #marginal h1{ text-decoration: underline;margin-top: 4px; padding-bottom:0px;}
	
	
#anfahrt p {padding: 0px 13px 0px 13px; text-align: left;}	


.element {margin: 0 0 6px 0; padding: 0;}
.toggler {cursor: pointer; cursor: hand;}

#tafelaufschrift{color: #FFF; font-style: italic;}


.adresse{font-weight: bold; text-transform: uppercase;}
#extra{line-height: 18px;}
#extra a:link, #extra a:active, #extra a:visited, #matrix a:link, #matrix a:active, #matrix a:visited  {color: #000; text-decoration: none;}
#marginal a:link, #marginal a:active, #marginal a:visited, #anfahrt a:link, #anfahrt a:active, #anfahrt a:visited  {color: #000; text-decoration: underline;}
#extra a:hover, #marginal a:hover, #anfahrt a:hover {text-decoration: underline; color: #246305;}
#matrix a:hover    {text-decoration: none; color: #246305;}
a.gruen:hover  {color: #000;}

#content a:link, #content a:visited, #content a:active  {text-decoration: underline; color: #246305;}
#content a:hover  {color: #000; text-decoration: underline;}

a.impressum  {text-decoration: underline;}

/* ---- Bilder ---- */
img { border: 0;}

.slideshow {z-index: 1;}
#header-rahmen {position:absolute; margin: 0 0 0 -60px; z-index: 2;}
.header-bild {position:relative; padding: 0 0 0 60px; z-index: 1;}

#navi img { vertical-align: middle;}
#aaa {position: absolute; left: 50%; margin-left: 315px; margin-top: -35px; width: 90px;}
	*+html #aaa {margin-top: 13px;}
	* html #aaa {margin-top: 13px;}
	
#aaa a, #aaa img {padding: 0; margin: -1px;}


.rand-unten {margin-bottom: -3px}
	* html .rand-unten {display: none;}

#tafelaufschrift {position:absolute; }
.tafel {position:relative; text-align: center; margin-top: 7px;}
#tafelaufschrift table {width: 280px;}
#tafelaufschrift td {height: 190px; padding: 0 25px;}

#map {margin: 3px 13px; height: 400px; width: 257px;}
	*+html #map {display: none;}
 #map span {float: right;} 


#rahmen  {margin: 0px 0 110px 60px;}
	
#matrix {margin: 80px 0 0px 0px; text-align: center; font-weight: bold; font-style: italic;}
#matrix td {padding: 0; margin: 0;}
.abstand111 {width: 111px;}
.abstand94 {width: 94px;}
#matrix p {margin: 2px;}

.kleiner-pfeil {margin-right: 7px;}
#download {margin: 40px 0 0px 0px; }
.abstand20 {padding: 0 0 40px 20px}

a#dokument { color: #000; font-weight: bold; text-decoration: none; background-image:url(img/icon-ordner-inaktiv.png); height: 94px; width:94px; display:block; }
a#dokument:hover { background-image:url(img/icon-ordner-aktiv.png); color: #246305;}
a#dokument span { display:none; }

#party {margin: -10px 0 0px -5px; }
.abstand15 {padding: 0 0 10px 10px}
a#spass { color: #000; font-weight: bold; text-decoration: none; background-image:url(img/icon-rahmen-inaktiv.png); height: 94px; width:94px; display:block; }
a#spass:hover { background-image:url(img/icon-rahmen-aktiv.png); color: #246305;}
a#spass span { display:none; }
#spass p { padding: 38px 0 0 0px; text-align: center;}

.galerierand {margin-left: 71px; margin-top: 5px;}


.bildtext{clear: left; margin: 10px 0 20px 0;} 
.bildtextrahmen{float: left;margin: 0 15px 17px 0;}
.bildtext p{ padding: 0 0 0px 125px;}

.bildtext228{clear: left; margin: 20px 0 0px 0;} 
.bildtext228 p{ padding: 0 0 0px 228px;}

.bildtextrahmen-r{float: right;margin: 0 0 17px 15px;}

.bildtext141r{clear: right; margin: 20px 0 0px 0;} 
.bildtext141r p{ padding: 0 156px 0 0px ;}

.abstand { padding: 4px 0;}





/* ---- Imagegallery ---- */
#imagegallery{}
#items{}

#items .item {float:left; text-align: center; width: 81px; height: 81px; margin: 0px 0px 14px 14px;  background-image:url('img/bilderrahmen-klein.jpg'); position: relative;cursor: pointer;}
		* html #items .item{ background-image:none}
#items .item:hover{}
#items .item img {max-width:81px;max-height:81px;}
		* html #items .item img {width: 81px; height: 81px;}
#large{width: 450px; height: 450px; text-align: center; background-image:url('img/bilderrahmen-gross.jpg');float: left; text-align: center;}
	* html #large{ background-image:none}

#large .item p {margin-top: 5px; text-align: left;}
#items  p{display:none;}
#large .item {cursor: default;text-align:center; }
#large .item img{text-align: center;}

.quer {padding: 13% 0; margin-bottom: -5px;}
	* html .quer {padding: 0; margin-bottom: -5px;}

#galeriepfeil-links {position: absolute; top: 50%; margin-top: 214px; left: 50%; margin-left: 95px; z-index: 5;}
	* html #galeriepfeil-links {position: static; top:0; margin-top: 2px; left: 0; margin-left: 12px; z-index: 5;}
#galeriepfeil-rechts {position: absolute; top: 50%; margin-top: 216px; left: 50%; margin-left: 333px; z-index: 9;}
	* html #galeriepfeil-rechts {position: static; top:0; margin-top: 0px; left: 0; margin-left: 200px; z-index: 5;}
	



/* ---- Aufzählungen, Listen ---- */

#content ul {margin: 8px 0 0 -22px;}
	*+html #content ul {margin: 8px 0 0 18px;}
	* html #content ul {margin: 8px 0 0 18px;}
#content li {margin: 4px 0;}



/* ---- Ende CSS ---- */

/* Farben LINDE

Hintergrund Seite: #F8F8F8
grün: #246305
Schrift: reines Schwarz
grauer Rahmen Content: #DCDCDC

*/