@charset "utf-8";
/* Farben
Rot: #db0031
Orange: #ee7f00
Hellorange: #fadbb7
*/
* { margin: 0; padding: 0 }
h1, h2, h3, h4, p, ul, li, a, td, th, caption { font-family: Verdana, Geneva, Helvetica, Arial, Sans-Serif }
a { color: #db0031 ; background-color: white; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
.skip, #nav .sep, #subnav .sep, #navrepeat .last, #headnav .sep, #headnav .impressum, #languages .sep, .address .sep, .wdauth .sep, #directlink, .extras .sep, .extras2 .sep { position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; overflow: hidden; display: inline; }
caption { display: none; }
/**/
* { margin: 0; padding: 0; }
body { font-size: 101% }
a img { border-style: none; }
.clear { clear: both; }
.clearr { clear: right; }
.clearl { clear: left; }
.center { text-align: center; }
.linktext { color: #777 ; background-color: white; }
#head { padding-top: 15px; }
#container3 { margin-left: 215px; }
#languages { font-size: 100%; width: 21em; float: left; display: none; }
#languages ul li { font-size: 0.75em; margin-right: 1em; display: inline; }
#home #languages { display: block; }
.sep { }
#headnav { font-size: 100%; text-align: right; width: 10em; float: right; }
#headnav ul {  }
#headnav ul li { font-size: 0.75em; margin-right: 1em; list-style-type: none; display: inline; }
#container1 { color: white; background-color: #db0031; }
#container2 { background-image: url(../media/hydrosol-bg-head.gif); background-repeat: repeat-x; min-height: 80px; margin-left: 215px; }
#logo { background-image: url(../media/hydrosol-bg-logo.gif); background-repeat: no-repeat; position: absolute; left: 0; width: 215px; height: 80px; }
#logo a { background-color: transparent; }
#nav { font-size: 100%; background-image: url(../media/hydrosol-illu-head.jpg); background-repeat: no-repeat; }
#nav ul { font-size: 0.82em; padding-top: 55px; padding-bottom: 15px; list-style-type: none; }
#nav ul li { padding-right: 2em; display: inline; }
#nav a { color: white; font-weight: bold; background-color: #db0031; padding-top: 0.25em; padding-bottom: 0.25em; }
#nav ul a { background-color: transparent; }
#nav .sub { font-size: 0.75em; line-height: 1.5em; margin-top: 40px; }
/**/
#subnav { font-size: 100%; line-height: 1.2em; }
#subnav ul { font-size: 0.85em; margin-left: 15px; list-style-type: none; }
#subnav ul li  { margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #db0031; }
#subnav ul a { background-color: transparent; }
/**/
#home .home { text-decoration: underline; }
#kontakt .kontakt { text-decoration: underline; }
.unternehmen .unternehmen { text-decoration: underline; }
#unternehmen .unternehmen { text-decoration: underline; }
#kompetenz .kompetenz { text-decoration: underline; }
#knowhowconnection .knowhowconnection { text-decoration: underline; }
#unternehmensgruppe .unternehmensgruppe { text-decoration: underline; }
#auslandsgesellschaften .auslandsgesellschaften { text-decoration: underline; }
.produkte .produkte { text-decoration: underline; }
#produkte .produkte { text-decoration: underline; }
#milchprodukte .milchprodukte { text-decoration: underline; }
#feinkost .feinkost { text-decoration: underline; }
#fleischwaren .fleischwaren { text-decoration: underline; }
#vollcompounds .vollcompounds { text-decoration: underline; }
.forschung .forschung { text-decoration: underline; }
#weiterelabore .weiterelabore { text-decoration: underline; }
#qualitaet .qualitaet { text-decoration: underline; }
#herstellung .herstellung { text-decoration: underline; }
.service .service { text-decoration: underline; }
#spruehtechnikum .spruehtechnikum { text-decoration: underline; }
.infomaterial .infomaterial { text-decoration: underline; }
#broschueren .broschueren { text-decoration: underline; }
#produktinformationen .produktinformationen { text-decoration: underline; }
/**/
#sidebar1 { width: 190px; margin-top: 35px; float: left; padding: 0 0 10px 0; }
#aktuelles { font-size: 100%; margin-top: 5px; margin-left: 10px; border-bottom: 2px solid #ee7f00; }
#aktuelles p { font-size: 0.71em; }
#aktuelles #news { padding-bottom: 10px; }
#aktuelles h1 { color: #ee7f00; font-size: 1.2em; background-color: white; margin-bottom: 10px; border-top: 2px solid #ee7f00; border-bottom: 2px solid #ee7f00; }
#aktuelles #termine { margin-bottom: 10px; border-bottom: 2px solid #ee7f00; }
#aktuelles #termine p { padding-bottom: 10px; }
#aktuelles #termine h2 { color: #ee7f00; font-size: 0.85em; background-color: white; padding-top: 2px; }
#aktuelles #termine .messebox { margin-top: 10px; }
#aktuelles #termine .messeillu { padding-bottom: 5px; }
#aktuelles #news h2 { color: #ee7f00; font-size: 0.85em; background-color: white; padding-top: 2px; }
#aktuelles #news h3 { color: #db0031; font-size: 0.85em; background-color: white; padding-top: 2px; }
#aktuelles #news a.orange { color: #ee7f00; background-color: white;  }
#aktuelles #news .newsbox { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #ee7f00; }
#aktuelles #news .newsbox h3 { padding: 0 0 10px 0; }
/**/
#sidebar2 { color: black; font-size: 100%; background-color: #e3e3e4; width: 180px; float: right; margin-top: 35px; padding-top: 8px; }
#sidebar2 p { font-size: 0.71em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; }
#sidebar2 a { color: #db0031; background-color: #e3e3e4; }
#sidebar2 .box { color: black; background-color: #e3e3e4; }
#sidebar2 #ansprech { color: white; background-color: #db0031; padding-top: 2px; padding-bottom: 2px; border-top: 4px solid white; border-bottom: 4px solid white; }
#sidebar2 #ansprech p { padding-bottom: 0; }
#sidebar2 #ansprech a { color: white; background-color: #db0031; }
/**/
#sidebar2 .ansprech2 { color: white; background-color: #ee7f00; padding: 10px 0px; }
#sidebar2 .ansprech2 a { color: white; background-color: #ee7f00; }
/**/
.infomaterial #sidebar2 { background-color: #fff;  }
/**/
#content  { font-size: 100%; line-height: 1.2em; margin-top: 32px; margin-left: 215px; padding-right: 220px; }
#content p { font-size: 0.8em; padding-bottom: 1em; }
#content h1 { color: #ee7f00; font-size: 1.25em; font-weight: bold; line-height: 1.2em; background-color: white; margin-bottom: 1em; }
#content h1.second { margin: 2em 0 1em 0; }
#content h2 { color: #2a2a2a; font-size: 0.8em; font-weight: bold; background-color: white; margin-top: 1em ; margin-bottom: 0.5em; }
#content h3  { font-size: 0.8em; font-weight: normal; margin-top: 0.75em; }
#content h4  { font-size: 0.8em; font-weight: normal; }
#content ul { font-size: 100%; padding-bottom: 1.5em; }
#content ul li { font-size: 0.8em; margin-left: 1.5em; }
#content th, #content td { font-size: 0.8em; }
#content .teaser { color: #2a2a2a; font-weight: bold; background-color: white; }
#content strong { color: #2a2a2a; background-color: white; }
/**/
.infobox { border: solid 1px #ee7f00; margin: 0.75em 0 2em 0; }
#content .infobox h2 { color: #ee7f00; background-color: white; padding: 0 10px 0 10px; }
#content .infobox ul { padding-bottom: 10px; }
#content .infobox ul li { margin-left: 2em; }
#content .nav3 { margin-bottom: 2em; }
#content .nav3 ul { margin-bottom: 1em; margin-left: 0; list-style-type: none; }
#content .nav3 ul li { margin-left: 0; display: inline; }
/**/
.infobox2 { color: #FFF; background-color: #db0031; padding: 10px 10px 0px 10px; margin: 0.75em 0 1.5em 0; }
#content .infobox2 h2 { color: #FFF; background-color: #db0031; margin: 0 0 10px 0; }
#content .infobox2 p.headul { padding: 0; }
#content .infobox2 ul { padding-bottom: 10px; }
/**/
#spruehtechnikum .infobox2 { width: 28em; }
/**/
.infomaterial #content .box { margin-top: 1.25em; margin-bottom: 2em; border-bottom: 1px solid #777; }
.infomaterial #content .box p { padding-bottom: 5px; }
.infomaterial #content .box ul { padding-bottom: 1em; list-style-type: none; }
.infomaterial #content .box li { margin-left: 0; list-style-type: none; }
.infomaterial #content .box strong { color: #ee7f00; background-color: white; }
.infomaterial #content .box em { color: #777; font-weight: bold; font-style: normal; background-color: white; }
.infomaterial #content .box .illu { float: left; margin-bottom: 1em; }
.infomaterial #content .box .illu img { border: solid 1px #777; }
.infomaterial #content .box .text { margin-left: 115px; padding-bottom: 1em; }
/**/
#service #content h2 { color: #ee7f00; font-size: 0.85em; background-color: white; }
/**/
.forschung #content .box { margin: 1em 2em 2em 0; }
.forschung #content .box h2 { margin: 0 0 1em 0; }
.forschung #content .box .imgbox { width: 135px; float: left; }
.forschung #content .box .zitatbox { margin: 0 0 0 145px; }
.forschung #content .zitat { font-style: italic; }
.forschung #content .text { clear: left; }
/**/
#knowhowconnection #content img { border: 0; }
/**/
#produkte #content { padding-right: 220px; }
.produkte #content { padding-right: 50px; }
.produkte .block { font-size: 100%; padding-bottom: 1em; }
.produkte .block .box a { color: #db0031; background-color: #e3e3e4; }
.produkte #content .block .box { color: black; font-size: 100%; background-color: #e3e3e4; width: 180px; float: right; margin-left: 25px; padding-top: 8px; }
.produkte #content .block .box p { font-size: 0.71em; line-height: 1.25em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; }
/**/
.produkte #content .box2 { color: black; font-size: 100%; width: 180px; float: right; margin-left: 25px; }
/**/
.produkte .tab2 { margin: 2em 0 0 0; }
.produkte .tab2 { border-top: 1px solid #db0031; }
.produkte .tab2 th, .produkte .tab2 td { padding: 5px; vertical-align: top; }
.produkte #content .tab2 td ul li { font-size: 1em;  } 
.produkte .tab2 td { color: #000; background: #FFF; border-right: 1px solid #db0031; border-bottom: 1px solid #db0031; }
.produkte .tab2 .col1 { width: 30%; color: #FFF; background: #db0031; text-align: left; border-bottom: 1px solid #FFF; }
.produkte .tab2 .col2 { width: 20%; font-weight: bold; font-style: italic; }
.produkte .tab2 .row1 { color: #000; background: #fadbb7; border-right: 1px solid #db0031; border-bottom: 1px solid #db0031; text-align: left; }
.produkttabuz { padding: 0 0 0 0; font-weight: bold; }
/*
#team #content .box { padding: 0 0 13px 0; }
#team #content .box .illu { position: relative; width: 90px; float: left; }
#team #content .box .text { padding: 0 0 0 140px; }
#team #content .box p { line-height: 1.2em; padding-bottom: 0; }
#team #content  h2 { font-size: .9em; font-style: italic; color: #ee7f00; background-color: white; margin: 0 0 0 130px; padding: 1.5em 0 1em 10px; }

#team #content #accordion { width: 550px; padding: 0 0 5em 0; }
#team #content #accordion h2 { margin: 0; padding: 1.5em 0 1em 140px; border-top: 1px solid #000; }
#team #content #accordion h2 a { color: #ee7f00; background-color: white; font-weight: normal; }
#team #content #accordion .ui-state-default { background-image: url(../media/vorzeichen-a.gif); background-repeat: no-repeat; background-position: left 1.5em; }
#team #content #accordion .ui-state-active { background-image: url(../media/vorzeichen-b.gif); background-repeat: no-repeat; background-position: left 1.5em; }
#team #content #accordion .ui-accordion-header { outline: none; cursor: pointer; }
*/
#anfahrt #content { margin-right: 25px; margin-left: 25px; padding: 0; }
/**/
#auslandsgesellschaften #content .address { margin: 0 0 2em 0; }
#auslandsgesellschaften #content .address p { margin: 0 0 0 0; padding: 0 0 0 0; }
#auslandsgesellschaften #content .address th, #auslandsgesellschaften #content .address td { padding: 0 0.5em 0 0; text-align: left; font-weight: normal; }
/**/
#kontakt #content .address { margin: 0 0 2em 0; }
#kontakt #content .address p { margin: 0 0 0 0; padding: 0 0 0 0; }
#kontakt #content .address th, #kontakt #content .address td { padding: 0 0.5em 0 0; text-align: left; font-weight: normal; }
/**/
.topofpage a { color: #777; background-color: white; }
#nav2 { font-size: 100%; line-height: 1em; padding: 1em 0 1em 215px; }
#nav2 .topofpage { padding: 0 0 1em 0; }
#nav2 ul { font-size: 100%; list-style-type: none; }
#nav2 p, #nav2 li { font-size: 0.71em }
#nav2 ul li { display: inline; margin-left: 0; padding-left: 0; }
#nav2 ul li ul { display: none; }
#nav2 br { display: none; }
#nav2 a { font-size: 100%; font-weight: normal; line-height: 1em; }
#nav2 a:hover, #nav2 a:active, #nav2 a:focus { color: #000; background-color: white; }
#nav2 .nosm { display: none; }
/**/
a.wdauth { font-weight: normal; }
#foot { color: white; font-size: 100%; background-color: #db0031; clear: both; padding: 10px 25px; }
#foot p { font-size: 0.71em; }
#foot a { color: #fcc000; font-weight: bold; background-color: #db0031; }
#foot a:hover { }
#foot a:active, #foot a:focus { }
#foot a.wdauth    { color: white; font-weight: normal; font-style: normal; background-color: #db0031; }
#foot a:hover.wdauth { }
#foot a:active.wdauth, #foot a:focus.wdauth  { }
.closewindow { color: #6f6f6f; font-size: 100%; background-color: white; text-align: center; margin-bottom: 10px; }
.closewindow a { color: #6f6f6f; font-size: 0.71em; background-color: white; }
/**/
.datenschutz { margin-top: 2em; margin-bottom: 1.5em; }
/**/
.extras #wrapper { width: 980px; }
.extras #head { height: 12px; color: #000; background-color: #db0031; padding: 0; }
.extras #sidebar3 { width: 300px; text-align: right; padding: 100px 0 0 0; float: right; }
.extras #headillu { width: 646px; height: 328px; }
.extras #headillu h1 { text-indent: -9999px; position: relative; }
.extras #content { width: 479px; margin: 0 0 0 167px; padding: 0 0 1em 30px; }
.extras #content a { font-weight: bold; }
.extras #content h2 { font-weight: bold; margin: 0.25em 0 0 0; }
.extras #content li { color: #db0031; font-weight: bold; }
.extras #content .neg { color: #fff; background-color: #db0031;  }
.extras #footlogo { height: 75px; clear: both; margin: 2em 0 0 0; }
.extras #footillu  { width: 499px; margin: 0 0 0 167px; }
.extras #footillu .box { width: 156px; float: left; margin: 0 6px 0 0; }
.extras #footillu .box p { font-size: 0.7em; padding: .5em 0 0 0; }
/**/
body.extras2 { color: #000; background: #d0e1e9; }
.extras2 #wrapper { width: 1100px; color: #000; background: #FFF; margin: 0 auto; }
.extras2 #head { height: 12px; color: #000; background-color: #db0031; padding: 0; }
.extras2 #hy { width: 244px; height: 359px; float: left; }
.extras2 #content { width: 629px; margin: 0 0 0 244px; padding: 0 0 .75em 0; }
.extras2 #content h2 { font-size: 1em; color: #db0031; background-color: #FFF; font-weight: bold; margin: 0.5em 0 1em 0; }
.extras2 #content ul { color: #db0031; background-color: #FFF; list-style: none; padding-bottom: .5em; }
.extras2 #content ul strong { color: #db0031; background-color: #FFF; }
.extras2 #content ul .text { color: #000; background-color: #FFF; }
.extras2 #content ul li { margin-left: 0em; padding: 0 0 1em 0; }
.extras2 #content .neg { color: #fff; background-color: #db0031; }
.extras2 #content .box { border-top: 1px solid #000; padding: 1em 0 0.5em 0; }
.extras2 #content .lastbox { border-top: 1px solid #000; padding: 1em 0 0.5em 0; ; margin: 0 0 1em 0; border-bottom: 1px solid #000; }
.extras2 #footlogo { width: 219px; height: 75px; margin: -80px 0 0 25px; }
/**/
.extras2 .button1 { color: #FFF; background: #9c0018 url(../media/button1-bg.png) repeat-x; width: 13em; text-align: center; float: right; margin: 0 0 10px 10px; }
.extras2 .button1 .tl { background-image: url(../media/button1-tl.png); background-repeat: no-repeat; background-position: left top; }
.extras2 .button1 .tr { background-image: url(../media/button1-tr.png); background-repeat: no-repeat; background-position: right top; }
.extras2 .button1 .br { background-image: url(../media/button1-br.png); background-repeat: no-repeat; background-position: right bottom; }
.extras2 .button1 .bl { background-image: url(../media/button1-bl.png); background-repeat: no-repeat; background-position: left bottom; }
.extras2 .button1 .text { padding: 5px 0 5px 0; }
.extras2 .button1 .text a { font-size: 0.8em; color: #FFF; background-color: transparent; }
/**/
.extras2 .footinfobox p { color: #db0031; background-color: #FFF; font-weight: bold; }
.extras2 .buttonbox { width: 300px; float: right;  }