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

html, body { height:100%; margin:0; font:11px Arial, Helvetica, sans-serif; color:#666666; background:#F6F6F6 url(../images/bg_back.jpg) top repeat-x; }

html {overflow-y:scroll;}
a, a:hover, a:visited{font:11px Arial, Helvetica, sans-serif; color:#003F89; text-decoration:none;}
a:hover{text-decoration:underline;}

/* ***** Don't show dotted border in FF********* */
a:active, a:focus {outline:none;}

input,h1,h2,h3 {margin:0;padding:0;}

.wufoo h2 {color:red; font-size:12px; text-align:left; padding:0; margin:0;}

#guiWrap{ width:890px; margin:0px auto; height:100%; background:url(../images/bg_main.jpg) top repeat-y;}
#gui { float:left; width:890px; margin:0px auto; background:url(../images/bg_main.jpg) top repeat-y; }
#guiMain { float:left; width:890px; margin:0px auto; background:url(../images/bg_main_top.jpg) top no-repeat; }

#guiHeader { float:left; width:100%; }
#guiLogo { float:left; width:140px; height:55px; padding:20px 50px 20px 40px; }
#guiRegProfessional {float:right; width:152px; height:83px; margin:0; padding-left:20px; background:url(../images/bg_sticker_reg_fachbereich.jpg) top no-repeat;}

/* ********** MENU 1 ******** */
#guiMenu1 {float:left; margin-top:63px; }
.menu1Item {float:left; }
.menu1Pic {margin:0 9px 12px 9px; }
.menu1BgOff {visibility:hidden; }
.menu1BgOn {visibility:visible; }


/* ********** MENU 2 und 3 ******** */
#guiMenu2Container, #guiMenu2 { float:left; width:100%; }
#guiMenu2 ul { list-style: none; margin: 0; padding: 0; text-indent: 20px; vertical-align: middle; }
#guiMenu2 ul li { background-image: url(../images/bg_dotted.gif); background-repeat: repeat-x; background-position: bottom;}
#guiMenu2 ul a.menu2Off { width: 193px; height: 18px; color: #666666; text-decoration: none; display: block; padding: 5px 6px 0px 0px; }
#guiMenu2 ul a.menu2On { width: 193px; height: 18px; color: #003F89; text-decoration: none; display: block; padding: 5px 6px 0px 0px; background:url(../images/menu23/menu2_active.jpg) left center no-repeat;}
#guiMenu2 ul a.menu2Off:hover {color: #003F89; background:#F4F4F4; }

#guiMenu2 ul ul { list-style: none; margin: 0; padding: 0; text-indent: 34px; vertical-align: middle; }
#guiMenu2 ul ul li { background-image: url(../images/bg_dotted.gif); background-repeat: repeat-x; background-position: bottom;}
#guiMenu2 ul ul a.menu3Off, #guiMenu2 ul ul a.menu3Off:hover, #guiMenu2 ul ul a.menu3Off:visited { width: 193px; height: 16px; color: #666666; text-decoration: none; display: block; padding: 3px 6px 0px 0px; }
#guiMenu2 ul ul a.menu3On { width: 193px; height: 16px; color: #003F89; text-decoration: none; display: block; padding: 3px 6px 0px 0px; background:url(../images/menu23/menu3_active.gif) left center no-repeat;}
#guiMenu2 ul ul a.menu3Off:hover {color: #003F89; }

#guiMenu2AZ {float:left; padding:0 20px 20px 20px;}
.guiMenu2AZLeft {float:left; width:15px; height:14px; padding-top:1px; text-align:center; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; border-top:1px solid #EBEBEB; }
.guiMenu2AZRight {float:left; width:15px; height:14px; padding-top:1px; text-align:center; border-right:1px solid #EBEBEB; border-top:1px solid #EBEBEB; }
.guiMenu2AZLeftBottom {float:left; width:15px; height:14px; padding-top:1px; text-align:center; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; }
.guiMenu2AZRightBottom {float:left; width:15px; height:14px; padding-top:1px; text-align:center; border-right:1px solid #EBEBEB; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; }
#guiMenu2AZ a, #guiMenu2AZ a:hover, #guiMenu2AZ a:visited {text-decoration:none; color:#666666; }
#guiMenu2AZ a:hover, #guiMenu2AZ a:hover {color:#003F89; font-weight:bold;}



/* ********** HOME ******** */
.guiHR {clear:both; margin:0 20px 0 20px; height:1px; width:850px; background:#EBEBEB; }
#guiFocus {float:left; width:850px; padding:0 20px 0 20px; }
#guiFocusPic {float:left; height:290px; width:650px; }
#guiFocusInfo {float:right; height:290px; width:199px; border-left:1px solid #EBEBEB; }
h1.guiHomeH1 {width:199px; color:#003F89; font-size:11px; font-weight:bold; padding:0 25px 0 25px; margin-bottom:12px; text-transform:uppercase;}
h2.guiHomeH2 {width:199px; font-size:11px; font-weight:bold; padding:0 25px 0 25px; margin-bottom:12px;}
#guiKarriere {float:left; margin:6px 0 0 18px;}

/* ********** FORMS ******** */
#guiLogin {float:left; width:199px; background:url(../images/bg_loginbox.jpg) top repeat-x; border-bottom:1px solid #EBEBEB; padding-bottom:15px;}
#guiLoginForm {float:left; padding:14px 20px 5px 19px; margin-bottom:5px; width:160px; background:url(../images/bg_dotted_199px.gif) bottom repeat-x; }
#guiLoginNav {float:left; width:199px;}
.loginLine {float:left; width:100%; padding-bottom:3px;}
.loginLineHR {float:left; width:100%; padding-top:3px; margin-top:3px; background:url(../images/bg_dotted_199px.gif) top repeat-x; }
.formInput_login {float:right; border:1px solid #EBEBEB; width:90px; font-size:11px; height:13px; margin:0; padding:1px; color:#666666; }
.loginText {float:left; padding-top:3px;}
#guiLoginKundennr {color: #003F89; font-weight:bold;}
#loginError {float:left; width:100%; padding-bottom:10px; color:red;}
.loginButton {float:right; padding-top:3px;}
#guiLogin #navigation { list-style: none; margin:0; padding:0; text-indent: 40px; vertical-align: middle; }
#guiLogin #navigation li { }
#guiLogin #navigation a { width: 193px; height: 16px; color: #666666; text-decoration: none; display: block; padding: 1px 6px 0px 0px; background:url(../images/lists/inactive.gif) left center no-repeat; }
#guiLogin #navigation a:hover { width: 193px; height: 16px; color: #003F89; text-decoration: none; display: block; padding: 1px 6px 0px 0px; background:url(../images/lists/active.gif) left center no-repeat;}
#guiLoginInfotext {float:left; padding:14px 20px 5px 19px; margin-bottom:5px; width:160px; }

/* **********DocCheck Login *********** */
#guiDocCheck {float:left; padding:10px 20px 0 5px; margin-top:5px; width:174px; background:url(../images/bg_dotted_199px.gif) top repeat-x; }

/* **** SEARCH **** */
#guiSuche {float:left; width:159px; padding:40px 20px 20px 20px;}
.formInput_search {float:left; border:1px solid #EBEBEB; width:90px; font-size:11px; height:13px; margin:0 3px 0 0; padding:1px; color:#666666; }
.formPic_search {float:left; margin:2px 7px 0 0;}
.searchResultType {float:left; width:100%; font-size:11px; padding-bottom:2px; }
.searchResultTitle {float:left; width:100%; padding-bottom:4px; font-size:11px;}
#guiContent .searchResultTitle a, #guiContent .searchResultTitle a:hover, #guiContent .searchResultTitle a:visited {font-size:11px;}
.searchResultDescription {float:left; width:100%; font-size:11px; line-height:14px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #EBEBEB; }

/* ********** CONTENT ******** */
#guiContentContainer {float:left; width:850px; padding:0 20px 0 20px; margin-bottom:30px; background:url(../images/bg_content_back.gif) top repeat-y; }
#guiContentContainerHome {float:left; width:850px; padding:0 20px 0 20px; }
#guiContentLeftHome {float:left; width:159px; padding:20px;}
#guiContentHomeWrap {float:right; width:651px; padding-top:20px; height:200px; background:url(../images/bg_content_home.jpg) top no-repeat; }
#guiContentHome {float:left; width:100%; background:url(../images/bg_content_home_back.gif) repeat-y; }

#guiContentLeft {float:left; width:199px; padding:20px 0 0 0; background:url(../images/bg_hotbox.jpg) top no-repeat; }
#guiContent {float:left; width:450px; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; }
#guiContent a, #guiContent a:hover, #guiContent a:visited{font-size:12px; color:#003F89; text-decoration:none;}
#guiContent a:hover{text-decoration:underline;}
#guiContentRight {float:right; width:199px; }
.guiContentFootnote {float:left; width:390px; font-size:11px; line-height:16px; padding:40px 0 0 0;}

/* ********** CONTENT REGULAR ******** */
#guiContentPic {float:right; width:650px;}
#guiContentRegular {float:left; width:100%; background:url(../images/produkte/bg_packshots.jpg) top no-repeat; padding-top:25px;}
.guiContentText {float:left; width:390px; font-size:12px; line-height:18px; padding:10px 30px 10px 30px;}
h1.guiContentH1 {font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#003F89; padding:0 30px 5px 30px; margin:0;}
h2.guiContentH2 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#003F89; padding:5px 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #F4F4F4;}

.guiContentBox {float:left; width:390px; position:relative; font-size:12px; padding:0 30px 0 30px; margin:15px 0 15px 0; background:url(../images/produkte/bg_box.gif) top repeat-y; }
.guiContentBoxTop {position:relative; float:left; width:100%; background:url(../images/bg_box_content_top.jpg) top no-repeat;}
.guiContentBoxBottom {float:left; width:100%; background:url(../images/produkte/bg_box_bottom.gif) bottom no-repeat;}
.guiContentBoxH1 {color:#003F89; font-weight:bold; padding:8px 10px 6px 10px; margin-bottom:6px; border-bottom:1px solid #ECECEC;}
.guiContentBoxText {padding:0 10px 8px 10px; line-height:18px; } 

#guiContent ul{list-style: url(../images/hyphen_list.gif) outside; margin:8px 0 8px 0; padding-left:16px; }
#guiContent ul li{line-height:16px; margin:0; padding:0; line-height:18px;}
#guiContent ol{margin:8px 0 8px 0;padding-left:23px; }
#guiContent ol li{line-height: 16px;margin:0;padding:0; line-height:18px;}

#guiContentFlvContainer{float:left; width:300px; height:auto; padding: 10px 0 10px 30px;}


/* ********** NEWS OVERVIEW ******** */
#guiNewsOverviewWrap { width:100%; }
#guiNewsOverviewContainer {float:left; width:390px; margin-top:20px; padding:0 30px 0 30px;}
.guiNewsOverview {float:left; width:100%; font-size:11px; border-bottom:1px solid #EBEBEB; padding-top:12px; }
#guiNewsOverviewContainer .guiNewsOverviewBox, #guiNewsOverviewContainer .guiNewsOverviewBox:hover, #guiNewsOverviewContainer .guiNewsOverviewBox:visited {float:left; width:100%; font-size:11px; }
#guiNewsOverviewContainer .guiNewsOverviewBox:hover { background:#F4F4F4; cursor:pointer; }
#guiNewsOverviewContainer .guiNewsOverviewBox a, #guiNewsOverviewContainer .guiNewsOverviewBox a:hover, #guiNewsOverviewContainer .guiNewsOverviewBox a:visited { width:100%; font-size:11px; text-decoration:none;}
#guiNewsOverviewContainer .guiNewsOverviewBox a:hover { background:#F4F4F4; cursor:pointer; }
.guiNewsOverviewText {float:left;}
.guiNewsOverviewPic {float:right; width:159px; margin-bottom:12px; padding-right:10px;}
.guiNewsOverviewH1, .guiNewsOverviewH1:hover, .guiNewsOverviewH1:visited {width:159px; color:#003F89; font-weight:bold; margin-bottom:6px; padding-left:10px; text-transform:uppercase;}
#guiNewsOverviewContainer .guiNewsOverviewH1 a, #guiNewsOverviewContainer .guiNewsOverviewH1 a:hover, #guiNewsOverviewContainer .guiNewsOverviewH1 a:visited {color:#003F89; font-weight:bold; text-decoration:none; }
.guiNewsOverviewH2, .guiNewsOverviewH2:hover, .guiNewsOverviewH2:visited {width:159px; padding-left:10px; color:#666666; margin-bottom:12px;}
#guiNewsOverviewContainer .guiNewsOverviewH2 a, #guiNewsOverviewContainer .guiNewsOverviewH2 a:hover, #guiNewsOverviewContainer .guiNewsOverviewH2 a:visited {color:#666666; text-decoration:none; }
.guiNewsOverviewHR {float:left; height:1px; width:100%; background:#EBEBEB; }

#guiNewsOverviewNav {float:right; padding:8px 10px 0 0; }



/* ********** PRODUKT AND INHALTSSTOFF OVERVIEW ******** */
#guiProduktOverview {float:left; padding:0 28px 180px 25px; width:397px; background:url(../images/produkte/bg_packshots.jpg) top no-repeat; }
.overviewLetterHead {float:left; width:394px; padding:20px 0 2px 3px; color:#003F89; font-weight:bold; border-bottom:2px solid #EBEBEB;}
.overviewLetter {float:left; width:146px; font-size:14px; }
.overviewProdukt, .overviewProduktNoLink, .overviewProdukt:hover, .overviewProdukt:visited {float:left; width:100%; border-bottom:1px solid #F4F4F4; color:#666666; font-size:11px; text-decoration:none; }
.overviewProdukt:hover { background:#F4F4F4; cursor:pointer; color:#003F89; }
.overviewName {float:left; padding:3px 4px 3px 3px; width:146px; }
.overviewNameIS {float:left; padding:3px 4px 3px 3px; width:350px; }
.overviewPZN {float:right; padding:3px 4px 3px 3px; width:50px; }
.overviewBestellnummer {float:right; padding:3px 0px 3px 0; width:48px; }
.overviewInhalt {float:right; padding:3px 0px 3px 2px; width:34px; text-align:right; }
.overviewAVP {float:right; padding:3px 3px 3px 0px; width:50px; text-align:right; }
.overviewAEP {float:right; padding:3px 0px 3px 0px; width:50px; text-align:right; }
#guiProduktOverview a, #guiProduktOverview a:hover, #guiProduktOverview a:visited { display:block; width:100%; font-size:11px; color:#666666; text-decoration:none;}
#guiProduktOverview a:hover { background:#F4F4F4; cursor:pointer; color:#003F89;}


/* ********** PRODUKT DETAIL ******** */
#guiProduktDetail {float:left; width:100%; background:url(../images/produkte/bg_packshots.jpg) top no-repeat; }
#guiProduktPic {float:left; position:relative; width:100%; height:204px; }
#guiProduktName {position:absolute; left:30px; top:90px; width:210px;}
h1 {font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#003F89; padding:0; margin:0;}
h2 {font:12px Arial, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0;}
h3 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#003F89; padding:0; margin:0;}

.guiContentHRWrap {float:left; width:390px; padding:0 30px 0 30px; }
.guiContentHR {height:1px; width:100%; background:#EBEBEB; }
.guiProduktText {float:left; width:390px; position:relative; font-size:12px; line-height:18px; padding:10px 30px 10px 30px;}
.guiProduktZusatzText {float:left; width:390px; position:relative; font-size:11px; line-height:14px; padding:15px 30px 10px 30px;}
h2.guiProduktHeadline {float:left; padding:15px 30px 0 30px; color:#003F89;}

.guiProduktBox {float:left; width:390px; position:relative; font-size:12px; padding:0 30px 0 30px; margin:15px 0 15px 0; background:url(../images/produkte/bg_box.gif) top repeat-y; }
.guiProduktBox .guiProduktBoxSpecsTop {position:relative; float:left; width:100%; background:url(../images/produkte/bg_box_specs_top.jpg) top no-repeat;}
.guiProduktBox .guiProduktBoxInhaltTop {position:relative; float:left; width:100%; background:url(../images/produkte/bg_box_inhalt_top.jpg) top no-repeat;}
.guiProduktBox .guiProduktBoxBottom {float:left; width:100%; background:url(../images/produkte/bg_box_bottom.gif) bottom no-repeat;}

.guiProduktBoxCol {float:left;  }
.guiProduktBoxColInhalt { float:left; width:303px; padding:4px 8px 4px 8px; font-size:11px; }
#guiProduktDetail .guiProduktBoxColInhalt a, #guiProduktDetail .guiProduktBoxColInhalt a:hover, #guiProduktDetail .guiProduktBoxColInhalt a:visited { font-size:11px; color:#003F89; text-decoration:none; }
#guiProduktDetail .guiProduktBoxColInhalt a:hover {text-decoration:underline;}
.guiProduktBoxColInhaltH1 { float:left; width:303px; color:#003F89; font-weight:bold; padding:9px 8px 7px 8px; }
.guiProduktBoxColMenge { float:right; width:55px; padding:4px 8px 4px 8px; text-align:right; font-size:11px;}
.guiProduktBoxColMengeH1 { float:right; width:55px; color:#003F89; font-weight:bold; padding:9px 8px 7px 8px; text-align:right;}
/* .guiProduktHR - IE6 Hack in globals.tmpl */
.guiProduktBoxH1 {color:#003F89; font-weight:bold; padding:8px 8px 7px 8px; margin-bottom:2px; }
.guiProduktBoxText {padding:0 8px 4px 8px; font-size:11px;}


/* ********** RIGHT HOTBOXES ******** */
.guiHotboxHome {float:left; width:199px; border-left:1px solid #EBEBEB; }
.guiHotbox {float:left; width:199px; padding:15px 0 15px 0; background:url(../images/bg_hotbox.jpg) top no-repeat; border-bottom:1px solid #EBEBEB; }
.guiHotboxH1 {width:159px; color:#003F89; font-weight:bold; padding:0 20px 0 20px; margin-bottom:12px; text-transform:uppercase; }
.guiHotboxH2 {width:159px; font-weight:bold; padding:0 20px 0 20px; margin-bottom:12px;}
.guiHotboxText {width:159px; padding:0 20px 0 20px; margin-bottom:12px;}
.guiHotboxPic {width:159px; padding:0 20px 0 20px; margin-bottom:12px;}
.guiHotboxMore {width:13px; padding:0 20px 0 20px; margin-bottom:0px;}
.guiHotboxLink, .guiHotboxLink:visited {float:left; width:159px; color:#666666; padding:5px 20px 5px 20px; }
.guiHotboxLink:hover{ color:#003F89; background:#F4F4F4; text-decoration:none; }
.guiHotboxLinkText, .guiHotboxLinkText:visited {float:left; margin:0 0 0 9px; padding:0; cursor:pointer; }
.guiHotboxLinkText:hover {cursor:pointer;}
.guiHotboxDotted { clear:both; width:159px; height:1px; padding:0 20px 0 20px; background:url(../images/bg_dotted.gif) repeat-x; }

.guiHotboxEuropeText, .guiHotboxEuropeText:hover, .guiHotboxEuropeText:visited {float:left; width:159px; padding:6px 20px 6px 20px; cursor:pointer; }
.guiHotboxEuropeText:hover {cursor:pointer; }
.guiHotboxEuropeLink, .guiHotboxEuropeLink:hover, .guiHotboxEuropeLink:visited {text-decoration:none; color:#666666;}
.guiHotboxEuropeLink:hover {color:#003F89;}

/* ********** RIGHT QUICKLINKS ******** */
#guiQuicklinksBox {float:left; width:199px; padding:15px 0 15px 0; background:url(../images/bg_hotbox.jpg) top no-repeat; }
#guiQuicklinks { float:left; width:100%; }
#guiQuicklinks #navigation { list-style: none; margin: 0; padding: 0; text-indent: 40px; vertical-align: middle; }
#guiQuicklinks #navigation li { background:url(../images/bg_dotted_199px.gif) bottom repeat-x;}
#guiQuicklinks #navigation a { width: 193px; height: 18px; color: #666666; text-decoration: none; display: block; padding: 5px 6px 0px 0px; background:url(../images/lists/inactive.gif) left center no-repeat; }
#guiQuicklinks #navigation a:hover { width: 193px; height: 18px; color: #003F89; text-decoration: none; display: block; padding: 5px 6px 0px 0px; background:#F4F4F4 url(../images/lists/active.gif) left center no-repeat;}

/* *********** FACHGRUPPE ************* */
#guiFachgruppe { list-style-type: none; display:block; margin:0; padding: 4px 0 0 0; text-indent: 24px; vertical-align: middle; }
#guiFachgruppe li { list-style:none; }
#guiFachgruppe a, #guiFachgruppe a:visited { width: 250px; height: 18px; color:#666666; text-decoration: none; display: block; padding: 7px 6px 2px 0px; background:url(../images/more.gif) left center no-repeat; }
#guiFachgruppe a:hover { width: 250px; height: 18px; color: #003F89; text-decoration: none; display: block; padding: 7px 6px 2px 0px; background:url(../images/more_on.gif) left center no-repeat;}

/* ********** FOOTER ******** */
#guiFooter {float:left; width:100%; }
#guiFooterContent {float:left; width:810px; padding:5px 40px 5px 40px; }
#guiFooterMenu {float:left; line-height:20px; color:#BCBCBC;}
.guiFooterMenu, .guiFooterMenu:hover, .guiFooterMenu:visited {color:#BCBCBC;}
.guiFooterMenu:hover {color:#003F89; text-decoration:none;}
#guiFooterHotline {float:right; text-align:right; line-height:20px; color:#BCBCBC;}
#guiGRAFENBERG {float:right; margin-top:7px; padding:0 40px 20px 0; color:#BCBCBC; }
.guiGRAFENBERG, .guiGRAFENBERG:hover, .guiGRAFENBERG:visited {color:#BCBCBC; text-decoration:none;}
.guiGRAFENBERG:hover {color:#003F89;}

/* ********** COUNTRY SELECTION FOOTER ******** */
#guiFooterFlag {float:left; padding: 8px 10px 0 50px; }
#guiFooterCountry {float:left; height:17px; width:161px; margin-top:9px; padding:4px 0 0 8px; background:url(../images/countries/bg_country_select.jpg) top left no-repeat; }
#guiFooterCountry a, #guiCountrylist a, #guiCountrylist a:visited { color: #666666; text-decoration: none; }
#guiFooterCountry a:hover, #guiCountrylist a:hover { color: #003F89; text-decoration: none; }

/* ********** COUNTRY SELECTION CONTENT ******** */
#guiCountrylist {float:left; padding-bottom:80px;}
.flag_countrylist {float:left; padding:5px 0 10px 0; }
.guiCountrylist {float:left; width:100%; margin:3px 0 3px 0; background:url(../images/bg_dotted.gif) bottom repeat-x; }
.guiCountrylistText { float:left; padding-left:20px;}


/* WEBEDITION */
div#weMenuInputContainer{position:absolute; top:0; left:0; background:#C4C4C4; width:240px; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; }
div#weMenuInput{float:left; padding:20px;}
.weHeadline {color:red; font-size:11px; font-weight:normal;}
.weInput {height:25px;}
#guiFocusPicWE {float:left; width:850px; padding:20px 0 20px 0; }

/* IE Bugs */
.IEBugDiv {float:left; width:100%;}