/** **********************************************************************
  * 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:"Comic Sans MS", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100.1%;
	text-align:left;
	color:#000;
	background:#fff2f3;
}
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:"Comic Sans MS", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	margin:0.3em 0 0.3em 0;
}
textarea{
	font-family:"Comic Sans MS", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	width:150px;
	height:100px;
}
.textfield{
	width:150px;
}
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 ****************************************************** */  
.g2{
	background:url("images/g2_bg.png") no-repeat left top;
	width:140px;
	height:150px;
	background-position:center center;
	
}
.g1{
	float:left;
	margin:0 10px 15px 0;
}
.g1 img{
	width:140px;
	height:150px;
	padding:0 !important;
	margin:0 !important;
}
#zusatzimages{
	margin:10px 0 0px 0;
}
.uc{
	clear:left;
	visibility:hidden;	
}
/* 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;
}
.entrybox{
	padding:		10px;
	margin-bottom:	5px;
}
.entrybox .date{
	float:			right;
	font-weight:	bold;
}
.e1{
	background:		#F17A7F;
}
.e2{
	background:		#E42D36;
	color:			#FFF;
}
.e2 a{
	color:			#FFF !important;
}
* html #navi, * html #content, * html form, * html form div {
	height:			1%;
}
/* Layout ****************************************************** */  
#outer {
    width:			947px;
    margin:			0 auto;
}
#header{
	background:		url("images/header_bg.jpg") no-repeat;
	text-align:		center;
}
#header1{
	background:		url("images/subnavi_bg.gif") no-repeat bottom left;
}
#header2{
	background:		url("images/content_bg.gif") no-repeat bottom right;
	height:			355px;
}
#navi{
	margin-top:		57px;
}
#navi .p1{
	position:		relative;
	top:			46px;
	display:		none;
}
#navi .p2{
	position:		relative;
	top:			44px;
}
#navi .p3{
	position:		relative;
	top:			39px;
}
#navi .p4{
	position:		relative;
	top:			34px;
}
#navi .p5{
	position:		relative;
	top:			28px;
}
#navi .p6{
	position:		relative;
	top:			24px;
}
#navi .p7{
	position:		relative;
	top:			17px;
}
#navi .p8{
	position:		relative;
	top:			10px;
}
#navi .p9{
	position:		relative;
	top:			6px;
}
#navi .p10{
	position:		relative;
	top:			4px;
}
#logos{
	text-align:			right;
	padding-right:		37px;
	padding-top:		5px;
}
#subnavi{
	float:				left;
	width:				230px;
	background:			#f17a7f;
	margin-left:		1px;
	color:				#FFF;
	font-size:			80%;
	padding:			25px 0;
	border-bottom:		20px solid #fff2f3;
}
#subnavi p{
	padding:			10px 10px 10px 30px;
}
#subnavi a{
	color:				#FFF;
}
#subnavi a:hover{
	color:				#eb424a;
}
#subnavi ul{
}
#subnavi ul li{
	background:			#f59fa3;
	font-weight:		bold;
	display:			block;
	list-style:			none;
	margin-bottom:		1px;
}
#subnavi ul li span{
	display:			none;
}
#subnavi ul li a{
	color:				#FFF;
	text-decoration:	none;
	display:			block;
	padding:			5px 10px 5px 30px;
}
#subnavi ul li a:hover, #subnavi ul li a.menu-current, #subnavi ul li a.menu-parent{
	color:				#eb424a;
}
#subnavi ul ul{}
#subnavi ul ul li{
	background:			#f17a7f;
	padding:			2px 0 2px 0px;
	font-size:			85%;
	padding:			2px 10px 2px 30px;
	margin-bottom:		0;
}
#subnavi ul ul li a{
	padding:			0;
}
#subnavi ul ul li a:hover, #subnavi ul ul li a.menu-current, #subnavi ul ul li a.menu-parent{
	color:				#000;
}
#subnavi ul ul ul li{
	font-size:			100%;
	font-weight:		normal;
	padding:			2px 10px 2px 0;
}
#subnavi ul ul ul li span{
	display:			inline;
}
#content{
	background:			#FFF;
	width:				684px;
	float:				right;
	font-size:			80%;
	border-bottom:		20px solid #fff2f3;
	padding-bottom:		20px;
}
#content_text{
	padding:			20px 30px 20px 52px;
	line-height:		1.8em;
}
#content h1{
	color:				#eb424a;
	font-size:			170%;
	margin:				1.2em 0;
}
#content h2{
	margin:				0.8em 0 0;
	background:			#eb424a;
	padding:			0.2em 0.7em;
	display:			inline-block;
	color:				#FFF;
}
#content h3{
	font-size:			120%;
	margin:				0.6em 0 0;
}
#content strong{
	color:				#eb424a;
}
#content img{
	float:				right;
	margin:				0 0 10px 15px;
}
#content p{
	margin-bottom:		0.7em;
}
#content_text a{
	color:				#000;
}
#content_text a:hover{
	color:				#eb424a;
	text-decoration:	none;
}
#content_text ul, #content_text ol{
	margin:				0.7em 0 0.7em 0;
}
#content_text ul li, #content_text ol li{
	margin-left:		3em;
}
.wk_button{
	margin:				0 10px 0 0;
	float:				right;
	background:			url("images/cart.gif") no-repeat 10px center #eb424a;
	color:				#FFF;
	font-weight:		bold;
	border:				none;
	padding:			4px 10px 4px 30px;
}
.wk_add_button{
	background:			url("/modules/bakery/images/cart_put.gif") no-repeat 10px center #F17A7F;
	color:				#FFF;
	font-weight:		bold;
	border:				none;
	padding:			4px 10px 4px 30px;
	font-size:			85%;
}
.artikel_box{
	background:			url("/modules/bakery/images/article.png") no-repeat left top;
	height:				250px;
	padding:			10px 0 0 50px;
}
.artikel_box h2{
	background:			none !important;
	padding:			70px 0 0 0 !important;
	color:				#eb424a !important;
	font-size:			190%;
}
.artikel_box strong{
	color:				#FFF !important;
}
.art_pic{
	background-repeat:	no-repeat;
	background-position:400px 14px;
}
.art_desc{
	padding:			30px 0 10px 0;
	color:				#fff !important;
	height:				85px;
}
.artikel_box span{
	color:				#eb424a;
	font-style:			italic;
	font-size:			200%;
}
.more_info{
	padding-right:		30px;
}
.art_footer{
	padding:			0px 10px 20px 0;
	float:				right;
}
.art_right img{
	width:				180px;
	height:				185px;
}
.art_left{
	float:				left;
	width:				330px;
}
.art_right{
	float:				right;
	width:				190px;
	padding-bottom:		10px;
	text-align:			right;
	font-weight:		bold;
}
.art_right a{
	color:				#FFF !important;
	text-decoration:	none;
}
.f_cart{
	padding:			0px 20px 20px 0;
	background:			#FFF;
	clear:				right;
	text-align:			right;
}
#df_content{
	float:				right;
	clear:				right;
	background:			#C00;
	width:				240px;
	height:				484px;
}
#detailfoto{
	background:			url("/modules/bakery/images/detailfoto.png") no-repeat left top;
	height:				484px;
	width:				240px;
	margin:				-484px 0 0 0;
}
#df_pic1, #df_pic1 img{
	width:				240px;
	height:				162px;
	margin:				0 !important;
	padding:			0 !important;
	float:				none !important;
}
#df_pic2, #df_pic3, #df_pic2 img, #df_pic3 img{
	width:				240px;
	height:				145px;
	margin:				0 !important;
	padding:			0 !important;
	float:				none !important;
}
#df_details{
	height:				484px;
}
#t_cart td{
	padding:			2px 10px !important;
}
#t_cart tr{
	border:				1px solid #F59FA3;
}
#t_cart tr tr{
	border:				none;
}
#f_top{
	background:			#F17A7F;
}
#f_top th{
	padding:			2px 10px !important;
	color:				#FFF;
}
#page_desc{
	background:			#fff;
	color:				#000;
	border:				3px solid #F17A7F;
	padding:			13px 20px;
	margin:				0 10px 20px 0;
	line-height:		1.3em;
	font-weight:		bold;
}
.search_box{
	min-height:			140px;
	border:				3px solid #FFF2F3;
	padding:			25px 30px;
	margin-top:			10px;
}
.search_box h2 a{
	text-decoration:	none;
	color:				#FFF !important;
}
.search_box .g1{
	margin:				0 0 15px 15px;
}