body
 {
    margin: 0;
	padding: 0;
    font-family:Tahoma;
    font-size: 9pt;
 }
#body_pic
 {      background-image: url(../bgImages/Forest5.jpg);
    /*background-image: url(../bgImages/winter88.jpg);  
    background-image: url(../bgImages/wall3_hg.jpg);
    background-image: url(../bgImages/winter88.jpg);*/
 }
#Script {
  margin-left:150px;
  font-weight:bold;
  font-size:12pt;
  color:red;
  position:absolute;
}
a {
   color: #000;
   -webkit-transition: color .5s ease-out;
   -moz-transition: color .5s ease-out;
   -o-transition: color .5s ease-out;
   transition: color .5s ease-out;
}
a:hover {
  color: #f00;
}
#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:0px;
    padding-top: 20px;
    overflow: auto;
 }
#header
{
    padding:0;
    margin:-3px 0 0;
	height: 115px;

    background-position: top;
	  background-image: url(../bgImages/hotpanorama_winter1.jpg); 
   /* 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: 30px;       /*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%;
}





#w3c
{

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



        /*---------Hauptmenue-links- Logo- Öffnungszeiten------*/
#Untermenu img {
  border: solid 1px gray;margin-bottom:15px;
}

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


#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:5px;
    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;   07.05.2011 */
    padding:1.5em 0 2px 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;

 }

 /* ----  Startseite -------   */
 .titel {
    margin:0;
    float:left;text-align:left;
/*padding-left: 50px; Änderung Countdown---15.09.08
    font-family: "Comic Sans MS";                   */
     font-family: "Times New Roman";
    width: 300px;
    color: #CE3400;
    font-size: 14pt;
}
.titel1 {
    margin-left:auto;
    margin-right: auto;
    margin-top: 200px;
    width:320px;
    /*font-family: "Comic Sans MS";*/
     font-family: "Times New Roman";
    font-size: 11pt;
    color: #CE3400;
    white-space: nowrap;
}
.titel2 {

    /*font-family: "Comic Sans MS";  */
     font-family: "Times New Roman";
    color: #CE3400;
    font-size: 18pt;
    letter-spacing: 1px;
}
#Titel2 {
    width: 300px;
    margin:15px 0 0 322px;
    text-align: center;

}
/* ----  Startseite END-------   */


#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
{
list-style-type:none;
border:solid 1px gray;
width:250px;
padding:5px;
}



#impressumm li
{
/*float:left;*/
padding-left:20px;

}
.h1 {
padding-top:2px;
margin-left: 15px;
  margin-right:15px;
  margin-top: 5px;
}
.h2 {

    padding-top:7px;
    height:28px;
    width:90px;
    background-position: -2px 3px;
    background-image:url(../bgImages/hosti.png);
    background-repeat:no-repeat;
    padding-left:28px;

}
.h3 {

 padding:2px 0 4px 23px;
 margin-right:15px;
 text-align:left;
 width:250px;
 margin-top: 5px;
}
.h4 {
  text-align: left;
  padding:2px 0 4px 10px;
  margin-top:5px;
  width:70px;
}
#hosted {
  margin-left: 10px;
  margin-top: 0px;
  height:30px;
  width:550px;

}
 #developer {
     width:550px;
     height:30px;
     margin-top: 40px;
 }

#hosted div, #developer div {
  float:left;
  font-size:8pt;
}
#hosted a, #developer a {
  text-decoration: none;
}

.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 ---------------   */
#footer
{
    clear: both;
    height: 20px;
    background-color: #666;
    background-image: url(../bgImages/colfoot2.gif);
    width: 100%;
}
ul#firm {
      margin: 0;
      padding: 0;

    }

	#firm li {
		list-style-type:none;
		font-family:Tahoma;
		font-size:8pt;
        float:left;
        color:#526121;
         width: 260px;
	}



	#firm li.Copyright {
	   margin:4px 0 0 25px;

	}


    #firm li.CoolDate{
	   margin:4px 0 0 66px;
       text-align: right;

	}
    #firm li.Modified {
       margin:4px 0 0 66px;
       text-align: right;
    }

    .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:355px 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;  width:200px;  /* Advent geä: 28.11.11  */
   /*	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;
}
.demo {
  background-repeat: no-repeat;
  background-image: url(../images/sticky3.png);
  box-shadow: 2px 3px 5px  #4E736D;
  width:200px;  transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
/*  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
  -ms-transform: rotate(-20deg);
}
 .ie-shadow3 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#C6C6FF), to(#fff));
    background-image: -moz-linear-gradient(bottom, #C6C6FF, #fff);
    background: linear-gradient(bottom, #C6C6FF, #fff);

    -moz-box-shadow: 5px 5px 5px #C6C6FF;
    -webkit-box-shadow: 5px 5px 5px #C6C6FF;
    box-shadow: 5px 5px 5px #999;

    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#c8482c)
           progid:DXImageTransform.Microsoft.Shadow(color=#C6C6FF, Direction=135, Strength=10); /* IE6-7 */
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#c8482c)
                 progid:DXImageTransform.Microsoft.Shadow(color=#C6C6FF, Direction=135, Strength=10)"; /* IE8 */
  }
.ie-shadow4 {
    background-image: -webkit-gradient(linear, left bottom, left top,
    from(#C7DCA0), to(#fff));
    background-image: -moz-linear-gradient(bottom, #C7DCA0, #fff);
    background: linear-gradient(bottom, #fff, #fff);

    -moz-box-shadow: 5px 5px 5px #C7DCA0;
    -webkit-box-shadow: 5px 5px 5px #C7DCA0;
    box-shadow: 5px 5px 5px #999;
    /*
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,
    startColorstr=#ffffff, endColorstr=#c8482c)
    progid:DXImageTransform.Microsoft.Shadow(color=#C6C6FF,
    Direction=135, Strength=10); /* IE6-7 */
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#c8482c)
    progid:DXImageTransform.Microsoft.Shadow(color=#C6C6FF, Direction=135, Strength=10)"; /* IE8 */

 }
 .rotate {
   transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
/*  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
    -ms-transform: rotate(-5deg);
 }
 .rotate1 {
   transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate-5deg);
/*  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
    -ms-transform: rotate(5deg);
 }
  #Sticky {
    width: 200px;
   height: 200px;
   padding: 0;
   position:absolute;
  /* margin:200px 0 0 1030px;    */
  margin:40px 0 0 65px;
  z-index:12000;
   }
   #Close {
     width:25px;
     height:30px;
     text-align:right;
     cursor:pointer;
     margin-left:175px;margin-top:-10px;
   }
   #PinText {
     width: 182px;
     text-align:center;
     margin-left: auto;
     margin-right: auto;
     font-weight:lighter;
     font-size:13pt;
     color:gray;
     margin-top:30px;
  text-wrap: none
}