/*main.css
Weingut Jauk
März 2008
Daniel Lampl 
Werbeagentur i-ART
*/
/*===============================================
Kalibrierung und allgemeine Styles
=================================================*/

/* Kalibrierung der wichtigsten Abstände */
* { padding:  0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }

 
/* Allgemeine Selektoren */

html|{ height: 101%; } /* erzwingt Scrollbar im Firefox */
body, h1, h2, h3, p, ul, li, a, strong, em, address{
  font-family: Georgia, Verdana, Arial, sans-serif;
}
body{
  font-size: 62.5%;
  background-color: #033476;
}
* html body{
  font-size: 62.5%;
  background-color: #033476;
}
h2{
  font-size: 1.8em;
}
h3{
  margin-top: 1.6em;
  margin-bottom: 0.4em;
}
h4{
  margin-top: 0.8em;
  margin-bottom: 0.4em;

}

/*===============================================
Styles für Layoutbereiche
=================================================*/

#wrapper{
  width: 85.7em;	
  margin: 1em auto 1em auto;
  background-color: #033476;
  border: 0.1em solid #fffbdb;
}
* + html #wrapper { /*ie 7 hack*/
   width : 85.9em;
}

#kopfbereich{
position: relative;
height: 24.1em;
/*padding: 10px 20px 10px 20px;*/
}
#logo{
  position: absolute;  
}
#flash{
  position: relative;
  padding: 0 0 0 24em;

}
* html #flash{ /*ie6 hack*/
  padding-left: 28.5em
}
#spruch{
  position: relative;
  height: 3em;
  left: 0;
}
#inhalt{
  font-size: 1em;
  background-color: #033476;
}
#navibereich{
  float: left; 
  font-size: 1.4em;
  width: 14em;
  color: #033476;
  background-color: #033476;
  clear: left;
}
#textbereich{
  float:  right;
  font-size: 1.4em;
  padding: 2em 1em 2em 1em;
  margin: 0 0 0 0;
  width: 45.1em;
  background-color: #fffbdb;
  border-left-style: solid;
  border-left-width: 1px;
  clear: right;
}
* html #textbereich{
  margin: 0 0 0 0;
  width: 57.4em;
  
}
#fussbereich{
  clear: both;
  font-size: 1.2em;
  color: #fffbdb;
  height: 2em;
  padding: 0.8em 0 0 0em;
  background-color: #033476;
  border-top: 1px solid white;
  text-align: center;
}
* html #fussbereich{
  width: 85.9em;
}
/*===============================================
Sonstige Styles
=================================================*/
.img_ohne_rahmen{
  border: 0px;
}
.bildrechts{
  float: right;
  padding: 0.3em;
  border: 1px solid #ccc;
  margin-left: 1em;
}

.bildrechts_ueber_uns{
  float: right;
  padding: 0.3em;
  border: 1px solid #ccc;
  margin-left: 1em;
  margin-bottom: 1em;
}
.bildrechts_auszeichnungen{
  float: right;
  padding: 0.3em;
  border: 1px solid #ccc;
  margin-left: 1em;
  margin-bottom: 1em;
}
.bildlinks_auszeichnungen{
  float: left;
  padding: 0.3em;
  border: 1px solid #ccc;
  margin-left: 1em;
  margin-bottom: 1em;
}
.bildlinks_produkte{
  float: left;
  margin-right: 1em;
}
.breadcrump{
  font-size: 0.9em;
  float: right;
}
.produkte{
  text-align: center;
}
.auszeichnungen{
  text-align: right;
}
#termine li{
  padding: 0.5em;
}
#textbereich a {
  color: #033476;
  text-decoration: none;
}

#textbereich li{
  padding: 0.2em;
}
#textbereich a:hover, 
#textbereich a:focus{
  color:  #1477ff;
}
#textbereich a:active{
  color: #black;
}

/*===============================================
Menü Styles
=================================================*/
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu4 {
	width: 14em;
	border-style: solid none none none;
	border-color: #fffbdb;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu4 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #fffbdb;
	display: block;
	background: url(../img/menu4.gif);
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:hover {
	color: #cccbdb;
	background: url(../img/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:active {
	color: #fff;
	background: url(../img/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}