/*---[ page setup ]-------------------------------------------------------------*/

body, form, ul, li { margin:0; padding:0; }
body { font-family:Georgia,"Times New Roman",Times,serif; font-size:10px; background:#FFC78E url('../pic/bg.body.jpg') repeat left top; }
body, html { height:100%;  overflow:hidden; }
img { border:none; }

.png24 { behavior: url("http://www.staev-hannover.de/fileadmin/src/png.htc"); }
.png24 img { behavior: url("http://www.staev-hannover.de/fileadmin/src/png.htc"); }

#wrp  { height:100%; overflow:auto; position:absolute; top:0px; left:0px; width:100%; z-index:3; }
#wrp1 { height:640px; background:url('../pic/bg.wrp1.jpg') repeat-x left top; }
#wrp2 { margin:0 auto; width:1000px; }
        
        #logo { margin:10px 15px 0 20px;  float:left; }
        #logo a { width:122px; height:153px; display:block; text-decoration:none; }

        #logo a { background:url("../pic/logo.png") no-repeat left top; }
 * html #logo a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/pic/logo.png'); } 

        #head { padding:31px 0 5px 0; }
        #head a { text-decoration:none; color:#000; font-size:1.4em; display:block; }
        #head a span { font-size:1.2em; text-transform:uppercase; font-weight:bolder; }
              
        #menu ul { list-style:none; font-style:"Times New Roman",Georgia,Times,serif; }
        #menu ul li { float:left; margin:0 15px 0 0; background:url('../pic/bg.menu.ul.li.png') no-repeat right center; }
        #menu ul li a { color:#802000; text-decoration:none; display:block; font-size:1.2em; font-weight:bolder; padding:13px 20px 14px 20px;  background:url('../pic/bg.menu.ul.li.png') no-repeat left center; }
        #menu ul li a:hover { text-decoration:underline; }
        #menu ul li.aktiv { background:url('../pic/bg.menu.ul.li.aktiv.png') no-repeat right center; }
        #menu ul li.aktiv  a { color:#202099; background:url('../pic/bg.menu.ul.li.aktiv.png') no-repeat left center; }
        #menu ul li.aktiv a:hover { text-decoration:none; }        
        #menu ul li ul:hover { display:block; }
        #menu ul li:hover ul { display:block; }
        #menu ul li.over ul  { display:block; } /* for IE */
        #menu ul li ul { padding:0 0 30px 0; margin:0 0 0 -10px; display:none; position:absolute; background:#FFF0D0 url('../pic/bg.menu.ul.li.ul.png') no-repeat center bottom; border-left:solid 1px #BD7963; border-right:solid 1px #BD7963; border-bottom:solid 1px #BD7963; }
        #menu ul li ul li,
        #menu ul li.aktiv ul li { float:none; padding:0; margin:0; border:solid 1px #FFF2D6; width:210px; background:url('../pic/bg.menu.ul.li.ul.li.png') no-repeat center bottom; }
        #menu ul li ul li a,
        #menu ul li.aktiv ul li a { color:#802000; font-weight:normal; display:block; margin:0; padding:5px 10px 5px 10px; text-align:center; background:none; }
        #menu ul li ul li a:hover { text-decoration:none; background:url('../pic/bg.menu.ul.li.ul.li.a.png') no-repeat 5px center; }
        #menu ul li ul li.aktiv a { color:#202099; }
        #menu ul li ul li.aktiv a:hover { background:none; }
        #menu ul li ul li:hover { display:list-item; }
        #menu ul li ul li.over  { display:block; } /* for IE  */

/*---[ maincontent ]------------------------------------------------------------*/

#con { clear:both; margin:0; padding:0 0 90px 90px; float:left; }
	.small { width:570px; }
	.large { width:auto;}

#con h1, 
#con h1.csc-firstHeader { margin:0; padding:0; color:#a60000; font-size:2.4em; text-align:center; }
#con p, #con li { font-family:Verdana,Arial,sans-serif; color:#000; }
#con p { font-size:1.2em; line-height:1.4em; }
#con p.align-center { text-align:center; }
#con a { color:#802000; text-decoration:underline; }
#con a:hover { color:#202099; }

        #gmap { background:url('../pic/bg.content.gmap.jpg') no-repeat left top; padding:17px 0 0 18px; height: 380px; }

        #speisen { background:url('../pic/bg.content.menu.jpg') no-repeat left top; height:424px; width:477px; padding:66px 0 0 66px; margin-left: 35px;}
        #speisen h2 { background:url('../pic/bg.content.menu.h2.png') no-repeat center bottom; margin:0 0 10px 0; padding:20px 0 30px 0; color:#fff; text-transform:uppercase; font-size:1.6em; text-align:center; font-weight:normal; width:350px; }
        #speisen a { display:block; width:120px; float:left; padding:5px 0 5px 30px; margin:0 0 0 10px; color:#fff; text-decoration:none; font-size:1.4em; font-style:italic; }        
        #speisen a:hover {color: #fff; background:url('../pic/bg.content.menu.a.png') no-repeat left center; } 

        #galerie { text-align:center; }
        #galerie .overview { float:left; }
        #galerie .overview .frame { background:url('../pic/inhalt_bilder/obj.rahmen2.png') no-repeat left top; padding:20px; }
 * html #galerie .overview .frame { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/bg.galerie.overview.png'); } 


/*---[ marginalcontent ]--------------------------------------------------------*/

#right { float:left; width:330px; }
#right .picture { float:right;}

        #merkel { background:url('../inhalt_bilder/pic.merkel.png') no-repeat left top; width:131px; height:120px; }
 * html #merkel { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/pic.merkel.png'); } 

        #adenauer { background:url('../inhalt_bilder/pic.adenauer.png') no-repeat left top; width:147px; height:168px; }
 * html #adenauer { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/pic.adenauer.png'); } 

        #schmidt { background:url('../inhalt_bilder/pic.schmidt.png') no-repeat left top; width:112px; height:111px; }
 * html #schmidt { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/pic.schmidt.png'); } 

        #kohl { background:url('../inhalt_bilder/pic.kohl.png') no-repeat left top; width:127px; height:141px; }
 * html #kohl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/pic.kohl.png'); } 

        #brandt { background:url('../inhalt_bilder/pic.brandt.png') no-repeat left top; width:161px; height:128px; }
 * html #brandt { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/pic.brandt.png'); }  

        #schroeder { background:url('../inhalt_bilder/pic.schroeder.png') no-repeat left top; width:123px; height:100px; }
 * html #schroeder { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/pic.schroeder.png'); }  

        #gauss { background:url('../inhalt_bilder/pic.gauss.png') no-repeat left top; width:112px; height:79px; }
 * html #gauss { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/pic.gauss.png'); } 

        #adresse { background:url('../pic/obj.newspaper.jpg') no-repeat left top; width:331px; height:256px; text-align:center; color:#000; font-size: 1.2em; }
        #adresse h2 { color:#a60000; padding: 110px 0 5px 0; font-size: 1.2em; margin:0; }
 
        #email {margin: 12px; background:url('../pic/obj.email.png') no-repeat left top; }
 * html #email { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/pic/obj.email.png'); } 
        #email img {width:160px; height:81px;}


/*---[ fixed objects ]----------------------------------------------------------*/

#footer { position:absolute; left:0px; bottom:0px; width:100%; height:42px; z-index:4; background:#ffc78e url('../pic/bg.footer.png') repeat-x left bottom; } 
#lamp1 { position:absolute; right:130px; top:0px; z-index:7; width:4px; height:150px; background:url('../pic/lamp.1.png') repeat-y left top; }  
#lamp2 { position:absolute; right:34px; top:113px; z-index:7; width:183px; height:183px; } 

        #lamp2 { background:url('../pic/lamp.2.png') no-repeat left top; }
 * html #lamp2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/pic/lamp.2.png'); } 

        #dinner { position:absolute; right:285px; bottom:15px; z-index:6; width:297px; height:68px; } 
        #dinner { background:url('../inhalt_bilder/obj.dinner.png') no-repeat left top; }
 * html #dinner { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/obj.dinner.png'); } 

        #beer { position:absolute; right:50px; bottom:23px; z-index:6; } 

        
        #plant { position:absolute; right:10px; bottom:23px; z-index:6; width:103px; height:118px; } 
        #plant { background:url('../inhalt_bilder/obj.plant.png') no-repeat left top; }
 * html #plant { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/obj.plant.png'); } 
		
        #flower { position:absolute; right:95px; bottom:31px; z-index:6; width:116px; height:119px; } 
        #flower { background:url('../inhalt_bilder/obj.flower.png') no-repeat left top; }
 * html #flower { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/obj.flower.png'); } 

        #hut { position:absolute; right:110px; bottom:25px; z-index:6; width:110px; height:88px; } 
        #hut { background:url('../inhalt_bilder/obj.hut.png') no-repeat left top; }
 * html #hut { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/obj.hut.png'); } 

 
/*---[ lightbox ]----------------------------------------------------------------------*/
 
#mb_overlay { z-index:300; background-color:#998066; }  
#mb_center, #mb_bottom { z-index:301; }  
#mb_center div#mb_contents { border:#8c5422 1px solid; background:url('../pic/bg.speisekarte.jpg') no-repeat left top; } 
#mb_bottom { display:none; }

.speisekarte h1 { float:left; width:400px;  text-transform:uppercase; font-weight:normal; color:#422A00; font-size:1.6em; font-style:italic; text-align:center; padding:0; margin:30px 0 20px 0; }
.speisekarte h2 { width:auto; font-weight:normal; color:#b00; font-size:1.6em; text-align:center; padding:0; margin:0 0 20px 0; }
.speisekarte .exit { float:left;  margin:25px 0 20px 0; display:block; width:380px; text-align:right; }

.speisekartenbox { width:400px; height:380px; overflow:auto; float:left; }
.speisekartenfuss { width:390px; height:40px; overflow:auto; float:left; text-align:center; padding:5px 0 0 0; } 
.speisekartenbox .innerwrp { margin:0 20px 0 30px; width:auto; }
.speisekartenfuss .innerwrp .bodytext { font-family:Verdana,Arial,sans-serif; color:#630; }

.speisekartenbox .head p { font-weight:bolder; color:#000; font-size:1.2em; margin:0; padding:0; }
.speisekartenbox .black p { color:#000; font-size:1.2em; margin:0; padding:0; }
.speisekartenbox .red p { color:#BB0000; font-size:1.2em; margin:0 0 10px 0; padding:0; }
.speisekartenbox .preis { width:70px; padding:0 0 0 20px; }
.speisekartenbox .preis p { color:#000; font-size:1.6em; margin:0; padding:0; font-style:italic; }


/*---[ formulare ]----------------------------------------------------------------------*/

        form { margin:0; padding:20px 0 0 120px; font-size:1.4em; }
        form input, form textarea { margin-top:10px; padding:2px; border:none; border-bottom:solid 1px #963; width:350px; background:#fff9cc; }
        form input:hover, form textarea:hover, form input:active, form textarea:active { background:#fff; }
        form input.csc-mailform-submit {border:none; height:49px; width:350px; cursor: pointer;}
        form input.csc-mailform-submit { background:url('../inhalt_bilder/reservieren.png') no-repeat center top; }
 * html form input.csc-mailform-submit { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/inhalt_bilder/reservieren.png');} 

#mailform div label { font-size:0.9em; color:#963; }

/*---[ galerie ]------------------------------------------------------------------------*/


.tx-gooffotoboek-pi1 div div.navi {display: none;}
.tx-gooffotoboek-pi1 div div.tabel {display: block;}

        .tx-gooffotoboek-pi1 div div.tabel a {text-align: center; margin: 10px; background:url('../pic/bg.galerie.overview.png') no-repeat left top; height: 155px; width: 206px; display: block; float: left; cursor: pointer;}
 * html .tx-gooffotoboek-pi1 div div.tabel a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/pic/bg.galerie.overview.png'); } 
        .tx-gooffotoboek-pi1 div div.tabel a img {margin: 29px 29px 29px 28px;}

        .tx-gooffotoboek-pi1 div div.singleview a {text-align: center; margin: 10px; background:url('../pic/bg.galerie.single.png') no-repeat left top; height: 478px; width: 625px; display: block; }
 * html .tx-gooffotoboek-pi1 div div.singleview a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/pic/bg.galerie.single.png'); } 
        .tx-gooffotoboek-pi1 div div.singleview a img {margin: 64px 64px 64px 64px;}