/* -------------------------------------------- 
 BEO Template
 Author: Nadja Macht, http://www.nadjamacht.de
 Version: 1.0, JUN 2008
-------------------------------------------- */

* {
	margin:0;
	padding:0;
}

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size:62.5%;
	line-height:160%;
	color:#572971;
	background:#FFF7CB;	
	text-align:center;
}

ul {
	list-style:none;
}


h1 {
	margin:0 0 40px 0;
	font-size:24px;
	font-weight:bold;
}

h2 {
	margin:0 0 15px 0;
	font-size:16px;
	font-weight:normal;
}

a {
	color:#572971;	
}

/* ----------------------------------------
 * 
 * DEFINITION MENU 
 * 
 ----------------------------------------*/

div#main_menu {
	position:relative;
	z-index:100000;
	position:absolute;
	top:106px;
	left:68px;
	line-height:100%;
}

div#main_menu ul {
	padding:0;
	margin:0;
	list-style: none;
}

div#main_menu ul li { 
	display:inline;
}

div#main_menu ul li a { 
	display:block;
	padding:18px 0 14px 0;
	float:left;
	color:#B9A2C5;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;	
}

div#main_menu ul li a span {
	display:block;
	border-left:2px solid #B9A2C5;
	padding:0 6px 0 6px;
}

div#main_menu ul li a span.st {
	border:none;
	padding:0 6px 0 8px;
}

div#main_menu ul li a:hover {
	color:#4C2761;
	background:url('../img/butterfly.gif') 8px 0 no-repeat;
}

div#container_start div#main_menu ul li a:hover {
	color:#FCEBBA;
	background:url('../img/butterfly_start.gif') 8px 0 no-repeat;
}

div#main_menu ul li.active a {
	color:#4C2761;
	font-weight:bold;
	background:url('../img/butterfly.gif') 8px 0 no-repeat;
}

div#container_start div#main_menu ul li.active a {
	color:#FCEBBA;
	font-weight:bold;
	background:url('../img/butterfly_start.gif') 8px 0 no-repeat;
}

/*div#main_menu ul li:hover ul, 
div#main_menu ul li.over ul,*/
div#main_menu ul li.active ul { 
	display:block;
}

div#main_menu li ul {
	display:none;
	position:absolute;
	top:3.4em;
	left:0;
}

div#main_menu li>ul { 
	top:3.2em;
	left:0;
	line-height: 14px;
}

div#main_menu ul li ul li a,
div#main_menu ul li.active ul li a { 
	padding:0px 8px 10px 8px;
	background:none;
	color:#ffffff;
	font-weight:normal;
}

div#main_menu ul li ul li a:hover,
div#container_start div#main_menu ul li ul li a:hover { 
	background:none;
	color:#4C2761;
}

div#main_menu ul li ul li.active a:hover,
div#main_menu ul li.active ul li.active a  { 
	background:none;
	color:#ffffff;
	font-weight:bold;
}

/* ----------------------------------------
 * 
 * DEFAULT SETTINGS
 * 
 ----------------------------------------*/
div#container_start,
div#container {
	position:relative;
	width:860px;
	margin:5px auto 0 auto;
	text-align:left;
	
}

div#container_start {
		margin:50px auto 0 auto;	
}

div#top {
	position:relative;
	width:860px;
	height:151px;
	background:url('../img/top.jpg') 0 0 no-repeat;
}

div#logo {
	z-index:10000;
	position:absolute;
	top:80px;
	right:40px;	
}

div#logo h1 a {
	width:100px;
	height:120px;
	display:block;
	background:url('../img/logo_sub.gif') 0 0 no-repeat;
	}

html > body div#logo h1 a { 
	background:url('../img/logo_sub.png') 0 0 no-repeat;
	}	

div#logo h1 span {
	display:none;
}

div#content {
	position:relative;
	float:left;
	width:860px;
	background:url('../img/content_bg.jpg') -1px 0 repeat-y;
	}



/* ----------------------------------------
 * 
 * ABWEICHENDE DEFINITIONEN STARTPAGE 
 * 
 ----------------------------------------*/

div#container_start div#top {
	position:relative;
	width:860px;
	height:153px;
	background:url('../img/top_start.jpg') 0 0 no-repeat;
}

div#container_start div#content {
	position:relative;
	width:860px;
	height:159px;
	float:none;
	background:url('../img/start_content.jpg') 0 0 no-repeat;
	}


div#container_start div#bot {
	position:relative;
	z-index:1;
	width:860px;
	height:187px;
	margin:0 0 10px 0;
	background:url('../img/start_bot.jpg') 0 0 no-repeat;
}

div#container_start div#bot div.biosiegel {
	display:block;
	position:absolute;
	top:95px;
	left:55px;
}

div#container_start div#logo {
	position:absolute;
	top:178px;
	right:95px;
}

div#container_start div#logo h1 a {
	width:190px;
	height:267px;
	background:url('../img/logo.gif') 0 0 no-repeat;
	}

html > body div#container_start div#logo h1 a { 
	width:190px;
	height:267px;
	background:url('../img/logo.gif') 0 0 no-repeat;
	}	


div#container_start div#red_bottle {
	z-index:10000;
	position:absolute;
	top:160px;
	left:72px;
	display:block;
	width:78px;
	height:185px;
	background:url('../img/rote_flasche.gif') 0 0 no-repeat;
	}

html > body div#container_start div#red_bottle { 
	background:url('../img/rote_flasche.png') 0 0 no-repeat;
}
	
	
/* 
 * FOOTER
 ----------------------------------*/	
div#footer {	
	line-height:100%;
	padding:14px 0 0 0;
	background:url('../img/footer_bg.jpg') -8px 0 no-repeat;
	float:left;
	width:100%;
}

div#container_start div#footer {
	clear:both;
	padding:0;	
	background:transparent;
}

div#footer p {
	float:right;
}

div#footer p a {
	display:block;
	float:left;
	font-size:9px;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;
	color:#B9A2C5;
	padding:0;
}

div#footer p a:hover,
div#footer p a.active {
		color:#4C2761;
}

div#footer p a span {
	display:block;
	border-left:2px solid #E0CCEA;
	padding:0 6px 0 6px;
}

div#footer p a span.st {
	border:none;
}

/* 
 * CONTENTS
 ----------------------------------*/
div.gutter {
	padding:0 7px 0px 0px;
	float:right;	
}

div.two_cols {
	position:relative;
	float:right;
	width:780px;
	padding:0 0 70px 0;
}

div.two_cols div.left{
	position:relative;
	float:left;
	width:340px;
	padding:68px 7px 0 0;
}

div.two_cols div.right{
	position:relative;
	float:right;
	width:380px;
	padding:0 0 0 0;
}

div.two_cols.presse div.right{
	padding:130px 0 0 0;	
}

div#content div.two_cols.presse div.right p {
	padding:0 0 20px 105px;
}

div#content p {
	font-size:12px;
	letter-spacing:1px;
	padding:0 0 15px 24px;
}

div#content p.small {
	font-size:10px;
	letter-spacing:1px;
	line-height:120%;
	padding:0 0 15px 24px;
}


div.right a.einklang {
	display:block;
	/*border:1px solid red;*/
	width:140px;
	height:270px;
	position:absolute;
	top:90px;
	right:20px;
}

div.right a.heimat {
	display:block;
	/*border:1px solid green;*/
	width:235px;
	height:130px;
	position:absolute;
	top:50px;
	left:-20px;
}

div.right a.ansporn {
	display:block;
	/*border:1px solid orange;*/
	width:250px;
	height:160px;
	position:absolute;
	top:210px;
	left:-60px;
}

/* 
 * FORMS
 ----------------------------------*/

div.formular {
		margin:0 auto 0 auto;
		width:420px;
		padding:68px 7px 0 0;	
}

div.formular h2 {
	padding:20px 0 8px 0;
}

form {
	display:block;
	float:left;
	border:2px solid #E9E4EB;
	background:#FFF4BA;
	padding:10px 30px 10px 30px;	
	width:356px;
}

div#content form p.small {
	padding:10px 0 15px 0;
	font-size:10px;
	float:left;
	width:250px;
}

label {
	display:block;
	float:left;
	font-size:11px;
	letter-spacing:1px;
	width:9.0em;
	margin:0 0 4px 0;
}

form br {
	clear:both;
}

input, 
select,
textarea {
	color:#666666;
	font-size:11px;
	letter-spacing:1px;
	width:20.0em;
	margin:0 0 6px 0;
	vertical-align:top;
}

div#content textarea {
	padding:0;
	height:160px;
}

input.radio {
	width:2.0em;
	float:left;
	margin:0 20px 12px 0;
}

input.radio2 {
	width:5.0em;
	float:left;
	margin:0 20px 12px 0;
}

input.radio3 {
	width:9.0em;
	float:left;
	margin:0 20px 12px 0;
}

label.radio {
	width:2.0em;
	margin:0 8px 0 0;
}

button {
	border:none;
	background:url('../img/submit.gif') 0 0 no-repeat;
	width:83px;
	height:18px;
	float:right;
	cursor:pointer;
}

div.feedback {
	margin:0 0 15px 0;
}

div#content div.feedback p {
	margin:0;
	padding:0;
}

/* HINTERGRUNDBILDER DER EINZELNEN SEITEN */

div#content img.biosiegel {
	display:block;
	clear:both;
	padding:40px 0 0 25px;
}

div.beo {
	background:url('../content/beo/beo.jpg') 210px 0 no-repeat;
	height:550px;
}

div.beoistbio {
	background:url('../content/beoistbio/beoistbio.jpg') top right no-repeat;
	height:550px;
}

div.wasbedeutetglueck {
	background:url('../content/wasbedeutetglueck/glueck.jpg') top right no-repeat;
	height:550px;
}

div.sortiment {
	background:url('../content/sortiment/sortiment.jpg') top right no-repeat;
	height:550px;
}

div.heimat {
	background:url('../content/heimat/heimat.jpg') top right no-repeat;
	height:550px;
}

div.einklang {
	background:url('../content/einklang/einklang.jpg') top right no-repeat;
	height:550px;
}

div.ansporn {
	background:url('../content/ansporn/ansporn.jpg') top right no-repeat;
	height:550px;
}

div.presse {
	background:url('../content/presse/presse.gif') top right no-repeat;
	height:498px;
}

div.kontakt {
	background:url('../content/formulare/kontakt.gif') 0 40px no-repeat;
}

div.kontakt h1 {
	margin:0;
}


/* SITEMAP */

ul.sitemap {
	padding:0 0 0 20px;	
}

ul.sitemap li {
	display:inline;
}

ul.sitemap li a {
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	display:block;
	display:block;
	padding:0 0 4px 0;	
}

ul.sitemap li ul li a {
	padding:0 0 4px 20px;	
}

ul.sitemap li a:hover {
	text-decoration:underline;
}