html,body {
height:100%;
margin:0;
padding:0;
}
img {
border:0;
margin:0;
padding:0;
}
.clear {
clear:both;
font-size:.1px;
height:.1px;
line-height:.1px;
}
.skiplink,.skiplink:hover,.skiplink:visited {
left:-1000px;
overflow:hidden;
position:absolute;
top:-1000px;
}
.skiplink:focus,.skiplink:active {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
background-color:#fff;
border:1px solid #dedede;
box-shadow:0 0 2px #dedede;
font-size:1.4em;
left:0;
padding:5px;
position:absolute;
top:0;
}
body {
background-color:#ebebeb;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
color:#666;
font-family:arial, verdana, sans-serif;
font-size:62.5%;
text-align:center;
}
#wrapper {
margin:0;
min-height:100%;
position:relative;
text-align:left;
}
#header {
height:192px;
margin:0 auto;
position:relative;
width:960px;
}
#navi {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
background-color:#fff;
border:1px solid #dedede;
box-shadow:0 0 2px #dedede;
height:40px;
left:258px;
position:absolute;
top:120px;
width:700px;
}
#teaser {
background-image:url(../img/bg-teaser.jpg);
background-repeat:no-repeat;
height:346px;
margin:0 auto;
padding:20px 0 0;
width:960px;
}
#teaser h1 {
font-size:2.6em;
font-weight:400;
margin:0;
}
#teaser h2 {
font-size:2em;
font-weight:400;
margin:5px 0 0;
}
#teaser ul {
margin:20px 0 0;
padding:0;
}
#content {
background-image:url(../img/bg-content-teaser.jpg);
background-repeat:no-repeat;
height:197px;
margin:25px auto 0;
padding-bottom:60px;
width:960px;
}
#col_1,#col_2,#col_3 {
float:left;
width:270px;
}
#col_1 {
margin:10px 56px 0 20px;
}
#col_2 {
margin:10px 56px 0 0;
}
#col_3 {
margin:10px 0 0;
}
#col_1 h2,#col_2 h2,#col_3 h2 {
color:#fff;
font-size:1.8em;
font-weight:400;
margin:0;
padding:0;
text-align:left;
}
#col_1 p,#col_2 p,#col_3 p {
background-color:#F9F9F9;
font-size:1.4em;
line-height:1.2em;
margin:18px 0 0;
padding:5px 0 10px;
}
#wrapper-footer {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
background-color:#fff;
border-bottom:1px solid #cecece;
border-top:1px solid #cecece;
bottom:0;
box-shadow:0 0 2px #dedede;
height:40px;
position:absolute;
width:100%;
}
#footer {
font-size:1.4em;
margin:0 auto;
padding:0;
text-align:center;
width:960px;
}
a:hover[href] {
color:#999;
text-decoration:none;
}
#navi ul {
margin:0;
padding:0 0 0 20px;
text-align:left;
}
#navi ul li {
color:#a1a1a1;
float:left;
font-size:2em;
height:33px;
list-style:none;
margin:0;
padding:7px 20px 0;
}
#navi ul li.active {
background-color:#272425;
color:#fff;
}
.car-wrapping #navi ul li.active {
background-color:#FE9900;
color:#fff;
}
.werbetechnik #navi ul li.active {
background-color:#09F;
color:#fff;
}
.kontakt #navi ul li.active {
background-color:#690;
color:#fff;
}
#navi ul li a {
color:#a1a1a1;
text-decoration:none;
}
#navi ul li.first a:hover[href] {
color:#000;
}
#navi ul li.second a:hover[href] {
color:#FE9900;
}
#navi ul li.third a:hover[href] {
color:#09F;
}
#navi ul li.last a:hover[href] {
color:#679902;
}
#top-nav {
float:right;
font-size:1.4em;
padding-top:10px;
}
#logo {
height:154px;
left:30px;
position:absolute;
top:16px;
width:172px;
}
.button a {
background-image:url(../img/button.jpg);
display:block;
height:36px;
width:87px;
}
.button a:hover {
background-image:url(../img/button-hover.jpg);
}
.button {
text-indent:-9000px;
}
.werbetechnik h1 {
color:#09F;
font-size:2.2em;
margin:25px 0 10px 35px;
}
.car-wrapping #teaser {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
background-color:#fff;
background-image:none;
border:1px solid #dedede;
box-shadow:0 0 2px #dedede;
height:100%;
margin:0 auto;
padding:0 0 10px;
width:960px;
}
.car-wrapping #content {
background-image:none!important;
height:100%;
margin:0 auto;
padding-bottom:60px;
width:960px;
}
.car-wrapping #col_1,.car-wrapping #col_2,.car-wrapping #col_3 {
-moz-box-shadow:0 0 2px #000;
-webkit-box-shadow:0 0 2px #000;
background-color:#fff;
border:1px solid #dedede;
box-shadow:0 0 2px #000;
float:left;
width:300px;
padding:0;
}
.car-wrapping #col_3 {
margin:20px 0 0;
}
.car-wrapping #teaser h1 {
color:#FE9900;
font-size:2.2em;
font-weight:700;
margin:25px 0 10px;
}
.car-wrapping #info_box ul li {
font-size:1.4em;
list-style:none;
}
#info_box {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
background-color:#f9f9f9;
border:1px solid #dedede;
box-shadow:0 0 2px #dedede;
float:left;
margin-top:20px;
padding:10px 5px 10px 10px;
}
#text_box {
float:left;
padding:0 20px 30px 30px;
width:600px;
}
.kontakt h1 {
color:#690;
font-size:2.2em;
margin:25px 0 10px 35px;
}
.kontakt #content #col_1 ul {
margin:0;
padding:0;
}
.kontakt #content #col_1 ul li {
font-size:1.4em;
list-style:none;
margin:0;
padding:5px 0;
}
#googlemaps {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
border:1px solid #dedede;
box-shadow:0 0 2px #dedede;
padding:0;
width:390px;
}
#googlemaps iframe {
padding:0;
}
.datenschutz #content ul li {
font-size:1.4em;
padding:3px 0;
}
.impressum #content ul {
margin:0;
padding:0;
}
.impressum #content ul li {
font-size:1.4em;
list-style:none;
padding:3px 0;
}
#teaser ul li,.car-wrapping #teaser ul li {
background-image:url(../img/haken.gif);
background-repeat:no-repeat;
font-size:1.6em;
font-weight:400;
list-style:none;
padding:0 0 18px 25px;
}
#teaser-text,.car-wrapping #teaser-text {
margin-left:20px;
}
a:link,a:visited {
color:#666;
text-decoration:none;
}
a:focus[href],a:active[href] {
color:#666;
text-decoration:none;
}
a.email,a.email:hover {
text-decoration:underline;
}
.werbetechnik #content,.kontakt #content {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
background-color:#fff;
background-image:none!important;
border:1px solid #dedede;
box-shadow:0 0 2px #dedede;
height:100%;
margin:0 auto;
padding-bottom:60px;
width:960px;
}
.werbetechnik #col_1,.werbetechnik #col_2,.kontakt #col_1,.kontakt #col_2 {
float:left;
width:400px;
}
.werbetechnik #col_1,.kontakt #col_1 {
margin:0 0 0 20px;
padding:10px 0 0 20px;
}
.werbetechnik #col_2,.kontakt #col_2 {
margin:0 0 0 20px;
padding:10px 0 0;
}
.werbetechnik #col_1 h2,.werbetechnik #col_2 h2,.car-wrapping #teaser h2,.kontakt #col_1 h2,.kontakt #col_2 h2 {
color:#666;
font-size:1.8em;
font-weight:400;
margin:15px 0 10px;
padding:0;
text-align:left;
}
.werbetechnik #col_1 p,.werbetechnik #col_2 p,.car-wrapping #teaser p,.kontakt #col_1 p,.kontakt #col_2 p,.datenschutz #content p,.impressum #content p {
background-color:#fff!important;
font-size:1.4em;
line-height:1.4em;
margin:0;
padding:0 0 10px;
}
.car-wrapping #col_1,.car-wrapping #col_2 {
margin:20px 27px 0 0;
padding:0;
}
.datenschutz #content,.impressum #content {
-moz-box-shadow:0 0 2px #dedede;
-webkit-box-shadow:0 0 2px #dedede;
background-color:#fff;
background-image:none!important;
border:1px solid #dedede;
box-shadow:0 0 2px #dedede;
height:100%;
margin:0 auto;
padding:20px 30px 30px;
width:900px;
}
.datenschutz h1,.impressum h1 {
color:#666;
font-size:2.2em;
margin:0 0 10px;
}
.datenschutz h2,.impressum h2 {
font-size:1.8em;
}