/* CSS Document */

BODY { margin:0 0 0 0; padding:0 0 0 0; background-color:#222222; color:#222222; font-size:75%; font-family:Arial, Helvetica, sans-serif; }

FORM { margin:0 0 0 0; padding:0 0 0 0; }
H1 { color:#FF6600; font-size:18px; }
H2 { color:#222222; font-size:15px; }
H3 { color:#222222; font-size:13px; }
P { margin:10px 0 10px 0; line-height:1.5; }

IMG { border:none; }

A { text-decoration:none; }
A:hover { text-decoration:none; }

/* Kopf - Inhalt - Fuss */
#headArea1 { height:280px; width:100%; clear:both; background:#2C5801 url(/pix/head-area-bg-01.jpg) center top no-repeat; }
#headArea2 { height:280px; width:100%; clear:both; background:#2C5801 url(/pix/head-area-bg-02.jpg) center top no-repeat; }
#headContainer { position:relative; width:820px; margin:0 auto 0 auto; }
#contentArea { width:100%; clear:both; background:#FFFFFF url(/pix/content-area-bg.png) repeat-x center bottom; }
#contentContainer { position:relative; width:820px; margin:0 auto 0 auto; padding:20px 0 20px 0; }
#footArea { height:100px; width:100%; clear:both; background:url(/pix/foot-area-bg.jpg) center top no-repeat; }
#footContainer { position:relative; width:820px; margin:0 auto 0 auto; }

/* sonstige Elemente */
#logo { position:absolute; left:0; top:117px; }

/* Login-Box */
#loginBox { position:absolute; left:560px; top:149px; }
#loginBoxBgTrans { position:absolute; left:0; top:27px; width:260px; height:104px; background-color:#FFFFFF; filter:Alpha(Opacity=75); opacity:0.75; }
#loginBoxContent { position:absolute; left:0; top:27px; width:260px; height:104px; background:url(/pix/login-form-bg.png); }
#loginUsername { background:transparent; border:none; margin:13px 0 0 12px; height:18px; }
#loginPassword { background:transparent; border:none; margin:10px 0 0 12px; height:18px; }
#loginPasswordLink { float:left; width:150px; height:20px; margin:15px 0 0 10px; font-size:11px; }
#loginPasswordLink A { color:#222222; background:url(/pix/icon-link.png) left center no-repeat; padding-left:10px; }
#loginPasswordLink A:hover { color:#555555; background:url(/pix/icon-link-hover.png) left center no-repeat; }
#loginSubmit { float:right; width:70px; height:21px; padding-left:15px; border:none; margin:10px 11px 0 0; background:url(/pix/but-submit-70.png); color:#FFFFFF; font-weight:bold; font-size:13px; }
#loginBoxSwitch { position:absolute; left:560px; top:253px; height:21px; }

/* Login-InfoBar */
#loginInfoBar { width:812px; height:20px; background:url(/pix/login-info-bar.png); padding:4px 0 0 8px; color:#FFFFFF; }

/* Navigationen */
#mainNavi { position:absolute; left:0; top:249px; }
#mainNavi UL { margin:0 0 0 0; padding:0 0 0 0; }
#mainNavi UL LI { float:left; margin:0 2px 0 0; padding:0 0 0 0; list-style-type:none; }
.subNavi {}
.subNavi UL { margin:0 0 0 0; padding:0 0 0 0; }
.subNavi UL LI.firstItem { border-top:none; } 
.subNavi UL LI { margin:0 0 0 0; padding:5px 0 5px 0; list-style-type:none; border-top:1px solid #DBDBDB; }

#footNavi2 {}
#footNavi2 UL {}
#footNavi2 UL LI {}
#footNavi2 UL LI.firstItem {}
#footNavi2 UL LI A {}
#footNavi2 UL LI A:hover {}

#footNavi { position:absolute; left:130px; top:12px; width:650px; }
#footNavi UL { margin:0 0 0 0; padding:0 0 0 0; color:#666666; line-height:1; font-size:11px; }
#footNavi UL LI { float:left; margin:0 0 0 0; padding:0 10px 0 10px; list-style-type:none; border-left:1px solid #666666; }
#footNavi UL LI.firstItem { border-left:none; padding-left:0; }
#footNavi UL LI A { color:#666666; }
#footNavi UL LI A:hover { color:#999999; }

/* Spalten */
.contentColumnA { float:left; width:260px; margin-right:20px; }
.contentColumnB { float:left; width:260px; margin-right:20px; }
.contentColumnC { float:left; width:260px; }
.contentColumnAB { float:left; width:540px; margin-right:20px; }
.contentColumnBC { float:left; width:540px; }
.contentColumnABC { float:left; width:820px; }
.columnFix { clear:both; height:24px; font-size:1px; }
.contentColumnD { float:left; width:400px; margin-right:20px; }
.contentColumnE { float:left; width:400px; }

/* Boxen */
.boxContent260 { float:left; position:relative; background:url(/pix/box-content-260.png); width:240px; padding:5px 10px 5px 10px; }
.boxFoot260 { float:left; background:url(/pix/box-foot-260.png) no-repeat; width:240px; height:25px; padding:0 10px 0 10px;  }
.formContent260 { float:left; background:url(/pix/form-content-260.png); width:240px; padding:10px; }
.formFoot260 { float:left; background:url(/pix/form-foot-260.png) no-repeat; width:240px; height:37px; padding:0 10px 0 10px;  }
.formContent540 { float:left; background:url(/pix/form-content-540.png); width:500px; padding:10px 20px 10px 20px; }
.formFoot540 { float:left; background:url(/pix/form-foot-540.png) no-repeat; width:500px; height:37px; padding:0 20px 0 20px; }
.formFoot540 SPAN, .formFoot260 SPAN { float:left; font-size:10px; color:#666666; margin-top:13px; }
.boxContent400 { float:left; position:relative; background:url(../pix/box-content-400.png); width:380px; padding:5px 10px 5px 10px; }
.boxFoot400 { float:left; background:url(../pix/box-foot-400.png) no-repeat; width:380px; height:25px; padding:0 10px 0 10px;  }
.boxContent540 { float:left; position:relative; background:url(../pix/box-content-540.png); width:520px; padding:5px 10px 5px 10px; }
.boxFoot540 { float:left; background:url(../pix/box-foot-540.png) no-repeat; width:520px; height:25px; padding:0 10px 0 10px;  }

/* sonstige Stile */
.imageLeft { float:left; margin:3px 10px 0 0; }
.imageRight { float:right; margin:3px 0 0 10px; }
.boxContent260 P { padding:5px 0 5px 0; margin:0 0 0 0; }
.boxContent260 .infoAddress { padding:5px 0 5px 30px; margin:0 0 0 0; background:url(/pix/icon-address.png) no-repeat 9px 10px; border-top:1px solid #DBDBDB; }
.boxContent260 .infoPhone { padding:5px 0 5px 30px; margin:0 0 0 0; background:url(/pix/icon-phone.png) no-repeat 9px 12px; border-top:1px solid #DBDBDB; }
.boxContent260 .infoHours { padding:5px 0 5px 30px; margin:0 0 0 0; background:url(/pix/icon-clock.png) no-repeat 9px 8px; border-top:1px solid #DBDBDB; }
.boxContent260 .infoLaw { padding:5px 0 5px 30px; margin:0 0 0 0; background:url(/pix/icon-paragraph.png) no-repeat 9px 10px; border-top:1px solid #DBDBDB; }
.boxContent260 .infoLast { padding:5px 0 0 0; margin:0 0 0 0; border-top:1px solid #DBDBDB; }
.teaserImage { margin-top:5px; }
.boxHeadSmallUppercase { font-size:11px; font-weight:bold; text-transform:uppercase; margin-top:0; }
.boxContent260 UL.checklist { margin:0 0 0 0; padding:5px 0 0 0; border-top:1px solid #DBDBDB; }
.boxContent260 UL.checklist LI { margin:0 0 0 0; padding:5px 0 5px 20px; background:url(../pix/icon-check.png) no-repeat 2px 6px; list-style-type:none; }
.iconMailAt { position:relative; top:1px; }
.clearFix { clear:both; height:1px; margin-bottom:1px; }

/* Formularelemente */
.formColumnA { float:left; width:240px; }
.formColumnB { float:left; width:240px; margin-left:20px; }
.formColumnAB{ float:none; clear:both; width:500px; }
.formItem240 { clear:both; height:36px; padding:5px 0 5px 0; background:url(/pix/input-bg-240.png) no-repeat 0 20px; }
.formItem500 { clear:both; height:36px; padding:5px 0 5px 0; }
.formItem175-60 { clear:both; height:36px; padding:5px 0 5px 0; background:url(/pix/input-bg-175-60.png) no-repeat 0 20px; }
.formItem60-175 { clear:both; height:36px; padding:5px 0 5px 0; background:url(/pix/input-bg-60-175.png) no-repeat 0 20px; }
.formItem240 LABEL, .formItem175-60 LABEL, .formItem60-175 LABEL, .formItem500 LABEL { display:block; clear:both; font-size:10px; }
.formItem240 INPUT, .formItem175-60 INPUT, .formItem60-175 INPUT, .formItem500 INPUT { background:transparent; font-size:12px; width:236px; margin:2px 0 0 2px; height:20px; font-size:13px; border:none; }
.formItem240 SELECT, .formItem175-60 SELECT, .formItem60-175 SELECT, .formItem500 SELECT { background:transparent; font-size:12px; width:236px; margin:2px 0 0 2px; height:20px; font-size:13px; border:none; }
OPTION { background:#FFFFFF; color:#111111; }
.formItem240disabled { clear:both; height:36px; padding:5px 0 5px 0; background:url(/pix/input-bg-240-disabled.png) no-repeat 0 20px; }
.formItem240disabled LABEL, .formItem175-60disabled LABEL, .formItem60-175disabled LABEL { display:block; clear:both; font-size:10px; }
.formItem240disabled INPUT, .formItem175-60disabled INPUT, .formItem60-175disabled INPUT { background:transparent; font-size:12px; width:236px; margin:2px 0 0 2px; height:20px; font-size:13px; border:none; color:#999999; }
.formItem240disabled SELECT, .formItem175-60disabled SELECT, .formItem60-175disabled SELECT { background:transparent; font-size:12px; width:236px; margin:2px 0 0 2px; height:20px; font-size:13px; border:none; color:#999999; }
.submit70 { float:right; cursor:pointer; width:70px; height:21px; padding-left:15px; border:none; margin:9px 0 0 0; background:url(/pix/but-submit-70.png); color:#FFFFFF; font-weight:bold; font-size:13px; }
.submit90 { float:right; cursor:pointer; width:90px; height:21px; padding-left:15px; border:none; margin:9px 0 0 0; background:url(../pix/but-submit-90.png); color:#FFFFFF; font-weight:bold; font-size:13px; }
.submit120 { float:right; cursor:pointer; width:120px; height:21px; padding-left:15px; border:none; margin:9px 0 0 0; background:url(/pix/but-submit-120.png); color:#FFFFFF; font-weight:bold; font-size:13px; }
.submit150 { float:right; cursor:pointer; width:150px; height:21px; padding-left:15px; border:none; margin:9px 0 0 0; background:url(/pix/but-submit-150.png); color:#FFFFFF; font-weight:bold; font-size:13px; }
.submit180 { float:right; cursor:pointer; width:180px; height:21px; padding-left:15px; border:none; margin:9px 0 0 0; background:url(/pix/but-submit-180.png); color:#FFFFFF; font-weight:bold; font-size:13px; }

/* News */
.newsListItem { border-bottom: 1px solid #DBDBDB; padding:10px 0 10px 0; }
.newsListItemDate { float:left; display:block; width:61px; height:14px; padding:1px 0 0 0; margin:1px 6px 0 0; background:url(/pix/news-date-bg.png) no-repeat left center; font-size:10px; color:#FFFFFF; text-align:center; }
.newsListItemTitle { clear:right; margin:0 0 0 0; }
.newsListItemText {}
.newsDetailListLink { display:block; margin:14px 0 0 0; width:262px; float:right; }
UL.newsDetailLinks { margin:0 0 0 0; padding:0 0 0 0; border-top: 1px solid #DBDBDB; }
UL.newsDetailLinks LI { margin:0 0 0 0; padding:6px; border-bottom: 1px solid #DBDBDB; list-style-type:none; }
.newsMini { margin:0 0 0 0; padding:0 0 0 0; border-top:1px solid #DBDBDB; }
.newsMini LI { margin:0 0 0 0; padding:5px 0 5px 0; border-bottom:1px solid #DBDBDB; list-style-type:none; }
.newsMini LI SPAN { float:left; display:block; width:61px; height:14px; padding:1px 0 0 0; margin:0 6px 0 0; background:url(../pix/news-date-bg.png) no-repeat left center; font-size:10px; color:#FFFFFF; text-align:center; }

/* Seitennavigation */
.pageNavi { line-height:1; }
#contentContainer .pageNavi A { background:none; padding-left:0; }
#contentContainer .pageNavi A:hover { background:none; padding-left:0; }
.pageNavi TABLE { margin:20px auto 0 auto; }
.pageNaviArrows { background:url(/pix/page-navi-bg-gray.png) no-repeat center center; width:24px; height:16px; text-align:center; font-size:1.2em; }
.pageNaviArrowsOff { background:url(/pix/page-navi-bg-gray.png) no-repeat center center; width:24px; height:16px; text-align:center; font-size:1.2em; color:#999999; }
.pageNaviPage { background:url(/pix/page-navi-bg-gray.png) no-repeat center center; width:24px; height:16px; text-align:center; }
.pageNaviPageAct { background:url(/pix/page-navi-bg-orange.png) no-repeat center center; width:24px; height:16px; text-align:center; font-weight:bold; color:#FFFFFF; }
.pageNaviInfo { text-align:center; margin:10px 0 0 0; font-size:10px; color:#CCCCCC; }

/* Links */
#contentContainer A { color:#222222; background:url(/pix/icon-link.png) 2px center no-repeat; padding-left:10px; }
#contentContainer A:hover { color:#555555; background:url(/pix/icon-link-hover.png) 2px center no-repeat; }
#contentContainer A.buttonLink120 { float:right; display:block; background:url(/pix/but-submit-120.png); height:19px; width:100px; padding:2px 0 0 20px; color:#FFFFFF; font-size:13px; font-weight:bold; line-height:bold; margin:8px 0 0 0; }
#contentContainer A.buttonLink120:hover { color:#FFCC66; }
#contentContainer H1 A { background:none; padding-left:0; color:#FF6600; }
#contentContainer H1 A:hover { background:none; padding-left:0; color:#FF6600; }
#contentContainer A.neutral { background:none; padding-left:0; color:#FF6600; }
#contentContainer A.neutral:hover { background:none; padding-left:0; color:#FF6600; }
#contentContainer A.buttonLink150 { float:right; display:block; background:url(../pix/but-submit-150.png); height:19px; width:130px; padding:2px 0 0 20px; color:#FFFFFF; font-size:13px; font-weight:bold; line-height:bold; margin:8px 0 0 0; }
#contentContainer A.buttonLink150:hover { color:#FFCC66; }

/* Lieferanten-Index */
#contentContainer .lieferantenIndex { margin:0 -20px 0 0; padding:0 0 0 0; }
#contentContainer .lieferantenIndex LI { list-style-type:none; float:left; width:260px; height:40px; margin:0 10px 10px 0; padding:0 0 0 0; background:url(/pix/lieferanten-index-bg.png) no-repeat; }
#contentContainer .lieferantenIndex LI IMG { margin:5px 10px 0 5px; float:left; }
#contentContainer .lieferantenIndex LI B { margin:12px 0 0 0; float:left; text-transform:uppercase; }
#contentContainer .lieferantenIndex LI A { padding:0 0 0 0; background:none; }
#contentContainer .lieferantenIndex2 { margin:0 -8px 0 0; padding:0 0 0 0; width:828px; }
#contentContainer .lieferantenIndex2 LI { list-style-type:none; float:left; width:199px; height:40px; margin:0 8px 8px 0; padding:0 0 0 0; background:url(../pix/lieferanten-index2-bg.png) no-repeat; font-size:11px; }
#contentContainer .lieferantenIndex2 LI IMG { margin:5px 10px 0 5px; float:left; }
#contentContainer .lieferantenIndex2 LI B { margin:12px 0 0 0; float:left; text-transform:uppercase; }
#contentContainer .lieferantenIndex2 LI A { padding:0 0 0 0; background:none; }

/* Lieferanten-Liste */
#contentContainer .lieferantenListItem { border-bottom: 1px solid #DBDBDB; padding:10px 0 10px 0; }
#contentContainer .lieferantenListItemSpecial { border-bottom: 1px solid #DBDBDB; padding:10px 10px 10px 10px; background:#F1F1F1; }
#contentContainer  P { margin:0.4em 0 0.4em 0; }

/* Lieferanten-Details */
.lieferantenDetailListLink { display:block; padding-bottom:10px; margin:14px 0 0 0; width:262px; float:right; }
.lieferantenDetailCategory { padding-bottom:10px; }
.lieferantenDetailScreenshot { width:260px; height:203px; background:url(/pix/lieferanten-screenshot-bg.png) no-repeat; }
.lieferantenDetailScreenshot IMG { margin:5px 0 0 5px; }
.lieferantenDetailProblemList { margin:0 0 0 0; padding:11px 0 0 0; }
.lieferantenDetailProblemList LI { margin:0 0 0 0; height:26px; padding:2px 3px 0 3px; list-style-type:none; font-size:11px; border-top:1px solid #DBDBDB; }
.lieferantenDetailProblemList LI INPUT { display:inline; margin:0 3px 0 0; position:relative; top:2px; }

/* Pressebereich */
.presseListItem { border-bottom: 1px solid #DBDBDB; padding:10px 0 10px 0; }
.presseListItemDate { float:left; display:block; width:61px; height:14px; padding:1px 0 0 0; margin:1px 6px 0 0; background:url(../pix/news-date-bg.png) no-repeat left center; font-size:10px; color:#FFFFFF; text-align:center; }
.presseListItemTitle { clear:right; margin:0 0 0 0; }
.presseListItemText {}
.presseDetailListLink { display:block; margin:14px 0 0 0; width:262px; float:right; }
UL.presseDetailLinks { width:540px; margin:20px 0 0 0; padding:0 0 0 0; border-top: 1px solid #DBDBDB; }
UL.presseDetailLinks LI { margin:0 0 0 0; padding:6px; border-bottom: 1px solid #DBDBDB; list-style-type:none; }
.presseDownloads { margin:0 0 0 0; padding:0 0 0 0; }
.presseDownloads LI { margin:0 0 15px 0; padding:15px 0 0 0; background:url(../pix/magazin-list-item-bg.png) no-repeat left top; list-style-type:none; }
.presseDownloads LI IMG { display:block; margin:0 auto 0 auto; }
.presseDownloads LI SPAN { display:block; padding:10px 0 10px 0; text-align:center; font-size:0.9em; background:url(../pix/magazin-list-item-bg.png) no-repeat center bottom; }

/* Dateilinks */
.filelinks { margin:5px 0 0 0; padding:0 0 0 0; }
.filelinks LI { margin:0 0 0 0; padding:5px; height:50px; list-style-type:none; }
.filelinks LI IMG { float:left; margin:0 5px 0 0; }
.filelinks LI SPAN { font-size:0.9em; color:#999999; }
#contentContainer .filelinks LI P { margin:5px 0 3px 0; line-height:1; }