@charset "utf-8";

/* STANDARD STYLES */
body,div,p,td,th,ol,ul,li,h1,h2,h3,h4,h5,h6,input,.searchInput,.heading1,.heading2,.heading3,.heading4,.headline_1,.headline_2,.headline_3,.headline_4 {font-family:arial,helvetica,verdana,sans-serif;color:#000000;}

body.body {position:relative;background:#e8decc;height:100%;}
body.print {background:#fff;text-align:left;margin:10px}
div.wrapper{position:relative;display:table;width:100%;min-height:100%;}
div.center{position:relative;min-height:100%;width:996px;margin: 7px auto 17px;}

form{margin:0px;padding:0px}
h1,.heading1,.headline_1{font-weight:normal;font-size:24px;margin:0px 0px 20px 0px;color:#f5a300;line-height:26px}
h2,.heading2,.headline_2{font-size:18px;color:#f5a300;font-weight:normal;line-height:23px;margin:0px;}
h3,.heading3,.headline_3{font-weight:bold;font-size:12px;color:#000;line-height:18px;margin:0 0 7px}
h4,.heading4,.headline_4{font-size:14px;color:#000;font-weight:bold;line-height:17px;margin:0 0 7px 0}
h5,.heading5,.headline_5{font-size:12px;color:#000;font-weight:bold;margin:0 0 7px}
table,td,p,div{font-size:100%;line-height:150%}
th{font-size:100%;text-align:left;font-weight: normal}
ol{margin:10px 0px 10px 25px;padding:0px 0px 0px 0px;list-style-type:decimal}
ul li {padding:0 0 8px 10px}
ol li {padding:0 0 8px 0px}
ul{margin:10px 0px 10px 15px;padding:0px 0px 0px 0px;list-style-type:square}
blockquote{margin:10px 0 10px 260px}
img {border:0}

/* LINKS */
a {text-decoration: none; color: #F5A300; font-weight: bold;}
a:link {text-decoration: none;}
a:hover {text-decoration: underline; }
#navi a:hover {text-decoration: none; }
a:visited {color:#F5A300;}
a.breadcrumb:link {}
a.breadcrumb:visited {}
a.linkrelated:link {}
a.linkrelated:hover {}
a.footer:hover {}
h1 a, h2 a, h3 a, h4 a {font-weight:inherit;}

/* STANDARD AREAS */
div.header{position:relative;height:122px;width:996px;margin:0px;padding:0px;}
div.header img.logo{height:110px;width:996px}
div.breadcrumb {position:relative;width:996px;height:33px;background: url(../img/bg_top_bottom_panel.gif) 50% 0% no-repeat}
div.breadcrumbPath {position:absolute;left:170px;top:11px;font-size:10px}
div.breadcrumbPath a {color:#888}
div.breadcrumbPath a.current {color:#000}
div.breadcrumbPath span.path {padding:0 4px}
form.search {}
form.search input.q {position:absolute;top:8px;left:11px;width:109px;background:#f9f9f9;padding:2px;border:1px solid #d6d6d6;font-size:10px}
form.search input.q:hover {border:1px solid #f5a300}
form.search input.btnSearch {position:absolute;left:133px;top:8px;width:20px;height:19px}
div.content {position:relative;width:996px;clear:both;background: url(../img/bg_content.gif) 0 0 repeat-y}
div.specialnote {height:81px;background:#f2f2f2 url(../img/sprite_hor_repeat.gif) 0 0 repeat-x;overflow:hidden}
div.leftCol {width:160px;float:left;background: url(../img/bg_content.gif) 0 0 repeat-y}
div.centerCol {width:660px;float:left;background: url(../img/bg_content.gif) -160px 0 repeat-y}
div.rightCol {width:176px;float:right;background: url(../img/bg_content.gif) 100% 0 repeat-y}
div.footer {clear:both;width:996px;height:25px;padding-top:7px;color:#000;background: url(../img/bg_top_bottom_panel.gif) 50% 100% no-repeat;text-align:center}
div.footer span {vertical-align:middle;}

/* STUFF FROM foodwatch.de */
.teaserContainer {padding:8px 12px 0 8px}

/* SPECIALNOTE */
div.specialnote {}
div.specialnote img {float:left;height:81px;width:121px;overflow:hidden}
div.specialnote .inclImage {padding:20px 12px 0px 121px}
div.specialnote .exclImage {padding: 20px 12px 0px 12px}
div.specialnote h3 {font-size:14px;padding-bottom:4px;font-weight:bold;margin:0}
div.specialnote p {margin:0!important;font-size:12px}
a.more {font-weight:normal;padding-right:12px;background: url(../img/bg_arrow_right.gif) 100% 50% no-repeat}
a.more:hover {text-decoration:underline}

/* TEASER */
.newshdl{padding: 5px;font-size: 12px;font-weight:bold;line-height: 13px;color: #fff;background:#ec972b url(../img/bg_teaser_headline.gif) no-repeat;}
div.teaserBox {border:1px solid #c1bfbf;padding:8px 7px}
div.rTeaserImg {padding: 8px 7px;border:1px solid #c0bebe}
div.rTeaserImg div.ZMSGraphic div.graphic {padding-top:2px;}
div.rTeaserImg div.text {font-size: 11px;line-height: 15px;color: #000000;}
div.rTeaserImg div.ZMSGraphic div.text {padding:0}
p.news{margin:0;font-size: 11px;line-height: 15px;color: #000000;}
p.news a {font-weight:bold;color: #F5A300;}
p.newslink {font-size: 11px;padding: 0 8px 0 0;margin:0;}
p.newslink a {font-weight:normal;font-size:11px}
p.newslink img {margin-left:6px}
p.sidebarbanner {margin: 0 0 10px 0;}

/* HELPERS */
.clearBoth {clear:both}
.marginRight10px {margin-right:10px}

/* flashFilm */
div#flashContentpotm {margin-top:20px}
div#flashContentpotm div.note {border:1px dashed #d8d8d8;margin:10px;padding:9px;font-size:100%;text-align:left;}
div#flashContentpotm div.note p {margin:0 0 6px!important;}
#hdlFlashPlayer {margin-top:5px;padding:0}
.lastupdate {width:97%;text-align:right;color:#666;margin:5px 0 12px; }

/* Toolbox */
div.toolbox, div.imagebox {float:left;margin:3px 0 20px 10px;width:190px;clear:left;}
div.toolbox_title {background: transparent url(../img/bg_documents_headline.gif) 0 0 no-repeat;overflow:hidden}
div.toolbox_title h3 {padding:5px 0 0 7px;color:#fff;margin:0}
div.toolbox_content {border:1px solid #bfbfbf;padding:7px 6px 15px 6px;}
ul.boxlist {margin:0;padding:0;list-style-type:none}
ul.boxlist li {padding:6px 0 6px 10px;border-bottom:1px dashed #d8d8d8;background:transparent url(../layoutpictures/pfeil_simple.gif) no-repeat 0 10px;font-size:11px}
ul.boxlist li a {color:#000; font-weight:bold}
ul.boxlist li.lastListEntry {border-bottom:none!important}

/* Dynboxen */
div.teaser-dynbox{}
div.teaser-dynbox div.horSpacer {margin:0 10px;width:640px;height:1px;font-size:0%;display:table;clear:both}
div.teaser-dynbox .ZMSTeaserElement {clear:both;display:table;margin: 0px 0px 0px 10px;}
div.dynbox {float:left;margin:12px 0; padding:0px 9px 12px 10px;overflow:hidden;font-size:92%;}
div.dynbox_1_1 {width: 200px;height:130px;}
div.dynbox_2_1 {width: 310px;height:130px;}
div.dynbox_3_1 {width: 640px;height:140px;}
div.dynbox_1_2 {width: 200px;height:230px;}
div.dynbox_2_2 {width: 310px;height:230px;}
div.dynbox_3_2 {width: 640px;height:240px;}
div.dynbox_1_3 {width: 200px;height:330px;}
div.dynbox_2_3 {width: 310px;height:330px;}
div.dynbox_3_3 {width: 640px;height:340px;}
div.centerCol div.dynbox h4 {color: #f5a300;font-size:12px;margin:0px 0px 10px 0px;padding:0px;}
div.centerCol div.dynbox p {line-height:120%;margin:0}
div.dynbox p span.h2 { font-weight:normal;font-size:18px;color:#0e5a84;line-height:100%;margin:0px 0px 7px 0px;display:block; }
div.dynbox p span.h3 { font-weight:bold;font-size:18px;color:#0e5a84;margin:10px 0px;display:block; }
div.dynbox p span.h4 { font-weight:bold;font-size:13px;color:#0e5a84;margin:10px 0px;display:block; }
div.dynbox img {border:none;padding:0px;margin:0px;}
div.dynbox_hseparator {border-left:1px dashed #d8d8d8}
div.dynbox_vseparator {float:left;margin:0 10px;padding:0;width:640px;height:0;border-top:1px dashed #d8d8d8}

/* Page header */
p.artikelteaser { font-weight: bold; }
div.introbox { float:left;margin:0 0 0 10px;width:190px; }
div.introbox img { max-width:190px; margin-bottom:10px;}
div.introboxfull { float:left;margin:0 0 0 10px;width:640px; }
div.introboxfull img { margin-bottom:10px;}

/*************************/
/* Abbildung */
/*************************/
div.centerCol div.ZMSGraphic {margin: 0 10px 12px 220px;padding: 0px;overflow:hidden;}
div.centerCol div.ZMSGraphic p,
div.centerCol div.ZMSGraphic ul,
div.centerCol div.ZMSGraphic ol {margin:0;}
div.ZMSGraphic.floatleft {}
div.ZMSGraphic.floatright {}
div.graphic {margin-top:3px;padding:0px;}
div.graphic.alignleft{float:left;text-align:right;}
div.graphic.alignright{float:right;text-align:left;margin-left:10px;}
div.text {margin:0;padding:0px;}
div.ZMSGraphic div.graphic {padding:0;}

/* TABLE */
div.centerCol table.ZMSTable p {margin:0;}
div.bodyContent table {margin: 0 10px 10px 220px; width:430px;}
table.ZMSTable th {background-color:#e8decc;padding:2px 4px;}
table.ZMSTable td {background-color:#f2f2f2;padding:2px 4px;}

div.centerCol p {margin:0 10px 12px 220px}
div.centerCol h1 {display:inline-block;margin:32px 5px 16px 220px;width:310px}
div.centerCol h2,div.centerCol h4,div.centerCol h5 {margin-left:220px}
div.centerCol fieldset h2,div.centerCol fieldset h4,div.centerCol fieldset h5 {margin-left:198px}

/* Footer */
div#footer{display:table;height:76px;width:971px;background: url(common/footer_bg.gif) center;}
img#footer_logo{position:relative;left:18px;top:21px;}
div#footer_text{position:relative;left:18px;top:30px;font-size:77%;color:#657a12;}

/* spacer */
hr {height: 1px;border-top: 1px dashed #d8d8d8;border-left: 0px;border-right: 0px;border-bottom: 0px;padding:0;margin:0}

.screenreader {left:-2000px;position:absolute;}

/* GENERICS */
.clear {display: block; clear: both; font-size: 0; height: 0;}
.floatLeft {float:left!important}
.floatRight {float:right!important}
.floatNone {float:none!important}
.hideMe {position:absolute;top:-10000px;left:-10000px}
.displayBlock {display:block!important}
.displayNone {display:none!important}
.contentRight {text-align: right!important;}
.contentLeft {text-align: left!important;}
.contentCenter {text-align: center!important;}
.noMargin {margin:0!important;}
.noMarginBottom {margin-bottom:0!important;}
.marginTop10 {margin-top:10px!important;}
.marginBottom10 {margin-bottom:10px!important;}
.noPadding { padding:0!important;}
.paddingBottom10 {padding-bottom: 10px!important; }
.noBorder {border: none!important;}
.borderBottom, .pBorderBottom {border-bottom:1px dashed #d8d8d8!important;}
.pBorderBottom {padding-bottom:12px;}
.strong {font-weight: bold!important;}
.width70 {width: 70px;}
.width80 {width: 80px;}
.width120 {width: 120px;}
.width180 {width: 180px;}

/* Colors */
.orange {color: #f5a300 !important;}
.black {color: #000 !important;}

/* Buttons */
a.key {display:block;float:left;border:0 none;cursor:pointer;font-size:12px;height:28px;margin:0 10px 0 0;padding:0 12px 0 0!important;text-align:center;background:transparent url(../img/bg_button_right.gif) no-repeat scroll 100% 0;}
a.key span {display:block;height:28px;line-height:28px;margin:0;white-space:nowrap;background:transparent url(../img/bg_button_left.gif) no-repeat scroll 0 0;color:#f5a300;font-weight:bold;padding:0 0 0 12px;}

a.keysmall {height:18px;padding:0 10px 0 0!important;background:transparent url(../img/bg_buttonsmall_right.gif) no-repeat scroll 100% 0;}
a.keysmall span {font-size:10px;height:18px;line-height:18px;background:transparent url(../img/bg_buttonsmall_left.gif) no-repeat scroll 0 0;padding:0 0 0 10px;color:#f5a300;}

a.smallButton { width:30px }
a.smallButton span { color: #000 }

/* try to find a workaround for clearing, overflow: hidden disallow tooltip*/
.subcolumns { width: 100%;  }
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }
.c100 {width: 100%;}

/* HELPERS */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.clearfix {display: block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}

/* Fotostrecke */
div.photobox { margin: 0 10px 10px 220px; }
div.photobox_title {background: transparent url(../img/bg_content_headline.gif) 0 0 no-repeat;overflow:hidden}
div.photobox_title h3 {padding:5px 0 0 7px;color:#fff;margin:0}
div.photobox_content { padding:8px 10px; line-height:120%; border:1px solid #bfbfbf; }
div.photobox .photostrip {text-align:center;margin-top:0px;}
div.photobox .photostrip img {margin:5px;border:1px solid #999999;}
div.photobox .subcolumns a,
div.photobox .subcolumns a:visited,
div.photobox .subcolumns a:active {font-weight:bold;padding:0px;text-decoration:none;}
div.photobox .photodetail {margin-bottom:10px;text-align:center;}
div.photobox .photodetail img{border:1px solid #b4cbd8;margin-bottom:10px;}
div.photobox .phototext {height:70px;}
div.photobox .phototext p {margin: 0}

/* Weitere Themen */
div.index_title {margin: 0 10px; background: transparent url(../img/bg_content_full_headline.gif) 0 0 no-repeat;overflow:hidden}
div.index_title h3 {padding:5px 0 0 7px;color:#fff;margin:0}
div.index_image {float:left; margin:0 20px 0 10px;}
div.index_image img {max-width:190px}
div.index_content {margin:10px 0}
div.index_content a.more {font-weight:bold;}

/* Downloads */
div.indexdownload div.index_image {text-align:right; width:190px;}
div.indexdownload div.index_image img {max-width:80px;}

div.bodyContent table.downloadlist {margin: 0 10px;width:640px}
div.bodyContent table.downloadlist td {width:50%;border-bottom:1px dashed #d8d8d8;padding:15px 10px;vertical-align:top}
div.bodyContent table.downloadlist td.even {border-right:1px dashed #d8d8d8;}
div.bodyContent table.downloadlist img {max-width:90px;float:left;}
div.bodyContent table.downloadlist h5,table.downloadlist p,table.downloadlist ul {margin-left: 100px}

/* Icons */
ul.iconlist {list-style: none;margin: 0;padding: 0;border:none;}
ul.iconlist li {color: #666;background-repeat: no-repeat;background-position: 0 0.2em;padding: 0px 0 0px 20px;margin-bottom:10px;line-height:16px;border:0px solid blue;display:block;}
ul.iconlist li a {font-weight:normal;color:#000} 
ul.iconlist li a:hover{text-decoration: underline;} 
ul.iconlist li.application_pdf{background-image: url(../icons/ico_list_pdf.gif);}
ul.iconlist li.application_zip{background-image: url(../icons/ico_list_zip.gif);}
ul.iconlist li.application_doc{background-image: url(../icons/ico_list_doc.gif);}
ul.iconlist li.application_xls{background-image: url(../icons/ico_list_xls.gif);}
ul.iconlist li.grafik{background-image: url(../icons/ico_list_jpg.gif);}
ul.iconlist li.image_jpeg{background-image: url(../icons/ico_list_jpg.gif);}
ul.iconlist li.image_gif{background-image: url(../icons/ico_list_gif.gif);}
ul.iconlist li.image_eps{background-image: url(../icons/ico_list_eps.gif);}
ul.iconlist li.ext{background-image: url(../icons/ico_list_extlink.gif);}
ul.iconlist li.intern{background-image: url(../icons/ico_list_internlink.gif);}
ul.iconlist li.mp3{background-image: url(../icons/ico_list_mp3.gif);}
ul.iconlist li.print{background-image: url(../icons/ico_list_print.gif);}
ul.iconlist li.send{background-image: url(../icons/ico_list_send.gif);}

/* LISTE - Tabs */
div.tabs {border: 1px solid #CCC;border-width: 0 0 1px 0px;padding:0 0 4px 0px;margin: 25px 10px 0 10px;clear:both;}
div.tabs ul{margin: 0 0 -2px 0;padding: 0;display: inline;list-style: none;}
div.tabs ul li {margin: 0;padding: 5px 10px 5px 0px;display: inline;font-size: 12px;background-image: url(../layoutpictures/tabbednav_corner_right.gif);background-repeat: no-repeat;background-position: 100% 0;}
div.tabs ul li:hover {background-image: url(../layoutpictures/tabbednav_corner_right_act.gif);}
div.tabs ul li.here {background-image: url(../layoutpictures/tabbednav_corner_right_act.gif);border-bottom: 1px solid #FFF;list-style: none;}
div.tabs ul li a {padding: 0;font-weight:normal; color:#676767}
div.tabs ul li.here span {color:#000000}
div.tabs ul span {padding: 5px 0 5px 10px;margin: 0px;background-image: url(../layoutpictures/tabbednav_corner_left.gif);background-repeat: no-repeat;background-position: 0 0;}
/* -- IE 7 */
* +html div.tabs {padding:3px 0 5px 0px;}
* +html div.tabs ul li {margin: 0 0px 0px 0px;padding: 0px 8px 0px 0px;border-bottom: 1px solid #ccc;}
* +html div.tabs ul li.here {border-bottom: 1px solid #FFF;list-style: none;display: inline;padding: 0px 8px 0px 0px;}
/* -- IE 6 */
* html div.tabs {padding:3px 0 5px 0px;}
* html div.tabs ul li {margin: 0 0px 0px 0px;padding: 0px 8px 0px 0px;border-bottom: 1px solid #ccc;}
* html div.tabs ul li.here {border-bottom: 1px solid #FFF;list-style: none;display: inline;padding: 0px 8px 0px 0px;}

/* LISTE - Content */
ul {margin:0 10px 12px 220px;list-style: none;}
ol {margin:0 10px 12px 238px;list-style-type: decimal;}
ul li {background-repeat: no-repeat;background-position: 0 0.5em;background-image: url(../layoutpictures/bullet_list.gif);}

/* NEWSLETTER */
div.newsletter {margin:0 10px 0 220px;}
div.newsletter p, div.newsletter table {margin:0.5em 0 0 0!important;}

div.articlepages {margin: 10px; text-align: right;}

/* all products page */
div.allproducts {width:525px;height:500px;background: url(../img/allproducts_bg.jpg) center no-repeat;padding:109px 59px 63px 56px;margin:10px;}
div.allproducts div.ZMSGraphic {float:left;margin:0px;padding:0px;overflow:hidden;width:175px;height:250px;clear:none;}
div.allproducts div.ZMSGraphic div.graphic{margin:0px;padding:0px;}

/* Video */
.video {text-align:center;}

/* further styles */
p.emphasis {padding:10px; background-color:#f2f2f2;}

/* noch nicht geprüfte Styles */

/* Middle Content: Main 
div#contentcontainer{display:block;padding:0px 9px;background:url(common/content_main_bg.gif) left top repeat-y;}
div#contentcontainerbottom{display:block;height:8px;}

div.contentheader{display:table;margin:18px 18px 0px 18px;}
div#contentcenter{padding:18px;}

/*  Right Content: Teaser
td#rightcontainer{padding: 9px 0px;font-size:92%;}
div#teaser-top5 div.ZMSTeaserElement {font-weight:bold;color:#0e5a84;}
div#teaser-top5 img, div#teaser-actions img {margin-top: 9px;border:none;}
div#teaser-text div.ZMSTeaserElement h4 {color: #0e5a84;font-size:9pt;margin:0px 0px 8px 0px;padding:0px;}
div#teaser-text div.ZMSTeaserElement p {font-size:92%;line-height:120%;padding:0px;display:block}


/* contentElement
/*
table.contentElement {margin:0px;width:621px;padding:0px;}
table.contentElement td.leftColumn {line-height:120%;vertical-align:top;background-color: #fff;padding-right:9px;}
table.contentElement td.linklist{line-height:120%;vertical-align:top;background-color:#e6eef2;width:177px;padding:15px 9px;}
td.linklist h5 {margin:0px 0px 18px 0px;}
td.linklist span {font-size:85%;font-weight:normal;color:#0e5a84;padding:0px 9px 2px 9px;margin:0px;display:block;}
td.linklist a:link,td.linklist a:visited,td.linklist a:hover,td.linklist a:focus,td.linklist a:active 
    {font-size:85%;font-weight:bold;color:#0e5a84;background:url(common/left_subnav_arrow.gif) 0px 8px no-repeat;padding:4px 9px 0px 9px;margin:0px;display:block;}
div.linkToTop {text-align:right;margin:9px;}
div.linkToTop a {font-size:85%;background:url(common/arrow_to_top.gif) right center no-repeat;padding-right:13px;}




/* SITEMAP
#treeNavigation {}
ul#treeNavigation{margin:0px;list-style-type:none;}
#treeNavigation li{font-weight:bold;padding:6px 0 6px 0;list-style-type:none;background: url(common/line.gif) bottom left repeat-x}
#treeNavigation li ul, #treeNavigation li ul li ul {margin:0 0 0 15px;padding:0px}
#treeNavigation li ul li, #treeNavigation li ul li ul li {font-weight:normal;padding:3px 0;background:none}

*/