/* Main CSS */

body {
	margin: 0px;
	padding: 0px;
	background-color: #004e9c;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	}

h1 {
	font-size: 18px;
	color: #5391b9;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;


	}

h2 {
    font-size: 14px;
	color: #5391b9;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;

	}

h3 {


	}

h5 {
font-family: 'Philosopher', arial, serif;
color: #fff;
font-size: 24px;
font-weight: normal;
line-height: 30px;
text-shadow: 0px 3px 5px rgba(0,0,0,1);
        }

a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	outline: none;
	color: #5391b9;
	}

p {


	}

/* Header CSS */

#header {
	z-index: 1;
	position: relative;
	width: 100%;
	}

#dots {
	z-index: 1;
	position: relative;
	height: 55px;
	background-image: url(../images/dots.gif);		
	}
	
#gradient {
	z-index: 1;
	position: relative;
	height: 5px;
	background-image: url(../images/gradient.gif);
	}
	
#layer {
	z-index: 1;
	position: relative;
	width: 1050px;
	margin: auto;
	}
	
#logo {
	position: relative;
	bottom: 40px;
	right: 100px;
	}

/* Main Box CSS */

#box_top {
	z-index: 1;
	position: relative;
	top: 0px;
	width: 1050px;
	height: 30px;
	background-image: url(../images/box_top.png);
	}
	
#rezeptstoerer {
	position: relative;
	top: -91px;
	left: 429px;
	}
	
#icon_facebook{
	border:none;
	position:relative;
	left:990px;
	top:-25px;
}
	
#box {
    z-index: 1;
    position: relative;
    top: 0px;
    width: 1050px;
    min-height: 740px;
    background-image: url(../images/box_bg.png); 
}

#box_bottom {
	z-index: 1;
	position: relative;
	top: 0px;
	width: 1050px;
	height: 30px;
	background-image: url(../images/box_bottom.png);
	}

/* Menu1 CSS */

#menu1 {
	z-index: 2;
	position: relative;
	bottom: 55px;	
	left: 95px;
	}

span.menu a{
width: 145px;
height: 64px;
display: block;
float: left;
text-align: center;
padding: 34px 0px 0px 0px;
font-size: 18px;
color: #6480b9;
font-family: 'Philosopher', arial, serif;
background-image: url(../images/menu/menu.png);
background-repeat: no-repeat;
background-position: 0px 10px;
}

span.menu a:hover {
width: 145px;
height: 64px;
color: #004e9c;
background-image: url(../images/menu/menu.png);
background-position: 0px 0px;
}

span.menu a#menu_active {
width: 145px;
height: 64px;
color: #004e9c;
background-image: url(../images/menu/menu.png);
background-position: 0px 0px;
}

span#Marke.menu a {
position: relative;
z-index: 10;
}

span#Produkte.menu a {
position: relative;
z-index: 9;
right: 15px;
}

span#Rezepte.menu a {
position: relative;
z-index: 8;
right: 30px;
}

span#Unterhaltung.menu a {
position: relative;
z-index: 7;
right: 45px;
}

span#Kontakt.menu a {
position: relative;
z-index: 6;
right: 60px;
}



/* Content Box CSS */

#doughboy {
	z-index: 6;
	position: absolute;
	top: 105px;
	left: -90px;
}

#doughboy_rechts {
	z-index: 6;
	position: absolute;
	top: 145px;
	right: 170px;
}

#content_box_top {
	z-index: 2;
	position: relative;
	left: 60px;
	bottom: 5px;
	width: 750px;
	height: 70px;
	background-image: url(../images/content_box_top.png);
	}
	
#content_box {
	z-index: 2;
	position: relative;
	left: 60px;
	bottom: 5px;
	width: 750px;
	min-height: 350px;
	background-image: url(../images/content_box_bg.png);
	}

#content_box_bottom {
	z-index: 2;
	position: relative;
	left: 60px;
	bottom: 5px;
	width: 750px;
	height: 90px;
	background-image: url(../images/content_box_bottom.png);
	}
	
#content {
	z-index: 3;
	position: relative;
	left: 70px;
	width: 610px;
	}

.content_row_1, .content_row_2, .content_row_3,
.content_row_4, .content_row_5, .content_row_6,
.content_row_7, .content_row_8, .content_row_9, 
.content_row_10, .content_row_11, .content_row_12, 
.content_row_13, .content_row_14, .content_row_15, 
.content_row_16, .content_row_17, .content_row_18,
.content_row_19, .content_row_20, .content_row_21,
.content_row_22, .content_row_23, .content_row_24  {
	z-index: 3;
	position: relative;
	width: 610px;
	height: 200px;
	}
	
.content_row_1, .content_row_2, .content_row_3, 
.content_row_6, .content_row_7, .content_row_9, 
.content_row_10, .content_row_11, .content_row_12, 
.content_row_13, .content_row_14, .content_row_15, 
.content_row_16, .content_row_17, .content_row_18,
.content_row_19, .content_row_20, .content_row_21,
.content_row_22, .content_row_23  {
	border-bottom: 1px solid #dcdcdc;
	}

.content_row_2, .content_row_3, .content_row_4,
.content_row_6, .content_row_7, .content_row_8, .content_row_9,
.content_row_10, .content_row_11, .content_row_12, 
.content_row_13, .content_row_14, .content_row_15, 
.content_row_16, .content_row_17, .content_row_18,
.content_row_19, .content_row_20, .content_row_21,
.content_row_22, .content_row_23, .content_row_24 {
	margin-top: 30px;
}

.content_row_1 img, .content_row_2 img, .content_row_3 img,
.content_row_4 img, .content_row_5 img, .content_row_6 img, 
.content_row_7 img, .content_row_8 img, .content_row_9 img, 
.content_row_10 img, .content_row_11 img, .content_row_12 img, 
.content_row_13 img, .content_row_14 img, .content_row_15 img, 
.content_row_16 img, .content_row_17 img, .content_row_18 img,
.content_row_19 img, .content_row_20 img, .content_row_21 img,
.content_row_22 img, .content_row_23 img, .content_row_24 img   {
	margin-right: 80px;
	}

.content_row_4 img {
	margin-bottom: 100px;

}

.image_produkt_info {
	position: relative;
}

#products_links {
	z-index: 7;
	position: relative;
	float: left;
	clear: both;
}

.header_image {
	position: relative;
	right: 10px;
	margin-bottom: 20px;
}

#products_links img, #products_rechts img {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
}

#products_rechts {
	z-index: 5;
	position: relative;
	display: inline-block;
	left: 60px;
}

.product_05, .product_06,
.product_07, .product_08 {
	width: 240px;

}   

.product_01, .product_02, .product_03,
.product_04 {
	width: 240px;
}   

img#produktuebersicht {
margin: 0px 0px 40px 0px;
} 
	
/* Products Box CSS */	

#footer {
    position: relative;
    z-index: 3;
    top: 0px;
    padding-bottom: 0px;
}
	
#products_box {
	z-index: 3;
	position: relative;
	top: 0px;
	left: 5px;
	width: 1040px;
	height: 110px;
	background-image: url(../images/products_bg.png);
	}
	
.img_products {
	z-index: 4;
	position: relative;
	top: 10px;
	left: 25px;
	}

img.img_products {
	margin-right: 30px;
}

img.img_products:hover {
    z-index: 4;
    position: relative;
    top: 0px;
}

img#products a, #products a {
	outline: none;
}

#corn {
	z-index: 1;
	position: relative;
	float: right;
	right: 250px;
	bottom: 140px;
	width: 220px;
	height: 140px;
	background-image: url(../images/corn.png);
}

.rezept_links {
	z-index: 5;
        position: relative;
	float: left;
	clear: both;
	width: 280px;
        margin-right: 40px;
}

.rezept_rechts {

}

span.rezept_list {
	color: #5391b9;
}

span.pflichtfeld {	
	font-size: 10px;
	}
	
/* Menu2 CSS */

#menu2 {
	z-index: 4;
	position: relative;
	top: 10px;
	height: 30px;
	}
	
ul.menu2 {  
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin: 0px 0px 0px 100px;
	}

ul.menu2 li a {
	float: left;
	text-decoration: none;
	outline: none;
	margin: 0px 20px 0px 0px;
	color: #fff;
	}

ul.menu2 li#active a {
	color: #313131;
}

ul.menu2 li a:hover {
	color: #313131;
	}

img.icon {
	position: relative;
	bottom: 5px;
}

/* Teaser Box CSS */	

#teaser_box {
	z-index: 3;
	position: absolute;
	top: 0px;
	right: 15px;
}

#teaser_top {
	z-index: 4;
	position: relative;
	width: 225px;
	height: 175px;
	background-image: url(../images/sidebar_box_top.png);
}

#teaser_center {
	z-index: 4;
	position: relative;
	bottom: 7px;
	width: 225px;
	height: 175px;
	background-image: url(../images/sidebar_box_center.png);
}

#taser_bottom {
	z-index: 4;
	position: relative;
	width: 225px;
	bottom: 14px;
	height: 175px;
	background-image: url(../images/sidebar_box_bottom.png);
}

.teaser_image_top, .teaser_image_center, .teaser_image_bottom {
	position: relative;
	top: 20px;
	left: 22px;
}

.teaser_content {
	z-index: 4;
	position: relative;
        float: left;
	width: 225px;
	height: 175px;
        margin: 0 20px 0 0;
        background-repeat: no-repeat;
	background-image: url(../images/sidebar_box_top.png);
}

span.teaser_headline {
color: #004e9c;
font-family: 'Philosopher', arial, serif;
font-size: 18px;
display: block;
height: 40px;
width: 180px;
text-align: center;
background-color: #fff;
opacity: 0.7;
position: absolute;
bottom: 0px;
padding: 2px 0px 0px 0px;
}

/* Slideshow CSS */

.slideshow {
	z-index: 3;
	position: absolute;
	top: 15px;
	left: 103px;
	width: 666px;
	height: 450px;
}

.slideshow img {  

	}

#buttons_rechts {
	z-index: 1;
	position: relative;
	left: 400px;
	width: 370px;
	bottom: 15px;
}

#buttons_links {
	z-index: 1;
	position: relative;
	left: 70px;
	bottom: 15px;
}

img#button_1, img#button_5 {
	position: relative;
	left: 25px;
}

img#button_6 {
	position: relative;
	left: 185px;
}

img#button_4 {
	position: relative;
	left: 170px;
}

img#button_3 {
	z-index: 7;
	position: relative;
	left: 195px;
}

td.headline {
	background-color: #5391b9;
	color: #fff;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	background-color: #D2A936;
}

input.input_large {
	width: 240px;
	}

td {
	padding: 0px 0px 0px 5px;
	color: #fff;
	background-color: #CA8B1D;
}

.suche_links {
	float: left;
	clear: both;
}

.suche_rechts {
	position: relative;
	float: left;
	left: 55px;
}

ul.suche {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 250px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}

ul.suche li a{
	display: block;
	color: #313131;
	line-height: 22px;
	padding: 0px 0px 0px 5px;
	outline: none;
}

ul.suche li a:hover {
	color: #fff;
	line-height: 22px;
	background-color: #9cbbcf;
}

ul.haendler {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 250px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}

ul.haendler li a{
	display: block;
	color: #313131;
	line-height: 22px;
	padding: 0px 0px 0px 5px;
	outline: none;
}

ul.haendler li a:hover {
	color: #fff;
	line-height: 22px;
	background-color: #9cbbcf;
}

table.artikelpass td {
	background-color: transparent;
	color: #313131;
}

td.td_border_right {
	border-right: 1px dotted #CA8B1D;
}

td.td_border_bottom1, td.td_border_right {
	border-bottom: 1px solid #CA8B1D;
}

td.td_border_top_left, td.td_border_top_right {
	border-top: 1px solid #CA8B1D;
}

td.td_border_top_left, td.td_border_center_left,
td.td_border_bottom_left {
	border-right: 1px dotted #CA8B1D;
}

td.td_border_center_left, td.td_border_center_right {
	border-top: 1px solid #CA8B1D;
}

td.td_border_bottom_left, td.td_border_bottom_right {
	border-bottom: 1px solid #CA8B1D;
	border-top: 1px solid #CA8B1D;
}

#pathway {
	position: relative;
	bottom: 10px;
	left: 70px;
	font-size: 10px;
	color: #626262;
	width: 600px;
}

img#image_large {
	position: relative;
	left:58px;
}

img#image_large2 {
	position: relative;
	right:12px;
}

ul#sitemap {
	margin: 0px 0px 0px 0px;
}

img#zutaten {
position: absolute;
top: 0px;
left: 200px;
}

#alert {
float: left;
}

#info_alert {
position: relative;
top: 60px;
}

#back_link_404  {
font-family: 'Philosopher', arial, serif;
font-size: 18px;
display: block;
float: left;
width: 145px;
height: 72px;
text-align:center;
padding: 28px 0px 0px 0px;
background-image: url(../images/content/back_link_404.png);
background-repeat: no-repeat;
}

.xmasform 
{
	position:relative;
	float:left;
	width:285px;
}

.xmastext {
	position:relative;
	width:280px;
	margin-left:320px;
}

.xmasforminput {
	border:1px solid #cccccc;
	padding:3px;
	margin-bottom:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}

.xmasformbutton {
	padding:3px 8px 3px 8px;
	background-color:#ffffff;
	font-size:1.2em;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}

.xmasformcb label { float:none;display:inline; }
