@charset "UTF-8"; body { margin:0px; padding:0px; text-align:center; background:#fff; } body, td, th, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#575756; } br.clear { display:block; height:1px; line-height:0px; clear:both; overflow:hidden; } #all { width:700px; margin:0px auto; text-align:left; } #top { height:115px; position:relative; } #logo { position:absolute; top:0px; left:0px; z-index:11; } #claim { position:absolute; top:55px; left:143px; height:30px; line-height:30px; font-size:14px; color:#fc9601; z-index:10; } #line { position:absolute; top:68px; right:0px; z-index:9; } #head { height:50px; line-height:25px; } #head h1 { color:#529e52; font-size:14px; font-weight:normal; text-transform:uppercase; margin:0px; } #head p { margin:0px; } #main { text-align:center; } #contactform { text-align:left; width:370px; margin:25px auto 0px; } #index { text-align:left; width:340px; margin:70px auto 0px; position:relative; left:-70px; } #main form { box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; display:block; position:relative; padding:5px; border:1px solid #aba9a9; } #main h2 { font-size:11px; margin:0px 0px 15px; } #main form h3 { font-size:11px; margin:0px 0px 30px; } label, span.label { display:block; width:80px; float:left; line-height:22px; font-size:12px; } #contactform form label, #contactform span.label { width:110px; } #index form label { width:60px; } .span-input { display:block; float:left; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; height:22px; width:240px; padding:0px 3px; /*text-transform:uppercase;*/ /*color:#aaa8a9;*/ font-size:12px; line-height:20px; border:1px solid #eeeeee; background-color: #eeeeee; } .input { display:block; float:left; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; height:22px; width:240px; padding:0px 3px; /*text-transform:uppercase;*/ /*color:#aaa8a9;*/ font-size:12px; line-height:20px; border:1px solid #bbb; -moz-box-shadow: 2px 1px 2px rgba(0,0,0,0.07); -webkit-box-shadow: 2px 1px 2px rgba(0,0,0,0.07); box-shadow: 2px 1px 2px rgba(0,0,0,0.07); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fafafa 50%, #fcfdfd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#fafafa), color-stop(100%,#fcfdfd)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#fafafa 50%,#fcfdfd 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#fafafa 50%,#fcfdfd 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#fafafa 50%,#fcfdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfdfd',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#ffffff 50%,#fafafa 50%,#fcfdfd 100%); background-color: #fff; } form .input-street, form .input-town, #contactform .span-street, #contactform .span-town, #contactform .label-street, #contactform .label-town { width:158px; } form .input-zip, form .input-housenumber, form .input-onkz, #contactform .span-zip, #contactform .label-zip, #contactform .span-housenumber, #contactform .label-housenumber, #contactform .span-onkz { width:56px !important; } form .input-housenumber, form .input-town { float:right; } form .label-phone, form .label-products { width:auto !important; } .vcheck-row { display:block; clear:both; position:relative; width:324px; } #contactform .vcheck-row { width:254px; } .vcheck-col { clear:both; height:43px; } form .vcheck-col-street { width:224px; float:left; } #contactform .vcheck-col-street { width:172px; } form .vcheck-col-housenumber { clear:none; width:96px; float:right; } #contactform .vcheck-col-housenumber { width:62px; float:left; } form .vcheck-col-zip { width:130px; float:left; } #contactform .vcheck-col-zip { width:70px; } form .vcheck-col-town { clear:none; width:190px; float:right; } #contactform .vcheck-col-town { width:164px; float:left; } form .vcheck-col-housenumber label, form .vcheck-col-town label { width:26px !important; text-align:center; } .errorspan { background:url(/img/default//error.png) no-repeat; display:block; font-size:10px; color:#fff; line-height:12px; width:140px; height:39px; float:left; position:absolute; top:-8px; right:-129px; } #contactform .errorspan { top:14px !important; } .errorspan-last { right:-269px; } .errorspan-big { background:url(/img/default//errorbig.png) no-repeat !important; height:51px !important; top:-14px !important; } .errorspan span { display:block; padding:6px 6px 0px 23px; } .vcheck-submit { display:block; clear:both; text-align:right; padding-top:40px; } .submit { /* display:block; clear:both; float:right; */ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:28px; width:72px; border:1px solid #bbbbbb; padding:0px 2px; text-align:center; color:#529e52; font-size:14px; line-height:26px; -moz-box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); -webkit-box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 50%, #f7f7f7 50%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#fafafa), color-stop(50%,#f7f7f7), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); background: -o-linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); background: -ms-linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 ); background: linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); background-color: #fff; border-top-left-radius:2px 2px; border-top-right-radius:2px 2px; border-bottom-right-radius:2px 2px; border-bottom-left-radius:2px 2px; text-transform:uppercase; } .error .input { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background: -moz-linear-gradient(top, #fdb702 0%, #fb7500 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb702), color-stop(100%,#fb7500)); background: -webkit-linear-gradient(top, #fdb702 0%,#fb7500 100%); background: -o-linear-gradient(top, #fdb702 0%,#fb7500 100%); background: -ms-linear-gradient(top, #fdb702 0%,#fb7500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb702', endColorstr='#fb7500',GradientType=0 ); background: linear-gradient(top, #fdb702 0%,#fb7500 100%); background-color: #fc9101; border: 1px solid #fc9601; -moz-box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); -webkit-box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); color: #FFFFFF; } #noresult { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background: -moz-linear-gradient(top, #fdb702 0%, #fb7500 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb702), color-stop(100%,#fb7500)); background: -webkit-linear-gradient(top, #fdb702 0%,#fb7500 100%); background: -o-linear-gradient(top, #fdb702 0%,#fb7500 100%); background: -ms-linear-gradient(top, #fdb702 0%,#fb7500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb702', endColorstr='#fb7500',GradientType=0 ); background: linear-gradient(top, #fdb702 0%,#fb7500 100%); background-color: #fc9101; -moz-box-shadow: -2px 1px 2px rgba(0,0,0,0.07); -webkit-box-shadow: -2px 1px 2px rgba(0,0,0,0.07); box-shadow: -2px 1px 2px rgba(0,0,0,0.07); color: #FFFFFF; font-size:14px; font-weight:bold; line-height:36px; text-align:center; margin-top:40px; border-top-left-radius:4px 4px; border-top-right-radius:4px 4px; border-bottom-right-radius:4px 4px; border-bottom-left-radius:4px 4px; } #loading-outer { text-align:center; } #loading { width:450px; margin:150px auto 0px; text-align:left; } #loading h3 { background:#4d4a49; height:16px; line-height:16px; color:#fff; font-size:11px; padding:0px 12px; margin:0px 0px 1px; } #loading #status { padding:9px 12px; border:1px solid #aba9a9; } #loading #total { height:18px; background: -moz-linear-gradient(top, #efefef 0%, #afafaf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#afafaf)); background: -webkit-linear-gradient(top, #efefef 0%,#afafaf 100%); background: -o-linear-gradient(top, #efefef 0%,#afafaf 100%); background: -ms-linear-gradient(top, #efefef 0%,#afafaf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#afafaf',GradientType=0 ); background: linear-gradient(top, #efefef 0%,#afafaf 100%); background-color: #fc9101; } /* #loading #loaded { height:18px; width:1px; background: -moz-linear-gradient(top, #fdb702 0%, #fb7500 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb702), color-stop(100%,#fb7500)); background: -webkit-linear-gradient(top, #fdb702 0%,#fb7500 100%); background: -o-linear-gradient(top, #fdb702 0%,#fb7500 100%); background: -ms-linear-gradient(top, #fdb702 0%,#fb7500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb702', endColorstr='#fb7500',GradientType=0 ); background: linear-gradient(top, #fdb702 0%,#fb7500 100%); background-color: #fc9101; } */ #loading #loaded { height:18px; background: url(/img/default//wait.gif) no-repeat; } #center { text-align:center; } #result-outer { text-align:center; } #result { width:650px; margin:0px auto; text-align:left; padding-top:25px; text-align:left; } #result h3 { font-size:11px; line-height:24px; margin:0px 0px 8px; } #result table { border:none; padding:0px; border-collapse:collapse; width:100%; } #result th { border-top:1px solid #4d4a49; border-bottom:1px solid #4d4a49; line-height:22px; text-transform:uppercase; font-weight:normal; font-size:13px; vertical-align:middle; width:160px; } .table-carrier th { width:auto !important; } #result th.th { width:auto !important; } #result td.th { background:#eaeaea; font-size:13px; padding:8px 5px 8px 10px; text-align:left; white-space:nowrap; } #result td { border-bottom:1px solid #4d4a49; vertical-align:middle; line-height:22px; padding:8px 8px 8px 8px; text-align:center; } #result td.result_true { } #result .span-result { width:25px; height:20px; overflow:hidden; text-indent:-20000px; display:block; background-image:url(/img/default//result.png); background-repeat:no-repeat; float:left; } .table-result .span-result { position:relative; left:36px; } #result td.result_true .span-result, #legend li.legend-true { background-position:left -20px; } #result td.result_unknown .span-result, #legend li.legend-unknown { background-position:left -40px; } #result td.result_unavailable .span-result, #legend li.legend-unavailable { background-position:left -60px; } #result td.result_false .span-result, #legend li.legend-false { background-position:left -0px; } #result td.result_planned .span-result, #legend li.legend-planned { background-position:left -80px; } #result td.result_project .span-result, #legend li.legend-project { background-position:left -100px; } #result td.result_error .span-result, #legend li.legend-error { background-position:left -120px; } #legend li.legend-ld { background-position:left -140px; } #legend li.legend-city { background-position:left -160px; } #result .span-ld { width:25px; height:20px; overflow:hidden; text-indent:-20000px; display:block; background-image:url(/img/default//result.png); background-repeat:no-repeat; background-position:left -140px; float:left; position:relative; left:36px; } #result .span-city { width:31px; height:20px; overflow:hidden; text-indent:-20000px; display:block; background-image:url(/img/default//result.png); background-repeat:no-repeat; background-position:left -160px; float:left; position:relative; left:36px; } p.small { font-size:11px; margin:10px 0px 30px; } #legend { margin:0px; padding:0px; list-style:none; } #legend li { line-height:20px; margin-bottom:2px; padding-left:38px; background-image:url(/img/default//result.png); background-repeat:no-repeat; font-size:11px; } .legend-wo li { padding-left:0px !important; background-image:none !important; } p.contact { font-weight:bold; margin:30px 0px 10px; } p.contact a { color:#575756; } div.checkbox { display:block; width:250px; float:left; } div.checkbox label { width:105px !important; } input.checkbox { float:left; } .span-textarea { display:block; width:240px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #f0f0f0; background:#f0f0f0; padding:6px; border-top-left-radius:6px 6px; border-top-right-radius:6px 6px; border-bottom-right-radius:6px 6px; border-bottom-left-radius:6px 6px; float:left; } .textarea { width:100%; height:90px; padding:6px; border:1px solid #434241; } #msg { text-align:left; width:420px; margin:0px auto; padding-top:40px; } #msg h2 { font-size:13px; margin:0px 0px 10px; } #msg p { margin:0px 0px 10px; } a.contact { font-size: 14px !important; text-transform: uppercase; width: 148px !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:28px; width:72px; border:1px solid #bbbbbb; padding:0px 2px; text-align:center; position:absolute; left:332px; top:-5px; text-decoration:none; color: #529E52; font-size:13px; line-height:26px; -moz-box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); -webkit-box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); box-shadow: inset -1px -1px 0px rgba(255,255,255,1), inset 1px 1px 0px rgba(255,255,255,1), -2px 1px 2px rgba(0,0,0,0.07); background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 50%, #f7f7f7 50%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#fafafa), color-stop(50%,#f7f7f7), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); background: -o-linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); background: -ms-linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 ); background: linear-gradient(top, #fefefe 0%,#fafafa 50%,#f7f7f7 50%,#f5f5f5 100%); background-color: #fff; border-top-left-radius:2px 2px; border-top-right-radius:2px 2px; border-bottom-right-radius:2px 2px; border-bottom-left-radius:2px 2px; } a.contact:hover, .submit:hover { color:#fff; -moz-box-shadow: inset -1px -1px 0px rgba(255,255,255,0.75), inset 1px 1px 0px rgba(255,255,255,0.75), -2px 1px 2px rgba(0,0,0,0.07); -webkit-box-shadow: inset -1px -1px 0px rgba(255,255,255,0.75), inset 1px 1px 0px rgba(255,255,255,0.75), -2px 1px 2px rgba(0,0,0,0.07); box-shadow: inset -1px -1px 0px rgba(255,255,255,0.75), inset 1px 1px 0px rgba(255,255,255,0.75), -2px 1px 2px rgba(0,0,0,0.07); background: -moz-linear-gradient(top, #92ce92 0%, #327e32 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92ce92), color-stop(100%,#327e32)); background: -webkit-linear-gradient(top, #92ce92 0%,#327e32 100%); background: -o-linear-gradient(top, #92ce92 0%,#327e32 100%); background: -ms-linear-gradient(top, #92ce92 0%,#327e32 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92ce92', endColorstr='#327e32',GradientType=0 ); background: linear-gradient(top, #92ce92 0%,#327e32 100%); background-color: #62ae62; border:1px solid #529e52; } #check form { display:block; margin:0px; padding:0px; text-align:left; width:480px; margin:20px 0px; } #check table { border-collapse:collapse; border-top:1px dashed #ccc; width:480px; } #check td { vertical-align:top; padding:3px 5px; border-bottom:1px dashed #ccc; } #check .td-input { line-height:22px; } #check label { width:430px; line-height:18px; font-size: 12px; } .check-row { display:block; width:450px; overflow:hidden; } .check-label { display:block; width:80px; float:left; } .check-value { display:block; width:370px; float:left; } #check .submit { width:120px; } #check p.error { color:#f00; } .check-left { width:480px; float:left; } .check-right { width:200px; float:right; } /* .check-right ul { margin-left:20px } */