@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[biedermannhof] Screen Stylesheet
version:   1.0
date:      24/09/09
last doc:  22/12/09
author:    Alexander Pichler
email:     development@by-experience.com
website:   wwww.by-experience.com
-----------------------------------------------------------------------------*/
/* Allgemein */
body{
  background:#c83000 url(../images/bg.jpg) 50% 0 no-repeat;
}

.alles{
  background:transparent url(../images/bg_bottom.png) 0 bottom no-repeat;
  margin:0 auto;
  padding:0 0 28px;
  width:1012px;
}

.main{
  background:transparent url(../images/bg_inhalt.png) 0 0 repeat-y;
  margin:0 auto;
  width:1012px;
}

h2{
  clear:both;
  /*color:#e42324;*/
  color:#7e1d0a;
	font:bold 1.8em/1.3em Arial, Helvetica, sans-serif;
	margin:0 0 5px;
}

h3{
  color:#901114;
	font:bold 1.2em/1.3em Arial, Helvetica, sans-serif;
}

h4{
  color:#901114;
	font:normal 2em/1.3em Arial, Helvetica, sans-serif;
}
	
.clear{
	clear:both;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.info{
  background:#efefef;
  border:solid 1px #dedede;
  color:#222;
  font-weight:bold;
  margin:17px 0 6px;
  padding:4px;
  text-align:center;
}

.hide{
  display:none;  
}
/* ENDE Allgemein */


/* Website */
.head_pic{
  margin:0 0 0 16px;
  position:absolute;
}

#s1 img{
  position:absolute;
  z-index:100;
}

#nav {
  background-color: #aaaaaa;
  position:relative;
  float:right;
  margin:0 325px 0 0;
  filter: alpha(opacity=70);
  border:1px solid #555;
  -moz-border-radius:5px;
  font:normal bold 13px/16px verdana;
  padding-left: 4px;
  top: 285px;
  opacity: 0.7;
  z-index:10;
}

#nav a{
  color: #333;
  text-decoration:none;
  margin-right:4px;
}

#nav .activeSlide{
  color: #ffffff;  
}

#s1{
  margin:0 0 0 16px;
}

.s2{
  height:130px;
}

.alles .addThis
{
  margin:0 0 0 644px;  
}

/* ENDE Website */


/* Navi */
#navi_bar{
  float:left;
  padding:100px 0 0 53px;
  position:relative;
  width:221px;
  z-index:100;
}

#navi_bar ul{
  margin:0;
  width:165px;
}

#navi_bar ul li ul{
  border-bottom:solid 1px #979088;
  margin:0 0 8px;
  padding:0 0 8px;
}

#navi_bar .symbol{
  margin:-7px 0 0 -30px;
  position:absolute;
}

#navi_bar ul a:link, #navi_bar ul a:visited{
  border-bottom:solid 1px #b13517;
	color:#7e1d0a;
	display:block;
	font-size:1.3em; 
	font-weight:bold;
	margin: 0 0 8px;
  padding:0 0 8px;
	text-decoration:none;
	zoom:1;
}

#navi_bar ul a:hover, #navi_bar ul a:active{
	color:#7e1d0a;
	text-decoration:none;
}

#navi_bar ul li ul a:link, #navi_bar ul li ul a:visited{
  border-bottom:none;
	color:#59595b;
	display:block;
	font-size:1.1em; 
	font-weight:normal;
	margin:0;
  padding:0 0 2px;
	text-decoration:none;
	/*text-transform:capitalize;*/
	zoom:1;
}

#navi_bar ul li ul a:hover, #navi_bar ul li ul a:active{
	color:#866739;
	text-decoration:none;
}

#navi_bar #active{
  color:#866739;
}

#navi_bar #active2{
  color:#7e1d0a;
  font-weight:bold;
}


  /* Anfrage */
  .anfrage{
    background:transparent url(../images/bg_trennstrich.png) 0 0 no-repeat;
    margin:45px 0 0 -33px;
    padding:27px 32px 0;
  }
  
  .anfrage label{
    display:inline-block;
    font-size:1.2em;
    margin:11px 0 0;
    width:70px;
  }
  
  .anfrage .textbox{
    height:13px;
    width:75px;
  }
  
  .anfrage img{
    padding:2px 0 0;
  }
  
  .anfrage .btn{
    color:#3b3b3b;
    font-size:1.2em;
    margin:10px 0 39px 37px;
    text-align:center;
  }
  
  .anfrage a:link, .anfrage a:visited{
    color:#58585a;
    display:inline-block;
    padding:0;
  }

  .anfrage a:hover, .anfrage a:active{
    color:#58585a;
  }
  /* ENDE Anfrage */
  
  /*Anreise*/
    .g_map{
      border:1px solid #333;
    }
  /*ENDE Anreise*/

  /*Blog*/
    .blog{
      background:transparent url(../images/bg_trennstrich_doppel.png) 0 0 no-repeat;
      clear:both;
      margin:0 0 0 -28px;
      padding:36px 0 0 27px;
    }
    
    .blog p{
      font-size:1.2em;
      line-height:1.3em;
      margin:5px 0 0;
    }
    
    .blog a{
      color: #5a582e;
      display:inline-block;
      margin:0 0 0 53px;
      text-decoration:unterline;    
    } 
    
  /*ENDE Blog*/
  
  /*Catalog*/
  .catalog{
    background:transparent url(../images/bg_trennstrich_doppel.png) 0 0 no-repeat;
    margin:-20px 0 0 -30px;
    padding:45px 0 0 27px;
  }
  
  .catalog a{
   color:#5d5d59;
   font-size:1.2em;
   line-height:1.3em;
   text-decoration:none;    
  }
  
  .catalog img{
    float: left;
    margin:0; 
  }
  /*ENDE Catalog*/
  
  /*Gutschein*/
  
  .gutschein{
      background:transparent url(../images/bg_trennstrich_doppel.png) 0 0 no-repeat;
      clear:both;
      margin:015px 0 0 -28px;
      padding:36px 0 0 27px;
    }
    
    .gutschein p{
      font-size:1.2em;
      line-height:1.3em;
      margin:5px 0 0;
    }
    
    .gutschein a{
      color: #5a582e;
      display:inline-block;
      margin:0 auto;
      text-decoration:unterline;    
    } 
  
  /*ENDE Gutschein*/
  
  /* Andresse */
  .adresse{
    background:transparent url(../images/bg_trennstrich_bottom.png) 0 0 no-repeat;
    color:#575759;
    height:20px;
    line-height:1.4em;
    margin:15px 0 0 -31px;
  }
  
  #navi_bar .adresse a:link, #navi_bar .adresse a:visited{
    border-bottom:none;
	  color:#575759;
	  display:inline;
	  font-size:1.1em; 
	  margin:0;
    padding:0;
	  text-decoration:none;
  }

  #navi_bar .adresse a:hover, #navi_bar .adresse a:active{
	  color:#a29d92;
	  text-decoration:underline;
  }
  
   .adresse .mail{
    background:transparent url(../images/mail.gif) 0 0 no-repeat;
    display:block;
    margin:5px 0 30px;
    padding:0 0 1px 25px;
    text-transform:uppercase;
  }
  /* ENDE Andresse */
/* ENDE Navi */


/* Inhalt */
#inhalt{
  float:left;
  padding:350px 25px 40px;
  width:458px;
}

#inhalt .untertitel{
  font-weight:bold;
  margin:0 0 15px;
  padding:0;
}

#inhalt .context{
  color:#333;
  font-size:1.2em;
  line-height:1.5em;
}

#inhalt .context ul li{
  list-style-type:disc;
  margin:0 0 0 14px;
}

#inhalt .context .bild{
  float:left;
  margin:25px 10px 5px 0;
}

  /* Preis & Angebot Tabellen */
  #inhalt .context .preis_tabellen table, #inhalt .context .angebot_tabellen table{
    background:#e7d1a6;
    border-collapse:collapse;
    clear:both;
    font-size:0.9em;
    margin:0 0 20px;
  }
  
  #inhalt .context .preis_tabellen table th, #inhalt .context .preis_tabellen table td, #inhalt .context .angebot_tabellen table th, #inhalt .context .angebot_tabellen table td{
    border:solid 1px #85ad0c;
    padding:2px;
  }

  #inhalt .context .preis_tabellen table h3{
	  font:italic 1.6em/1.3em Georgia, Arial, Helvetica, sans-serif;
  }

  #inhalt .context .preis_tabellen table .saison{
    background:#d3a962;
    line-height:1.5em;
  }

  #inhalt .context .preis_tabellen table .preise{
	  font:normal 2em/1.3em Georgia, Arial, Helvetica, sans-serif;
  }

  #inhalt .context .preis_tabellen table .footer{
    background:#d3a962;
    text-align:left;
  }

  #inhalt .context .preis_tabellen table .hell{
    background:#f9eddc;
  }

  #inhalt .context .preis_tabellen table th{
    background:#ffefce; /*e8d6b2;*/
    line-height:1.5em;
    text-align:left;
  }

  #inhalt .context .preis_tabellen table th img{
    float:left;
    margin:5px 10px 0 0;
  }

  #inhalt .context .preis_tabellen table td{
    text-align:center;
    width:150px;
  }

  #inhalt .context .preis_tabellen table td b{
    display:block;
    font-size:0.5em;
    line-height:1.1em;
    padding:5px 0;
  }

  #inhalt .context .preis_tabellen table td ul li, #inhalt .context .angebot_tabellen table td ul li{
    list-style:disc;
    margin:0 0 0 30px;
  }
  
  #inhalt .context .angebot_tabellen table{
    width:100%;
  }
  
  #inhalt .context .angebot_tabellen table .small{
    background:#d3a962;
    width:120px;
    text-align:center;
    vertical-align:middle;
  }
  
  #inhalt .context .angebot_tabellen table .preis, #inhalt .context .angebot_tabellen table .title{
    background:#d3a962;
	  font:normal 1.8em/1.3em Georgia, Arial, Helvetica, sans-serif;
    text-align:center;
    vertical-align:middle;
  }
  
  #inhalt .context .angebot_tabellen table .paket{
    text-align:left;
    vertical-align:middle;
  }
  
  #inhalt .context .preis_tabellen .anfrage{
    background:#ffefce; /*f8f1e6;*/
  }
  
  .icon{
    padding:4px 0 5px 28px;
  }
  
  .icon_himbeere{
    background:transparent url("../temp/zimmerbeeren/himbeere.gif") 0 0 no-repeat;
  }
  
  .icon_erdbeere{
    background:transparent url("../temp/zimmerbeeren/erdbeere.gif") 0 0 no-repeat;
  }
  
  .icon_heidelbeere{
    background:transparent url("../temp/zimmerbeeren/heidelbeere.gif") 0 0 no-repeat;
  }
  
  .icon_preiselbeere{
    background:transparent url("../temp/zimmerbeeren/preiselbeere.gif") 0 0 no-repeat;
  }
  
  .icon_johannisbeere{
    background:transparent url("../temp/zimmerbeeren/johannisbeere.gif") 0 0 no-repeat;
  }
  /* ENDE Preis & Angebot Tabellen */
  
  /*Preise*/
    #inhalt .context .preise{
      font-size:0.7em;
      line-height:13px;
    }
    
    #inhalt .context .preise table{
      width:105%;
      margin-left:-10px; 
      text-align:center;
    }
    
    #inhalt .context .preise table tr td{
      width: 86px;
    }
    
    #inhalt .context .preise table tr td h3{
      font-size:1.4em;
			padding:7px 0 7px;
    }
		
		 #inhalt .context .preise table tr td h3.preis{
      font-size:1.4em;
			padding:22px 0 10px;
			text-align:left;
			margin:0 0 0 10px;
    }
    
    #inhalt .context .preise table tr td strong{
      /*font-size: 1.3em;*/
      font-size: 1.2em;
      display: inline-block;
      margin-bottom:6px;
      /*1.2*/
    }
    
    #inhalt .context .preise table tr.grey{
      background:#f0f0f0;
      font-size:1.2em;
      /*font-size:1.0em;*/
      /*1.2*/
    }
    
    #inhalt .context .preise table tr.date td{
      font-size:1.2em;
      font-weight:bold;
    }
    
    #inhalt .context .preise table tr.grey td{
       border-bottom:1px solid #999;
			 padding:10px 0 0 0;
    }
   /*  #inhalt .context .preise h3.preis{
      font-size:1.1em;
      margin:10px 5px;
  
     
    #inhalt .context .preise h3.preis{
      color:#a3161d;
      font-size:1.1em;
      float: left;
      margin:25px 0 0 10px;
    }
   
    #inhalt .context .image{
      padding-top:7px;
      width:28%;
    }
    
    #inhalt .context .more_info
    {
      padding-top:10px;
      vertical-align: top;
    }*/
  /*ENDE Preise*/
  
#inhalt .context .bild_inhalt_rechts {
  float:right;
  margin:10px 0 7px 10px;
}

#inhalt .context .bild_inhalt_links {
  float:left;
  margin:10px 10px 7px 0;
}

#inhalt .context a:link, #inhalt .context a:visited{
	/*color:#e42324;*/
	color:#947c48;
  text-decoration:underline;
}

#inhalt .context a:hover, #inhalt .context a:active{
	/*color:#e42324;*/
	color:#947c48;
	text-decoration:underline;
}

#inhalt .orientierung{
  color:#a94320;
  font-size:1em;
  margin:0 0 20px;
}

#inhalt .orientierung a:link, #inhalt .orientierung a:visited{
	color:#a94320;
  text-decoration:none;
}

#inhalt .orientierung a:hover, #inhalt .orientierung a:active{
	color:#a94320;
	text-decoration:underline;
}


/* ENDE Inhalt */

/* Preise NEU */
.preis_tabelle, .preis_uebersicht{
  border-bottom:solid 1px #bbb;
  margin:15px 0 0;
  padding:0 0 15px;
  width:100%;
}

.preis_tabelle{
  color:#423e3d;
}

.preis_tabelle th, .preis_uebersicht th{
  text-align:left;
}

.preis_uebersicht th{
  width:200px;
}

.preis_tabelle td, .preis_uebersicht td{
  padding:0 0 4px 0;
  text-align:left;
}

.preis_tabelle h5{
  color:#7b1f0a;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
}

.preis_tabelle .small{
  font-size:0.9em;
  width:100px;
}

.preis_tabelle .abstand_links{
  padding:0 0 0 35px;
}

#inhalt .preis_tabelle a:link, #inhalt .preis_tabelle a:visited{
	color:#423e3d;
  font-weight:bold;
  text-decoration:none;
}

#inhalt .preis_tabelle a:hover, #inhalt .preis_tabelle a:active{
	color:#423e3d;
	text-decoration:underline;
}
/* ENDE Preise NEU */


/* Bildergalerie */
.bildergalerie .polaroid{
  background:#fefefe;
  border:solid 1px #ccc;
  border-right:solid 1px #aaa;
  border-bottom:solid 1px #aaa;
  display:block;
  float:left;
  font-weight:bold;
  min-height:160px;
  _height:160px;
  margin:0 10px 10px 0;
  padding:8px 0 0;
  text-align:center;
  width:140px;
}

.bildergalerie .polaroid .img_link{
  border:solid 1px #ddd;
  display:inline-block;
  margin:0 0 5px;
}

.bildergalerie .galerie_img{
  border:solid 1px #ddd;
  display:inline-block;
  margin:0 10px 10px 0;
}

.bildergalerie .polaroid a:link, .bildergalerie .polaroid a:visited{
  color:#333;
  text-decoration:none;
}

.bildergalerie .polaroid a:hover, .bildergalerie .polaroid a:active{
  color:#333;
  text-decoration:none;
}
.videogalerie
{
  padding-top:20px; 
}
/* ENDE Bildergalerie */


/* Sidebar */
#sidebar{
  float:left;
  width:200px;
}

#sidebar .sprachen{
  font-size:1.3em;
  margin:10px 0 0 20px;
  text-transform:uppercase;
  word-spacing:0.6em;
}

#sidebar .sprachen a:link, #sidebar .sprachen a:visited{
  color:#b0aeaa;
  text-decoration:none;
}

#sidebar .sprachen a:hover, #sidebar .sprachen a:active{
  color:#c7c6c5;
  text-decoration:none;
}

#sidebar .logo{
  display:block;
  margin:35px 0 0 26px;
}

#sidebar .entfesselt{
  margin:45px 0 0;
  position:relative;
  z-index:100;
}

#sidebar .frucht{
  margin:0 0 0 -60px;
  position:absolute;
}

#sidebar .adress{
  font-family:trebuchet MS;
  font-size:1.2em;
  line-height:17px;
  margin:0 0 -30px;
  text-align:center;          
}

#sidebar .adress a:link, #sidebar .adress a:visited{
  font-weight:bold;
  color:#3b3b3b;
}

#sidebar .adress a:hover, #sidebar .adress a:active{
  font-weight:bold;
  color:#3b3b3b;
}

#sidebar .polaroid{
  display:inline-block;
  margin:20px 0 0 8px;
}
  
  /* Newsletter */
  .newsletter{
    background:transparent url(../images/bg_trennstrich_doppel_re.gif) no-repeat;
    padding:50px 10px 6px 24px;
    width:180px;
    text-align:center;
  }
  
  .newsletter label{
    display:inline-block;
    margin:11px 0 0;
    text-transform:uppercase;
    width:31px;
  }
  
  .newsletter .textbox{
    height:13px;
    width:110px;
  }
  
  .newsletter a:link, .newsletter a:visited{
    color:#58585a;
    display:inline-block;
    font-size:1.1em;
    padding:10px 0 1px;
    text-decoration:underline;
  }

  .newsletter a:hover, .newsletter a:active{
    color:#58585a;
    text-decoration:underline;
  }
  /* ENDE Newsletter */
  
  /* Angebote */
  .angebot{
    text-align:center;
    background:transparent url(../images/bg_trennstrich_re.gif) no-repeat;
    font-size:1.1em;
   /* margin:12px 0 0 20px;*/
    padding:27px 16px 0;
    width:180px;
    /*display:none;*/
  }
  
  .angebot div h4{
    color:#806132;
    font-size:1em;
    font-weight:bold;
    margin:5px 0;
    text-align:center;
  }
  
  /*
  .angebot .bild{
    height:50px;
  }*/
  
  .angebot div{
    width:180px;
    margin-top:5px;
  }
  .angebot p{
    padding:0 5px;
  }
  
  .angebot p b{
    display:inline-block;
    padding:0 0 0 23px;
  }
  
  .angebot a:link, .angebot a:visited{
    /*color:#58585a;
    display:block;
    padding:5px 0;
    text-align:center;
    text-decoration:underline;*/
    
    color:#58585A;
    display:block;
    font-size:1.1em;
    padding:5px 0 0;
    text-decoration:none;
  }

  .angebot a:hover, .angebot a:active{
    color:#58585a;
    text-decoration:underline;
  }
  /* ENDE Angebote */
  
  
  /* Angebot Modul */
  .modul{
    border-bottom:solid 1px #bbb;
    _height:105px;
    margin:0 0 20px;
    min-height:105px;
    padding:0 0 20px;
  }
  
  .modul h3{
    cursor:pointer;
  }
  
  #inhalt .modul .bild{
    float:left;
    margin:0 10px 5px 0;
  }
  
  .js_hide{
    display:block;
    margin:60px 0 0;
  }
  /* ENDE Angebot Modul */
  
  
  /* Wetter */
  .weather{
	  background:transparent url(../images/bg_trennstrich_doppel_re.gif) no-repeat scroll 0 0;
    font-size:1em;
    height:95px;
    line-height:1.4em;
    margin:15px 0 40px;
    padding:43px 0 0;
    text-align:center;
    width:212px;
    z-index:10;
  }
  
  .weather .abstand{
    padding:0 0 0 15px;
  }
  
  .weather h5{
	  color:#fefefe;
    font-size:1.1em;
    font-weight:normal;
    margin:5px 0;
    text-align:center;
  }

  .weather b{
	  font-weight:normal;
  }

  .wetter{
    float:left;
    font-weight:bold;
    padding:7px 0 0;
    width:55px;
  }
  
  .wetter .min, .wetter .max{
    background:transparent url(../images/temp_min.gif) 0 0 no-repeat;
    padding:0 0 0 7px;
  }
  
  .wetter .max{
    background:transparent url(../images/temp_max.gif) 0 0 no-repeat;
    padding:0 0 0 7px;
  }
  
  .weather a:link, .weather a:visited{
    color:#806132;
    font-size:1.1em;
    text-align:center;
    text-decoration:none;
  }

  .weather a:hover, .weather a:active{
    color:#806132;
    text-decoration:underline;
  }
  
  .untersrich_re{
    background:transparent url(../images/bg_trennstrich_bottom_re.png) 0 0 no-repeat;
    margin-bottom:-27px;
  }
  
  /* ENDE Wetter */
/* ENDE Sidebar */


/* Footer */
#footer{
  clear:both;
  color:#fefefe;
  font-size:1.1em;
  margin:0 auto 10px;
  width:990px;
  text-align:center;
}

#footer p{
  border-bottom:solid 1px #fefefe;
  margin:0 0 20px;
  padding:10px 0 15px;
}

#footer b{
  padding:0 4px;
}

#footer img{
  background:#fefefe;
  padding:5px 20px;
}

#footer a:link, #footer a:visited{
	color:#fefefe;
  text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#fefefe;
	text-decoration:underline;
}
/* ENDE Footer */


/* Anfrageformular und Gutscheine */
fieldset{
  clear:both;
  padding:15px 0 0;
}

.fieldset_gutschein{
  margin:0; 
}

fieldset label, fieldset span {
  display:inline-block;
  margin:0 0 7px;
  width:100px;
}

fieldset span {
  margin:10px 0 0;
  width:100%;
}

fieldset .tabelle{
  margin:20px 0;
}

fieldset .tb_small{
  width:65px;
}

fieldset .tb_medium{
  width:265px;
}

fieldset .tb_max{
  width:339px;
}

fieldset .tb_date{
  width:130px;
}

fieldset .msg{
  float:left;
  width:110px;
}
/* ENDE Anfrageformular */

/*Rezept*/
.bildlinks{
float:left;
margin-right:20px;
}
/*ENDE Rezept*/