/* ----- Layout ----- */


body{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color:#fff5b8;
font-size:10px;
line-height:14px;
letter-spacing:0px;
}
#container{
margin:0;
padding:0;
}
#content{
width:905px;
margin:0 auto 0 auto;
padding:0 0 15px 0;
}

#ingopen2 {
display:none;
}

#content #side-bar{
float:left;
width:165px;
margin:0;
padding:0;

}
#contentsite {
width:100%;
float:left;
}

#header-print {
display:none;
}
#content #main-content{
float:left;
width:665px;
margin:0;
padding:0 0 0 70px;
border-left:1px solid #ffffff;
}
#content #content-left{
float:left;
width:430px;
margin:0;
padding:0;
}
#content-left p{
text-align:justify;
}
#content #content-right{
float:left;
width:208px;
margin:2px 0 0 15px;
padding:0;
}

table.left-right{
border-collapse:collapse;
width:100%;
margin:15px 0;
padding:0;
}

/* ----- Global Styles II ----- */
table.noborder {
border-collapse:collapse;
border-spacing:0px;
}
input.black {
border:1px solid #000;
width:100px;
margin:0 0 5px 0;
}
td.tdwhite {
background-color:#fff;
border-top:1px solid #363A90;
padding:3px 0 3px 3px;
}

/* ----- Global Link Styles ----- */

a{
font-weight:bold;
text-decoration:none;
color:#5982D4;
}
a:visited{
text-decoration:none;
color:#5982D4;
}
a:active{
text-decoration:none;
color:#5982D4;
}
a:hover{
text-decoration:none;
color:#5982D4;
}

a.light{
text-decoration:none;
color:#5982D4;
}
a.light:visited{
text-decoration:none;
color:#5982D4;
}
a.light:active{
text-decoration:none;
color:#363a91;
}
a.light:hover{
text-decoration:none;
color:#363a91;
}

a.indlink{
text-decoration:none;
color:#363a91;
}
a.indlink:visited{
text-decoration:none;
color:#363a91;
}
a.indlink:active{
text-decoration:none;
color:#363a91;
}
a.indlink:hover{
text-decoration:none;
color:#FFFFFF;
}

a.arrow-link{
margin:0 0 0 2px;
padding:0 0 0 14px;
background-image:url('images/arrow.gif');
background-repeat:no-repeat;
background-position:0px 2px;
text-decoration:none;
color:#5982D4;
}
a.arrow-link:visited{
text-decoration:none;
color:#5982D4;
}
a.arrow-link:active{
text-decoration:none;
color:#363a91;
}
a.arrow-link:hover{
text-decoration:none;
color:#363a91;
}

a.arrow-link-orange{
margin:0;
padding:0 0 0 14px;
background-image:url('images/arrow-orange.jpg');
background-repeat:no-repeat;
background-position:0px 2px;
text-decoration:none;
color:#ffffff;
}
a.arrow-link-white:visited{
text-decoration:none;
color:#ffffff;
}
a.arrow-link-white:active{
text-decoration:none;
color:#ffffff;
}
a.arrow-link-white:hover{
text-decoration:none;
color:#ffffff;
}

a.download{
margin:0;
padding:0 0 0 14px;
background-image:url('images/arrow-download.jpg');
background-repeat:no-repeat;
background-position:0px 2px;
text-decoration:none;
color:#5982D4;
}
a.download:visited{
text-decoration:none;
color:#5982D4;
}
a.download:active{
text-decoration:none;
color:#363a91;
}
a.download:hover{
text-decoration:none;
color:#363a91;
}

a {
border:none;
}

img{
border:none;
}

/* ----- Header Styles ----- */

#top-bar{
margin:0;
padding:5px;
background-color:#363a91;
text-align:right;
}
#top-bar p{
width:865px;
margin:0 auto 0 auto;
padding:0;
font-size:10px;
color:#ffffff;
}
#top-bar p a{
color:#f8e300;
}
#top-bar p a:visited{
color:#f8e300;
}
#top-bar p a:active{
color:#ffffff;
}
#top-bar p a:hover{
color:#ffffff;
}

#index-logo{
margin:0;
padding:0;
}
#index-logo h1{
background-image:url('images/index-logo-1.jpg');
background-repeat:no-repeat;
width:1000px;
height:314px;
margin:0 auto 0 auto;
padding:0;
}
#index-logo h1 a{
display:block;
width:1000px;
height:314px;
text-decoration:none;
margin:0;
padding:0;
}

#logo{
margin:0;
padding:0;
}
#logo h1{
background-image:url('images/logo.jpg');
background-repeat:no-repeat;
width:1000px;
height:75px;
margin:0 auto 0 auto;
padding:0;
}
#logo h1 a{
display:block;
width:1000px;
height:75px;
text-decoration:none;
margin:0;
padding:0;
}


#middle-bar{
margin:0;
padding:0;
background-color:#363a91;
text-align:center;
}
#middle-bar p{
width:900px;
margin:0;
padding:0;
color:#ffffff;
}

a.middle-bara{ background-image:url('images/ueber_uns.gif'); background-repeat:no-repeat; text-decoration:none; }
a.middle-bara:visited{}
a.middle-bara:active{}
a.middle-bara:hover{ background-image:url('images/ueber_uns_mo.gif'); background-repeat:no-repeat; }


a.middle-barb{ background-image:url('images/produkte.gif'); background-repeat:no-repeat; text-decoration:none; }
a.middle-barb:visited{}
a.middle-barb:active{}
a.middle-barb:hover{ background-image:url('images/produkte_mo.gif'); background-repeat:no-repeat; }


a.middle-barc { background-image:url('images/service.gif'); background-repeat:no-repeat; text-decoration:none; }
a.middle-barc:visited{}
a.middle-barc:active{}
a.middle-barc:hover{ background-image:url('images/service_mo.gif'); background-repeat:no-repeat; }


a.middle-bard{ background-image:url('images/aktuell.gif'); background-repeat:no-repeat; text-decoration:none; }
a.middle-bard:visited{}
a.middle-bard:active{}
a.middle-bard:hover{ background-image:url('images/aktuell_mo.gif'); background-repeat:no-repeat; }







#middle-bar .spacer{
margin:0;
padding:0 50px 0 50px;
}
#content-empfehlen h1{
margin:0;
padding:5px 0 0px 0;
color:#363a91;
font-size:11px;
font-weight:bold;
}
/* -- <div id="glossar"> --- */
#glossar {

}
#glossar ul {
list-style-type:none;
margin:0px 0 0 0;
padding:0;
}
#glossar ul li{
margin:0;
border-bottom:1px solid #5982D4;
background-color:#fff;
padding:0px 0 2px 0px;
}
#glossar ul li{ 
padding:3px 0 2px 5px;
}
/* ----- Sidebar Styles ----- */

#side-bar ul {
list-style-type:none;
margin:40px 0 0 0;
padding:0;
}
#side-bar ul li{
margin:0;
padding:3px 0 2px 15px;
}
#side-bar ul li.selected{
margin:0;
padding:3px 0 2px 0;
}
#side-bar ul ul{
font-weight:normal;
margin:0;
padding:0;
}
#side-bar ul li ul li{
margin:0;
padding:3px 0 2px 15px;
}
#side-bar ul li.selected ul li{
margin:0;
padding:3px 0 2px 30px;
}
#side-bar a{ 
	font-weight:normal;
}
#side-bar a.selected{
margin:0;
padding:0 0 0 15px;
background-image:url('images/arrow-dark-bold.jpg');
background-repeat:no-repeat;
background-position:0px 2px;
text-decoration:none;
color:#363a91;
font-weight:bold;
}
#side-bar a.selected:visited{
text-decoration:none;
color:#363a91;
}
#side-bar a.selected:active{
text-decoration:none;
color:#5982D4;
}
#side-bar a.selected:hover{
text-decoration:none;
color:#5982D4;
}
/* ----- Content Styles ----- */

#content-right p {
margin:5px 0 5px 0;
padding:0px 0px 0px 0px;
}

#content-right .white-box{
width:208px;
margin:40px 0 15px 0;
padding:0;
background-color:#ffffff;
}

#content-left .peach-box{
margin:0px 0 15px 0;
padding:0;
background-color:#fbdcad;
}
#content-right .orange-box{
width:208px;
margin:40px 0 15px 0;
padding:0;

}

#content-left h1{
margin:0;
padding:5px 0 0px 0;
color:#363a91;
font-size:11px;
font-weight:bold;
}

#index-bar h2{
line-height:16px;
}

#form-information h2 {
margin:0;
padding:10px 0 0px 0;
color:#363a91;
font-size:12px;
font-weight:bold;
line-height:16px;
}

#form-information p {
margin:0;
padding:0px 0 5px 0;
color:#363a91;
font-size:10px;
font-weight:bold;
}



h2{
margin:0;
padding:40px 0 15px 0;
color:#363a91;
font-size:20px;
line-height:26px;
font-weight:normal;
}
h3{
clear:both;
margin:0;
padding:15px 0 15px 0;
color:#363a91;
font-size:11px;
font-weight:bold;
}
h4{
margin:0;
padding:0 0 3px 0;
color:#363a91;
font-weight:bold;
font-size:11px;
}
p{
color:#363a91;
margin:0;
padding:0;
line-height:16px;
}
p.gap{
color:#363a91;
margin:0;
padding:0 0 15px 0;
line-height:16px;
}
p.spacer{
margin:15px 0;
padding:0;
}
p.right-align{
text-align:right;
}
p.footnote{
border-top:1px solid white;
margin:0 0 40px 0;
padding:0;
text-align:left;
}
p.meta{
color:#000000;
margin:0;
padding:0 0 3px 0;
}
p.meta-gap{
color:#000000;
margin:0;
padding:0 0 15px 0;
}
.clear{
clear:both;
}

#main-content hr{
color:#ffffff;
background-color:#ffffff;
height:1px;
width:100%;
margin:10px 0;
padding:0;
border:none;
}

#main-content ul {
margin:0;
padding:0;
list-style-type:none;
}
#main-content ol {
margin:0;
padding:0;
color:#5982D4;
list-style-position:inside;
}
#main-content ol li{
margin:0;
padding:20px 0 0 0;
}
#main-content ol li p{
color:#363a91;
}

.imgleft{
	float:left;
	margin:0;
	padding:0 15px 0 0;
}

img.left{
float:left;
margin:0;
padding:0 15px 0 0;
}
img.right{
float:right;
margin:0;
padding:0;
}

#content-right .white-box h3{
margin:0;
padding:15px;
}
#content-right .white-box p{
margin:0;
padding:0 15px 5px 15px;
}

#content-right .orange-box h3{
margin:0;
padding:15px;
}
#content-right .orange-box p{
margin:0;
padding:0 15px 5px 15px;
}

#content-left .peach-box h3{
margin:0;
padding:15px 15px 5px 15px;
}
#content-left .peach-box p{
margin:0;
padding:0 15px;
}
#content-left .peach-box p.lead{
margin:0 0 0 150px;
padding:0px 15px 20px 15px;
}

/* ----- Footer Styles ----- */

#bottom-bar{
clear:both;
margin:0;
padding:5px;
background-color:#f8e300;
text-align:center;
}
#bottom-bar p{
margin:0;
padding:0;
font-size:10px;
color:#363a91;
}
#bottom-bar p a{
color:#363a91;
}
#bottom-bar p a:visited{
color:#363a91;
}
#bottom-bar p a:active{
color:#363a91;
}
#bottom-bar p a:hover{
color:#5982D4;
}

/* ----- Index Styles ----- */

#index-bar{
width:620px;
margin:40px auto 0 auto;
padding:0;
}
#index-bar .bar-unit{
float:left;
width:185px;
margin:0 0 30px 0;
padding:0 10px 0 10px;
border-left:1px solid #ffffff;
}
#index-bar .bar-unit h2{
margin:0;
padding:10px 0 0 0;
color:#363a91;
font-size:12px;
font-weight:bold;
}
#index-bar .bar-unit p{
margin:0;
padding:5px 0 0 0;
color:#363a91;
}

/* ----- Sitemap Styles ----- */

#sitemap{
width:810px;
margin:0 auto 0 auto;
padding:0 0 15px 0;
font-size:10px;
}
#sitemap .sitemap-box{
float:left;
width:150px;
margin:0 0 30px 0;
padding:0 35px 0 10px;
border-left:1px solid #ffffff;
}
#sitemap ul {
list-style-type:none;
font-weight:bold;
margin:0;
padding:0;
}
#sitemap ul li{
margin:0;
padding:3px 0 2px 0;
}
#sitemap ul ul{
font-weight:normal;
}
#sitemap ul li ul li{
margin:0;
padding:3px 0 2px 10px;
}

/* ----- Form Styles ----- */

form{
margin:0;
padding:0;
}
.form-row{
clear:both;
border-top:1px solid #000000;
margin:0;
padding:0;
}
.form-label{
float:left;
width:120px;
margin:0;
padding:0;
}
.form-input{
float:left;
width:310px;
margin:0 0 10px 0;
padding:0;
}
form .form-input select{
border:none;
width:310px;
margin:0;
padding:0;
}
form .form-input input{
border:1px solid white;
width:308px;
margin:0;
padding:0;
}
form .form-input textarea{
border:1px solid white;
width:308px;
margin:0;
padding:0;
}
form p{
margin:0;
padding:0;
}
form p.form-button{
margin:0;
padding:7px 0 5px 0;
}
form p.form-button-right{
text-align:right;
margin:0;
padding:7px 0 5px 0;
}
form a.form-button{
margin:0;
padding:7px 20px 5px 20px;
color:#ffffff;
background-color:#363A91;
background-image:url('images/arrow_white.gif');
background-repeat:no-repeat;
background-position:5px 9px;
text-decoration:none;
font-weight:bold;
font-size:11px;
}
form a.form-button:visited{
color:#ffffff;
background-color:#363A91;
text-decoration:none;
}
form a.form-button:active{
color:#5982D4;
background-color:#363A91;
text-decoration:none;
}
form a.form-button:hover{
color:#5982D4;
background-image:url('images/arrow_blue.gif');
background-repeat:no-repeat;
background-position:5px 9px;
background-color:#363A91;
text-decoration:none;
}
#content-right form input{
border:1px solid gray;
width:85%;
margin:0 15px 10px 15px;
padding:0;
}

/* ----- Contact Styles ----- */

table.contact{
margin:0 0 20px 0;
padding:0;
border-collapse: collapse;
width:100%;
}
table.contact tr{
margin:2px 0;
padding:0;
}
table.contact tr td{
margin:0;
padding:0;
width:50%;
}

/* ----- Download Styles ----- */

.line {
float:left;
margin-top: 0px;
width:100%;
border-bottom: 1px solid #ffffff;

}

.download-box{
float:left;
width:260px;
margin:20px 40px 0 0;
padding:0;
}

.download-box img{
float:left;
margin:0;
padding:0 10px 10px 0;
}

.download-box p{
margin:0;
padding:5px 0;
}

/* ----- Basket Styles ----- */

table.basket{
border-collapse:collapse;
margin:0 0 20px 0;
padding:0;
width:100%;
}
table.basket tr{
margin:2px 0;
padding:0;
height:16px;
}
table.basket tr td{
margin:0;
padding:0;
border-bottom:1px solid black;
}
table.basket tr.no-border td{
font-weight:bold;
margin:0;
padding:3px 0px 0px 0px;
border:none;
}
table.basket input{
border:1px solid white;
width:40px;
margin:0;
padding:0;
text-align:right;
}

table.basket-bottom{
border-collapse:collapse;
margin:0 0 20px 0;
padding:0;
width:100%;
}
table.contact tr{
margin:2px 0;
padding:0;
}
table.basket-bottom tr td{
margin:0;
padding:0;
width:50%;
}

/* ----- Glossary Styles ----- */

table.glossary{
border-collapse:collapse;
margin:20px 0 0 0;
padding:2px;
width:100%;
color:#ffffff;
background-color:#5982D4;
text-align:center;
height:20px;
font-size:11px;
}
table.glossary a{
text-decoration:none;
color:#ffffff;
}
table.glossary a:visited{
text-decoration:none;
color:#ffffff;
}
table.glossary a:active{
text-decoration:none;
color:#ffffff;
}
table.glossary a:hover{
text-decoration:none;
color:#363a91;
background-color:#ffffff;
}
table.glossary td.selected{
color:#363a91;
background-color:#ffffff;
font-weight:bold;
}
table.glossary td.selected a{
text-decoration:none;
color:#363a91;
}
table.glossary td.selected a:visited{
text-decoration:none;
color:#363a91;
}
table.glossary td.selected a:active{
text-decoration:none;
color:#363a91;
}
table.glossary td.selected a:hover{
text-decoration:none;
color:#5982D4;
}

table.products-glossary{
width:100%;
border-collapse:collapse;
}
table.products-glossary tr.header td{
background-color:#5982D4;
color:#ffffff;
font-weight:bold;
}
table.products-glossary tr td{
margin:0;
padding:2px 0 2px 10px;
background-color:#ffffff;
border-top:1px solid #5982D4;
}

/* ----- Recommendation Styles ----- */

#container-empfehlen{
margin:0;
padding:0;
width:428px;
}
#content-empfehlen{
width:320px;
margin:0 auto 0 auto;
padding:0;
}

#top-bar-empfehlen{
margin:0;
padding:5px;
background-color:#363a91;
text-align:right;
}
#top-bar-empfehlen p{
width:320px;
margin:0 auto 0 auto;
padding:0;
font-size:10px;
color:#ffffff;
}
#top-bar-empfehlen p a{
color:#f8e300;
}
#top-bar-empfehlen p a:visited{
color:#f8e300;
}
#top-bar-empfehlen p a:active{
color:#ffffff;
}
#top-bar-empfehlen p a:hover{
color:#ffffff;
}

#empfehlen-logo{
margin:0;
padding:0;
}
#empfehlen-logo h1{
background-image:url('images/small-logo.jpg');
background-repeat:no-repeat;
width:428px;
height:75px;
margin:0 auto 0 auto;
padding:0;
}
#empfehlen-logo h1 a{
display:block;
width:428px;
height:75px;
text-decoration:none;
margin:0;
padding:0;
}

.form-label-empfehlen{
float:left;
width:110px;
margin:0;
padding:0;
}
.form-input-empfehlen{
float:left;
width:210px;
margin:0 0 10px 0;
padding:0;
}
form .form-input-empfehlen input{
border:1px solid white;
width:208px;
margin:0;
padding:0;
}
form .form-input-empfehlen textarea{
border:1px solid white;
width:208px;
margin:0;
padding:0;
}

/* ----- News Styles ----- */

.news{
clear:both;
margin:10px 0 40px 0;
padding:0;
}

/* ----- Products Styles ----- */

.product-box{
width:315px;
height:79px;
margin:0;
padding:0;
}
.product-box img{
float:left;
margin:0;
padding:0 5px 0 0;
}
.product-box h4{
margin:0;
padding:10px 0 0 0;
}
.boxgeneral{
margin:0 10px 0 0;
width:315px;
}
.box1{
background-color:#FBDCAD;
margin:0 10px 0 0;
width:315px;
}
.box2{
background-color:#EAD3E5;
margin:0 10px 0 0;
width:315px;
}
.box3{
background-color:#F9C6D9;
margin:0 10px 0 0;
width:315px;
}
.box4{
background-color:#BFE5FA;
margin:0 10px 0 0;
width:315px;
}
.box5{
background-color:#F8CBB8;
margin:0 10px 0 0;
width:315px;
}
.box6{
background-color:#D6EBCC;
margin:0 10px 0 0;
width:315px;
}
.box7{
background-color:#9ADCDB;
margin:0 10px 0 0;
width:315px;
}

/* ----- Product Styles ----- */

#content #main-content-product{
float:left;
width:730px;
margin:0;
padding:0 0 0 5px;
border-left:1px solid #ffffff;
}
#content #content-left-product{
float:left;
width:490px;
margin:0;
padding:0;
}

p.basket{
width:100%;
display:block;
background-color:#363A91;
margin:0 0 15px 0;
padding:7px 0 5px 0;
color:#ffffff;
}
a.basket{
margin:0;
padding:7px 0 5px 30px;
background-color:#363A91;
background-image:url('images/basket.gif');
background-repeat:no-repeat;
background-position:3px 2px;
text-decoration:none;
font-weight:bold;
font-size:11px;
color:#ffffff;
}
a.basket:visited{
color:#ffffff;
background-color:#363A91;
text-decoration:none;
}
a.basket:active{
color:#ffffff;
background-color:#363A91;
text-decoration:none;
}
a.basket:hover{
color:#5982D4;
background-image:url('images/basket_blue.gif');
background-repeat:no-repeat;
background-position:3px 2px;
background-color:#363A91;
text-decoration:none;
}

.product-image{
float:left;
width:155px;
margin:40px 0 0 0;
padding:0;
}
.product-content{
margin:0 0 0 170px;
padding:0;
text-align:justify;
}
#content-left-product table, td {
text-align:left;
}

p.bold-orange{
font-weight:bold;
margin:0 0 15px 0;
padding:5px 10px 5px 10px;
background-color:#F5B959;
}

table.contents{
width:99%;
border-collapse:collapse;
margin:0 0 15px 0;
padding:0;
border-top:1px solid #F5B959;
}
table.contents td{
border-bottom:1px solid #F5B959;
vertical-align:top;
}
table.contents td.left{
width:100px;
}

table.ingredients{
width:100%;
border-collapse:collapse;
margin:0 0 15px 0;
padding:0;
}
table.ingredients tr.header td{
background-color:#F5B959;
color:#ffffff;
font-weight:bold;
}
table.ingredients tr td{
background-color:#ffffff;
border-top:1px solid #F5B959;
margin:0;
padding:2px 0 2px 10px;
vertical-align:top;
}
table.ingredients tr td.middle{
border-right:1px solid #F5B959;
}



#content #content-right ul {
margin:0px 0px 0px 15Px;
padding:0 15px 0 15px;
list-style-type:square;
color: #363A91;
}


#content #content-right ol {
margin:0;
color: #363A91;
padding:0;
color:#5982D4;
list-style-position:inside;
}
#content #content-right ol li{
color: #363A91;
margin:0;
padding:5px 0 0 0;
}
