/*----------------------------------------------
					RESET
------------------------------------------------*/
*           { padding: 0; margin: 0; font-size: 100%; font-weight: normal; }
ul, ol      { list-style: none; }
b, strong   { font-weight: bold; }
img, a img  { border: none; }

 
/*-----------------------------------------------
				LINKS
------------------------------------------------*/
a:link, a:visited           { text-decoration: none; color : #f00; }
a:hover, a:focus, a:active  { text-decoration: none; background: #fbcf57; display: block;} 


	
/*-----------------------------------------------
				LAYOUT
------------------------------------------------*/
 body {font-family: Verdana; font-size:12px; background-color: #fcefc7; text-align:center; }
 
 #seite {width: 880px; margin: 15px auto 0; text-align: center; }
 #title {height: 66px; padding: 20px; text-align:center; color: red; font-size: 2em;}
 #subline {padding-bottom:8px; padding-top:8px; font-style:italic; text-align:center; color: #5e0000; background-color:#fbcf57;}
 #navdiv {border: 0px solid #f00; height: 20px;}
 #nav ul {color: #f00; width: 880px; margin: 0 auto; padding: 2px 0; border: 0px; background: #fbd792; }
 #nav li a {float: left; width: 145px; border-top: 1px solid #f00; border-bottom: 1px solid #f00; border-right: 1px solid #f00; overlfow: hidden; padding: 2px 0;}
 #nav li:first-child a {border-left: 1px solid #f00; width: 147px;}
 #nav li.current a {background: #fbcf57;}
 #container2 {width: 100%; height: 400px; overflow: hidden;}
 #textzimmer {position: relative; text-align: left;}
 #textzimmer .p1 ul {list-style-type: square;}
 #textzimmer .p1 ul li {position: relative; left: 15px;}
 #textzimmer .downloadflyer a:hover {background: none;}
 #textzimmer .downloadflyer {background: none; text-align: center;}
 
 .p1 {margin: 20px 255px; background: #fbdb82; padding: 10px 38px; border: 0px solid #f5c541; line-height: 1.5em;}
 .top20 {padding-top: 20px;}
 .top10 {padding-top: 10px;}
 .downloadflyer {margin: 20px 255px; tex-align: center;}
 .fl {float: left; text-align: left; width: 200px; margin-right: 10px;}
 .right {text-align: left;}
 .abstand {padding-top: 5px;}
 
 
 #mail a, #mail a:link, #mail a:focus {color: #003399; background: none; display: inline;}
 #mail a:hover, #mail a:active, #mail a:visited {text-decoration: none; color: #6699ff; background: none; display: inline;}

 
 
 /*-----------------------------------------------
 			Gallery
 ------------------------------------------------*/
#container {position:relative; width:880px; height:350px; border:0px solid #000; margin:10px auto;}
#container b {font-weight:normal; width:880px; text-align:center; position:absolute; bottom:150px; left:0; color:#5e0000; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display: inline; color:#000; text-decoration:none; border:0px solid #000; width:71px; height:71px; float:left; margin:5px 18px; position:relative; cursor:default; padding-left: 3px;}

a.slidea {background:url(../bilder/haus-k.jpg);}
a.slideb {background:url(../bilder/zimer1ak.jpg);}
a.slidec {background:url(../bilder/zimer1bk.jpg);}
a.slided {background:url(../bilder/zimer2k.jpg);}
a.slidee {background:url(../bilder/bad-ak.jpg);}
a.slidef {background:url(../bilder/bad-bk.jpg);}
a.slideg {background:url(../bilder/eckbankk.jpg);}
a.slideh {background:url(../bilder/kueche-k.jpg);}


a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:290px; top:189px; left:9px; color:#000; text-align:center; border:0px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:0px; cursor:default;}

a.slidea span {left:+130px; top:90px;}
a.slideb span {left:+20px; top:90px;}
a.slidec span {left:-90px; top:90px;}
a.slided span {left:-200px; top:90px;}
a.slidee span {left:-310px; top:90px;}
a.slidef span {left:-420px; top:90px;}
a.slideg span {left:-530px; top:90px;}
a.slideh span {left:-640px; top:90px;}


a.gallery:hover {white-space:normal; border:0px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:0px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:0px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:0px solid #000; position:relative; margin:10px; z-index:10;}