/** **********************************************************************
  * CSS f�r das Projekt ___
  * Beinhaltet grafische Formatierungen und Positionierungen der div 
  * container aller Seitentypen, ausser Print.
  *
  * @CSS_Hack Tanteks Boxm modell hack. Schliesst IE<6 aus = voice-family: "\"}\"";voice-family:inherit;
  * @CSS_Hack Selektor hack. Schliesst IE bis 6 aus = html>body ELEMENT {}
  *
  * @author Sascha Nos <sascha.nos@web.de>
  * @version 1.0 - DD:MM:YYYY
  * 
  * @color
  */

/* Grundelemente ****************************************************** */
*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-family:Arial, Verdana, sans-serif;
	font-size:100.1%;
	text-align:left;
	color:#000;
	background:url("images/bg_body.gif") repeat-y #f1e9d9;
}
table{	border-collapse:collapse;	}
td{
	padding:2px;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body td{
	/* Mozilla */
	font-size:100%;
}
th{
	text-align:left;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body th{
	/* Mozilla */
	font-size:100%;
}
p{}
div{}
img{
	border:none;
	font-family:Verdana,sans-serif;
}
h1{font-size:140%;}
h2{font-size:120%;}
h3,h4,h5,h6{font-size:100%;}

/* Formularemente ****************************************************** */
form{line-height:200%;}
form br{clear:both;}
hr{visibility:hidden;}
input,select{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	margin:0.3em 0 0.3em 0;
}
input.textfield, input.email, .textarea{
	width:150px;
}
textarea{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	width:150px;
	height:100px;
}
label,select{ 
	cursor:pointer;
} 
label.left{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px; 
} 
label.left_error{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px;
	color:#F00; 
} 
input.error{
	background:#FCC;
} 
/* Submit button */
input.right{ 
	margin-left:162px; 
}
/* CMS-Formatierungen ****************************************************** */  
/* Galerie ****************************************************** */  
.galerie{
	width:140px;
	height:140px;
	text-align:center;
	padding-top:20px;
	float:left;
	margin:0 5px 5px 0;
	
	voice-family: "\"}\"";voice-family:inherit;
	height:120px;
}
.galerie a{
	text-decoration:none;
}
.g1{
	width:70px;
	height:70px;
	margin:5px;
	background-position:center center;
}
.g2{
	border:3px solid #4C4842;
	float:left;
	margin:0 15px 15px 0;
}
.g1 img{
	width:70px;
	height:70px;
}
#zusatzimages{
	margin:10px 0 0px 0;
}
.uc{
	clear:left;
	visibility:hidden;	
}
p.nixhier{
	display:none;
}
/* G�stebuch ****************************************************** */  
table.gbentry {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.gbentry td.gbtitle {
  font-weight: bold;
  padding: 0 5px 0 5px;
  background-color: #FFFF00;
  color: #000;
}
table.gbentry td.gbcontent {
  padding: 5px; 
  background-color: #FFFFFF;
  color: #000000;
}

img.button {
  vertical-align: bottom;
}
/* float clearing */
#logo:after, #menu:after, #outer:after, #content:after, form:after, form div:after, ul#breadcrumb:after {
    content:		".";
    display:		block;
    visibility:		hidden;
    clear:			both;
    height:			0;
}
* html #navi, * html #content, * html form, * html form div {
	height:			1%;
}
/* Layout ****************************************************** */  
#header{
	background:			url("images/bg_header.gif") no-repeat left bottom #FFF;
	height:				153px;
}
#header_begrenzung{
	width:				1000px;
}
#header ul{
	float:				right;
	font-size:			70%;
	padding-top:		130px;
}
#header ul li{
	float:				left;
	color:				#c0b598;
	font-weight:		bold;
	display:			block;
	background:			url("images/lsi_header.gif") no-repeat left center;
	padding:			0 7px 0 9px;
}
#header ul li a{
	color:				#c0b598;
	text-decoration:	none;
}
#header ul li a:hover{
	color:				#b5162c;
}
#navigation{
	width:				179px;
	border-top:			9px solid #b5162c;
	float:				left;
	font-size:			70%;
}
#navigation ul{}
#navigation ul li{
	display:			block;
	list-style:			none;
	padding:			0.3em 31px;
	border-bottom:		1px solid #f4f1eb;
	color:				#4c4842;
	font-weight:		bold;
	background:			url("images/lsi2_navi.gif") no-repeat 18px top;
}
#navigation ul li span{
	display:			none;
}
#navigation ul li a{
	color:				#4c4842;
	text-decoration:	none;
}
#navigation ul li.menu-current, #navigation ul li.menu-parent{
	background:			url("images/lsi_navi.gif") no-repeat 18px top;
}
#navigation ul li a:hover, #navigation ul li.menu-current > a, #navigation li.menu-parent > a{
	color:				#b5162c;
	font-weight:		bold;
}
#navigation ul ul li{
	background:			none;
	font-weight:		normal;
	padding:			0.3em 0;
	border:				none;
}
#navigation ul ul li.menu-first{
	padding-top:		8px;
}
#navigation ul ul li span{
	display:			inline;
}
#navigation ul ul li.menu-current, #navigation ul ul li.menu-parent{
	background:			none;
}
#navigation ul ul ul li{
	padding-left:		15px;
}
#inhalt{
	border-top:			9px solid #ded5c5;
	margin-left:		180px;
}
#content{
	width:				435px;
	background:			#fffaf1;
	font-size:			70%;
	color:				#4c4842;
	border:				1px solid #ded5c5;
	border-left:		none;
	float:				left;
}
#content h1{
	font-size:			220%;
	color:				#b5162c;
}
#content_text{
	padding:			88px 47px 40px 47px;
}
#content ul, #content ol{
	margin:				0.7em 0 0.7em 0;
}
#content ul li, #content ol li{
	margin-left:		3em;
}
#content p{
	margin:				0.7em 0 0.7em 0;
	line-height:		1.4em;
}
#content a{
	color:				#4c4842;
}
#content a:hover{
	color:				#b5162c;
}
#content img.fright{
	padding:			0 0 10px 10px;
	float:				right;
}
#content img.fleft{
	padding:			0 10px 10px 0;
	float:				left;
}
#footer{
	background:			#ded5c5;
	padding:			1em 47px;
}
#context{
	background:			url("images/bg_context.gif") no-repeat left bottom #f4eee3;
	border:				1px solid #ded5c5;
	border-left:		none;
	margin-left:		436px;
	font-size:			70%;
	color:				#b5162c;
	padding:			0 0 50px 0;
}
#context ul, #context ol{
	margin:				0.7em 0 0.7em 0;
}
#context ul ul, #context ol ol{
	margin:				0.5em 0;
}
#context ul li, #context ol li{
	margin-left:		2em;
}
#context ul ul li, #context ol ol li{
	margin-left:		2em;
}
.menu_current, .menu_parent{
	font-weight:		bold;
}
#context_text{
	width:				379px;
}
#context_inhalt{
	padding:			2em;
}
#context_inhalt h3{
	color:				#4c4842;
	text-transform:		uppercase;
}
#context_right{
	width:				150px;
	float:				right;
}
#context img{
	margin-right:		1px;
	margin-bottom:		1px;
}
#context a{
	text-decoration:	none;
	color:				#b5162c;
}
#content span.weingut{
	text-transform:		uppercase;
}
#content div.wein{
	border:				1px solid #DED5C5;
	margin:				0 0 10px 0;
}
#content div.wein h2{
	margin-bottom:		0.3em;
}
#content div.wein p{
	line-height:		normal;
	margin:				0;
}
#content div.wein .description{
	padding:			8px 20px;
}
#content div.wein .footer{
	border-top:			1px dashed #DED5C5;
	padding:			0.4em 0.5em 0.2em 20px;
	font-size:			90%;
}
#content div.wein .f_left{
	text-align:			left;
	font-weight:		normal;
}
#content div.wein .f_right{
	text-align:			right;
	font-weight:		bold;
}
#content div.wein a{
	text-decoration:	none;
}
#content div.referenz{
	border:				1px solid #DED5C5;
	margin:				0 0 10px 0;
}
#content div.referenz .header {
    border-bottom: 1px dashed #DED5C5;
    padding: 10px 70px 10px 20px;
    font-weight:bold;
    font-size:120%;
    cursor:pointer;
    background:url("images/pfeil.gif") no-repeat right center;
}
#content div.referenz .description{
	padding:0 20px;
	display:none;
}
#content div.referenz .description p{
	padding:5px 0;
	margin:0;
}
#content h3{
	text-transform:		uppercase;
	font-weight:		normal;
	padding-top:		1em;
}
#content .menu_box{
	border:				1px solid #DED5C5;
	padding:			15px 20px;
}
#n_box{
	height:				3em;
}
.n_page, .n_start, .n_punkte{
	border:				1px solid #DED5C5;
	padding:			4px 7px;
	margin:				0 2px 0 0;
	float:				left;
}
.n_page a{
	text-decoration:	none;
}
.n_start{
	padding:			4px 20px;
	font-weight:		bold;
}
.n_punkte{
	padding:			4px 10px;
}
.n_current{
	background:			#F1E9D9;
	font-weight:		bold;
}
#picbox{
	background:			url("images/bg_picbox.gif") no-repeat center center;
	width:				188px;
	height:				193px;
	float:				right;
	border:				1px solid #DED5C5;
	border-top:			none;
	color:				#4c4842;
}
#picbox p{
	padding:			120px 0 0 20px;
}
#infobox{
	display:			none;
	width:				500px;
}
#fb_like{
	padding:			10px 0 0 0;
	height:				30px;
}