form {margin:0px;padding:0px;} br {clear:both;} a:active, a:focus {text-decoration:underline !important;} a {text-decoration:none;} #breadcrumb a:hover, #content a:hover, #foot a:hover {text-decoration:underline;} img {border:0px;display:block;} hr, .hidden {display:none;} .strong {font-weight:bold;} * {box-sizing: border-box; -moz-box-sizing: border-box;} table {font-size:100%;} body { font-family: Arial,Verdana,sans-serif; font-size: .7em; margin: 0 10px 10px 6px; background-color: white; color: #777; } input,textarea,select { font-family: Arial,Verdana,sans-serif; font-size: 11px; } #head { width:988px; background: white url(../img/layout/shdw-r.html) top right no-repeat; } h1 { width:978px; height: 83px; margin:0; padding:0; overflow: hidden; background: #3F547E url(../img/layout/head_1.html) top right no-repeat; } #content { min-height: 420px; } * html #content { height: 420px; } #navigation { z-index: 999; margin:0; padding:0; } #navigation li { margin:0; padding:0; list-style-type: none; float:left; } #navigation a { display:block; font-weight:bold; letter-spacing:1px; width: 163px; padding: 4px 10px 4px 10px; text-decoration: none; text-transform: uppercase; color: #5C5C5C; background-color: #DADADA; border-right: 1px #969696 solid; white-space: nowrap; } #navigation ul a { box-sizing: border-box; -moz-box-sizing: border-box; width: 100% !important; border-bottom: 1px #969696 solid; font-weight:normal; } #navigation a:hover, #navigation .active, .submenu a:hover, .submenu a:active { background-color: #767676; color: white; } .submenu1, .submenu2 { z-index: 10; } .haschildren { background-image: url(../img/layout/haschildren.html); background-position: right center; background-repeat: no-repeat; } .haschildren:hover { background-image: url(../img/layout/haschildren-h.html); } .slevel a {padding-left: 20px !important;} #navigation br {display:none;} * html #navigation br {display:inline;font-size:0px;line-height:0px;} #navigation ul li {float:none;} #navigation ul { margin:0; padding:0; display:none; position: absolute; border-left: 1px #969696 solid; } #navigation ul {border-top: 1px #969696 solid;} #navigation form { width: 163px; margin: 0; padding: 4px 0px 4px 4px; background-color: #B2C5EA; } #navigation .input { color: #777; padding: 0 0 0 2px; border: 0; width: 125px; height: 14px; text-transform: uppercase; float:left; } * html #navigation .input { margin-top: -1px; margin-bottom: -1px; } /* Safari Header-Navi hack */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { #navigation a { width:143px !important; padding: 4px 9px !important; } } @media screen and (-webkit-min-device-pixel-ratio:0) { div#head ul#navigation li.last { width: 168px !important; background: #B2C5EA !important; } } */ /* ENDE SAFARI HACK */ #searchbtn { color:white; background-color: #35476C; padding:0px 3px 0px 3px; border:0px; height: 14px; text-decoration:none; float:left; } #breadcrumb { width:988px; clear:both; padding: 6px 20px 4px 10px; line-height: 20px; background: white url(../img/layout/shdw-b.html) 0px 0px no-repeat; } #breadcrumb .breadcrumbIn { width: 800px; float: left; line-height: 20px; } #breadcrumb .langSelect { width: 140px; float:right; text-align: right; line-height: 20px; } #breadcrumb .clear { clear: both; display: block !important; } /* Safari breadcrumb hack */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { #breadcrumb div { margin-top: 0px !important; margin-left: -30px !important; } } */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { #breadcrumb { width:965px !important; } } */ /* ENDE SAFARI HACK */ #breadcrumb a { text-decoration: none; text-transform: uppercase; color: #777; } #content { clear:both; width:978px; border: 1px #C8C8C8 solid; /* float: left; */ } #content-shdw { width:988px; background: white url(../img/layout/shdw-r.html) top right no-repeat; } .colleft {float:left; overflow:hidden; margin-bottom: 30px;} .colright {float:right; overflow:hidden; margin-bottom: 30px;} .cols2 {width: 324px;} .cols3 {width: 488px;} .cols4 {width: 652px;} h2 { font-size: 1.2em; background-color: #DADADA; margin: 0; padding: 5px 10px 5px 10px; color: #4B6EB4; text-transform: uppercase; border-bottom: 1px #C8C8C8 solid; } .colright h2 {border-left: 1px #969696 solid;} h3 { margin: 0 0 10px 0; padding: 0; font-size: 1.2em; color: #4B6EB4; text-transform: uppercase; } #content .dropdown { background: #B2C5EA url(../img/layout/ddpfeil.html) center right no-repeat; color: #4B6496; width: 285px; overflow:hidden; padding: 4px 24px 4px 6px; cursor: default; -moz-user-select: none; } .ddmenu { position: absolute; background-color:#B2C5EA; } .ddmenu a { display:block; text-decoration:none; color: #4B6496; padding: 2px 6px 2px 6px; } .ddmenu a:hover { background-color:highlight; color:highlighttext; } #content select,.selectdummy, .ampinput { background-color: #B2C5EA; color: #4B6496; width: 285px; margin-bottom: 3px; margin-top:1px; padding-left: 3px; } * html #content select {margin-bottom:2px;} .ampinput { float: none !important; } * html .ampinput { margin-left: -10px; } .selectdummy { margin-top:0px; margin-bottom:1px; margin-left: -10px; } h4 { font-size: 1em; margin: 0 0 4px 0; padding: 0; } .blue {color: #4B6EB4;} #foot { margin: 0; padding: 0; padding-top: 10px; width:988px; text-align:center; background: white url(../img/layout/shdw-b.html) 0px 0px no-repeat; } #foot ul { margin:0 0 0 200px; padding:0; } #foot li { margin:0; padding:0; list-style-type: none; float:left; } #foot a { padding:0 5px 0 5px; border-right: 1px #777 solid; text-transform: uppercase; text-decoration:none; color: #777; } #foot .last a { border-right:0px; } .teaser { border-left: 1px #C8C8C8 solid; border-bottom: 1px #C8C8C8 solid; min-height: 70px; } * html .teaser {height: 70px;} .teaser img {float:left;margin-right:10px;} .teaser p br {clear:none;} .teaser p { float:left; margin: 0; padding: 5px 0 5px 0; width: 250px; } .plink { text-decoration:none; color: #777; font-weight: bold; padding-left: 10px; background-image: url(../img/layout/linkpf.html); background-repeat: no-repeat; background-position: 0px 2px; display:block; margin-bottom:10px; } .fbutton { background-color: #B2C5EA; color: #4B6496; font-weight:bold; border:0px !important; padding:4px 9px 4px 9px; width: 50px; } * html .fbutton {padding:3px 5px 3px 5px;} .ibutton { background-color: #fff; color: #4B6496; font-weight:bold; border:0px !important; padding:0 !important; } * html .ibutton {padding:0 !important;} .teaser .plink { display:block; float:left; margin: 5px 0px 0px 10px; } .teaser p { line-height:150%; } .hometeaser { font-weight: bold; display:block; float: left; width: 244px; height: 100px; padding: 15px 0px 0px 8px; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px #C8C8C8 solid; border-left: 1px #C8C8C8 solid; color: #4B6EB4; line-height: normal; } /** Safari Hometeaser groesse **/ @media screen and (-webkit-min-device-pixel-ratio:0) { .hometeaser { width:235px !important; } } /** ENDE SAFARI HACK **/ .hometeaser img { width: 114px; height: 68px; float: left; } .hometeaser span { display:block; margin-left: 125px; } .e {width: 162px !important;} img, img:hover {text-decoration:none !important;} /* Text */ .p p {line-height:150%;} .p ul, .p ol, .p p, .p h3 {margin:0px 0px 10px 0px;text-align:left;} .p {width: 300px;margin: 10px 0px 30px 10px !important;} .p p, .p ul, .p ol, .p h3 {width: 300px; overflow:hidden;} .i {width: 305px;} /* zweispaltig fuer Stellenangebote */ .fi {width: 630px; margin-bottom: 10px;} .tl,.tr {width: 300px; } .tl {float: left;} .tr {float: right;} .tl ul, .tl ol, .tr ul, .tr ol { padding-left: 1.8em; } /* contact box im zweispaltenlayout */ .contactBox {margin-bottom: 10px;} .contactImg, .contactDetails, .contactDetails p {width: 145px;} .contactImg {float: left;} .contactDetails {float: right;} .nosep {margin-bottom: -26px !important;} * html .nosep {margin-bottom: -18px !important;} .p .t {width: 300px;margin-left:10px;} .p .i p {margin:0px !important;float:none !important;width:auto !important;} .p .i {overflow:hidden;margin-bottom:10px;} .top p, .top ul, .top ol, .top h3 {float:none;width:auto;} .top .i {float:none;width:auto !important;overflow:visible !important;margin-bottom:15px;} .top br {display:none;} .top * br {display:inline !important;} /* .left .t, .left p, .left ul, .left ol, .left h3 {float:right;} */ .left .i {float:left !important;} .left .t, .right p, .right ul, .right ol, .right h3 {float:left;} .right .i {float:right !important;text-align:right;} .t p, .t ul, .t ol {float:none !important;width:auto !important;} .t ul, .t ol {padding-left:1.8em;line-height:150%;} .cols4 .p {width:auto;padding-right:20px;} .cols4 .p {margin-bottom:0px !important;} .cols3 .left .i, .cols3 .right .i {width: 150px !important;} .cols3 .p {width:460px;} .t ul, .t ol { padding-left: 1.8em; } .t li { margin-bottom: .4em; } .border { display:block; border-bottom: 1px #C8C8C8 solid; border-left: 1px #C8C8C8 solid; padding-top:1px; } .rightborder { display:block; border-bottom: 1px #C8C8C8 solid; border-right: 1px #C8C8C8 solid; padding-top:1px; } /* Table */ .datatable .h td, table caption { padding: 4px 5px 4px 5px; background-color: #DADADA; font-weight: bold; color: #4B6EB4; text-transform: uppercase; width:auto; } table caption, table th { width: 490px; text-align: left; } table th { border-top: 1px #C8C8C8 solid; padding: 4px 5px 4px 5px; background-color: #DADADA; height: 25px; } .tablebox { z-index: 0; position: relative; float:left; border-bottom: 1px #C8C8C8 solid; border-left: 1px #C8C8C8 solid; } .normtable img { margin:0 5px 0 0 !important; } .normtable { z-index: 1; -moz-opacity: .5; filter: Alpha(opacity=50); font-size: 1em; margin-left:10px; margin-top:60px; width:125px; } .datatable { float:right; font-size: 1em; empty-cells:show; width: 490px; table-layout:fixed; margin-bottom:20px; border-bottom:1px #C8C8C8 solid; } .datatable td { width:163px; vertical-align:top; padding: 2px 5px 2px 5px; border-left: 1px #C8C8C8 solid; border-top: 1px #C8C8C8 solid; } .disttable { table-layout:auto !important; } .disttable img { margin:0 !important; } :root .disttable img { display: block; } .disttable td { width: auto; } td.first { text-align:center; width: 200px !important; } .disttable .first { padding:1px; } .fullwidth td.first { width: 323px !important; } .fullwidth { margin-top:-1px; float: none !important; width: 100% !important; table-layout:fixed !important; } .xreftable { margin-top:-1px; float: none !important; width: 100% !important; border-left: 1px #C8C8C8 solid; table-layout:fixed !important; } .xreftable td { border-left:0px; padding-top:10px; padding-bottom: 0px; } .noborder td { border:0px !important; width:auto; padding-bottom: 12px; } html > body .exp {font-size:70%;vertical-align:5px;} * html .exp {font-size:70%;display:inline-block;margin-bottom:5px;} .imgcol { z-index: 2; float:left; width: 161px; margin-top:5px; } h2 br { clear:none !important; } .tablebox img { margin: 10px 0px 30px 15px; } .bback, .bforw { display:block; float:right; margin: 4px 10px 4px 10px; text-transform: none; font-size:11px !important; } .bback { background-image: url(../img/layout/linkpf-rtl.html); } .bforw { padding-left: 0px; padding-right: 10px; background-position: center right !important; } .barh { font-size: 1.2em; } .barh div { margin: 5px 10px 5px 10px !important; } .lbar { background-color: #DADADA; font-weight: bold; color: #4B6EB4; text-transform: uppercase; } .lbar div { margin: 4px 10px 4px 10px; width:350px; } /* .disabled { filter: Alpha(opacity=40); -moz-opacity: .4; opacity: .4; } .disabled:hover, .disabled:active, .disabled:focus { text-decoration:none !important; } */ .clear {height:0px;line-height:0px;font-size:0px;} html > body .clear {display:none;} label.err { font-weight:bold; color:red; } input.err, textarea.err { border-color:red; } #errmsg { color: red; font-weight:bold; display:none; margin-bottom:10px; } #errmsg_email { color: red; font-weight:bold; display:none; margin-bottom:10px; } label { width:140px; display:block; float:left; margin-right:20px; padding-top:2px; padding-bottom:2px; } br {clear:both;} .colright input, .colright textarea, .colright select { width: 303px; margin-bottom:5px; border:1px #777 solid; } .colleft input, .colleft textarea, .colleft select { width: 303px; margin-bottom:5px; border:1px #777 solid; } .button { width:auto !important; } .infotable td { padding-right:5px; padding-bottom: 2px; } h2 .sbutton { margin-top:0px !important; } .sbutton { width: 17px; height: 17px; display:block; float:right; margin-right:8px; margin-top: 3px; background-color: #B2C5EA; background-position: 0 0; } .sback {background-image: url(../img/layout/btn_back.html) } .sforw {background-image: url(../img/layout/btn_forw.html) } .slist {background-image: url(../img/layout/btn_list.html) } .spdf {background-image: url(../img/layout/btn_pdf.html) } .sprint {background-image: url(../img/layout/btn_print.html) } .sbutton span {display:none;} .sbutton:hover {background-position: 0 -23px;} .disabled,.disabled:hover {background-position: 0 -46px !important;} a { color: #4B6EB4; } .noborder { border: 0px !important; } .stdtable { width:100%; margin: 5px; table-layout:fixed; } .stdtable td { padding:5px; vertical-align:top; } .dtc1 { width:215px; } .dtc2 { width:70px; text-align:right; padding-right:20px !important; } .dtc3 { width:120px; } .nojswarn { border-top:1px red solid; border-bottom:1px red solid; padding:5px; margin:5px; color:red; } .nojswarn a { text-decoration:underline; color:red; } * html .border { clear:both; float:left; width:100%; } * html .teaser { clear:both; } .contact_checkbox { width: 15px !important; border:1px solid #777777 !important; margin-bottom: 0px !important; border: 0 !important; } #katalogliste { display: none; } #angebotsanfrage { display: none; } .document_row { margin-left: 160px; } * html .document_row { margin-left: 82px; } .formular_second_label { float: none !important; width: auto !important; display: inline; } .distri_import_table { font-size: 1em; empty-cells:show; width: 615px; table-layout:fixed; margin-bottom:20px; } .distri_import_table .h td { padding: 4px 5px 4px 5px; background-color: #DADADA; font-weight: bold; color: #4B6EB4; text-transform: uppercase; width:auto; } .distri_import_table td { vertical-align:top; border:1px #C8C8C8 solid; padding: 2px 5px 2px 5px; } /* * Standard Teaserbase. */ .teaserBase { width: 320px; min-height: 45px; cursor: pointer; z-index: 9999 !important; background-color: transparent !important; } .teaserBase img {float:left;margin-right:10px;} .teaserBase p br {clear:none;} .teaserBase p { float:left; margin: 0; padding: 5px 0 5px 0; width: 225px; } .teaserBase p strong { line-height: 19px; } /* * Schmale eingerueckte Teaserbase. */ .teaserIntendedBase { width: 240px; min-height: 45px; cursor: pointer; z-index: 9999 !important; background-color: transparent !important; margin-left: 80px; border: 1px solid #C8C8C8; } .teaserIntendedBase img {float:left;margin-right:10px;} .teaserIntendedBase p br {clear:none;} .teaserIntendedBase p { float:left; margin: 0; padding: 5px 0 5px 0; width: 140px; } .teaserIntendedBase p strong { line-height: 19px; } /* * Allgemeine Teaserklassen. */ .teaserBlank { border: 0 !important; } .teaserRight { border: 1px #C8C8C8 solid; float: right; } .teaserLeft { border-right: 1px #C8C8C8 solid; border-bottom: 1px #C8C8C8 solid; border-top: 1px solid #C8C8C8; float: left; } #teaserContent { position: relative; } #indicatorImage { display: none; left:300px; position:absolute; top:2px; z-index:9999 !important; } .OptionTeaserRight { border: 1px #C8C8C8 solid; min-height: 25px !important; float: right; } .OptionTeaserLeft { border-right: 1px #C8C8C8 solid; border-bottom: 1px #C8C8C8 solid; border-top: 1px solid #C8C8C8; min-height: 25px !important; float: left; } .OptionTeaserBlank { border: 0; min-height: 25px !important; } /* * Cart-Klassen. */ #Cart a { cursor: pointer; } .cartBox { width: 305px; margin-bottom: 10px; padding: 5px; } .cartActive { border: 1px solid #767676; } .cartInactive { border: 1px solid #ccc; height:42px; overflow:hidden; } .cartTeaserBase { width: 290px; min-height: 45px; cursor: pointer; z-index: 9999 !important; background-color: transparent !important; border: 1px solid #767676; } .cartTeaserBase img { float:left; margin-right:10px; margin-top:8px; } .cartTeaserBase p br {clear:none;} .cartTeaserBase p { float:left; margin: 0; padding: 5px 0 5px 0; width: 220px; } .cartTeaserBase p strong { line-height: 19px; } .cartTeaserBaseIntended { width: 240px; min-height: 28px; cursor: pointer; z-index: 9999 !important; background-color: transparent !important; border: 1px solid #767676; margin-left: 50px; } .cartTeaserBaseIntended img { float:left; margin-right:10px; margin-top:8px; } .cartTeaserBaseIntended p br {clear:none;} .cartTeaserBaseIntended p { float:left; margin: 0; padding: 5px 0 5px 0; width: 170px; } .cartTeaserBaseIntended p strong { line-height: 19px; }