/*************************************************************/ /* Design: DOERIG-AG.CH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Sam Mueller, www.nuun.ch */ /* Datum: April 2013 */ /* Site: wwww.doerig-ag.ch */ /*************************************************************/ /* Colors: Color: # (CONTENT) */ /* Color: # (NAV / CONTENTLINKS INAKTIV) */ /* Color: # (CONTENTLINKS AKTIV) */ /* Color: # (NAV AKTIV) */ /*************************************************************/ /* GLOBAL LAYOUT */ /*************************************************************/ html, body {min-width:980px; height: 100%; margin:0 auto; font: 100.01%/1em Arial, Verdana, Helvetica, sans-serif; color:#717171; letter-spacing:0.0em;} body {background:#f7f7f7;} iframe {max-width:100%;} #wrapper {min-height: 100%; margin:0 auto; width:980px; padding:0; position:relative; z-index:100; font-size:0.88em; background:#fff;} * html #wrapper {height: 100%;} .cookiebar {z-index:1500;} #header {position:relative; height:304px; width:980px; padding:0; margin:0; line-height:1.4em; z-index:1000;} #container {position:relative; min-height:100px; width:980px; padding:10px 0 50px 0; margin:0 auto; line-height:1.44em; z-index:800; display:inline-block;} * html #container {height:100px;} #left {position:relative; width:202px; padding:0; margin:0 30px 0 0; display:block; z-index:900; float:left;} #right {position:relative; width:196px; padding:0; margin:0 0 0 30px; display:block; z-index:900; float:right;} #right .boxes4ward_article {padding:0; margin:0;} #main {position:relative; width:522px; padding:0; margin:0; display:block; float:left;} body.bedachungen #header {background:url(../grafics/concrete-head-bg.jpg) top left no-repeat; background-size: cover;} body.betonfassade #header {background:url(../grafics/concrete-head-bg.jpg) top left no-repeat; background-size: cover;} body.bedachungen #logo {position:absolute; left:48px; top:43px;} body.betonfassade #logo {position:absolute; left:48px; top:53px; filter: brightness(0.3);} #logo_betonfassade {position:absolute; left:48px; top:248px; filter: brightness(0.3);} #logo_bydoerig {position:absolute; left:48px; top:248px; filter: brightness(0.3);} #footer {width:980px; height:142px; font-size:14px; padding:0; position: relative; z-index:600; margin-top: -142px; display:block; margin-left:auto; margin-right:auto; display:block; clear:both;} #footer .inside {width:980px; height:142px; display:block; margin:0; padding:0; background:url(../grafics/bg_footer.png) right bottom no-repeat; position:relative;} #footer .inside .mod_article {width:754px; border-top:1px solid #d1d1d1; position:relative; top:0; left:0; margin:0 0 0 0; padding:0; font-size:0.88em; line-height:1.44em; color:#323232;} #footer .inside .mod_article .spalte1 {width:232px; height:90px; float:left; position:relative; padding:22px 0 0 0;} #footer .inside .mod_article .spalte2 {width:290px; height:90px; float:left; position:relative; padding:22px 0 0 0;} #footer .inside .mod_article .spalte3 {width:232px; height:90px; float:left; position:relative; padding:22px 0 0 0;} #footer .inside .mod_article .spalte1 div {padding: 0 0 0 48px;} #footer .inside .mod_article .spalte1 p {padding: 0 0 18px 0;} .endcontent {height:142px; width:980px; display:block; position:relative;} .cleaner {clear:both;} /* TABBERNAV */ /*************************************************************/ .navigation ul li.kontakt, .navigation ul li.unternehmen {display:none;} .navigation {position:absolute; top:143px; right:48px; z-index:1000; overflow:visible !important; background:none;} .navigation ul {width: 460px; float: right; margin: 0; padding: 0 0 14px 0; list-style: none; } .navigation li {float: right; padding:0; margin:0 0 0 30px; position: relative; text-align:center; z-index: 1; font-size:1.09em; font-family: 'pt_sansbold'; text-transform:uppercase;} .navigation li.last {} .navigation li:hover {z-index:2;} .navigation li a {display: block; overflow: hidden; float: left; color:#fff; font-weight:normal;} .navigation ul li li {text-align:left; border-left:none; text-transform:none; font-family:Arial, Verdana, Helvetica, sans-serif;; text-transform:none; font-size:0.83em;} .navigation ul li a {height:27px; padding:105px 10px 0 10px; width:128px; display: block; float: left;} .navigation ul li a.bedachungen {background:url(../grafics/nav_bedachungen_inactive.png) left top no-repeat;} .navigation ul li a.fassadenbau {background:url(../grafics/nav_fassadenbau_inactive.png) left top no-repeat;} .navigation ul li ul li a {background:none !important; height:auto;} .navigation li a:hover, .navigation li a.active, .navigation li a.trail, .navigation li:hover a {} .navigation li:hover .level_2 {display:block;} .navigation li .level_2 {display: none;} .navigation li ul {position: absolute; left:0; top: 132px; background:url(../grafics/bg_tabber.png) left top no-repeat; width: 148px; height: auto; margin: 0; padding: 24px 0 16px 0; list-style: none; font-size:1em; z-index:1000;} .navigation li:hover li, .navigation li.active li {width: 148px; padding: 0; background:none;} .navigation li:hover li a, .navigation li.active li a {color: #fff; background:none; width: 128px; padding: 2px 4px 0 16px; text-indent: 0; font-weight:normal;} .navigation li:hover li a:hover, .navigation li.active li a:hover, .navigation li ul li a.active {color: #fff; text-decoration: underline;} /*IE*/ .navigation li li a:hover, .navigation li li a:hover {color: #fff; text-decoration: underline;} /**/ body.ie6 .navigation {behavior: url("csshover.htc");} body.ie6 .navigation li ul {background:url(../grafics/bg_tabber.png) left top no-repeat;} body.ie6 .navigation li .level_2 {background:url(../grafics/bg_tabber.png) left top no-repeat;} #header .mod_nav_service {z-index:1200; position:absolute; top:14px; right:48px; width:460px;} #header .mod_nav_service ul {font-size:0.83em; line-height:1.09em; float:right; padding:0; margin:0; font-weight:normal;} #header .mod_nav_service ul li {display:block; float:left; padding:0 6px 0 8px; margin:0; background:url(../grafics/divider_dot.png) left 5px no-repeat;} #header .mod_nav_service ul li.first {padding:0 6px 0 0; margin:0; background:none;} #header .mod_nav_service ul li a {color:#000; display:block; padding:0; font-weight:normal;} #header .mod_nav_service ul li a:hover, #header .mod_nav_service ul li a.active, #header .mod_nav_service ul li a.trail {color:#000;} #header .mod_nav_section {position:absolute; top:143px; right:18px; width:540px; font-size:1.09em; line-height:1.2em; text-transform:uppercase; padding:0; margin:0; z-index:500; font-family: 'pt_sansbold';} #header .mod_nav_section ul {padding:0; float:right;} #header .mod_nav_section ul li {display:block; float:right; padding:0; width:148px; padding:0 30px 0 0; text-align:center;} #header .mod_nav_section ul li.last {} #header .mod_nav_section ul li a {color:#fff; float: left; height:27px; padding:105px 10px 0 10px; width:128px;} #header .mod_nav_section ul li a:hover, #header .mod_nav_section ul li a.active, #header .mod_nav_section ul li a.trail {color:#fff;} #header .mod_nav_section ul li.bedachungen a {background:url(../grafics/nav_bedachungen_inactive.png) left top no-repeat;} #header .mod_nav_section ul li.bedachungen a:hover, #header .mod_nav_section ul li.bedachungen a.active, #header .mod_nav_section ul li.bedachungen a.trail {background:url(../grafics/nav_bedachungen_inactive.png) left top no-repeat;} #header .mod_nav_section ul li.fassadenbau a {background:url(../grafics/nav_fassadenbau_inactive.png) left top no-repeat;} #header .mod_nav_section ul li.fassadenbau a:hover, #header .mod_nav_section ul li.fassadenbau a.active, #header .mod_nav_section ul li.fassadenbau a.trail {background:url(../grafics/nav_fassadenbau_inactive.png) left top no-repeat;} #left .mod_nav_main {position:relative; top:9px; width:202px; padding:0 0 0 0; margin:0;} #left .mod_nav_main ul {width:202px; float:left; font-size:1em; padding:0; margin:0 0 0 0; line-height:1em; font-family: 'pt_sansbold'; text-transform:uppercase; letter-spacing:0.05em;} #left .mod_nav_main ul li {display:block; float:left; display:inline; padding:16px 0 6px 0; margin:0 0 8px 0; width:202px; text-align:left;} #left .mod_nav_main ul li a {color:#8b8c8e; padding:0 0 7px 48px; width:154px; display:block;} #left .mod_nav_main ul li a:hover, #left .mod_nav_main ul li a.active, #left .mod_nav_main ul li a.trail {color:#323232;} #left .mod_nav_main ul li ul {width:202px; font-size:0.88em; padding: 9px 0 0 0; margin:0; font-family:Arial, Verdana, Helvetica, sans-serif; text-transform:none; letter-spacing:0; border-top:1px solid #d1d1d1;} #left .mod_nav_main ul li ul li {padding:4px 0 0 0; margin:0; width:202px; text-align:left;} #left .mod_nav_main ul li ul li a {padding:0 0 3px 0; margin-left:48px; width:154px; display:block; border:none; color:#8b8c8e;} #left .mod_nav_main ul li ul li a:hover, #left .mod_nav_main ul li ul li a.active, #left .mod_nav_main ul li ul li a.trail {color:#323232; border-bottom:1px dotted #d1d1d1; padding:0 0 2px 0;} #right .mod_nav_sub ul {width:196px; font-size:0.88em; line-height:1em; padding: 5px 0 0 0; margin:0; font-family:Arial, Verdana, Helvetica, sans-serif; text-transform:none; letter-spacing:0;} #right .mod_nav_sub ul li {padding:4px 0 1px 0; margin:0; width:196px; text-align:left;} #right .mod_nav_sub ul li a {padding:0 0 2px 0; margin-right:40px; width:156px; display:block; border:none; color:#8b8c8e;} #right .mod_nav_sub ul li a:hover, #right .mod_nav_sub ul li a.active, #right .mod_nav_sub ul li a.trail {color:#323232; border-bottom:1px dotted #d1d1d1; padding:0 0 1px 0;} /* SLIDER */ /*************************************************************/ body #main .swiper {width:100%; max-height:600px; margin:0 auto 0 auto; padding:10px 0 0 0; position:relative;} body #main .swiper .content-image {float:left; width:100%; max-height:600px;} body #main .swiper .content-image figure {float:left; width:100%; max-height:600px;} body #main .swiper figure img {float:left !important; width:100% !important; height:300px !important; object-fit: cover; margin-top:0; transition: all 0.2s;} body #main .swiper .swiper-button-next, body #main .swiper .swiper-button-prev, body #main .swiper .swiper-pagination {display: none;} body #main .content-custom-swiper {overflow: hidden; width:100%; max-height:600px; margin:0 auto 0 auto; padding:10px 0 0 0; position:relative;} body #main .content-custom-swiper .content-image {float:left; width:100%; max-height:600px;} body #main .content-custom-swiper .content-image figure {float:left; width:100%; max-height:600px;} body #main .content-custom-swiper figure img {float:left !important; width:100% !important; height:300px !important; object-fit: cover; margin-top:0; transition: all 0.2s;} body #main .content-custom-swiper .swiper_thumbs {position: relative;} body #main .content-custom-swiper .swiper_thumbs .content-image {float:left; width:100%; max-height:600px;} body #main .content-custom-swiper .swiper_thumbs .content-image figure {float:left; width:100%; max-height:600px;} body #main .content-custom-swiper .swiper_thumbs figure img {float:left !important; cursor: pointer; width:100% !important; height:70px !important; object-fit: cover; margin-top:0; transition: all 0.2s;} body #main .content-custom-swiper .swiper_thumbs .swiper-button-next, body #main .content-custom-swiper .swiper_thumbs .swiper-button-prev {background: initial; border: none;} body #main .content-custom-swiper .swiper_thumbs .swiper-button-next svg path, body #main .content-custom-swiper .swiper_thumbs .swiper-button-prev svg path {fill: #fff;} .caroufredsel_wrapper {width:100% !important;} .caroufredsel_pagi {position:relative; top:0; width:100%; z-index:1000; text-align:center; padding:12px 0 0 0;} .caroufredsel_pagi a span {display:none;} .caroufredsel_pagi a {width:22px; height:32px; margin:0 3px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../graphics/ico-sliderbullet.svg');} .caroufredsel_pagi a.selected, .caroufredsel_pagi a:hover {width:22px; height:32px; margin:0 3px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../graphics/ico-sliderbullet-active.svg');} .caroufredsel_thumbnails_wrapper {background:#000; padding:0;} .caroufredsel_thumbnail {width:100px !important; height:58px !important; padding:1px; margin:3px 1px;} .caroufredsel_thumbnail.selected {width:100px !important; height:58px !important; padding:1px; margin:3px 1px; background:#fff;} .caroufredsel_thumbnails_controls {position:absolute; bottom:0; background:none; width:100%;} .caroufredsel_thumbnails_controls .caroufredsel_thumbnails_navi {position:relative; bottom:0; background:none; width:100%;} .caroufredsel_thumbnails_controls .caroufredsel_thumbnails_navi a.caroufredsel_thumbnails_prev {position:absolute; bottom:0; left:0; text-align:left; float:left; width:16px; height:66px; display:block; background:url(../grafics/arrow-prev.png) left center no-repeat #000; background-size: 12px auto; color:#fff; -webkit-transition:all 0.1s ease; transition:all 0.1s ease; opacity:0.7;} .caroufredsel_thumbnails_controls .caroufredsel_thumbnails_navi a.caroufredsel_thumbnails_next {position:absolute; bottom:0; right:0; text-align:right; float:right; width:16px; height:66px; display:block; background:url(../grafics/arrow-next.png) right center no-repeat #000; background-size: 12px auto; -webkit-transition:all 0.1s ease; transition:all 0.1s ease; opacity:0.7;} .caroufredsel_thumbnails_controls .caroufredsel_thumbnails_navi a.caroufredsel_thumbnails_prev:hover, .caroufredsel_thumbnails_controls .caroufredsel_thumbnails_navi a.caroufredsel_thumbnails_next:hover {opacity:1;} .caroufredsel_thumbnails_controls .caroufredsel_thumbnails_navi a.caroufredsel_thumbnails_prev span {display:none;} .caroufredsel_thumbnails_controls .caroufredsel_thumbnails_navi a.caroufredsel_thumbnails_next span {display:none;} /* YOUTUBE */ .content-youtube {width:100% !important; float:left; padding:0 0 30px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative;} .content-youtube .mejs-container {margin:14px auto 0 auto; position:relative;} #cboxClose,#cboxNext{width:35px;position:fixed;right:15px;height:35px} #cboxOverlay{background:#fff} #cboxTitle{display:none!important} #cboxLoadedContent{border:none} #cboxNext{background:url(../grafics/btn-next.svg) center no-repeat;top:53%;background-size:contain} #cboxPrevious{background:url(../grafics/btn-prev.svg) center no-repeat;width:35px;position:fixed;left:15px;height:35px;top:53%;background-size:contain} #cboxClose{background:url(../grafics/btn-close.svg) center no-repeat;top:15px;background-size:contain} #cboxCurrent{font-size:14px} #cboxContent button:hover{opacity:.75;background-position:center} #iso_ajaxOverlay {background-color:#fff;opacity:.8} #iso_ajaxBox {border:none;font-family:'Open Sans'} #iso_ajaxBox .iso_confirm {background:url(../../data/graphics/btn-close.svg) left center no-repeat;background-size:20px} /* INHALTSELEMENTE */ /*************************************************************/ #container p {padding:6px 0 6px 0;} #footer p {padding:0 0 12px 0;} #container #right p {padding:6px 0 3px 0; font-size:0.88em; line-height:1.44em;} #container h1 {font-size:1em; padding:25px 0 6px 0; margin:0 0 4px 0; line-height:1.09em; font-family: 'pt_sansbold'; text-transform:uppercase; color:#323232; border-bottom:1px solid #d1d1d1; letter-spacing:0.05em;} #container h2 {font-size:1em; padding:25px 0 6px 0; margin:0 0 4px 0; line-height:1.09em; font-family: 'pt_sansbold'; text-transform:uppercase; color:#323232; border-bottom:1px solid #d1d1d1; letter-spacing:0.05em;} #container h3 {font-size:1em; padding:10px 0 0px 0; margin:5px 0 0px 0; line-height:1em; font-family: 'pt_sansbold'; text-transform:uppercase; color:#f99600; letter-spacing:0.05em;} table {border-collapse:collapse;} #right .ce_image .image_container, #right .content-image figure {margin:6px 0 0 0;} #main .ce_image .image_container, #main .content-image figure {margin:10px 0 4px 0; float:left;} #main .ce_image, #main .content-image {width:100%; float:left; clear:both;} #main .ce_image .image_container img, #main .content-image figure img {width:100% !important; height:auto !important;} #main .ce_text, #main .content-text {width:100%; float:left; padding:0 0 24px 0;} #main .ce_text .image_container, #main .content-text figure {margin:10px 18px 4px 0; float:left;} #main .ce_text .image_container img, #main .content-text figure img {max-width:100%; height:auto;} #main .ce_text ul, #main .content-text ul {list-style-type:none;} #main .ce_text ul li, #main .content-text ul li {list-style-type:none; margin:0; background:url(../grafics/icon_list.png) 8px 8px no-repeat; padding-left:20px; padding-bottom:4px;} #container a, #container a:link, #container a:visited {color:#f99600; padding:0;} #container a:hover, #container a:active {color:#8b8c8e; text-decoration:none;} #footer a, #footer a:link, #footer a:visited {color:#8b8c8e; padding:0;} #footer a:hover, #footer a:active {color:#f99600; text-decoration:none;} a.map, a.map:link, a.map:visited {color:#f99600; padding:0 0 0 24px !important; background:url(../grafics/icon_map.png) left top no-repeat;} a.mail, a.mail:link, a.mail:visited {color:#f99600; padding:0 0 0 24px !important; background:url(../grafics/icon_mail.png) left top no-repeat;} td:first-of-type {width:156px; padding-right:22px; color:#9b9d9f;} td:last-of-type {width:346px; padding-right:0; color:#323232;} #container .referenzen p {padding-bottom:0;} .referenzen td {width:156px; border-bottom:1px dotted #d1d1d1;} .referenzen td {width:346px; border-bottom:1px dotted #d1d1d1; padding-right:0;} #right .mod_newslist .layout_simple {width:148px; height:277px; background:#323232; margin:14px 0 0 0;} #right .mod_newslist .layout_simple .newstable {height:112px;} #right .mod_newslist .layout_simple .newstable td {height:112px; vertical-align:bottom;} #right .mod_newslist .layout_simple .newsteaser {padding:10px;} #right .mod_newslist .layout_simple p {padding:0 !important; margin:0;} #main .mod_newslist .layout_highlight {background:#323232; margin-top:10px; height:260px; width:100%;} #main .mod_newslist .layout_highlight .head {padding:10px 0 3px 0; margin:0 0 0 26px;} #main .mod_newslist .layout_highlight .image_container {margin:0 0 0 26px; float:none; padding:0;} #main .mod_newslist .layout_highlight .image_container img {vertical-align:top;} #main .mod_newslist .layout_highlight .newstable {width:522px; height:228px; color:#fff;} #main .mod_newslist .layout_highlight .col_1 {vertical-align:top; width:216px; height:228px;} #main .mod_newslist .layout_highlight .col_2 {vertical-align:bottom; width:306px; height:228px;} #main .mod_newslist .layout_highlight .col_2 .newsteaser {padding-bottom:26px; padding-right:5px;} #main .mod_newslist .layout_highlight .col_2 .newsteaser p {padding:0;} #main .mod_newslist .layout_short .image_container, #main .mod_newsreader .layout_full .image_container {margin:10px 18px 4px 0; float:left;} #main .mod_newslist .layout_short {border-bottom:1px solid #d1d1d1; padding:0 0 16px 0; margin:0 0 2px 0; float:left; width:100%;} #main .mod_newslist .last {border-bottom:none; padding:0 0 16px 0;} #main .mod_newsreader .back {width:100%; padding:6px 0 6px 0; float:left;} .content-downloads, .content-download, .enclosure {width:100%; float:left;} .content-downloads {padding:0 0 24px 0;} .content-downloads a, .content-downloads a:link, .content-downloads a:visited, .content-downloads a:link, .content-download a, .content-download a:visited, .content-download a:link, .enclosure a:link, .enclosure a:visited {display:block; width:auto; padding:2px 0 2px 25px !important; margin:0 0 0 0; text-decoration:none !important;} .content-downloads a:hover, .content-downloads p a:active, .content-download a:hover, .content-download p a:active, .enclosure a:hover, .enclosure a:active {} body .enclosure a:link, body .enclosure a:visited {padding:2px 0 !important; display:inline-block;} img {vertical-align:bottom;} .content-gallery {padding:0 0 24px 0; float:left; width:100%;} .content-gallery figure {margin:10px 0 0 0 !important; padding:0 !important; float:left; border:none;} .content-gallery.content-gallery--cols-2 {padding:0; margin:0; float:left; width:100%; display:block;} .content-gallery.content-gallery--cols-2 li {padding:0 1.149425287356322% 0 0; margin:0; float:left; width:49.42528735632184% !important; height:auto !important; display:block; background:none;} .content-gallery.content-gallery--cols-2 li:nth-of-type(2n) {padding:0 0 0 0 !important;} .content-gallery.content-gallery--cols-4 {padding:0; margin:0; float:left; width:100%; display:block;} .content-gallery.content-gallery--cols-4 li {padding:0 1.149425287356322% 0 0; margin:0; float:left; width:24.13793103448276% !important; height:auto !important; display:block; background:none;} .content-gallery.content-gallery--cols-4 li:nth-of-type(4n) {padding:0 0 0 0 !important;} .content-gallery figure img {width:100% !important; height:auto !important;} .content-dlh_googlemaps {width:100%; height:400px; float:left; display:block; z-index:1200; padding:10px 0; color:#000;} .dlh_googlemap {width:100%; height:400px; float:left; display:block; z-index:1200;} #map {width:100%; height:400px; float:left; display:block; z-index:1200;} /* PAGINATION */ /*************************************************************/ #main .pagination {width:720px; float:left; display:block; padding:9px 0 0 0;} #main .pagination p {width:720px; float:left; display:block; padding:0;} #main .pagination ul {width:720px; float:left; display:block; list-style-type:none;} #main .pagination ul li {float:left !important; display:inline; background:none; margin:0 12px 0 0 !important; padding:0 !important;} /* FORMULAR */ /*************************************************************/ .ce_form {width:100%; margin: 0; padding:10px 0 8px 0; float:left;} .ce_form .formbody {} .ce_form .formbody div.widget {clear:both; width:100%; float:left;} .ce_form .formbody label {float:left; display:block; width:142px; padding:0 0 0 0; margin:2px 0 10px 0; text-align:left;} .ce_form .formbody label.error {float:left; display:block; width:142px; padding:0 0 0 0; margin:2px 0 0 0; text-align:left;} .ce_form .formbody input {float:left; width: 374px; height: 19px; margin:0; padding:2px 2px; border:1px solid #d1d1d1; background: #fff; color:#717171; font-size:1em;} .ce_form .formbody input.error {margin:0 0 8px 142px; border:1px solid #f99600;} .ce_form .formbody input:focus {border:1px solid #f99600;} .ce_form .formbody br {clear:both; margin:0; padding:0;} textarea {float: left; width:374px; height: 100px; border:none; margin:0 0 10px 0; padding:2px; background:#fff; border:1px solid #d1d1d1; color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:13px;} textarea.error {margin:0 0 12px 142px; border:1px solid #f99600;} textarea:focus {border:1px solid #f99600;} .ce_form .formbody .submit {color:#fff; background:#f99600; border:1px solid #f99600; cursor:pointer; height:27px; margin:0 0 24px 142px; padding:2px 0 6px 0; width:380px;} .ce_form .formbody p.error {float:right; width: 380px; color:#f99600; font-size:12px; padding:2px 0 0 0 !important; margin:0;} .ce_form .formbody legend {float:left; display:block; width:142px; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;} select {float:left; width: 380px; height: 25px; border: none; margin:0; padding:2px 2px; background: #fff; border:1px solid #d1d1d1; color:#717171;} .checkbox { display:block; background:none !important; border:none !important; width:14px !important; float: left; margin:3px 5px 0 0 !important; padding:0; } .checkbox_container { width:522px; display:block; float:left; padding:0 0 12px 0; } .checkbox_container label {width:340px !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .checkbox_container span { width:378px; display:block; float:right; } .checkbox_container span.mandatory { width:10px; display:inline; float:none; } .radio { display:block; background:none !important; border:none !important; width:14px !important; float: left; margin:3px 5px 0 0 !important; padding:0; } .radio_container { width:522px; display:block; float:left; padding:0 0 12px 0; } .radio_container label {width:340px !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .radio_container span { width:378px; display:block; float:right; } .radio_container span.mandatory { width:10px; display:inline; float:none; } .ce_form .g-recaptcha {clear: both; float: right; margin: 10px 0 15px 0;} /* NAVIGATION - SITEMAP (MAIN) */ /*************************************************************/ #main .mod_article .mod_sitemap {padding:0 0 30px 0;} #main .mod_article .mod_sitemap ul li {background:none; font-weight:bold; margin:0; padding:5px 0 4px 0;} #main .mod_article .mod_sitemap ul li a {padding: 0; text-decoration:none;} #main .mod_article .mod_sitemap ul li a:hover {text-decoration:none;} #main .mod_article .mod_sitemap ul li ul {padding:0; font-size:0.92em;} #main .mod_article .mod_sitemap ul li ul li {font-weight:normal; padding:0 0 0 0;} #main .mod_article .mod_sitemap ul li ul li a {font-weight:normal; padding:0 0 0 0; background:none;} #main .mod_article .mod_sitemap ul li ul li a:hover {font-weight:normal; text-decoration:none;} #main .mod_article .mod_sitemap ul li ul ul {padding:0 0 0 10px;} #main .mod_article .mod_sitemap ul li ul li ul li {padding:0;} #main .mod_article .mod_sitemap ul li ul li ul li a {background:url(../grafics/dot_orange_5x5px.gif) 4px 5px no-repeat; padding:0 0 0 14px;} #main .mod_article .mod_sitemap ul li ul li ul li a:hover {} #main .mod_article .mod_sitemap ul li ul ul ul {padding:0 0 0 10;} #main .mod_article .mod_sitemap ul li ul li ul li ul li {padding:0;} #main .mod_article .mod_sitemap ul li ul li ul li ul li a {background:url(../grafics/dot_orange_3x3px.gif) 4px 6px no-repeat; padding:0 0 0 12px;} #main .mod_article .mod_sitemap ul li ul li ul li ul li a:hover {} .mm-panel {padding:0 !important; background:#f99600 !important;} .mod_mmenu_article ul.level_1 {padding-top:0 !important; text-transform:uppercase; font-size:1.0em; line-height:1.5em; font-family:'pt_sansbold';} .mod_mmenu_article ul.level_1 li a {color:#eeeeee !important;} .mod_mmenu_article ul.level_1 li a:hover, .mod_mmenu_article ul.level_1 li a.active {color:#fff !important;} .mod_mmenu_article ul.level_2 {text-transform:none; font-family:'pt_sansbold';} .mod_mmenu_article ul.level_2 li a {padding-top:8px !important;} .mod_mmenu_article ul.level_2 li a span {padding:0 0 0 0 !important;} .mod_mmenu_article ul.level_3 {text-transform:none; padding-bottom:8px !important; font-family:Arial, Verdana, Helvetica, sans-serif;} .mod_mmenu_article ul.level_3 li a {padding:4px 0 4px 0 !important;} .mod_mmenu_article ul.level_3 li a span {padding:0 0 0 18% !important;} .mod_mmenu_article ul.level_1 li.home {display:none;} .mm-opened #footer {display:none !important;} .mm-opened #header a.mobilebtn span {display:none;} .mm-opened #header a.mobilebtn {display:block; text-decoration:none; width:auto; height:30px; padding:1px 42px 0 0; position:absolute; top:31px; right:3%; z-index:1500; background:url(../grafics/ico-responsive-nav.png) right top no-repeat; background-size: 28px auto; color:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;} .mm-menu.mm-vertical .mm-list.level_2 > li > a.mm-subopen {height: 39px; padding-top:0 !important; margin-top:0 !important;} .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.25); } .mm-menu .mm-list > li:after { border-color: rgba(255, 255, 255, 0.25); } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.85); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.85); } .mm-vertical em.mm-counter { top: 10px; margin-top: 0; } .mm-list.level_3 > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: none; width: 100%; position: absolute; bottom: 0; left: 0; } #footer .inside .mod_article .mobile {display:none;} /* FIXES */ /*************************************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ .clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; } .invisible { display:none;} /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 6, 2012 */ @font-face { font-family: 'pt_sansbold'; src: url('pt_sans-web-bold.eot'); src: url('pt_sans-web-bold.eot?#iefix') format('embedded-opentype'), url('pt_sans-web-bold.woff') format('woff'), url('pt_sans-web-bold.ttf') format('truetype'), url('pt_sans-web-bold.svg#pt_sansbold') format('svg'); font-weight: normal; font-style: normal; } /* Desktop-Mobile Settings */ #header #mod_nav_mobile {display:none;} #header a.mobilebtn {display:none;} @media (max-width:1000px){ html, body {min-width:1px; width:100%;} #wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto;} * html #wrapper {height:100%;} .mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto;} * html .mm-page {height:100%;} #header {position:relative; height:304px; width:100%; padding:0; margin:0; line-height:1.4em; z-index:1000;} #container {position:relative; min-height:100px; width:94%; padding:10px 3% 50px 3%; margin:0 auto; line-height:1.44em; z-index:800; display:inline-block;} #left {position:relative; width:20.61224489795918%; padding:0; margin:0 3.061224489795918% 0 0; display:block; z-index:900; float:left;} #right {position:relative; width:20%; padding:0; margin:0 0 0 3.061224489795918%; display:block; z-index:900; float:right; text-align:right;} #main {position:relative; width:53.26530612244898%; padding:0; margin:0; display:block; float:left;} #footer {width:100%; height:142px; font-size:14px; padding:0; position: relative; z-index:600; margin-top: -142px; display:block; margin-left:auto; margin-right:auto; display:block; clear:both;} #footer .inside {width:100%; height:142px; display:block; margin:0; padding:0; background:url(../grafics/bg_footer.png) right bottom no-repeat; position:relative;} #footer .inside .mod_article {width:73.93877551020408%; border-top:1px solid #d1d1d1; position:relative; top:0; left:0; margin:0 0 0 3%; padding:0; font-size:0.88em; line-height:1.44em; color:#323232;} #footer .inside .mod_article .spalte1 {width:26.79045092838196%; height:90px; float:left; position:relative; padding:22px 3.978779840848806% 0 0;} #footer .inside .mod_article .spalte2 {width:40.59183673469388%; height:90px; float:left; position:relative; padding:22px 0 0 0;} #footer .inside .mod_article .spalte3 {width:23.6734693877551%; height:90px; float:left; position:relative; padding:22px 0 0 0;} #footer .inside .mod_article .spalte1 div {padding: 0 0 0 0;} #footer .inside .mod_article .spalte1 p {padding: 0 0 12px 0;} .endcontent {height:142px; width:100%; display:block; position:relative;} .navigation {right:3%;} #header .mod_nav_service {z-index:1200; position:absolute; top:14px; right:3%; width:460px;} #left .mod_nav_main {width:100%;} #left .mod_nav_main ul {width:100%; line-height:1.2em;} #left .mod_nav_main ul li {width:100%;} #left .mod_nav_main ul li a {padding:0 23.76237623762376% 0 7px; width:76.23762376237624%;} #left .mod_nav_main ul li ul {width:100%;} #left .mod_nav_main ul li ul li {width:100%;} #left .mod_nav_main ul li ul li a {margin-left:0; margin-right:23.76237623762376%; width:76.23762376237624%;} #right .mod_nav_sub ul {width:100%; line-height:1em;} #right .mod_nav_sub ul li {width:100%; text-align:right;} #right .mod_nav_sub ul li a {margin-left:20.40816326530612%; margin-right:0; width:79.59183673469388%;} #right .mod_newslist .layout_simple {float:right; margin:10px 0 24px 0;} #right .mod_newslist .layout_simple .image_container {width:100%; height:165px !important;} #right .mod_newslist .layout_simple .newsteaser {padding:10px; text-align:right;} #left .mod_nav_main ul li a {color:#8b8c8e; padding:0 0 7px 0; width:100%; display:block;} body.bedachungen #logo {position:absolute; left:3%; top:43px;} body.betonfassade #logo {position:absolute; left:3%; top:53px;} #logo_betonfassade {position:absolute; left:3%; top:248px;} #logo_bydoerig {position:absolute; left:3%; top:248px;} #main .ce_text .image_container {margin:10px 3.448275862068966% 4px 0; width:38.31417624521073% !important; float:left;} #main .ce_text .image_container img {width:100% !important; height:auto !important;} #main .ce_text.bildbreite .image_container {width:auto !important;} #main .ce_image.bildbreite .image_container {width:auto !important; float:none; clear:both;} #container .referenzen p {padding-bottom:0;} .referenzen .col_0 {width:35%; } .referenzen .col_1 {width:65%; padding-right:0;} .referenzen .col_0 p {width:100%; border-bottom:1px dotted #d1d1d1;} .referenzen .col_1 p {width:100%; border-bottom:1px dotted #d1d1d1; padding-right:0;} /* YOUTUBE */ .content-youtube {width:100% !important; float:none; display:inline-block; padding:0 0 24px 0; position:relative;} .content-youtube .mejs-layer {margin:0 auto; position:relative; width:100% !important;} .content-youtube .mejs-container {margin:14px auto 0 auto; position:relative; width:100% !important;} .content-youtube .me-plugin {width:100% !important; height:386px !important;} .content-youtube .mejs-shim {width:100% !important; height:386px !important;} /* FORMULAR */ /*************************************************************/ .ce_form .formbody label {float:left; display:block; width:35%; padding:0 0 0 0; margin:2px 0 10px 0; text-align:left;} .ce_form .formbody label.error {float:left; display:block; width:35%; padding:0 0 0 0; margin:2px 0 0 0; text-align:left;} .ce_form .formbody input {float:right; width: 62%; height: 19px; margin:0; padding:2px 2px; border:1px solid #d1d1d1; background: #fff; color:#717171; font-size:1em;} .ce_form .formbody input.error {margin:0 0 8px 0; border:1px solid #f99600;} .ce_form .formbody input:focus {border:1px solid #f99600;} textarea {float: right; width:62%; height: 100px; border:none; margin:0 0 10px 0; padding:2px; background:#fff; border:1px solid #d1d1d1; color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:13px;} textarea.error {margin:0 0 12px 0; border:1px solid #f99600;} textarea:focus {border:1px solid #f99600;} .ce_form .formbody .submit {color:#fff; background:#f99600; border:1px solid #f99600; cursor:pointer; height:27px; margin:0 0 24px 0; padding:2px 0 6px 0; width:63%;} .ce_form .formbody p.error {float:right; width: 380px; color:#f99600; font-size:12px; padding:2px 0 0 0 !important; margin:0;} .ce_form .formbody legend {float:left; display:block; width:142px; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;} select {float:left; width: 380px; height: 25px; border: none; margin:0; padding:2px 2px; background: #fff; border:1px solid #d1d1d1; color:#717171;} .ce_form .formbody .checkbox_container input {float: left;} .checkbox_container { width:100%; display:block; float:left; padding:0 0 12px 0; } .checkbox_container label {width:340px !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .checkbox_container span { width:100%; display:block; float:right; } .radio_container { width:522px; display:block; float:left; padding:0 0 12px 0; } .radio_container label {width:340px !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .radio_container span { width:378px; display:block; float:right; } } @media (max-width:850px){ } @media (max-width:810px){ #header #mod_nav_mobile {display:block;} #header a.mobilebtn span {display:block; font-size:1.2em; line-height:1.5em; font-family:'pt_sansbold'; text-transform:uppercase; color:#f99600;} #header a.mobilebtn {display:block; text-decoration:none; width:auto; height:30px; padding:1px 42px 0 0; position:absolute; top:31px; right:3%; z-index:1500; background:url(../grafics/ico-responsive-nav.png) right top no-repeat; background-size: 28px auto; color:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;} #header .navigation {display:none;} #header .mod_nav_service {display:none;} #header {height:120px;} /*body.bedachungen #header {background:url(../grafics/bedachungen.jpg) left top no-repeat; background-size:cover;} body.betonfassade #header {background:url(../grafics/fassadenbau.jpg) left top no-repeat; background-size:cover;}*/ body.bedachungen #logo {top:12px;} body.betonfassade #logo {top:22px;} #logo_betonfassade {top:80px;} #logo_bydoerig {top:80px;} #left {display:none;} #main {width:71.93877551020408%;} #right {width:24%; margin:0 0 0 4.061224489795918%;} #footer .inside .mod_article .spalte1 {width:40%; height:90px; float:left; position:relative; padding:22px 3.978779840848806% 0 0;} #footer .inside .mod_article .spalte2 {display:none;} #footer .inside .mod_article .spalte3 {display:none;} #footer .inside .mod_article .spalte1 div {padding: 0 0 0 0;} #footer .inside .mod_article .spalte1 p {padding: 0 0 28px 0;} #footer .inside .mod_article .mobile {width:54%; height:90px; float:left; position:relative; padding:22px 0 0 0; display:block;} #footer .inside .mod_article .mobile p.break br {display:none;} #right .mod_nav_sub {display:none;} } @media (max-width:699px){ #right .mod_newslist .layout_simple {width:100%;} #right .mod_newslist .layout_simple .image_container img {width:100% !important; height:auto !important;} } @media (max-width:599px){ body.bedachungen #logo {top:19px;} body.betonfassade #logo {top:31px;} #logo_betonfassade {top:74px;} #logo_bydoerig {top:74px;} body.betonfassade #logo {width:210px !important; height:auto !important;} body.bedachungen #logo {width:90px !important; height:auto !important;} body.betonfassade #logo img, #logo_betonfassade img {width:100% !important; height:auto !important;} body.bedachungen #logo img, #logo_bydoerig img {width:100% !important; height:auto !important;} #footer {width:100%; height:242px; font-size:14px; padding:0; position: relative; z-index:600; margin-top: -242px; display:block; margin-left:auto; margin-right:auto; display:block; clear:both;} #footer .inside {width:100%; height:242px; display:block; margin:0; padding:0; background:url(../grafics/bg_footer.png) right bottom no-repeat; position:relative;} #footer .inside .mod_article {width:94%; border-top:1px solid #d1d1d1; position:relative; top:0; left:0; margin:0 3% 0 3%; padding:0; font-size:0.88em; line-height:1.44em; color:#323232;} #footer .inside .mod_article .spalte1 div {padding: 0 0 0 0;} #footer .inside .mod_article .spalte1 p {padding: 0 0 12px 0;} #footer .inside .mod_article .spalte1 {width:100%; height:90px; float:left; position:relative; padding:22px 0 0 0;} #footer .inside .mod_article .mobile {width:100%; height:auto; float:left; position:relative; padding:12px 0 0 0; display:block;} #footer .inside .mod_article .mobile p.break br {display:block;} #footer .inside .mod_article .mobile p.break span.hide {display:none;} .endcontent {height:242px; width:100%; display:block; position:relative;} #main {width:100%; float:left;} #right {width:100%; margin:0 0 0 0; float:left; text-align:left;} #right .mod_newslist {float:left; width:100%; clear:both;} #right .mod_newslist .layout_simple {float:left; margin:10px 0 24px 0; width:auto !important;} #right .mod_newslist .layout_simple .image_container {width:100%; height:165px !important;} #right .mod_newslist .layout_simple .newsteaser {text-align:left;} #right .mod_nav_sub {display:none;} } @media (max-width:580px){ } @media (max-width:550px){ } @media (max-width:449px){ #header a.mobilebtn span {display:none;} #header a.mobilebtn {top:26px;} .mm-opened #header a.mobilebtn {top:26px;} #container .referenzen td {font-size:0.83em;} } @media (max-width:399px){ .referenzen .col_0 {width:44%; border-bottom:1px dotted #d1d1d1;} .referenzen .col_1 {width:56%; padding-right:0; border-bottom:1px dotted #d1d1d1;} .referenzen .col_0 p {width:100%; border-bottom:none;} .referenzen .col_1 p {width:100%; border-bottom:none;} /* YOUTUBE */ .ce_youtube {width:100% !important; float:none; display:inline-block; padding:0 0 24px 0; position:relative;} .ce_youtube .mejs-layer {margin:0 auto; position:relative; width:100% !important; height:300px !important;} .ce_youtube .mejs-container {margin:14px auto 0 auto; position:relative; width:100% !important; height:300px !important;} .ce_youtube .me-plugin {width:100% !important; height:300px !important;} .ce_youtube .mejs-shim {width:100% !important; height:300px !important;} }