/** **********************************************************************
  * 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:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100.1%;
	text-align:left;
	color:#000;
	background: url("images/bg-body.gif") repeat-y left top #fff8ea;
}
table{
	border-collapse:collapse;
	vertical-align:top !important;
}
td{
	padding:6px 15px 6px 0;
	vertical-align:top !important;
}
p{}
div{}
img{
	border:none;
	font-family:"Lucida Sans", Verdana, Arial, 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{
	border:1px solid #8F9486;
	background:#FFF;
	width:200px;
}
textarea{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	width:200px;
	height:100px;
	border:1px solid #8F9486;
	background:#FFF;
	margin:0.3em 0 0.3em 0;
}
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; 
}
p.nixhier{
	display:none;
}
/* 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-positon:center center;
}
.g2{
	border:3px solid;
	float:left;
	margin:0 20px 15px 0;
}
.g1 img{
	width:70px;
	height:70px;
}
#zusatzimages{
	margin:10px 0 0px 0;
}
.uc{
	clear:left;
	visibility:hidden;	
}
.g3{
	width:90px;
	height:90px;
	margin:3px;
	background-positon:center center;
}
.g4{
	border:1px solid #8F9486;
	float:left;
	margin:0 10px 10px 0;
}
.g3 img{
	width:90px;
	height:90px;
}
/* float clearing */
#logo:after, #menu: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 ****************************************************** */  
#outer{
	width:			953px;
}
#outer1{
	padding-left:	41px;
}
#header{
	width:			953px;
	height:			226px;
	background:		url("images/bg-header.jpg") no-repeat left top;
}
#header img{
	margin:			5px 0 0 320px;
}
#superior{
	color:			#8f9486;
	font-size:		65%;
	border-top:		10px solid #fff2db;
	border-bottom:	38px solid #fff2db;
}
#superior ul{}
#superior ul li{
	float:			left;
	display:		block;
	list-style:		none;
	padding:		0 0.3em 0 0.3em;
}
#superior ul li a{
	color:			#8f9486;
	text-decoration:none;
}
#superior ul li a:hover{
	text-decoration:underline;
}
#navigation{
	float:			left;
	font-size:		81%;
	color:			#8f9486;
	width:			209px;
	border-bottom:	10px solid #fff2db;
}
/* Erste Ebene ****************************************************** */  

#navigation ul{}
#navigation ul li{
	display:		block;
	list-style:		none;
}
#navigation ul li.menu-first{
	display:		none;
}
#navigation ul li a{
	color:			#8f9486;
	text-decoration:none;
	display:		block;
	list-style:		none;
	padding:		0.5em 0.5em 0.5em 1.5em;
}
#navigation ul li a:hover{
	font-weight:	bold;	
}
#navigation ul li.menu-current a, #navigation ul li.menu-parent a{
	background:		#f7b522;
	font-weight:	bold;
	color:			#FFF;
	display:		block;
}
#navigation ul li a span.pfeil{
	display:		none;
}
/* Zweite Ebene ****************************************************** */ 
#navigation ul ul{
	border-bottom:	2px solid #fff2db;
}
#navigation ul ul li.menu-first{
	display:		block;
}
#navigation ul ul li{
	display:		block;
	list-style:		none;
	background:		#ffdea6;
}
#navigation li.menu-current li a, #navigation li.menu-parent li a{
	color:			#8f9486;
	text-decoration:none;
	display:		block;
	list-style:		none;
	font-weight:	normal;
	padding:		0.4em 1em 0.4em 2.5em;
	border-top:		1px solid #fff2db;
	background:		url("images/lsi-ulul-navi.gif") no-repeat 1.5em center;
}
#navigation ul ul li.menu-current a, #navigation ul ul li.menu-parent a{
	background:		url("images/lsi-ulul-navi.gif") no-repeat 1.5em center;
	font-weight:	bold;
	color:			#8f9486;
}
/* Dritte Ebene ****************************************************** */ 

#navigation ul ul ul{
	border-bottom:	none;
}
#navigation ul ul ul li{
	display:		block;
	list-style:		none;
	background:		#ffdea6;
}
#navigation li.menu-current li li a, #navigation li.menu-parent li li a{
	color:			#8f9486;
	text-decoration:none;
	display:		block;
	list-style:		none;
	padding:		0.4em 1em 0.4em 4em;
	border-top:		none;
	background:		none;
	font-weight:	normal;
}
#navigation ul ul ul li.menu-current > a, #navigation ul ul ul li.menu-parent > a{
	background:		none;
	font-weight:	bold;
	color:			#8f9486;
}
#content{
	width:			540px;
	float:			right;
	padding-right:	62px;
	color:			#8f9486;
	font-size:		75%;
	margin-top:		-43px;
	border-bottom:	10px solid #fff2db;
	line-height:	1.5em;
}
#ueberschrift{
	color:			#F7B522;
}
#ueberschrift h1{
	padding-top:	40px;
	font-size:		300%;
	letter-spacing:	0.005em;
	font-weight:	200;
	margin-bottom:	1em;
	font-family:	Georgia, Palatino, Verdana;
}
#content p{
	margin:			0.7em 0 0.7em 0;
}
#content h2{
	margin:			1.2em 0 0.5em 0;
	font-family:	Georgia, Palatino, Verdana;
	font-size:		180%;
	font-weight:	200;
	line-height:	1.5em;
}
#content h3{
	margin:			1.2em 0 0 0;
}
#content p.breadcrumb{
	font-size:		80%;
	padding-top:	1em;
}
#content a{
	color:			#8f9486;
	text-decoration:underline;
}
#content ul, #content ol{
	margin:			0.7em 0 0.7em 0;
}
#content ul li, #content ol li{
	margin-left:	3em;
}
#content blockquote{
	margin:			0.7em 0 0.7em 3em;
}
#content .img_right{
	float:			right;
	margin:			0 0 10px 10px;	
}
#navigation ul ul ul li a span.pfeil{
	display:		inline;
}
#footer{
	clear:			both;
	background:		url("images/footer.gif") left top no-repeat #ffdea6;
	color:			#8f9486;
	font-size:		70%;
	padding-top:	100px;
}
#footer a{
	color:			#8f9486;
}
#footer #adresse{
	float:			right;
	width:			280px;
}
#footer #breadcrumb{
	padding-top:	70px;
	padding-bottom:	20px;
	margin-left:	61px;
}
.menu_box{
	border:			1px solid #8F9486;
	text-align:		center;
	margin:			10px 0;
	padding:		20px;
}
.kochkurse{
	font-size:		90%;
	width:			100%;
	margin-bottom:	10px;
}
.kochkurse tr td, .kochkurse tr th{
	padding:		4px 15px;
	text-align:		left;
	border:			1px solid #8F9486;
}
.b1{
	background:		#F7B522;
	color:			#FFF;
}
.b1 a{
	color:			#FFF !important;
}
.b3{
	background:		#6cc81a;
	color:			#FFF;
	font-weight:	bold;
}
#infobox{display:none; width:500px;}

a.tooltip {text-decoration:none;}
.tooltip span.info{display:none;}
.tooltip:hover span.info{
	display:block;
	position:absolute;
	left:450px;
	width:400px;
	height:200px;
	background:#FFF2DB;
	border:5px solid #8F9486;
	padding:20px 10px;
	font-weight:normal;
}
.b_h{
	font-size:		120%;
	margin:			0em 0 0.5em 0;
	font-weight:	bold;
	display:		block;
}