@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #151e35;
	background-color: #3c4865;
	background: url(../img/background.png) repeat-x;
}

body {
	background-color: #3c4865;
	behavior: url("csshover3.htc"); 
}

a img {
	border: none;
}

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

p {
	padding-bottom: 20px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #3e4b69;
	line-height: 24px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

h2, h3, h4, h5, h6 {
	font-size: 12px;
	line-height: 16px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
}

div.page {
	position: relative;
	width: 988px;
	margin: auto;
	padding: 0;
}

div.header {
	width: 988px;
	height: 160px;
	border-bottom: 8px solid #aaa37b;
	background: url(../img/headergraphic.jpg) no-repeat;

}

div#headernavigation, div.footernav {
	float: right;
}

div.footernav {
	padding: 5px 0 0 0;
}

div#headernavigation a, span.headernav, div.footernav a {
	color: #ffffff;
	padding: 10px 10px 0 10px;
	border-left: 1px solid #ffffff;
	line-height: 30px;
}
div.footernav span.footernav {
	color: #ffffff;
	padding: 10px 10px 0 10px;
	border-left: 1px solid #ffffff;
	line-height: 30px;
}

div#headernavigation .mod_customnav {
	float: left;
}

div#headernavigation .invisible {
	visibility: hidden;
	padding: 0;
	margin: 0;
	width: 0;
}

.mcl {
	float: left;
}

.mcl a {
	padding: 0 0 0 0;
	margin: 0;
}

span.headernav {
	font-weight: bold;
}

div.logo {
	text-align: center;
	padding-top: 20px;
}

div.picturebar {
	float: left;
	width: 988px;
	height: 200px;
	background: url(../img/picturebar_spacer.gif) no-repeat;
	background-position: bottom;
}

div#picturebar {
	float: left;
	width: 988px;
	height: 160px;
}
div.start_content, div.content {
	background-color: #ffffff;
}

div.content {
	margin-bottom: 2px;
}

div.content div.textmiddle ul {
	padding-left: 15px;
}

div.content div.textmiddle li {
	padding-bottom: 10px;
}

/* Startseite Teaser Welcome-Text und Altersabfrage */
div.start_language {
	padding: 15px 25px;
	background-color: #ffffff;
}

div.start_welcome {
	float: left;
	width: 370px;
	height: 92px;
	text-align: center;
	background: url(../img/bg_language-select.jpg) no-repeat;
}

div.start_welcome h1 {
	padding-top: 10px;
}


div.start_welcome p {
	padding: 0 35px;
}

div.start_age {
	float: left;
	width: 198px;
	height: 92px;
	text-align: center;
}

div.ageflag {
	margin-top: 5px;
	width: 198px;
}

div.ageflag img {
	vertical-align: -30%;
	margin: 0 4px;
}

div.agemenu {
	margin-top: 5px;
	width: 198px;
}

input.agesubmit {
	margin-top: 5px;
	width: 160px;
}


/* Hauptnavigation mit Untermenues */
div.navigation {
	float: left;
	width: 220px;
	margin-bottom: 10px;
}

div.navigation ul, div.navigation ul a {
	color: #ffffff;
}

div.navigation ul li {
	display: block;
	padding: 0px 0px 0px 16px;
	background: url(../img/navigation/background-main.gif) no-repeat;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	text-transform: uppercase;
}

div.navigation li.active, div.navigation li.trail {
	padding: 0px 0px 0px 35px;
	background: url(../img/navigation/background-main-active.gif) no-repeat;
}

div.navigation img {	
	margin-right: 5px;
}

div.navigation ul.level_1 ul.level_2 {
	display: none;
}

div.navigation ul.level_1 li.active ul.level_2, div.navigation ul.level_1 li.trail ul.level_2, div.navigation ul.level_1 li.trail ul.level_2 {
	display: block;
	width: 198px;
	margin: 5px 0 10px -35px;
	padding: 10px 0 20px 0;
	background-color: #d9dce3;
	background-image: url(../img/navigation/background-subnav.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.navigation ul.level_2 li {	
	display: block;
	width: 175px;
	margin: 0;
	padding: 5px 0 5px 16px;
	text-transform: none;
	font-weight: normal;
	color: #3e4b69;
	font-size: 11px;
	line-height: 20px;
	background-image: url(../img/navigation/list-subnav.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.navigation ul.level_2 a {
	display: block;
	text-transform: none;
	font-weight: normal;
	color: #3e4b69;
	font-size: 11px;
	line-height: 20px;
	background-image: none;
}

div.navigation ul.level_2 li.active {	
	font-weight: bold;
	background-image: url(../img/navigation/list-subnav.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.navigation ul.level_1 ul.level_2 ul.level_3 li {
	list-style: none;
	background-image: none;
}


* html div.navigation ul.level_3 li {
	width: 165px;
}


div.navigation ul.level_1 ul.level_2 ul.level_3 li.active {	
	font-weight: bold;
	background-image: url(../img/navigation/list-subsubnav.gif);
	background-repeat: no-repeat;
	background-position: 5px 13px;
}

/* Drittes Level standard deaktiviert */
div.navigation ul.level_2 li ul.level_3 {	
	display: none;
}

/* Drittes Level bei aktivem Level 2 aktivieren */
div.navigation ul.level_2 li.active ul.level_3, div.navigation ul.level_2 li.trail ul.level_3 {	
	display: block;
}

/* Inhaltesblock */
div.content {
	line-height: 18px;
}

div.content h1 {
	padding: 5px 0 15px 0;
}

div.content div.line {
	width: 496px;
	margin: 0;
	padding: 0;
	height: 11px;
	border: 0;
	background-image: url(../img/background-hr_content.gif);
}

div.content div.textmiddle {
	float: left;
	padding: 10px 0 20px 21px;
	margin-bottom: 20px;
	width: 527px;
	height: 488px;
	overflow: hidden;
	background-color: #f3f1e9;
	background-image: url(../img/background_middle.gif);
	background-repeat: no-repeat;
}

div.content div.textmiddle div.scroller {
	padding: 0 20px 0 0;
	margin: 0;
	width: 506px;
	height: 488px;
	overflow: auto;
}

/* Inhaltsblöcke Spalte rechts */
div.content div.textright {
	float: left;
	width: 179px;
	padding: 0 20px 0 20px;
	margin: -8px 0 0 0;
}

div.content div.textright h2 {
	color: #ffffff;
	background-color: #3e4b69;
	padding: 5px 0 5px 5px;
	margin: 10px 0 0 0;
}

div.content div.textright p {
	margin: 0;
	padding: 0;
}

div.content div.textright div.line {
	width: 179px;
	height: 5px;
	background-image: url(../img/line_right.gif);
	background-repeat: repeat-x;
}

div.content div.textright div.text {
	width: 174px;
	padding: 5px 0 5px 5px;
	background-image: url(../img/background_right_text.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}

div.content div.textright div.readmore a {
	display: block;
	width: 174px;
	height: 20px;
	padding: 7px 0 5px 5px;
	margin-top: 3px;
	background-image: url(../img/background_readmore.gif);
	background-repeat: no-repeat;
	
}

/* Fusszeile */
div.footer {
	background: url(../img/footer_spacer.gif) no-repeat;
	height: 25px;
	padding: 0 0 0 0;
}

*+html div.footer { /* IE 7 */
	padding: 0;
}

* html div.footer { /* IE 6 */
	padding: 0;
}

/* Bilder in Content mit Click zur Vergroesserung */
div.picview_deutsch, div.picview_english, div.textmiddle div.image_container {
	float: right;
	margin: 0 0 0 24px;
	background-repeat: no-repeat;
	background-position: bottom center;
}

div.de div.textmiddle div.image_container, div.picview_deutsch {
	background-image: url(../img/img_click_deutsch.gif);
}

div.en div.textmiddle div.image_container, div.picview_english {
	background-image: url(../img/img_click_english.gif);
}

div.de div.textmiddle .picview {
	padding: 0 0 30px 0;
	background-color: #aaa37c;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-image: url(../img/img_click_deutsch.gif);
}

div.en div.textmiddle .picview {
	padding: 0 0 30px 0;
	background-color: #aaa37c;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-image: url(../img/img_click_english.gif);
}

div.de div.textmiddle div.image_container img, div.en div.textmiddle div.image_container img, div.picview_deutsch, div.picview_english img {
	padding-bottom: 24px;
}

/* Unternehmen Produktion-Schritte */
div.companyprod_steps {
	width: 495px;
	height: 94px;
	padding: 0;
	background-image: url(../img/background_content_100.jpg);
	background-repeat: no-repeat;
}

div.manufacturing {
	width: 495px;
	padding-top: 20px;
}

div.manufacturing img {
	float: left;
	padding-right: 20px;
}

/* Weltweit */
div.box_170 {
	width: 495px;
	height: 170px;
	padding: 0;
	background-image: url(../img/background_content_170.jpg);
	background-repeat: no-repeat;
}

div.worldwide_left {
	float: left;
	width: 230px;
	padding: 10px 15px;
}

div.worldwide_right {
	float: left;
	width: 200px;
	padding: 0 15px;
	margin: 10px 0;
	line-height: 15px;
	background-image: url(../img/background-hr_worldwide.gif);
	background-repeat: repeat-y;	
}

select.worldwide {
	background: #ffffff;
	border: 1px solid #43506d;
	margin: 4px 0 4px 2px;
	width: 220px;
	height: 20px;
	color: #43506d;
	font-size: 11px;
	font-weight: bold;
}

/* Tabelle Unternehmen - Zahlen und Fakten */
div.table_company table td {
	padding: 0 5px 10px 0;
}

div.table_company table td.col_first {
	vertical-align: top;
}

/* Glossar */
div.mod_glossaryMenu li {
	float: left;
	padding: 0 7px 0 0;
	margin-right: 7px;
	border-right: 1px solid #3e4b69;
	list-style: none;
}

div.mod_glossaryList dt {
	font-weight: bold;
	color: #3e4b69;
}

/* Pressebereich - Nachrichten (default) */
div.mod_newslist div.layout_short p.info {
	padding: 10px 0 0 0;
	margin: 0;
	color: #3e4b69;
}

div.mod_newslist div.layout_short p.teaser {
	padding: 0;
	margin: 0;
}

div.mod_newslist div.layout_short p.more {
	padding: 0 0 10px 0;
	margin: 0;
}

div.textmiddle div.mod_newslist div.image_container, div.textmiddle div.mod_newsreader div.image_container_press {
	float: left;
	padding: 0 0 10px 0;
}

div.textmiddle div.mod_newslist div.image_container img, div.textmiddle div.mod_newsreader div.image_container_press img {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	background-color: blue;
}


/* Pressebereich - Formular Pressekontakt */
label {
	float: left;
	width: 120px;
}

input, select {
	margin-bottom: 5px;
}

div.kontakt input, div#kontakt input {
	width: 242px;
}

div.pressekontakt input.checkbox {
	/*width: 15px;*/
}

div.pressekontakt input.text {
	width: 242px;
}

div.checkbox_container {
	float: left;
	padding: 0;
	margin: 0;
}

*+html div.checkbox_container  {
}

*+html div.checkbox_container label { /* IE 7 */
	width: 440px;
}

* html div.checkbox_container label { /* IE 6 */
	width: 440px;
}

div.checkbox_container input.checkbox {
	float: left;
	margin: 0 10px 0 0;
}

div.checkbox_container label {
	float: left;
	width: 460px;
}

div.explanation {
	padding: 20px 0 0 0;
	margin-bottom: -15px;
}

div.submit_container {
	padding: 10px 0 0 120px;
}

div.submit_container input.submit {
	width: 155px;
}

div.formbody p.error {
	color: red;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

div.formbody label.error {
	
}

div.formbody input.error {
	margin: 0 0 0 120px;
	padding: 0;
}


/* Geniessernews */
div.geniessernews-daten-textseite {
	
}

div.mod_registration {
}

div.mod_registration fieldset legende {
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
}

div.mod_registration fieldset {
	margin: 0 0 15px 0;
	padding: 5px;
	background-color: #c4c4c4;
	font-size: 12px;
}

div.mod_registration label {
	float: left;
	width: 120px;
	margin: 0 5px 0 0;
}

div.mod_registration input, div.mod_registration select {
	width: 240px;
}

/* Suchformular */
form.search label {
	display: block;
	font-weight: bold;
}

form.search input {
	width: 85px;
	margin-top: 20px;
}

/* Filter im Produktbereich */
.filter_field_tl_category {
}

#ctrl_filter_field_tl_category ul {
    clear:both;
    list-style-type: none;
}

#ctrl_filter_field_tl_category li {
    float:left;
    margin-right: 5px;
}

#ctrl_filter_field_tl_category li.list_0 {
    display:none;
}


.filter_field_tl_marke h3 {
    display: none; 
}

#ctrl_filter_field_tl_marke ul {
    clear:both;
    list-style-type: none;
}

#ctrl_filter_field_tl_marke li {
    float:left;
    width: 80px;
    height: 80px;
    background-color: #EFEFEF;
}

#ctrl_filter_field_tl_marke li.list_0 {
    display:none;
}

.filter_field_tl_name  h3 {
    display: none; 
}

#ctrl_filter_field_tl_name ul {
    clear:both;
    list-style-type: none;
}

#ctrl_filter_field_tl_name li {
}

#ctrl_filter_field_tl_name li.list_0 {
    display:none;
}

div#slideWrapper {
    background: url(../tl_files/img/sliderbox-hintergrund.jpg) repeat-x;
    border-bottom: 1px dotted #A1A29D;
}

div#overflowWrapper {
    overflow: hidden;
    height: 93px;
    width: 430px;
    float: left;
}

div#innerSlideWrapper {
    width: 1000px;
    height: 90px;
    overflow: hidden;
    margin: 0 0 0 10px;
}

div#slideWrapper div.slideElem {
/*    margin: 5px 0 0 10px;
    float: left;
*/
}

div.marken {
	width: 500px;
    height: 100px;
	padding: 4px 0;
	margin-bottom: 1px;

	background: url(../tl_files/img/sliderbox-hintergrund.jpg) repeat-x;
    border-bottom: 1px dotted #A1A29D;
}


div.innerbrand {
	position: absolute;
	z-index: 1;
	width: 488px;
	height: 100px;
	
	margin-bottom: 110px;
	padding: 0 4px;

	overflow-y: hidden;
	/*overflow-x: scroll;*/
	overflow-x: auto;
	white-space: nowrap;
}


div.innerbrand img {
	padding: 2px 1px;
}

a.brandanker {
}


div.produktdiv {
    position: relative;
    height: 288px;
}

div.produktdiv div {
    position: static;
    background: #e8e4d8;
}

*+html div.produktdiv {
    
}

div.katalog-detail {
    position: relative;
}

div.produktdiv div.produktdetails {
    background: url('../img/product_background.jpg') repeat-x #e8e4d8;
    padding: 10px 0 10px 10px;
    margin-top: 10px;
}

div.produktdiv div.produktdetails-bild {
    float: left;
    padding-right: 2px;
    border-right: 1px dotted #A1A29D;
    width: 200px;
    height: 268px;
    overflow: hidden;
}

*+html div.produktdiv div.produktdetails-bild {
}

div.produktdiv div.produktdetails-beschreibung {
    color: #000000;
    float: left;
    width: 145px;
	height: 268px;
    margin-left: 120px;
	padding-left: 10px;
	background: none;
	/*border-left: 1px dotted #A1A29D;*/
}

div.produktdiv div.produktdetails-variationen {
    position: absolute;
    top: 0px;
    left: 220px;
	margin: 10px 5px 0 0;
    padding: 0 0 0 5px;
    width: 105px;
	height: 268px;
	overflow: auto;
    background: url('../img/background_products.jpg') no-repeat;
    overflow: hidden;
	/*background-color: #e0d1b5;*/
}

*+html div.produktdiv div.produktdetails-variationen {
    top: 10px;
}

div.produktdiv div.linespacer {
    position: absolute;
    top: 0px;
    left: 335px;
    width: 1px;
	height: 268px;
	margin: 10px 5px 0 0;
    border-right: 1px dotted #A1A29D;
}

*+html div.produktdiv div.linespacer {
    top: 10px;
}


div.produktdiv div.produktdetails-varianten {
    position: absolute;
    bottom: 0px;
    left: 337px;
    padding: 10px;
	background-color: none;
    
}

div.produktdiv div.produktdetails-infotext {
    border-bottom: 1px dotted #A1A29D;
}

div.produktdetails-infotext p {
    text-align: center;
    /*padding: 0 !important;*/
	padding-bottom: 0;
	margin-bottom: 0;
}


/* INTERNATIONAL */
div.de div.textmiddle div.international div.image_container {
    background-image: none;
    float: none;
    margin: 0;
    text-align: center;
}

div.de div.textmiddle div.international div.image_container img {
    margin: 0 0 10px 0;
    padding: 0;
}

div.international {
}

div.international div.infotext p {
    padding: 5px 0;
    border-top: 1px dotted #A1A29D;
    border-bottom: 1px dotted #A1A29D;
}

div.kontinentlinks {
    float: left;
}

div.kontinente {
    margin: 10px 0 0 0;
}

div.kontinente select {
    width: 200px;
}

div.kontinente select option {
    padding: 2px 5px;
}

div.laender {
    margin: 10px 0 0 0;
}

div.laender select {
    width: 200px;
}

div.laender select option {
    padding: 2px 5px;
}

div.land {
    float: left;
    width: 200px;
    padding: 5px 10px;
    margin-left: 20px;
}