/* ####### */
 /* CSS DWF */
 /* ####### */
 
html				{ height: 100%; }
body 				{ text-align: center; width: 100%; margin: 0; padding: 40px 0 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(216,218,200); background: rgb(246,249,157); } 

a:link 				{ color: rgb(216,218,200); text-decoration:underline; }
a:visited 			{ color: rgb(216,218,200); text-decoration:underline; }
a:active 			{ color: rgb(216,218,200); text-decoration:none; }
a:hover 			{ color: rgb(216,218,200); text-decoration:none; }

h1				{ clear: both; color: rgb(216,218,200); font-size: 16px; margin: 35px 5px 10px 5px; padding: 0; }
h2				{ clear: both; color: rgb(216,218,200); font-size: 13px; margin: 10px 5px 10px 5px; padding: 15px 0 0 0; }
p				  { margin: 10px 5px 10px 5px; padding: 0; }
hr				{ margin: 0; clear: both; color: rgb(167,167,119); background: rgb(167,167,119); height: 1px; border: none; }

img				{ border: 0; margin: 0 5px 5px 2px;  }
.foto			{ border: solid 2px rgb(167,167,119); }


#site				{ position: relative; text-align: left; width: 640px; padding: 0; margin: auto; background: rgb(153,168,129) url(../gfx/site/bg_site.gif) right repeat-y; }
body>#site			{ height: auto; min-height: 100%; }

#kopfcontainer			{ height: 15px; padding: 0; margin: 0; background: rgb(167,167,119); border-left: solid 140px rgb(246,249,157); }


#navi 				{ float: left; padding: 1px 0 0 8px; margin: 8px 0 0 0; width: 120px; background: transparent; }			
#navi ul			{ list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#navi ul li			{ margin: 5px 0 5px 0; padding: 0; }
#navi ul li a, 
#navi ul li a:visited		{ display: block; font-size: 12px; font-weight: bold;  height: 20px; padding: 1px 0 0 21px; margin: 0; color: rgb(0,0,0); text-decoration: none; background: url(../gfx/site/bt.gif) no-repeat; }
#navi ul li a:hover, 
#navi ul li a:active, 
#navi ul li a:focus 		{ color: rgb(50,50,50); background: url(../gfx/site/bt_sel.gif) no-repeat; }
#navi ul li a.selected, 
#navi ul li a.selected:visited	{ color: rgb(80,80,80); background: url(../gfx/site/bt_sel.gif) no-repeat;  }

#navi li ul              { display: none; }
#navi li.selected ul     { display: block; margin: 0 0 15px 0; padding: 0; }
#navi li li			{ margin: 0; padding: 0; }
#navi li li a, 
#navi li li a:visited		{ display: block; font-size: 12px; font-weight: normal; height: 14px; padding: 2px 0 0 28px; margin: 0; color: rgb(0,0,0); text-decoration: none; background: none; }
#navi li li a:hover, 
#navi li li a:active, 
#navi li li a:focus 		{ color: rgb(50,50,50); background: url(../gfx/site/bt_pointer.gif) 12px 5px no-repeat; }
#navi li li a.selected, 
#navi li li a.selected:visited	{ color: rgb(80,80,80); background: url(../gfx/site/bt_pointer.gif) 12px 5px no-repeat;  }




#inhalt 			{ float: right; width: 500px; padding: 0 5px 15px 5px; margin: 0; line-height: 125%; border-right: solid 20px rgb(167,167,119); background: rgb(148,151,114); }
#site>#inhalt  { width: 470px; }

#inhalt table { width: 460px; margin: 10px 5px 10px 5px; padding: 0;}
#inhalt th			{ padding: 1px; text-align: left; font-size: 12px; font-weight: bold; border-bottom: solid 1px rgb(167,167,119); }
#inhalt td			{ padding: 1px; text-align: left; font-size: 12px; border-bottom: solid 1px rgb(167,167,119); }
#inhalt ul      { margin: 10px 15px 10px 5px; list-style-type: none; padding: 0;}
#inhalt li      { margin: 10px 0 0 0; }

.formular 			{ margin: 1px 0 2px 0; width: 452px; padding-left: 5px; font-family: Verdana, Arial, sans-serif; color: rgb(100,100,100); font-size: 11px; background-color: rgb(216,218,200); border: solid 1px rgb(167,167,119); }
.button				{ margin: 2px 0 2px 0; width: 452px; font-family: Verdana, Arial, sans-serif; color: rgb(211,0,0); font-size: 11px; font-weight: bold; background-color: rgb(187,187,187); border: solid 1px rgb(218,219,224); }
form>.button { width: 458px; }

#inhalt img.captcha          { float: left; margin: 1px 2px 2px 0; width: 75px; height: 30px; border: solid 1px rgb(158,165,202); }
input.captcha                { float: left; margin: 1px 0px 2px 0; width: 373px; height: 32px; padding: 1px 0 0 3px; font-family: Verdana, Arial, sans-serif; color: rgb(100,100,100); font-size: 11px; background-color: rgb(216,218,200); border: solid 1px rgb(167,167,119); }
form > .captcha              { height: 29px; width: 375px; }



#fuss				{ margin: 0; padding: 0; text-align: right; width: 600px;  background: url(../gfx/site/logo.gif) right no-repeat; color: rgb(0,0,0); font-size: 10px; }
#fuss p				{ padding: 100px 0 5px 0; margin: 0; }
#fuss a				{ color: rgb(0,0,0); }



.clear				{ clear: both; }
.aus				{ display: none; }
.seo				{ display: none; }
.nix				{ }





#gallery {position:relative; width:420px; height: 630px; margin:20px; font-weight: bold; }
#gallery ul { padding:0;  margin:5px; list-style-type:none; }
#gallery li { float:left; margin: 2px 5px 4px 2px; }
#gallery ul>li { float:left; margin: 2px 3px 4px 2px; }

#gallery a span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden;}

#gallery a,
#gallery a:visited {display:block; text-decoration:none; border: solid 1px rgb(167,167,119); margin:1px 2px 1px 2px; text-align:left; cursor:default;}

#gallery a.slide1 {background:url(../gfx/gallery/klein/Blumen.jpg); height:40px; width:40px;}
#gallery a.slide2 {background:url(../gfx/gallery/klein/Ente2.jpg); height:40px; width:40px;}
#gallery a.slide3 {background:url(../gfx/gallery/klein/Feldberg.jpg); height:40px; width:40px;}
#gallery a.slide4 {background:url(../gfx/gallery/klein/hexen.jpg); height:40px; width:40px;}
#gallery a.slide5 {background:url(../gfx/gallery/klein/hexenloch.jpg);  height:40px; width:40px;}
#gallery a.slide6 {background:url(../gfx/gallery/klein/Hirsch1.jpg);  height:40px; width:40px;}
#gallery a.slide7 {background:url(../gfx/gallery/klein/hornberg3.jpg);  height:40px; width:40px;}
#gallery a.slide8 {background:url(../gfx/gallery/klein/hornberg2.jpg);  height:40px; width:40px;}
#gallery a.slide9 {background:url(../gfx/gallery/klein/hornberg.jpg);  height:40px; width:40px;}
#gallery a.slide10 {background:url(../gfx/gallery/klein/kandel.jpg);  height:40px; width:40px;}
#gallery a.slide11 {background:url(../gfx/gallery/klein/keller.jpg);  height:40px; width:40px;}
#gallery a.slide12 {background:url(../gfx/gallery/klein/wein.jpg);  height:40px; width:40px;}
#gallery a.slide13 {background:url(../gfx/gallery/klein/kuh.jpg); height:40px; width:40px;}
#gallery a.slide14 {background:url(../gfx/gallery/klein/Landschaft1.jpg);  height:40px; width:40px;}
#gallery a.slide15 {background:url(../gfx/gallery/klein/Landschaft2.jpg);  height:40px; width:40px;}
#gallery a.slide16 {background:url(../gfx/gallery/klein/Mainau1.jpg);  height:40px; width:40px;}
#gallery a.slide17 {background:url(../gfx/gallery/klein/Mainau3.jpg);  height:40px; width:40px;}
#gallery a.slide18 {background:url(../gfx/gallery/klein/museum1.jpg);  height:40px; width:40px;}
#gallery a.slide19 {background:url(../gfx/gallery/klein/museum2.jpg);  height:40px; width:40px;}
#gallery a.slide20 {background:url(../gfx/gallery/klein/Panorama.jpg);  height:40px; width:40px;}
#gallery a.slide21 {background:url(../gfx/gallery/klein/Schloss.jpg);  height:40px; width:40px;}
#gallery a.slide22 {background:url(../gfx/gallery/klein/Treppe.jpg); height:40px; width:40px;}
#gallery a.slide23 {background:url(../gfx/gallery/klein/stmargen1.jpg);  height:40px; width:40px;}
#gallery a.slide24 {background:url(../gfx/gallery/klein/stmargen2.jpg);  height:40px; width:40px;}
#gallery a.slide25 {background:url(../gfx/gallery/klein/stpeter.jpg);  height:40px; width:40px;}
#gallery a.slide26 {background:url(../gfx/gallery/klein/Titisee2.jpg);  height:40px; width:40px;}
#gallery a.slide27 {background:url(../gfx/gallery/klein/Peterle.jpg);  height:40px; width:40px;}
#gallery a.slide28 {background:url(../gfx/gallery/klein/uhrw.jpg);  height:40px; width:40px;}
#gallery a.slide29 {background:url(../gfx/gallery/klein/wallf.jpg);  height:40px; width:40px;}
#gallery a.slide30 {background:url(../gfx/gallery/klein/vogts.jpg);  height:40px; width:40px;}
#gallery a.slide31 {background:url(../gfx/gallery/klein/ziege1.jpg);  height:40px; width:40px;}
#gallery a.slide32 {background:url(../gfx/gallery/klein/schlitten.jpg);  height:40px; width:40px;}

#gallery a:hover {border:1px solid rgb(246,249,157); }
#gallery a:hover span {position:absolute; width:400px; height:430px; top:210px; left:8px; z-index: 99; }
#gallery a:hover span img { border: solid 2px rgb(167,167,119); }


#screen {position:absolute; width:400px; height:404px; top:225px; left:9px; border: solid 2px rgb(167,167,119); }
#gallery>#screen {position:absolute; width:396px; height:400px; top:225px; left:10px; border: solid 2px rgb(167,167,119); }