/*Servicemenü*/ .servicemenu { right: 0px; position: fixed; top: 290px; z-index: 990; } .sidebar_list { float: left; width:54px; } .servicemenu ul{ margin-top: -2px; padding: 0px; } .servicemenu ul li{ background-color: #cc0000; width: 53px; height: 52px; list-style: none; margin: 2px 0px 2px 2px; padding-top: 2px; cursor: pointer; background-color: #cc0000; background-position: 0px 0px; } .servicemenu .activated_mouseover ul li{ float: right; clear: both; } .servicemenu ul li { background-color: #cc0000; } .servicemenu ul li.active, .servicemenu .disabled_mouseover li:hover, .servicemenu.openIFrame ul li:hover{ background-color: #e7e7e7; background-position: 0px 54px; } .servicemenu ul li a{ display: block; } .servicemenu .disabled_mouseover ul li a{ width: 53px; height: 52px; } .servicemenu .activated_mouseover ul li a{ width: 100%; height: 100%; } .servicemenu ul li a span{ text-overflow: initial; white-space: nowrap; display: inline; float: right; width: 0px; height: 100%; color: white; background-color: #cc0000; text-align: left; text-transform: uppercase; font-size: 150%; font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; line-height: 53px; overflow: hidden; } .servicemenu .disabled_mouseover ul li a span{ display: none; } .servicemenu .activated_mouseover ul li.active a span{ background-color: #e7e7e7; color: #000; } .servicemenu ul li.cart { background-position: 0px -120px; } .servicemenu .disabled_mouseover ul li.cart:hover, .servicemenu.openIFrame .activated_mouseover ul li.cart:hover{ background-position: 2px -170px; } .servicemenu ul li.contact { background-position: -55px -120px; } .servicemenu ul li.contact.active, .servicemenu .disabled_mouseover ul li.contact:hover, .servicemenu.openIFrame .activated_mouseover ul li.contact:hover{ background-position: -55px -170px; } .servicemenu ul li.chat { background-position: -110px -120px; } .servicemenu ul li.chat.active, .servicemenu .disabled_mouseover ul li.chat:hover, .servicemenu.openIFrame .activated_mouseover ul li.chat:hover{ background-position: -108px -170px; } .servicemenu ul li.services { background-position: -160px -120px; } .servicemenu ul li.services.active, .servicemenu .disabled_mouseover ul li.services:hover, .servicemenu.openIFrame .activated_mouseover ul li.services:hover{ background-position: -160px -170px; } .servicemenu ul li.blog { background-position: -292px -117px; } .servicemenu ul li.blog.active, .servicemenu .disabled_mouseover ul li.blog:hover, .servicemenu.openIFrame .activated_mouseover ul li.blog:hover{ background-position: -292px -170px; } /*Mail Pappas Michail 16.05.2015*/ .servicemenu ul li.jobs { background-position: -418px -115px; } .servicemenu ul li.jobs.active, .servicemenu .disabled_mouseover ul li.jobs:hover, .servicemenu .activated_mouseover ul li.jobs:hover { background-position: -418px -166px; } /**/ #wipe { position: fixed; right: 0px; top: 290px; z-index: 50; width: 32px; height: 32px; } #wipe span { display: block; width: 32px; height: 32px; background-image: url(../../../../layout_wl2/images/icon_sprites_wl2.png); background-position: -122px -228px; } /*Inhalt*/ .servicemenu #side_content { width: 100%; } /*Formular*/ body.servicemenu_body { background:#e7e7e7; } .container_frame { width: 105%; height: 729px; background:#e7e7e7; text-align:left; padding-left: 13px; padding-top: 9px; } .servicemenu div.frame_container{ width: 380px; position: absolute; z-index: 100; padding: 0px; background-color: #e7e7e7; border: 1px solid #e7e7e7; /*height: 575px;*/ height: 735px; right: -378px; text-align:left; } .kundenschutzadresse { display: none; } /*iFrame*/ .servicemenu .frame_con { width: 360px; /*height: 570px;*/ height: 740px; border: 0; margin: 5px; } .servicemenu_frame_content_div { margin-top: 3px; } .servicemenu_frame_content_div h3 { margin-bottom: 4px; } /*html Div*/ .servicemenu .html_div { margin-left: 20px; margin-top: 20px; margin-right: 20px; width: 360px; } .servicemenu #chatContent .html_div { margin-top: 14px; margin-left: 18px; } .servicemenu h1, .servicemenu h2, .servicemenu_button, .container_frame h1 { font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; } .servicemenu h1, .container_frame h1 { color: #000; font-size: 20px; } .servicemenu h2, .container_frame h2, .servicemenu label { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding-bottom: 5px; border: none; } .servicemenu .webchat-header-container { line-height: 1.6; } .servicemenu .webchat-header-container .webchat-header-text { margin-top: 5px; } .servicemenu .webchat-header-container .webchat-header { //padding-bottom: 5px; } .servicemenu input, .container_frame input { font-size: 15px; padding: 5px; text-transform: none; width: 92%; } .servicemenu input.webchat-intro-textbox { box-sizing: border-box; height: 30px; } .servicemenu input:hover, .container_frame input:hover { cursor: pointer; } .servicemenu_button { background-color: #0093dd; border: medium none; color: #fff; height: 40px; margin-top: 5px; width: 100%; } .container_frame .icon_link { float: left; padding-top: 0; padding-right: 10px; text-align: left; padding-bottom: 10px; //width: 80px; } .container_frame .icon_link a { color: #fff; font-family: Arial, Helvetica,sans-serif; font-size: 11px !important; } .container_frame .img_container { float: left; display: inline-block; width: 40px; max-width: 40px; background-color: #fff; height: 40px; max-height: 40px; } .container_frame img { max-width: 40px; height: auto; background-color: #fff; } #webchat img { width: auto; } .container_frame .icon_link .img_text_container { background-color: #ffffff; color: #000000; display: table; height: 40px; margin: 0 auto; width: 120px; float: left; line-height: 1.4; font-size: 11px; } .container_frame .icon_link .img_text { display: table-cell; padding: 2px 2px 2px 5px; text-align: left; vertical-align: middle; font-size: 11px; } /*Servicemenu Services*/ /*Servicemenü Formular*/ #formularContent { overflow: hidden; } #formularContent .container_frame h1 { text-transform: uppercase; color:#000; font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; } #formularContent .container_frame form.wuerthdeform div { padding-top: 6px; } #formularContent .container_frame form.wuerthdeform div.clear { padding-top: 0px; } /* Eingabefelder */ #formularContent .container_frame select, #formularContent .container_frame input { font-size: 15px; padding: 0 0 0 10px; margin-top: 5px; text-transform: none; width: 100%; height: 40px; border: none; } #formularContent .container_frame select { padding: 0 5px; color: #605d5c; } #formularContent .container_frame select:focus, #formularContent .container_frame select option:checked { color: #000000; } #formularContent .container_frame .fullColumn input { box-sizing: border-box; } #formularContent .container_frame img { background-color: transparent; } #formularContent .container_frame textarea { font-family:Arial,sans-serif; font-size: 15px; padding: 13px 0 0 10px; margin-top: 5px; border:none; width:100%; height: 40px; box-sizing: border-box; } #formularContent .container_frame form div.leftColumn { float: left; width: 49%; padding-right: 20px; padding-top: 11px; margin-right: 2%; } #formularContent .container_frame form div.rightColumn { float: left; width: 49%; padding-top: 11px; } #formularContent .container_frame form div.fullWidthColumn { padding-top: 11px; float: left; width: 100%; } #formularContent .container_frame input.error, #formularContent .container_frame textarea.error { color: #000; } #formularContent .container_frame form label.error { float: left; line-height: 15px; font-size: 11px; width: 100%; background-color: #f7a707; color: #000; padding: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: none; } #formularContent .container_frame form .fullWidthColumn label.error { box-sizing: border-box; } #formularContent .container_frame span.mandatory { font-size: 9px; padding: 0; margin: 0; } #formularContent .container_frame form.wuerthdeform .buttonContainer { padding-top: 0; } #formularContent .container_frame form.wuerthdeform .buttonContainer .servicemenu_button { background-color: #0093dd; border: medium none; color: #fff; font-family: wuerthextra_bold_cond,Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; height: 40px; margin-top: 15px; width: 100%; text-transform: uppercase; } .policy_container { font-size: 11px; padding: 5px 1px 5px 1px !important; position: relative; margin-bottom: 11px; display: inline-block; } .policy_container .cbx_policy { width: 30px !important; height: 30px; position: absolute; top: 3px; cursor: pointer; visibility: hidden; } .policy_container .checkCheckbx{ display: inline-block; position: absolute; box-sizing: border-box; vertical-align: baseline; content: " "; background-color: #fff; height: 24px; width: 24px; top: 13px; left: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; } input[type=checkbox]:checked ~ .checkCheckbx, input[type=radio]:checked ~ .checkRadio { //background-color: #959595; content: "\eb23"; border: 1px solid #cdcdcd; // transition: border .25s linear; // -webkit-transition: border .25s linear; } /* .policy_container:hover .checkCheckbx, .policy_container:hover .checkRadio { //background-color: #959595; font-family:'Wuerthicons'; content: "\eb23"; border: 1px solid #fff; } */ input[type=checkbox]:checked ~ .checkCheckbx::before, input[type=radio]:checked ~ .checkRadio::before { // background: #0DFF92; font-family:'Wuerthicons'; font-size: 18px; content: "\eb23"; color: #cc0000; left: 4px; top: 1px; position: absolute; } #formularContent .container_frame form .policy_container label a { font-size: 15px; } #formularContent .container_frame form .policy_container label { cursor: pointer; font-size: 15px; font-family: Arial; color: #000; z-index: 9; text-transform: none; box-sizing: border-box; display: block; padding-left: 40px; margin-top: 13px; position: relative; //float: left; } #formularContent .container_frame form label.captcha { float: left; line-height: 15px; font-size: 11px; width: 301px; background-color: #f7a707; color: #000; padding: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: none; box-sizing: border-box; margin-top: 4px; } #formularContent .container_frame form .policy_container label.error { padding-left: 13px; margin-left: 40px; margin-top: 8px; margin-bottom: 2px; width: 100%; font-size: 11px; } /* Container mit Feldern */ #formularContent .container_frame form div label { //color: #959595; font-family: Arial,Helvetica,sans-serif; //font-size: 18px; //font-weight: normal; padding-bottom: 0px; margin-bottom: 0; cursor: pointer; display: block; } #formularContent .container_frame h2, #formularContent .container_frame label { //text-transform: uppercase; } /* Kontakt Footer */ #formularContent .container_frame .kontakt_footer { clear: both; float: left; font-size: 11px; padding: 5px 0 10px 0; text-transform: none; width: 357px; position: relative; } #formularContent .container_frame .kontakt_footer p { line-height: 1.8; } #formularContent .container_frame .kontakt_footer .footerLeft { width: 50%; padding-right: 2%; float: left; } #formularContent .container_frame .kontakt_footer .footerRight { width: 48%; float: left; } #formularContent .container_frame .kontakt_footer a{ color: #000; cursor: pointer; } #formularContent .container_frame .kontakt_footer a:hover{ text-decoration: underline; } /* #formularContent .container_frame .kontakt_footer p { width: 50%; float: left; } #formularContent .container_frame .kontakt_footer p a{ color: #000; } #formularContent .container_frame .kontakt_footer p:last-child { clear: left; width: 50%; float: left; } #formularContent .container_frame .kontakt_footer p:last-child a { color: #cc0000; float: right; width: 50%; position: absolute; left: 50%; bottom: 40px; } */ #formularContent .container_frame div.column { float: left; margin-bottom: 0; width: 100%; margin-bottom: 250px; } #servicemenu_body .container_frame div.column { width: 100%; } #formularContent .container_frame div.column p.error{ font-weight: bold; width: 100%; } #formularContent .container_frame form { width: 340px; }