/* CLEARFIX */ .clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height: 0; height: 0; } .clearfix{ display:inline-block; } html[xmlns] .clearfix{ display:block; } * html .clearfix{ height: 1%; } /* SOCIAL TOOLS */ .mod_socialshareprivacy{ float:right; width:585px; margin-right:45px; border-bottom:1px solid #ccc; } .social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info{ bottom:auto; top:40px; display:inline-block; height:100px; left:0; } .mod_socialshareprivacy{ overflow:visible; } .social_share_privacy_area li.gplus.help_info .info{ left:0; } /*.mod_socialshareprivacy{ width:150px; overflow:visible; } .social_share_privacy_area li{ clear:both; padding:10px 0; } .social_share_privacy_area li div.dummy_btn{ clear:both; } .social_share_privacy_area .facebook, .social_share_privacy_area .twitter, .social_share_privacy_area .gplus{ display:block; border-top:1px solid #ccc; display:block; padding:10px; }*/ /* CUSTOM */ body{ background:#e6e6e6; } body, td, p, li, div{ font:13px/160% Arial; color:#333333; font-family:Arial; font-style:normal; font-weight:400; } * { -webkit-font-smoothing:subpixel-antialiased!important; } h1, h2, h3, h4, h5, p, blockquote{ margin:0; padding:0; } h1, h2, h3, h4, h5 { font-weight:normal; line-height:normal; } h1{ font-family:'Roboto Slab'; font-size:70px; margin:0 0 20px; color:#04305b; font-weight:200; font-style:normal; line-height:65px; letter-spacing: -.04em; } h2{ font-family:'Roboto Slab'; font-size:50px; margin:0 0 .5em; color:#04305b; font-weight:200; font-style:normal; } h3{ font-family:'Roboto Slab'; font-size:40px; margin:0 0 .5em; color:#04305b; font-weight: 200; font-style:normal; } h4{ font-family:'Roboto Slab'; font-size:30px; margin:0 0 5px; color:#000; font-weight: 200; font-style:normal; } h5{ font-size:20px; color:#dddd27; margin-bottom:1em; } h1 strong, h2 strong, h3 strong{ color:#dddd27; font-weight:200; } p, ul { margin: 0 0 1em 0; } b, strong {font-weight: 600; } ul{ padding-left:20px; } a{ color:#dddd27; text-decoration:none; } a:hover{ color:#dddd27; text-decoration:underline; } .grey{ color:#999; } .italic{ font-style:italic; } .image_container{ margin:0; } #header{ position:fixed; z-index:1000; width:100%; background:transparent url(../../tl_files/wow/header.png) top center repeat-x; } #header .inside{ width:1000px; margin:0 auto; } #logo{ position:absolute; top:25px; left:10px; } #claim{ margin:40px 0 0 45px; } #container{ background:transparent url('../img/container.png') left top repeat-y; } #main{ } #main .inside{ padding:80px 0 0; } #main p, #main span{ color:#333; } #main .inside .inside{ padding:0; } #footer{ background:transparent url('../img/footer.png') left top no-repeat; } #footer .inside{ } #footer p, #footer a{ color:#666; } .mod_article{ margin:0 10px; } .mod_article .article_inside{ margin-top:0px; } .ce_text.left{ margin:35px 0 0 45px; width:260px; float:left; } .ce_text.right, .ce_form.right{ float:right; width:585px; margin:35px 45px 15px 0; } #home .article_inside{ position:relative; height:646px; overflow:hidden; background:#fff url(../../tl_files/wow/home.jpg) top left no-repeat; } #home .article_inside .ce_text{ padding:30px 0 0 45px; } #home .article_inside p{ font-size:16px; color:#00396b; } #parallax_1{ position:absolute; left:0; top:0px; width:490px; height:723px; background:transparent url(../../tl_files/wow/para-2.png) top left no-repeat; } #parallax_2{ position:absolute; left:490px; top:0px; width:490px; height:723px; background:transparent url(../../tl_files/wow/para-1.png) top left no-repeat; } #beschreibung .article_inside{ height:230px; } #kontakt .article_inside{ min-height:290px; padding-bottom:0; background:#04305b; } #kontakt h3, #kontakt h2 strong, #kontakt p, #kontakt a{ color:#fff; } #kontakt td{ padding:0; color:#fff; } #contact{ min-height:200px; } #lage{ margin:0; position:relative; } #lage.mod_article .article_inside{ margin-top:10px; } #lage .article_inside{ height:670px; background:transparent url('../img/lage.png') left -10px no-repeat; padding:0px 10px; } #lage .mod_dlh_googlemaps{ margin:0 0 0 10px; } #map_shadow_top{ position:absolute; top:10px; left:10px; width:980px; height:20px; background:transparent url('../img/map-shadow-top.png') top left no-repeat; } #map_shadow_bottom{ position:absolute; top:640px; left:10px; width:980px; height:20px; background:transparent url('../img/map-shadow-bottom.png') top left no-repeat; } #map_text{ position:absolute; top:10px; left:20px; width:260px; height:650px; background:transparent url('../img/map-text.png') repeat; padding:0 40px } #map_text p, #map_text h2, #map_text td, #map_text li{ color:#fff; } #map_text h3{ margin-top:30px; color:#fff; } #cloud_1{ position:absolute; top:70px; left:100px; width:530px; height:303px; background:transparent url('../img/cloud-1.png') top left no-repeat; } #cloud_2{ position:absolute; top:580px; left:520px; width:388px; height:255px; background:transparent url('../img/cloud-2.png') top left no-repeat; } #partner table{ width:100%; margin-bottom:25px; } #partner td{ width:50%; } #partner td, #partner td p{ color:#00396b; } #impressum .article_inside{ margin-top:20px; } #impressum h4{ font-size:30px; color:#7b7c7e; } #impressum .right{ clear:both; border-bottom:1px solid #ccc; padding:0 0 10px; margin:10px 45px 10px 0; } #impressum .right.first{ clear:right; margin-top:35px; } #impressum .right.last{ border-bottom:none; } #impressum td{ padding:0 0 0 0; vertical-align:top; } #impressum td, #impressum p, #impressum td a{ color:#7b7c7e; } #navigation{ position:absolute; margin:0; overflow:visible; top:20px; right:0; } #navigation ul{ display:block; padding:0 0 0 0; margin:0 auto; width:auto; float:right; } #navigation ul li{ margin: 0; padding:0; display: block; padding:0 0; float:left; } #navigation ul li.last{ background:none; } #navigation ul li a { font-family:'Roboto Slab'; display:block; line-height:20px; padding:20px 15px 45px; color:#dddd27; font-size:18px; text-transform:uppercase; font-weight:200; } #navigation ul li.first{ } #navigation ul li.last{ } #navigation ul li.active, #navigation ul li.trail{ } #navigation ul li.active a, #navigation ul li.trail a, #navigation ul li a.active{ color:#fff; background:transparent url(../../tl_files/wow/navigation-active.png) center bottom no-repeat; } #navigation ul li.hover a, #navigation ul li a:hover{ color:#ffffff; text-decoration:none; } #navigation ul li ul{ display:none; } #navigation ul li.active ul, #navigation ul li.trail ul{ display:block; } #navigation ul li.hover ul{ display: block; } #navigation ul li ul li{ } #navigation ul li ul li a, #navigation ul li.active ul li a, #navigation ul li.trail ul li a{ } #navigation ul li ul li a:hover{ } #navigation ul li ul li.active a, #navigation ul li ul li.trail a{ } /*#subnavigation ul{ list-style:none; margin:0; padding:2px 0 0; background:transparent url('../img/submenu.png') top left repeat-x; } #subnavigation ul li{ } #subnavigation ul li a{ display:block; line-height:18px; padding:12px 0 13px 10px; font-weight:bold; font-size:13px; background:transparent url('../img/submenu.png') bottom left repeat-x; text-transform:uppercase; color:#fff; text-shadow:0 0 5px #000; } #subnavigation ul li a:before{ content: "ยป "; } #subnavigation ul li.active ul li a, #subnavigation ul li.trail ul li a{ } #subnavigation ul li a:hover, #subnavigation ul li.active a, #subnavigation ul li.trail a{ text-decoration:none; text-shadow:0 0 10px #000; } #subnavigation ul li ul{ display:none; } #subnavigation ul li ul li a{ padding-left:50px; background-position:35px 13px; font-weight:normal; font-size:11px; } #subnavigation ul li.active ul, #subnavigation ul li.trail ul{ display:block; } #subnavigation ul li.active ul li ul, #subnavigation ul li.trail ul li ul{ display:none; } #subnavigation ul li ul li ul{ display:none; } #subnavigation ul li ul li.active ul, #subnavigation ul li ul li.trail ul{ display:block; } #subnavigation ul li ul li ul li a{ padding-left:70px; background-position:55px 13px; font-weight:normal; font-size:11px; } */ /*.formbody .col_0{ width:180px; color:#eee; } .formbody .col_0, .formbody .col_1{ padding: 3px 0 5px; vertical-align:top; } .formbody input[type=text], .formbody input[type=password], .formbody textarea{ border:1px solid #ccc; background:#f6f6f6; } .formbody .error{ color:#c00; } .formbody .captcha_text{ clear:both; display:block; } .formbody .col_1 fieldset{ padding:0; border:none; } .submit_container input{ float:right; font-size:20px; }*/ .formbody p, .formbody label{ font-size:13px; } .formbody fieldset{ border:none; padding:0; } .formbody label{ display:block; float:left; clear:both; width:130px; padding:7px 0 0 0; } .formbody fieldset label{ display:inline; clear:none; width:auto; float:none; padding-right:10px; } .formbody fieldset legend{ display:none; } .formbody input[type=text], .formbody input[type=password], .formbody textarea, .formbody select{ width:250px; margin-bottom:10px; } .formbody .explanation{ margin:10px 0 10px 0; } .submit_container input{ margin:25px 0 35px; } .pagination{ margin-top:30px; } .pagination p{ text-align:center; color:#999; } .pagination ul{ list-style:none; padding-left:0; margin-left:0; float:right; } .pagination ul li{ display:block; float:left; line-height:15px; padding:3px 8px; } .mod_breadcrumb{ margin:0 0 15px; font-size:11px; color:#eee; padding:3px 0; } dl { float: left; width: 520px; margin: 1em 0; padding: 0; } dl dt { clear: left; float: left; width: 200px; margin: 0; padding: 5px; font-weight: bold; } dl dd { float: left; width: 300px; margin: 0; padding: 5px; } dl dt.altrow, dl dd.altrow{ background:#eee; } #white-wave { position: absolute; top: 102px; left: 0; width: 980px; left: 50%; margin-left: -490px; display: none; } #logo-wow { position: absolute; top: 490px; left: 50%; margin-left: 150px; } #parallax_1, #parallax_2 { width: 980px; left: 0; background-position: 0 -20px; } #home .article_inside .ce_text { padding: 80px 0 0 45px; } #parallax_main h1, #parallax_main li { color: #fff; } #parallax_main h1 { text-shadow: 2px 2px 10px #000; } #parallax_main > ul { padding: 0; list-style: none; float: right; width: 500px; margin-top: -158px; } #parallax_main > ul > li { padding: 3px 50px 3px 60px; font-size: 24px; font-family: 'Roboto Slab'; font-weight: 300; text-align: right; color: #04305b; } #beschreibung .article_inside { padding-top: 20px; } #lage h3 { color: #dddd27; } .modell { padding: 30px 10px 0; } .modell img { float: left; max-width: 100%; height: auto; } #siegerentwurf { position: absolute; top: 690px; left: 50%; width: 490px; color: #dddd27; text-align: left; font-family: "Roboto Slab"; font-size: 14px; margin-left: -440px; text-shadow: 0 0 3px #000; } #ifb { position: absolute; top: 500px; right: 0; z-index: 1031; max-width: 370px; } #ifb img { max-width: 100%; height: auto; } #ifb:hover { max-width: 500px; }