@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[biedermannhof] Screen Stylesheet
version:   1.0
date:      23/09/09
last doc:  21/10/09
author:    Alexander Pichler
email:     development@by-experience.com
website:   wwww.by-experience.com
-----------------------------------------------------------------------------*/
/* Allgemein */
body{
	background:#949698 url(../images/bg.gif) 0 0 repeat;
}

.alles{
  background:#787a7c url(../images/bg_alles.gif) 0 0 repeat-x;
  border:solid 1px #c6c8ca;
  height:550px;
  margin:60px auto 0;
  width:785px;
}

h2{
  color:#901114;
	font:bold 1.2em/1.3em Arial, Helvetica, sans-serif;
	margin:0 0 10px;
}

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

.float_left{
	float:left;
}

.float_right{
	float:right;
}
/* ENDE Allgemein */


/* Home */
.home{
  color:#fefefe;
  text-align:center;
}

.home .logo{
  margin:20px 0 -7px;
  position:relative;
  z-index:10;
}

.home .pic_home{
  border:solid 1px #901114;
  position:relative;
  z-index:10;
}

.home ul{
  border-bottom:dashed 1px #fefefe;
  border-top:dashed 1px #fefefe;
  font-size:1.3em;
  height:33px;
  margin:50px auto;
  padding:17px 0 0;
  width:190px;
}

.home ul li{
  border-right:solid 1px #fefefe;
  float:left;
  margin:0 0 0 5px;
  padding:0 7px 0 0;
}

.home ul li:last-child{
  border-right:none;
}

.home .kontakt{
  font-size:1.1em;
  line-height:1.3em;
}

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

.home a:hover, .home a:active{
  color:#ffe000;
  text-decoration:none;
}
/* ENDE Home */


/* Roter Hahn */
.roterhahn_home{
  background:transparent url(../images/logogallorosso.gif) 0 0 no-repeat;
  color:#fefefe;
  display:block;
  font-size:1.3em;
  margin:377px 0 0 530px;
  padding:13px 0 15px 48px;
  position:absolute;
}

.roterhahn_inhalt{
  background:transparent url(../images/logogallorosso.gif) 0 0 no-repeat;
  color:#fefefe;
  float:left;
  font-size:1.1em;
  margin:17px 0 0;
  padding:28px 0 0 48px;
  text-decoration:none;
}
/* ENDE Roter Hahn */


/* Striche */
.home_strich, .home_strich2{
  background:transparent url(../images/strich.gif) 0 0 no-repeat;
  height:550px; /*636px*/
  margin:0 0 0 293px; /*-45px 0 0 293px*/
  position:absolute;
  width:1px;
}

.home_strich2{
  margin-left:493px;
}

.strich, .strich2{
  background:transparent url(../images/strich.gif) 0 0 no-repeat;
  height:550px; /*636px;*/
  margin:0 0 0 28px; /*-45px 0 0 28px;*/
  position:absolute;
  width:1px;
}

.strich2{
  margin-left:242px;
}
/* ENDE Striche */

/* Navi */
#navi .logo{
  display:inline-block;
  margin:11px 0 40px 17px;
  position:relative;
  z-index:10;
}

#navi{
  float:left;
  width:265px;
}

#navi ul{
  border-bottom:1px dashed #FEFEFE;
  margin:0 0 0 38px;
  width:195px;
}

#navi ul li{
  font-size:1.2em; 
}

#navi ul a:link, #navi ul a:visited{
  border-top:dashed 1px #fefefe;
	color:#fefefe;
	display:block;
	padding:12px 0;
	text-align:center;
	text-decoration:none;
	text-transform:capitalize;
	zoom:1;
}

#navi ul a:hover, #navi ul a:active{
  background:#231f20 url(../images/bg_navi.gif) 0 0 repeat-y;
	color:#fefefe;
	text-decoration:none;
}

#navi ul li ul{
  border-bottom:none;
  border-top:dashed 1px #fefefe;
  margin:0;
  padding:5px 0;
}

#navi ul li ul li{
  font-size:0.9em; 
  padding:1px 0;
  text-align:center;
}

#navi ul li ul li a:link, #navi ul li ul li a:visited{
  background:none;
  border-top:none;
  display:inline-block;
  padding:1px;
}

#navi ul li ul li a:hover, #navi ul li ul li a:active{
  background:none;
  color:#b94f38;
}

#navi #active{
  background:#231f20 url(../images/bg_navi.gif) 0 0 repeat-y;
}

#navi #active2{
  color:#b94f38;
}
/* ENDE Navi */


/* Top Navi */
.top_navi{
  padding:50px 0 25px 315px;
  *padding:49px 0 25px 312px;
}

.top_navi ul li{
  border-right:solid 1px #fefefe;
  float:left;
  font-size:1.1em;
  margin:0 0 0 5px;
  padding:0 5px 0 0;
  text-transform:lowercase;
}

.top_navi ul li:last-child{
  border-right:none;
}

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

.top_navi a:hover, .top_navi a:active{
	color:#fefefe;
	text-decoration:underline;
}
/* ENDE Top Navi */


/* Inhalt */
#inhalt{
  float:left;
  width:505px;
}

#inhalt #s1{
  height:264px;
}

#inhalt .context{
  background:#fefefe;
  border:solid 1px #fefefe;
  clear:both;
  color:#333;
  font-size:1.1em;
  line-height:1.4em;
}

#inhalt .context .text, #inhalt .context .modul_text{
  height:189px;
  overflow-x:hidden;
  overflow-y:auto;
  padding:10px 7px;
}

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

#inhalt .context .text .entfesselt{
  margin:-60px 0 0 260px;
  padding:0 0 20px;
  position:absolute;
}

#inhalt .context .text strong{
  color:#901114;
  font-weight:normal;
}

#inhalt .context .text table{
  border-collapse:collapse;
  margin:0 0 15px;
  width:100%;
}

#inhalt .context .text table td, #inhalt .context .text table th{
  border:dashed 1px #901114;
  text-align:center;
}

#inhalt .context .text table th{
  color:#901114;
  font-size:1.2em;
  font-weight:bold;
}

#inhalt .context .pic_umgebung{
  margin:10px 0 0 10px;
}

#inhalt .context .modul_text{
  height:327px;
}

  /* Weine */
  #inhalt .wein_gallus{
    margin:-261px 0 0 40px;
    position:absolute;
  }

  #inhalt .wein_lagrein{
    margin:-261px 0 0 140px;
    position:absolute;
  }

  #inhalt .wein_kretzer{
    margin:-261px 0 0 200px;
    position:absolute;
  }

  #inhalt .wein_meraner{
    margin:-261px 0 0 267px;
    position:absolute;
  }

  #inhalt .wein_weissburgunder{
    margin:-261px 0 0 332px;
    position:absolute;
  }
  /* ENDE Weine */

#inhalt .back{
  background:#fefefe;
  margin:0 0 0 441px;
  padding:2px 12px;
  position:absolute;
  z-index:10;
}

#inhalt .context .text a:link, #inhalt .context .text a:visited{
	color:#333;
  text-decoration:underline;
}

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

#inhalt .context .modul_text .link:link, #inhalt .context .modul_text .link:visited, #inhalt .context .modul_text .link:hover, #inhalt .context .modul_text .link:active{
  color:#901114;
  padding:0 0 0 10px;
  text-decoration:none;
}

#inhalt .context .modul_text h3 a:link, #inhalt .context .modul_text h3 a:visited, #inhalt .context .modul_text h3 a:hover, #inhalt .context .modul_text h3 a:active{
  color:#901114;
}
/* ENDE Inhalt */


/* Footer */
#footer{
  clear:both;
  color:#fefefe;
  margin:0 auto;
  width:785px;
}

#footer .adresse{
  display:inline-block;
  padding:0 20px 0 265px;
}

#footer .impressum{
  display:inline-block;
}

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

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