body
 {
    margin: 0;
	padding: 0;
    font-family:Tahoma;
    font-size: 9pt;
 }
#body_pic
 {
    /*background-image: url(../bgImages/winter88.jpg);  
    background-image: url(../bgImages/wall3_hg.jpg);*/
    background-image: url(../bgImages/Forest5.jpg);
 }

#container
 {
   background-image: url(../bgImages/tanne_back223.jpg);
   background-repeat: no-repeat;
   background-position: right;
   width: 80em;
   border:solid 1px gray;
   background-color: #F7F7DF;
   /*margin: 3em auto 50px auto;    */
   position:absolute;
   top: 50%;
   left: 50%;
   overflow:hidden;
   margin: -24em 0 0 -40em;
 }
 #content
 {
 	float: left;
 	width: 55em;
 	height: 34em;
 	margin-left: 1em;
 	padding-left:15px;
    padding-top: 20px;
    overflow: auto;
 }
#header
{
    padding:0;
    margin:-3px 0 0;
	height: 115px;

    background-position: top;
    background-image: url(../bgImages/hg_summer41.jpg);
   /* geä. 26.11.2009für Winterkopfbild */

	 	}
#titel
{
	height: 15px;
    background-image: url(../bgImages/colfoot.gif);
	margin: 0 0px 3px;
    width: 100%;
    border-bottom: 1px solid gray;

 }
 .tt1
 {
    padding-left: 60px;       /*30px*/
 }
#kopfcc
 {
    font-family: "Lucida Handwriting";
 }

#gutter
{
	float: left;
	width: 3%;
	height: 1px;
}

#navi
{
	float: left;
	width:170px;
	height: 470px;
   	background-color: #F7F7DF;
	margin-bottom: 1px;
    background-image: url(../bgImages/hg_hmenue2.png);
    background-repeat: no-repeat;
}


#ckopf
 {
    background-image: url(../bgImages/titel.gif);

    background-repeat: no-repeat;
    height: 30px;
    margin-left: 193px;
    width: 450px;

}

#col3
{
    float:left;
    width: 100px;
    padding-left:7.1%;
    padding-top: 5%;
}

#footer
{
    clear: both;
    height: 20px;
    background-color: #666;
    background-image: url(../bgImages/colfoot2.gif);
    width: 100%;
}
#w3c
{

    position:absolute;
    top:50%;
    left:50%;
    margin:350px 0 0 -480px;
    /*margin: 685px 0 0 152px; */
}



        /*---------Hauptmenue-links- Logo- Öffnungszeiten------*/


#navi .umenue {
    margin-left:auto;
    margin-right:auto;
 /* border: solid 1px red;
  height:23px;    */
    width:128px;
}


#navi .umenue li {
    float:left;
    padding-left: 5px;

}
#actuell {
    margin-left:7px;
    padding-top: 10px;
}
.event_inh {
    text-align:center;

    height:25px;
    font-family: "Comic Sans MS" ;
    font-weight:bold;
    font-size:10pt;
    line-height:12px;
    margin-top:1.15em;
 }
 .event2 {
    background-image:url(../bgImages/event_hg.jpg);
    font-weight:lighter;
    font-size:10pt;
    width:115px;
    margin-left:2px;
    margin-top:4px;
    text-align:center;
    color:#006783;
 }
 #logo {
    margin-left:auto;
    margin-right: auto;
    text-align:center;
    height: 125px;
    width: 125px;

}

/* ---Öffnungszeit ----   */
#gute_kueche {
   width:100px;
   margin-top:15px;
   margin-left:auto;
   margin-right:auto;
}


#taglist {
    font-size: 10px;
    float:left;
    width:8.7em;
    height:4.5em;
}
#zeitlist {
    float:left;
    width: 55px;
    height:4.5em;
    font-size: 10px;
}
#zeit {
    border: solid 1px gray;
    padding:2px;
    height:55px;
    width: 146px;
    margin-left:12px;
    margin-top:auto;
    font-family: Tahoma;
    font-size: 8pt;
}


.offz {
    font-weight:bold;
/*padding:2em 0 0 1em;    */
    padding:1.2em 0 5px 1em;
}
/*--- Hauptmenue ----  */

#hauptnavcontainer {
   	padding:20px 0px 0px 25px;
    width: 150px;
}


#navi  ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-bottom: 10px;
}





#navi .hm li {
    width:118px;
    padding-bottom:3px;
    background-image: url(../bgImages/event_hg.jpg) ;
    height: 15px;
  }

#navi .hm a
{
    display: block;
    font-size: 11px;
    color: #036;
    background-color: transparent;
    width: 8em;
    padding: .2em 1.3em;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #036;
    border-bottom: 1px solid #036;
}

#navi .hm a:hover
{
    background-color: #9BAB60;
    color: #FFF;
    border-top: 1px solid #036;
    border-left: 1px solid #036;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#navi .hm li  a.tech {
	background-color: #577656;
	color: White;
}
p {
    margin: 0px;
    padding:0;

}

#footer  #datum
    {
    padding: 2px 20px;
    float: left;
     }

 .dat2 {
    text-align:right;
    padding: 2px 20px;

 }
 .titel {
    margin:0;
/*padding-left: 50px; Änderung Countdown---15.09.08*/
    font-family: "Comic Sans MS";

    width: 70%;
    color: #CE3400;
    font-size: 12pt;
}
.titel1 {
    margin-left:auto;
    margin-right: auto;
    margin-top: 200px;
    width:320px;
    font-family: "Comic Sans MS";
    font-size: 10pt;
    color: #CE3400;
    white-space: nowrap;
}
.titel2 {
    margin-left:322px;
    font-family: "Comic Sans MS";
    color: #CE3400;
    font-size: 14pt;
    letter-spacing: 1px;
}

#inhaltsseiten1  {

    height:90%;
    background-image: url(../bgImages/cool1.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
#rezept  {
    height: 34em;
    font-family: "Comic Sans MS";
    color: #CE3400;
    background-image: url(../bgImages/koch2.png);
    background-repeat: no-repeat;
    background-position: center;
}
div.rezept_inhalt2 {
    clear:both;
    font-size: 16px;
    width: 250px;
    margin:15px 0 0 50px;
}
div.rezept_inhalt3 {
    float:left;
    font-size: 17px;
    width: 450px;
    height:50px;
    margin:15px 0 0 -60px;
}
/*---------------------------SEITENFORM--------------------------*/


 #w1
 {
    padding-top:65px;
    margin-right:15px;
    text-align:justify;

}
#w2
 {
    clear:left;
    text-align:justify;
    padding:35px 15px 10px;
}
#w3
 {
    float:right;
    margin-top:5px;
    margin-right:8%;
    margin-left:15px;

}
#w4
 {
    float:right;
    margin-top:23px;
    margin-right:18%;
}
#w5
{
    float:left;
    margin-top:10px;
    margin-right:25px;
}
#w6
{
    padding:40px 15px 15px;
    text-align:justify;
}
#r1
 {
    float:right;
    margin:45px 25px 0;

}
#r2
 {
    padding-top:55px;
    text-align:justify;
    clear:left;
}
#r3
 {
    padding-top:75px;
    margin-right:15px;
    text-align:justify;
}
#r4
 {
    float:left;
    margin-top:45px;
    margin-right:25px;
}
#r5
 {
    padding-top:50px;
    text-align:justify;
}
#r6
 {
    float:right;
    margin-top:15px;
    margin-right:15px;
    margin-left:15px;
}
#r7
 {
    clear:left;
    padding-top:15px;
    padding-bottom:15px;
    margin-right:15px;
    text-align:justify;
}
#r8
 {
    padding-top:45px;
    margin-right:15px;
    text-align:justify;
}
#r9
 {
    float:left;
    margin-top:15px;
    margin-right:25px;
}
.eathead {
    height:18em;
    margin-bottom: 15px;
}

.trenner {
    width:340px;
    clear:both;
    margin-left:auto;
    margin-right: auto;
}
.trenner_land {
    width: 420px;
    clear:both;
    margin-left:auto;
    margin-right: auto;
}
.justy {
    margin-left:auto;
    margin-right: auto;
}

#s1
 {
    padding-left:155px;
    padding-top:45px;
    padding-right:55px;
    text-align:justify;
}
#s2
 {
    width: 430px;
    margin:0px auto 0 152px;
    padding: 5px 10px 5px;
    text-align:justify;
    font-size:8pt;

}
#s3
 {
    margin-left:100px;
}
#a1
 {
    padding-top:65px;
    margin-right:15px;
    text-align:justify;
    width:40%;
    padding-top:45px;
}
p.impressum
 {
    padding:20px 25px;
    text-align:justify;
    font-size:8pt;
}
/*  Impressum ---- */

#impressum ul {
    list-style-type: none;
    margin: 0;
    padding-top: 30px;


  }
#impressum ul li { display: inline;padding: .2em 5em; }

#impressum li.imp {
    padding-left:2.9em;
}
ul#konti li {
    list-style-type: none;
    padding-top: 5px;
}

/*-------------------PENSION----------------------------------*/
 img {
    border:none;
}

#pensimage {
    padding-left: 15%;
    margin: 0;
}
#pensimage span.thumbnail a {
	cursor:default;
		}
#bilder span a:hover  {
    display:block;
}
ul#pensi li span.thumbnail
{
    float: left;
    width: 100px;
    border: 1px solid #999;
    margin: 0 55px 15px 0;
    padding: 5px;
}
ul#pensi li span.thumbnail1
{
    clear: left;
    width: 100px;
    border: 1px solid #999;
    margin: 0 55px 15px 0;
    padding: 5px;
}
#bilder a img {width:100px; height:75px; border:0;}
#bilder a img {width:100px; height:auto; border:0;}
#bilder a:hover img {
    width:150px;
    height:auto;
}

ul#pensi li {
    display: inline;
}
#pensimage1 {
    padding-left: 15%;
    margin: 0;
}
#pensimage1 span.thumbnail a {
	cursor:default;
		}
#bilder1 span a:hover  {
    display:block;
}
ul#pensi1 li span.thumbnail
{
    float: left;
    width: 100px;
    border: 1px solid #999;
    margin: 0 55px 15px 0;
    padding: 5px;
}

#bilder1 a img {width:100px; height:75px; border:0;}
#bilder1 a img {width:100px; height:auto; border:0;}
#bilder1 a:hover img {
    width:150px;
    height:auto;
}

ul#pensi1 li {
  display: inline;
}
/*---------------------------------------------*/

.ueberschrift {
    padding-bottom:15px;
    color:#CE3400;
    font-family:"Haettenschweiler, Tahoma, Arial";
    font-size:18pt;
    clear: left;

}
.up {
    margin-bottom:5px;
    padding-right:15%;
    text-align:right;
    clear: left;

}

#impressumm ul, #host ul
{
list-style-type:none;
border:solid 1px gray;
width:250px;
padding:5px;
}
#impressumm li
{
/*float:left;*/
padding-left:20px;

}

#host li
{
padding-left:20px;

}

.clear
{
clear:both;
}
.schrift
{
font-family:"Lucida Handwriting";
}


#eingeld li
{
display: inline;
list-style-type: none;
padding-right: 20px;
text-align:left;

}

li.einpreis {
text-align:right;

}

/*  FOOT ---------------   */

ul#firm {
      margin: 0;
      padding: 0;

    }

	#firm li {
		list-style-type:none;
		font-family:Tahoma;
		font-size:8pt;
        display:inline;

	}

    #firm li a:visited {
      color:blue;
      text-decoration: none;
    }


	#taglist, #zeitlist {
		margin:0px;

	}
	#firm li.links1, #firm li.dat, #firm li.copyr{
		text-align:center;
        float:left;

	}

	#firm li.copyr {
	   margin:0.5em 0 0 3em;

	}
    #firm li.links1 {
      margin:0.5em 19.5em 0 19em;

    }

    #firm li.dat{
	   margin:0.5em 0 0 0em;

	}
    .route {
        float:left;
        margin:0 0 10px 1em;
    }
    .text_r1 {
       padding:5px;
       text-align:justify;
       margin-bottom:10px;
    }

 .wetter
  {
     margin-top:5px;
     height:270px;
     width:150px;
     float:left;
  }
 .route_rech
  {
 margin-right:30px;
 padding:5px;
 text-align:justify;
 width:455px;
 height:50px;
 float:right;
 }

  .extra_1 {
     width:320px;
     height:130px;
     float: left;
     
     margin:0px 0 0 0px;
  }
 /* Extr.Impress. und Shop ----- */

 ul#navlist
{
position:absolute;
top:50%;
left:50%;
width:15em;
height:2em;
overflow:hidden;
margin:350px 0 0 268px;
/*border:solid 1px black;*/
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 20px;color:white;text-decoration:none; }
         /*  NEUES --    */
div#kalender	{
font-size:8pt;
font-family:tahoma;
height:125px;
width:125px;
margin:3.7em 24px 0 auto;
/*margin-left:auto;
margin-right:24px;*/
}
#wapp {
	position:absolute;
	top:50%;
	left:50%;
	overflow:hidden;
    /*margin: -27em 0 0 -44em;    */
    margin: -320px 0 0 -550px;
	height:145px;
	width:157px;
	/*background-image:url(../bgImages/logo22.png);*/
	background-repeat:no-repeat;
	background-position:center;
	z-index:9999;

	}
	#explan1 {
	position:absolute;
	top:50%;
	left:50%;
	margin:0 0 0 -338px;
	overflow:hidden;
    display:none;
	height:102px;
	width:242px;

	background-image:url(../bgImages/event_big.png);
	background-repeat:no-repeat;
	z-index:9999;

 }

  .uplink, .uplink2 {
  width:25px;
  margin:5px 0 0 280px;


  }
   .uplink2 {
   margin:15px 0 20px 540px;
   }
  #bergmann {
width:230px;
color:gray;
text-align:justify;
font-style:italic;
font-size:9px;
margin:5px 0 0 235px;
}
#bergmanns_gruss {
width:210px;
margin:20px 0 0 65px;
}
#kontakt_g {
    margin-left: 7em;
    margin-right: auto;
    width: 275px;
    height:140px;
    margin-top:15px;

}
.JubelFeier {
width:400px;
height:70px;
}