/* Standard Stylesheet www.autoweber.de */


/* Reset all / margin und padding müssen nicht mehr angegeben werden wenn der wert 0 ist*/

* {padding: 0; margin: 0; border: 0;}

html {height:100%;}

/* Allgemeines */
body {
        background: #fff;
        text-align:left;
        font-size: 12px;
        line-height: 1.6em;
        color: #002740;
        font-family: arial, verdana, sans-serif;
        padding: 0;
        margin: 0;
        border: 0;}

img, a img {border: 0; margin:0;}

.off {display: none;}
.on {display: block;}

/* Absaetze */
p{
        font-size: 12px;
        line-height: 1.7em;
        margin: 0px auto;
        clear: both;}

/* Texte */
.small {font: normal 11px arial, verdana; letter-spacing: 0,7px; margin:0;}
.small-grey {font-size: 0.8em; color:#848589;}
.red {color:#9e1b34;}

/* Links- bzw. Rechtsausrichtung fu¨r Elemente */
.leftalign {float: left; margin: 0 10px 0 0;}
.rightalign {float: right; margin: 0 0 0 10px;}


/* Layout */
#wrapper {width:210px; border-right: 1px dashed #ccc; overflow:hidden;}

.hell-grau{background-color:e2e2e2;}


/* Naviagtion bis blauer Balken */
#navigation {
width:210px;
background: transparent url("../../static/assets/bg_stripes_orange.gif") 0 0 repeat;
height:299px;
overflow:hidden;
position:relative;
padding:0;
margin:0 0 4px 0;}

 ul, ul a { list-style:none; background:#fff; }

.home a, .neuwagen a, .gebrauchtwagen a, .teilezubehoer a, .leistungenservice a, .werkstatt a, .kontakt a,
.leer, .downloads a, .impressum a, .login a {
font: bold 12px arial, verdana;
text-decoration:none;
background:#ff8642 url("../../static/assets/arrow_close.gif") 190px center no-repeat;
color:#002740;
display:block;
height:auto;
width:210px;
padding:6px 0 6px 20px;
margin:1px 0 0 0; }


.downloads a, .impressum a, .login a {
background:none; border-bottom:1px dotted #002d62; padding:5px 0 5px 20px; font: normal 11px arial, verdana; }

.downloads a:hover, .impressum a:hover, .login a:hover { font-weight:bold; }

.home a:hover, .neuwagen a:hover, .gebrauchtwagen a:hover, .teilezubehoer a:hover, .leistungenservice a:hover, .werkstatt a:hover, .kontakt a:hover {
text-decoration:none; background:#ff6900 url("../../static/assets/arrow_open.gif") 190px center no-repeat;}

.leer {background: transparent url("../../static/assets/bg_stripes_blau.gif") 0 0 no-repeat; margin:0; padding:0; height:24px;}

#neuwagen-display, #teilezubehoer-display, #leistungenservice-display, #werkstatt-display, #kontakt-display {
display:none; height:auto; width:auto; overflow:hidden; position:relative; z-index:1000;}

 #kontakt-display {border-bottom:1px solid #fff;}

#neuwagen-sub, #teilezubehoer-sub, #leistungenservice-sub, #werkstatt-sub, #kontakt-sub {
width:210px;
height:auto;
overflow:hidden;
position:relative;
padding:0;
margin:0px;
display:block; /* wird durch JS eingebldenet */ }


#neuwagen-sub li a, #teilezubehoer-sub li a, #leistungenservice-sub li a, #werkstatt-sub li a, #kontakt-sub li a  {
font: normal 12px arial, verdana;
text-decoration:none;
background:#ffa87d;
color:#000;
height:auto;
width:210px;
padding:5px 0 5px 25px;
margin:1px 0 0 0; }

#neuwagen-sub li a:hover, #teilezubehoer-sub li a:hover, #leistungenservice-sub li a:hover,
#werkstatt-sub li a:hover, #kontakt-sub li a:hover  {font-weight:bold;}


/* Navigation unten */
#navigation-bottom {
width:210px;
background: #eee;
overflow:hidden;
position:relative;
padding:0;
margin:4px 0 0 0;}


#footer {
        position:absolute;
        display:block;
        width:210px;
        height:52px;
        bottom: 0px;
        left: 0px;
        border-top: 1px solid #c9cacb;
        margin:0;
        padding:28px auto;}
/* das clearing <br/> für float fix */

.clear { clear: both; margin: 0px; }

/* CSS Document */