/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content: '' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }


/***********************************************************
 Let the games begin...
************************************************************/
html {
	background: transparent;
	font: 80% Georgia, Times New Roman, Verdana, Arial, sans-serif;
}

body {  
	line-height: 160%;
	text-align: center; 
	width: 100%;
}

/* Main Content */
#maincontent { margin: 0 auto; text-align: left; width: 1000px !important; position: relative; }
.nav {background: url(../images/bg_right.png) 0 0 no-repeat; }
.top-nav {background: url(../images/bg_right-top.png) 0 0 no-repeat; }
.nav, .con { height: 517px; }
.newscontainer .nav, .newscontainer .con { height:auto; }

.newscontainer { clear:both; background: url("../images/bg_news.png") repeat-x scroll 0 0 #F5F0E6; zoom: 1; }
.newscontainer .nav {background:none;}
.newsbottom { background: url(../images/bg_news_bottom.png);height:11px;clear:both; }
.newsh2 { margin-bottom: 0px !important; font-size:21px !important; }
.newsh2 a { color:#45322B !important; } 
.newsh3 { color:#999999; text-transform: uppercase; }
.newsteaser { margin-top:10px;font-weight:bold;font-size:14px; }
.newshr { margin-top:15px;margin-bottom:10px;color:#dddddd; }
.newscolleft { float:left;width:309px; }
.newscolleft img {margin-bottom: 20px; }
.newscolright { float:left;width:305px;font-size:14px; margin-bottom: 20px; }
.newsitem { margin-top:15px; width:100%; }
.newstext { font-weight:normal; font-size:14px; }
.newslistleft { float:left;width:120px; }
.newslistright { float:left;width:400px; }

.sidebar { margin-left:-10px; }
.sidebarheader { background-color:#D4C1A6;padding:3px;width:220px;font-size:14px;text-transform:uppercase;margin-top:10px;margin-bottom:10px; }
.sidebar ul { padding-left:10px; }
.sidebar ul li { padding-left:20px;font-size:12px;background:url('../images/arrows_on.gif') no-repeat scroll 0 5px transparent; }
.sidebardate { color:#854A13;margin-bottom:10px;line-height:8px; }

.top-nav, .top-home, .top-brot, .top-brotschaft, .top-zutaten, .top-buch, .top-kontakt, .top-impressum, .top-tellafriend, .top-news {height: 63px;}
.home {background: url(../images/bg_start.jpg) 0 0 no-repeat;}
.top-home {background: url(../images/bg_start-top.png) 0 0 no-repeat;}

.brot {background: url(../images/bg_brot.jpg) 0 0 no-repeat;}
.top-brot {background: url(../images/bg_brot-top.png) 0 0 no-repeat;}
.brotschaft {background: url(../images/bg_botschaft.jpg) 0 0 no-repeat;}
.top-brotschaft {background: url(../images/bg_botschaft-top.png) 0 0 no-repeat;}
.zutaten {background: url(../images/bg_zutaten.jpg) 0 0 no-repeat;}
.top-zutaten {background: url(../images/bg_zutaten-top.png) 0 0 no-repeat;}
.buch {background: url(../images/bg_buch.jpg) 0 0 no-repeat;}
.top-buch {background: url(../images/bg_buch-top.png) 0 0 no-repeat;}
.kontakt {background: url(../images/bg_kontakt.jpg) 0 0 no-repeat;}
.top-kontakt {background: url(../images/bg_kontakt-top.png) 0 0 no-repeat;}
.impressum, .tellafriend {background: url(../images/bg_impressum.jpg) 0 0 no-repeat;}
.top-impressum, .top-tellafriend {background: url(../images/bg_impressum-top.png) 0 0 no-repeat;}
.impressum h1 { padding-bottom: 40px; position: relative; } 
.news { margin-bottom:20px; }
.top-news {background: url(../images/bg_impressum-top.png) 0 0 no-repeat;}
.news h1 { padding-bottom: 40px; position: relative; } 

.spl { width: 734px; float: left; position: relative;}
.spr { width: 266px; float: left; position: relative;}
.newscontainer .nav { margin-bottom:115px; } 

.fr { background-color:white; }
.fl { background-color:white; }
.nav { background-color:white; }

.pg { position: relative; top: 47px; margin-left: 280px; color: #ebe3d1; font-size: 15px;  padding-right: 2px;}
.pg h1 { font-size: 27px; line-height: 34px; }
.pg h2 { font-size: 19px; line-height: 28px; margin-bottom: 20px; }

.home h1 { position: relative; margin-left: -40px; }
.home .pg {margin-left: 220px; }
.kontakt .pg, .tellafriend .pg { color: #45322B; margin-left: 220px; top: 17px; }
.impressum .pg { top: 17px; margin-left: 90px; color: #45322B;  }
.news .pg { top: 17px; margin-left: 90px; color: #45322B;  }

.mmb { position: relative; top: 115px; margin-left: 40px; font-size: 20px;  }
.mmb a { color: #37261E; }
 
ul#mainmenu li { margin: 15px 0;  }

ul#mainmenu li{ background: url(../images/arrows_on.gif) 0 5px no-repeat;  }
ul#mainmenu li:hover, ul#mainmenu li.selected { background: url(../images/arrows_off.gif) 0 5px no-repeat; }
ul#mainmenu li a {   }
ul#mainmenu li a:hover, ul#mainmenu li.selected a { color: #C3AA74; }

ul#mainmenu li h3 { font-size: 13px; margin: 0; line-height: 14px;}

ul#mainmenu li h2, ul#mainmenu li h3 { padding-left: 20px; }

.fl ul li { float: left; margin: 0 10px;}
.fl ul li a, .fr a { text-transform: uppercase; color: #A59B99; font-size: 11px; font-family: Arial, Verdana, sans-serif; }
.fl ul li a:hover, .fr a:hover { text-decoration: none; color: #4C3B34; }

.fr { text-align: right; }

.subcolumns { position: relative; }
.logo-link { position: absolute; right: 0px; top: 0; background: transparent; z-index: 900; cursor: pointer; }
.logo-link div { height: 200px; width: 200px;}

.back_to_video_link {position: absolute; top: 0px; left: -190px; }
 
.ui-icon-circle-arrow-s,.ui-icon-circle-arrow-e {width:16px; height: 16px;}
.ui-icon-circle-arrow-s { background: url(../images/arrow_down.gif) 0 5px no-repeat;  }
.ui-icon-circle-arrow-e { background: url(../images/arrow_up.gif) 0 5px no-repeat;} 
.ui-helper-reset { 
	border:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	text-decoration:none;
} 
.ui-accordion .ui-accordion-header {cursor:pointer;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-state-active { border-bottom:1px solid #EBE3D1;}
.ui-accordion-content p { line-height: 15px !important; font-size: 15px; margin: 10px 0; }
.ui-accordion .ui-accordion-header a {
	display:block;
	font-size:15px;
	padding:4px 4px 4px 15px;
	color:#EBE3D1;    
}
.ui-accordion .ui-accordion-header .ui-icon {  
	position:absolute;
	margin-top: 6px;
}
.ui-icon {
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-99999px; 
}

#start-video img {width: 190px;}
#video {position: relative; margin-top: 150px; left: 552px;z-index:1; }


#videoplayer { display: none; position: absolute; top: 0; left: 0; z-index: 1000; }
.c { padding: 0 !important; margin: 0 !important; clear: both; height: 0 !important;   }

#page-impress a { color: #A59B99 !important; }
#page-impress a:hover { color: #4C3B34 !important; }
#page-news a { color: #A59B99; }
#page-news a:hover { color: #4C3B34 !important; }
#page-news { width: 100%; }
/* End Main Content */

/* Form Styles */

#contact div ul li { float: left; vertical-align: top; } 
#contact div { margin: 0 0 10px 0 !important; background: #ECE6D8 !important; padding: 0px 5px 0 5px; font-size: 12px; } 
#contact div.newsletter { background: transparent !important; margin-bottom: 0 !important; } 
#contact input, #contact textarea, #contact select { border: 1px solid #ECE6D8; background: transparent; padding: 4px 2px 2px 2px; margin-right: 5px; font-family: Arial, Verdana, sans-serif; font-size: 14px; }
#contact textarea { overflow: auto !important; }
#contact label { top: -1px; padding: 0 5px 0 0;  vertical-align: top; zoom: 1; } 

#anrede 	{ width: 60px;   }
#vorname 	{ width: 70px;   }
#nachname 	{ width: 95px;  }
#firma 		{ width: 350px; }
#adresse 	{ width: 310px; }
#plz 			{ width: 55px; }
#ort 			{ width: 115px; }
#land 			{ width: 135px; }
#telefon 	{ width: 130px; }
#mobil 		{ width: 200px; }
#email		{ width: 340px; }
#nachricht { width: 365px; height: 30px; }

#sender_name { width: 385px; }
#sender_email { width: 335px;}
#recipient_name { width: 345px; }
#recipient_email { width: 295px; }
#nachricht_taf { width: 365px !important; height: 65px; }


#senden { cursor: pointer; padding: 0 !important; margin-right: 0 !important; border: none !important; background: transparent; font-family: Georgia, Times New Roman, sans-serif !important; color: #38251E; font-size: 18px  !important; float: right; text-transform: uppercase;}
 
.exception-def,
.exception { zoom: 1; display: none; background: #ECE6D8; padding: 5px; height: 20px; margin-bottom: 10px;  } 
/* End Form Styles */

/**** YAML ***************/  

.subcolumns { width: 100%; overflow:hidden; }

 /* (en) alternative class for optional support of old Mozilla/Netscape browers */
 /* (de) Alternative Klasse zur optionalen Unterst�tzung alter Mozilla/Netscape-Brower */
 .subcolumns_oldgecko { width: 100%; float:left; }
 
 .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
 .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }
 
 .c25l, .c25r { width: 25%; }
 .c33l, .c33r { width: 33.333%; }
 .c50l, .c50r { width: 50%; }
 .c66l, .c66r { width: 66.666%; }
 .c75l, .c75r { width: 75%; } 
 .c38l, .c38r { width: 38.2%; }
 .c62l, .c62r { width: 61.8%; }
 
 .subc  { padding: 0 0.5em; }
 .subcl { padding: 0 1em 0 0; }
 .subcr { padding: 0 0 0 1em; }
 
 .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
 .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
 .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
 .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
  display:table-cell; vertical-align:top;
  float:none; margin:0; overflow:hidden;
 }
 
 
/*===========================================================================
 *                                           IE 7 HACKS
 ===========================================================================*/ 
 #contact div ul { height: expression("30px"); }
 #contact div ul.nachricht { height: expression("50px"); }
 #contact div ul.nachricht_taf { height: expression("70px"); }
 #contact label {top: expression("1px"); }
 
 /*===========================================================================
 *                                           IE 6 HACKS
 ===========================================================================*/ 
@media all{
	* html b\ody .c { display: none;  }
	* html b\ody .impress { position: relative; margin-top: 17px; }
	
	
	* html b\ody .top-nav {background: url(../images/bg_right-top-trans.gif) 0 0 no-repeat; }   
	* html b\ody .top-home {background: url(../images/bg_start-top-trans.gif) 0 0 no-repeat;} 
	* html b\ody .top-brot {background: url(../images/bg_brot-top-trans.gif) 0 0 no-repeat;} 
	* html b\ody .top-brotschaft {background: url(../images/bg_botschaft-top-trans.gif) 0 0 no-repeat;} 
	* html b\ody .top-zutaten {background: url(../images/bg_zutaten-top-trans.gif) 0 0 no-repeat;} 
	* html b\ody .top-buch {background: url(../images/bg_buch-top-trans.gif) 0 0 no-repeat;} 
	* html b\ody .top-kontakt {background: url(../images/bg_kontakt-top-trans.gif) 0 0 no-repeat;} 
	* html b\ody .top-impressum, * html b\ody .top-tellafriend {background: url(../images/bg_impressum-top-trans.gif) 0 0 no-repeat;}
}