/* CSS Document */


body {
	/*background-image:url(../images/bg.jpg);*/
	background-color: #ffe17d;
	font-family: arial, verdana;
	font-size:11px;
	color:#666666;
	line-height:1.3em;
}

a {
	text-decoration: none;
	color: #cf0120;
}

h1 {
	color:#cf0120;
	font-weight:bold;
	font-size:1.7em;
	padding:10px 0 10px 0;
	width: 400px;
}

h2 {
	color:#555555;
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:6px;
}


/* Rahmencontainer */

#container {
	margin: 0 auto;
	width: 985px;
	position: relative;
}

#innercontainer {
	float:left;

	
}


#navi {
	float:left;
	margin-top:10px;
	margin-left: 240px !important;
	margin-left: 120px;
	font-size:12px;
}

#navi ul {
	margin: 0;
	padding: 0;
}

#navi ul li {
	margin: 0;
	background-image:url(../images/menu/bg.jpg);
	
	line-height: 36px;
	padding: 0 10px 0 10px;
	float: left;
}

#navi ul li a {
	color: #a87b69;
}

#navi ul li.active {
	background-image:url(../images/menu/bg-active.jpg);
	background-repeat: repeat-x;
}

#navi ul li.active a {
	color:#cf0120;
	font-weight: bold;
}

#navi ul .delimiter{
	background-image:url(../images/menu/delimiter.jpg);
	width: 6px;
	height: 36px;
	padding: 0;
}

#navi ul .menu_start{
	width: 15px;
	height: 36px;
	padding: 0;
	background-image:url(../images/menu/menu_start.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/menu/menu_start.png,sizingMethod='scale');
}

#navi ul .menu_start_active{
	width: 15px;
	height: 36px;
	padding: 0;
	background-image:url(../images/menu/menu_start_bg.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/menu/menu_start_bg.png,sizingMethod='scale');
}




#navi ul .menu_end{
	padding: 0;
	width: 21px;
	height: 36px;
	background-image:url(../images/menu/menu_end.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/menu/menu_end.png,sizingMethod='scale');
}

#navi ul .menu_end_active{
	padding: 0;
	width: 21px;
	height: 36px;
	background-image:url(../images/menu/menu_end_bg.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/menu/menu_end_bg.png,sizingMethod='scale');
}

#siesindhier {
float: left;
font-size:0.9em;
padding: 0 0 10px 0;
width: 330px;

}

#kasse_warenkorb {
float: left; 
width: 110px; 
text-align:right;
font-size:0.9em;
}


#left {
	float: left;
	width: 230px;
	height: 537px;
	background-image:url(../images/left.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/left.png,sizingMethod='scale');
}

#logo {
	float:left;
	margin:54px 0 0 20px !important;
	margin:54px 0 0 10px;
	width:198px;
	height:122px;
	background-image:url(../images/logo.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo.png,sizingMethod='scale');
	cursor:pointer;
}


#sprachwahl {
	float:left;
	width:116px;
	height:40px;
	margin:30px 0 0 40px !important;
	margin:30px 0 0 20px;
	padding:24px 0 0 44px;
	background-image:url(../images/sprachbalken.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/sprachbalken.png,sizingMethod='scale');
}

#sprachwahl * {
	position:relative;
	z-index: 200;
}

#right {
	float: left;
	width: 755px;
	
}

#content {
	float:left;
	width:755px;
	padding-bottom:30px;
	background-image:url(../images/content-bg.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/content-bg.png,sizingMethod='scale');
}

#header_bg {
	width: 755px;
	height: 140px;
	padding-top: 15px;
	background-image:url(../images/header.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/header.png,sizingMethod='scale');
}

#header {
	margin-left: 18px;
	width: 707px;
	height: 140px;
}

#linke_spalte {
	float:left;
	width:440px;
	margin:20px 0 0 40px !important;
	margin:20px 0 0 20px;
}

#linke_spalte * {
	position:relative;
}

#linke_spalte p {
	line-height: 1.5em;
	padding-bottom: 1.4em;
}


#linke_spalte ul {
	padding: 0 0 0 20px;
	list-style: square;
	line-height: 1.6em;
}


#linke_spalte ol {
	width: 230px;
	float: right;
	padding: 10px 0 10px 25px;
	line-height: 1.6em;
	list-style-position:outside;
	
}

#linke_spalte ol li {
padding: 0 0 0.3em 0;
}


#linke_spalte ul li {
padding: 0 0 0.3em 0;
}

#linke_spalte .bildrahmen{
float: left;
padding: 5px;
border: 1px dotted #cccccc;
max-width: 200px;
width: 200px !important;
margin: 10px 10px 10px 0;
}
.durchleiteseite {
padding: 30px 0 20px 20px;
float: left;
width: 120px;
text-align:center;
}

#linke_spalte .durchleiteseite h2 {
font-size: 1.1em;
padding: 0 0 1em 0;
color:#ea621d;
}

.durchleiteseite img {
padding: 8px;
background-color: #ffffff;

}

.durchleiteseite_text {
float: left;
width: 230px;
padding: 5px 0 0 20px;
}



#headline {
	background-image:url(../images/content_headline.jpg);
	height:2px;
	width:440px;
	margin: 0 0 10px 0;
}

#rechte_spalte {
	float:right;
	margin-top:16px;
	margin-right:24px !important;
	margin-right:12px;
	background-image:url(../images/rechte_spalte.jpg);
	background-repeat:no-repeat;
	width:191px;
	

	min-height: 304px;
	
	
	padding:5px 15px 0 15px;
}

#rechte_spalte * {
	position:relative;
}

#rechte_spalte .info {
line-height: 1.6em;
}


#rechte_spalte table tr td img {
vertical-align:middle;
display:block;
}
#rechte_spalte table td {
vertical-align:middle;
}

#rechte_spalte .bildrahmen{
float: left;
padding: 5px;
border: 1px dotted #cccccc;
max-width: 180px;
margin: 10px 10px 10px 0 !important;
margin: 0px;
background-color:#FFFFFF;
}

#rechte_spalte h5 {
	color: #cf0120;
}

#rechte_spalte .news_h2 {
	color:#666666;
	font-weight:bold;
	font-size:1.4em;
	}

#footer {
	float:right;
	width: 735px;
	height: 41px;
	padding: 0px 20px 0 0;
	line-height: 30px;
	color:#757575;
	font-size:0.9em;
	background-image:url(../images/footer.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/footer.png,sizingMethod='scale');
}

#footer * {
position:relative;
}

#footer ul {
	padding:10px 10px 0 0;
}

#footer ul li{
	list-style-type:none;
	display:inline;
	float:right;
	padding-right:20px;
}

#footer ul li a {
color: #c5b5a0;
}

#postit {
	position: absolute;
	top: 340px;
	left: 25px;
	width: 218px;
	height: 240px;
	z-index:99;
	background-image:url(../images/postit.png)  !important;
	background-repeat:repeat-y;
	background: none;
	filter: !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/postit.png,sizingMethod='scale');
		cursor:pointer;
}


/* Hauptseite */


#content_images_rahmen {
width: 430px;
border: 1px dotted #CCCCCC;
margin-top: 10px;
padding: 10px 0 5px 8px;
color: #666666;
background-color:#f6efda;
}

#content_images_rahmen img {
	cursor: pointer;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px dotted #cccccc;
}


#content_images_rahmen_gross {
	width: 150px;
	float: right;
	border: 1px dotted #CCCCCC;
	padding: 10px 10px 10px 10px;
	margin: 0 0 5px 10px;
}
#content_images_rahmen_gross img {
	margin-bottom: 5px;
}


#content_images_rahmen_aussen {
	float: left;
	padding-right: 10px;
}



.content_images  {
	float: left;
	text-align: center;
	width: 140px;
	font-size: 10px;
	line-height: 12px;
}
.newsfeld {
	float:left;
	background-color:#FFFFFF;
	height:110px;
	width:166px;
	padding:16px 12px 16px 12px;
	color:#948571;
}

.news_img {

}

.news_point {
	float: left;
	width: 20px;
	height: 20px;
	background-color:#66af7a;
	margin-right: 10px;
}

.news_content {
	float: left;
	width: 170px;

	font-size:1em;
	padding: 10px 10px 5px 10px;
	margin: 0px;

}

.news_content .newsbild img {
border-top: 1px dotted #777777;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 2px;
}

.news_content a {
color:#948571;
}

.news_archiv {
}

.news_archiv_clear {
clear: both;
height: 5px;
border-top: 1px dotted #cccccc;
padding-bottom: 5px;
}

.news_archiv a {
font-weight: bold;
}

.news_content h2 {
	font-weight:bold;
	font-size: 1.1em;
	color:#666666;
	border-top: 1px dotted #777777;
	padding-top: 8px;
}

.news_content h3{
	font-size: 1em;
	line-height: 1.3em;
	font-weight:normal;
	color: #666666;
	padding: 0 0 10px 0;
}

.news_content h4 {
	padding: 8px 0 8px 0px;
}

.news_content .more {
	text-align: right;
	padding: 5px 0 25px 0;
	border-top: 1px dotted #777777;
}
.news_content .more a {
color: #666666;
}

.news_clear {
height: 10px;
clear: both;
border-top: 1px dotted #cccccc;
}



.kontakttabelle  {
margin: 0px;
padding: 0px;
}

.kontakttabelle td {
vertical-align:top;
}

.kontakttabelle input {
border: 1px dotted #a1a1a1;
width: 300px;
margin-bottom: 7px;
font-family:Arial, Verdana;
font-size:11px;
}

.kontakttabelle .textbox {
border: 1px dotted #a1a1a1;
width: 300px;
font-family:Arial, Verdana;
font-size:11px;
}

.kontakttabelle .absenden {
background-color: #ffffff;
color:#cf0120;
font-weight:bold;
border:1px dotted #cf0120;
margin-top:10px;
padding:2px 0 0 0;
cursor:pointer;
width:120px;
}

.empfehlen_tabelle input {
border: 1px dotted #a1a1a1;
width: 300px;
margin-top: 7px;
}

.empfehlen_tabelle .absenden {
background-color: #66af7a;
color: #FFFFFF;
border:0px;
margin-top:10px;
}

.empfehlen_tabelle .absenden_vorschau {
background-color: #66af7a;
color: #FFFFFF;
border:0px;
margin-top:10px;
width: 190px;
margin-right: 30px;
}

.telemediengesetz {
font-size: 0.9em;
width:310px;
}


	
#navi ul li{
	position: relative;
}

li.headlink ul,li.headlink-active ul {
	 display: none;
	 position: absolute;
	width: 150px;
	 left: 0px;
	 top: 35px;
	Background-color: white;
}

li.headlink ul.active,li.headlink-active ul.active {
	background-image: none;
	display: block;
}


#navi ul .headlink ul li,#navi ul .headlink-active ul li {
	background-image: none;
	background-color: white;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 25px;
	float: none;
}

#navi ul .headlink ul li a,#navi ul .headlink-active ul li a {
	font-weight: normal;
	color: #666666;
}

#navi ul .headlink ul li a:hover,#navi ul .headlink-active ul li a:hover {
	color: #cf0120;
}


/*
li.headlink:hover ul { 
	background-color: white;
	float: none;
	width: 150px;
	display: block; 
	left: 0px;
	top: 35px;
}
*/

/* shop */
#produkte td{
padding:4px;
font-size:10px;
text-align:center;
}

#produkte .header{
font-weight:bold;
font-size:11px;
}

#produkte a img{
padding-top:2px;
border:0px;
}
/* shop */


.rezept-box-img {
	padding: 6px;
	float: left;
	border: 1px dotted #cccccc;
}
.rezept-box-daten {
	margin-left: 15px;
	float: left;
}

.delimiter {
	clear: both;
	line-height: 5px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;
}

.rezept-zutaten {
	width: 150px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #f6efda;
	padding: 10px;
	font-size: 11px;
}


.rezept {
	float: left;
	width: 190px;
	margin: 0px;
	margin-bottom: 10px;
}

.rezept-info {
	font-size: 11px;
	color: #8f8f8f;
	margin-bottom: 15px;	
}

.pdf_info {
font-size: 0.9em;
font-weight: bold;
}

strong {
	font-weight: bold;
}

.grey {
	font-size: 11px;
	color: #666666;
}

.rezeptbild {
position: relative;
margin-bottom: 15px;
}

.lupe {
position: absolute;
bottom: 0;
right: 0;
}


#login-rahmen {
width: 170px;
padding: 20px 10px 10px 10px;
}

#login-header{
width:170px;
height:30px;
color:#666666;
font-weight:bold;
font-size:0.8em;
}

#login-header h4 {
border-bottom: 1px dotted #666666;
padding: 0 0 5px 0;

}


#login ul{
margin:0px;
padding:0px;
margin:10px 0 15px 23px;
list-style-type:square;
}

#login{
width:170px;
}

#login-form{
font-size:0.9em;
}

#login-input{
width:147px;
border: 1px dotted #666666;
}

#login-passwd-input{
width:147px;
border: 1px dotted #666666;
}

#login-footer{
width:170px;
height:10px;
}

.anmelden {
margin-top: 10px;
	background-color: transparent;
background-image: url(../plugin/shop/images/basket.gif);
height: 30px;
width: 153px;
border: 0px;
margin-bottom: 10px;
}

.shop_form_button a {
	color: #666666;
}

.tabelle {

}
.tabelle td a{
	display: block;
	line-height: 18px;
}
