html { height:100%; }
body {
font-family:helvetica,arial,sans-serif;
margin:0;
padding:0;
height:100%;
}
#nav {
font-family:"gill sans",helvetica,arial,sans-serif;
width:28%; /* wenn das Springen auf der Website st?rt, 200px eintragen */
height:100%;
}
table {
border-collapse: collapse;
border-spacing:0;
width:100%;
}
#haupt { height:100%; }
#logo, #headline {
height:120px;
}
td {
vertical-align:top;
padding:0;
}
#logo {
background:#035184 url(../images/topleft.jpg) no-repeat right bottom;
}
.spalte1 {
width:28%; /* wenn das Springen auf der Website st?rt, 200px eintragen */
border-right:1px solid #a3a3a3;
}

#headline { vertical-align:bottom; }
#headline h1 img {
margin:1em 0.5em 0 32px;
}

h1 {
margin:0; padding:0;
font-size:1em;
}
.spalte2 {
width:72%;
background:#035184 url(../images/backleft.jpg) no-repeat left top;
}
#content {
background:white;
padding-left:32px;
}
#content2 { background: white; padding-left: 0; }
ul {
margin-top:1em;
line-height:1.7em;
font-weight:lighter;
font-size:0.9em;
list-style-type:none;
text-align:right;
text-transform:uppercase;
letter-spacing:0.1em;
color:#3e3e3e; background:transparent;
}

#nav li { margin:0; padding:0; }

#nav a:link    { color:#61a1c9; background:transparent; text-decoration:none; padding-right:4px; border-right: 7px solid #fff;  }
#nav a:visited { color:#61a1c9; background:transparent; text-decoration: none; padding-right:4px; border-right: 7px solid #fff; }
#nav a:hover   { color:#3e3e3e; background:transparent; text-decoration: none; padding-right:4px; border-right: 7px solid #ffa04c; }
#nav a:active  { color:#61a1c9; background:transparent; text-decoration:none; padding-right:4px; border-right: 7px solid #fff;  }
#nav a:focus   { color:#61a1c9; background:transparent; text-decoration:none; padding-right:4px; border-right: 7px solid #fff;  }

#nav ul li a.inaktiv:link, #nav ul li a.inaktiv:visited, #nav ul li a.inaktiv:hover, #nav ul li a.inaktiv:active, #nav ul li a.inaktiv:focus { color:#3e3e3e; background:transparent; border-right: 7px solid #ffa04c; }

a:link { color:#4c84a9; }
a:visited { color:#4c84a9; }
a:hover { color:#3e3e3e; }
a:active { color:#ffa04c; }
a:focus { color:#ffa04c; }

a img { border:none; }

h2,h3,h4,address,p { color:#4c84a9; }
h2, h3 {
font-family:"Gill sans",helvetica, arial, sans-serif;
text-transform:uppercase;
letter-spacing:0.1em;
margin:0; padding:0;
}
h2.sales {
font-size:1em;
text-transform:none;
margin:1em 0 2em 0; }
h3, h4 {
font-family:helvetica,arial,sans-serif;
text-transform:none;
font-size:0.8em;
font-weight:normal;
margin-bottom:1.5em;
}
h4 {
font-size:0.8em;
font-weight:bold;
margin:2em 0 0 0;
}
address {
font-size: 1em;
font-style:normal;
}
p {
font-size:0.8em;
margin-top:0;
}
.contactlinks {
width:220px;
background:white url('../images/contact_bgr.jpg') no-repeat 42px top;
padding:180px 3em 0 32px;
}
.contactrechts {
background:white;
width:230px;
vertical-align:bottom;
}
textarea, input.ie_hack {
overflow:auto;
background:white;
color:#4c84a9;
font-size:1em; }
textarea:focus, input.ie_hack:focus {
color:#3e3e3e;
background:#e3f4fd;
}
.formularwarnung {
font-size:1.3em;
width:250px;
height:270px;
position:absolute; top:37%; left:29%; z-index:5;
background:transparent url('../images/trans_blue.png');
border:1px solid #a3a3a3;
padding:5px 1em;
}
.formularwarnung h3 { font-size:1.2em; font-weight:lighter; margin-top:0.5em; }
.formularwarnung p a { font-weight:bold; font-size:0.9em; }
.formularwarnung p+p { margin-top:2em; }

#dealer_service, .vario_buttons {
font-family:"Gill sans",Helvetica,Arial;
font-size:1.2em;
font-weight:lighter;
letter-spacing:0.1em;
text-align:center;
text-transform:uppercase;
background:#e3f4fd;
padding:0.8em 0.2em;
margin-top:1em;
}
#dealer_service a, .vario_buttons a { text-decoration:none; color:#ffa04c; }
#dealer_service a:hover, .vario_buttons a:hover { text-decoration:none; color:#3e3e3e; }

.vario_buttons {
font-size:16px;
margin:0;
padding:0.2em;
display:block;
}
#vario_buttons {
padding:0;
margin:5px 0 0 32px;
width:422px; }
.v_b_left { float:left; width:180px; }
.v_b_right { float:right; width:220px; }
#v_b_inaktiv { color:#3e3e3e; }

.flash_fehlt {
width:400px;
height:400px;
padding:50px 0 50px 0;
background:transparent url("../images/flash_fehlt.jpg") no-repeat bottom center;
}

#sales {
padding-top:1.1em;
height:90%;
font-family:Helvetica,Arial,sans-serif;
line-height:1.2em;
color:#4c84a9;
background:transparent;
}
#sales p { margin-bottom:2.5em; }
#sales p:first-line { font-weight:bold; }

iframe { width:230px; height:400px; }
