html,body {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #dbdbdb;
}
h1 { font-size: 14px; }
h1 span.datum { font-size: 12px; font-weight: normal; }
h2 { font-size: 12px; }
ul { margin-top: 0; margin-bottom: 0; }
a { color: black; }

div#site { width: 764px; left: 50%; margin-left: -375px; position: absolute;
    background-image: url(../images/border-back.gif);
    background-repeat: repeat-y;
}
div#head {
    margin-left: 7px;
    margin-right: 7px;
    background-image: url(../images/head.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    height: 150px;
}
div#head div#tankstellen { float: left; width: 250px; height: 150px; background-color: #3e3e3e; }
div#head div#tankstellen img { margin-top: 100px; }
div#head div#tankstellen p { text-align: center; position: absolute; top: 133px; left: 7px; width: 250px; height: 17px; background-color: #262626; color: #9f9f9f; margin: 0; }
                                          
div#search { position:absolute; left: 0; top: 170px; width: 237px; }
div#search div#search2 { margin: 0; padding: 0; margin-left: 27px; }
div#search h1 { font-weight: bold; color: #cd221a; font-size: 12px; margin: 0; margin-bottom: 5px;  }
div#search label { font-weight: bold; color: black; font-size: 12px; margin: 0; }
div#search input, div#search select { border: 1px solid #6e6e6e; width: 208px; font-size: 12px; margin-bottom: 5px; }
div#search select { margin-bottom: 10px; }
div#search div { width: 210px;}
div#search div.ort label.ort { float: left; width: 140px; }
div#search div.ort label.ort input { width: 135px; }
div#search div.ort label.ort select { width: 140px; }
div#search div.ort label.umkreis select { width: 65px; }
div#search div.eigenschaften div { float: left; width: 30px;  }
div#search div.eigenschaften input { border-width: 0; width: auto; }
div#search p#eigenschaftText { height: 15px; margin: 0; font-size: 10px; overflow: hidden; }
div#search div.submit { clear: left; text-align: right; }
div#search div.submit button {
    cursor: pointer;
    clear: left;
    border: 0px solid black;
    background-image: url(../images/search-button.gif);
    background-repeat: no-repeat;
    background-position: right center; 
    background-color: #6e6e6e;
    color: white;
    text-align: left;
    font-weight: bold;
    padding: 0;
    padding-right: 20px;
    padding-left: 3px;
    width: 70px;
    height: 18px;
}
div#search h1.verzeichnis { margin-top: 20px; clear: left; }
div#search ul.verzeichnis { list-style-type: none; margin: 0; padding: 0; margin-left: 10px; margin-bottom: 10px; }
div#search ul.verzeichnis a { color: black; text-decoration: none; font-size: 11px; }
div#search ul.verzeichnis a:hover { text-decoration: underline; }


div#menu { background-color: #b7b7b7; height: 30px; margin-left: 257px; margin-right: 7px; }
div#menu ul { list-style-type: none; padding: 0; margin: 0; }
div#menu li {
    float: left;
    margin-top: 7px;
    margin-right: 20px;
    font-weight: bold;
    background-image: url(../images/menu-icon.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
div#menu li.first { margin-left: 20px; }
div#menu li a { color: #3e3e3e; text-decoration: none; padding-left: 15px; }

div.content { height: 400px; overflow: visible; padding-top: 20px; padding-bottom: 20px; margin-left: 257px; margin-right: 27px; padding-left: 20px; }
/* hack für nicht-ie */
div.content[class] { height: auto; min-height: 400px; }


div#banner { clear: both; margin-left: 7px; }
div#banner div.banner1, div#banner div.banner2 { width: 125px; float: left; height: 80px; }
div#banner div.banner1 { background-color: #ababab; }
div#banner div.banner2 { background-color: #c3c3c3; }
div#bottom { clear: both; border-top: 1px solid #868686; margin-left: 7px; margin-right: 7px; }
div#bottom div.space {
    height: 40px;
    width: 250px;
    float: left;
    background-color: #6e6e6e;
    margin: 0;
}

div#bottom div.links { position: absolute; left: 257px; width: 500px; background-color: #868686; height: 40px;}
div#bottom div.links ul { padding: 0; margin: 0; list-style-type: none; }
div#bottom div.links ul li { float: left; margin-top: 10px; margin-left: 10px; }
div#bottom div.links ul li a { color: #ffffff; text-decoration: none; font-size: 10px; }

p.newsArchiv { text-align: right; }
p.newsArchiv a { color: black;}

div.links h1 { font-size: 12px; font-weight: bold; margin: 0; }
div.links p { font-size: 12px; margin: 0; margin-bottom: 10px; margin-left: 3px; }
div.links p a { color: black; }

div.impressum { }
div.impressum div { }
div.impressum div img { float: left; }
div.impressum div p { margin-left: 180px; }

div.home h1 { margin-bottom: 0; margin-top: 10px; font-size: 12px;}
div.home h2 { margin: 0; margin-left: 10px; font-weight: normal; }
div.home h2 a { text-decoration: none; }
div.home h2 a:hover { text-decoration: underline; }
div.home a img { text-decoration: none; }
div.home div#lastNews { }
div.home div#verkehr { margin-top: 40px; width: 260px; float: right; }
div.home div#verkehr img { border: solid 1px #666666; }

div.tankstellen { padding-left: 0px; margin-right: 7px; }
div.tankstellen div.ergebnis { padding-left: 20px; padding-right: 10px; font-size: 10px; color: #6e6e6e; }
div.tankstellen div.ergebnis h3 { font-weight: bold; font-size: 10px; margin: 0; }
div.tankstellen div.ergebnis p { margin: 0; }
div.tankstellen div.tankstelle { font-size: 10px; clear: right; border-top: 1px solid #b7b7b7; padding-left: 20px; padding-right: 10px; padding-top: 10px; margin-top: 7px; }
div.noResult div.tankstelle { border-top-width: 0; }
div.tankstellen div.tankstelle div.images { float: right; margin-bottom: 7px; }
div.tankstellen div.tankstelle div.images img.tankstelle { border: 1px solid #a9aba8;  }
div.tankstellen div.tankstelle p { margin: 0; font-size: 10px; margin-bottom: 5px; }
div.tankstellen div.tankstelle p span.EMail { margin-right: 40px; }
div.tankstellen div.tankstelle h1 { margin: 0; font-size: 12px; }
div.tankstellen div.tankstelle p.eigenschaften { margin-top:12px; }
div.tankstellen div.tankstelle p.eigenschaften img { margin-right: 5px;  border: 1px solid white; }
div.tankstellen div.tankstelle p.eigenschaften img.suche { border: 1px solid #CD221A; background-color: #CD221A; }


div.liste h1 { margin-bottom: 0; margin-top: 15px; font-size: 12px; }
div.liste h2 { margin-top: 5px; font-weight: normal; font-size: 12px; }


div.verkehr td { font-size: 11px; }
div.verkehr .vmhead2 { background:#D9D9D9; border-bottom:solid 1px #666666; }
div.verkehr .vmhead3 { background:#B5C0C9; border-bottom:solid 1px #666666; }
div.verkehr .vmtdborder, .vmtdborder2, .vmtdborder3 { border:solid 1px #666666; }
div.verkehr .vmtdborder { background:#FFFFFF; }
div.verkehr .vmtdborder2 { background:#EEEEEE; }
div.verkehr .vmtdborder2 p { margin:0px; padding:2px; }
div.verkehr .vmtdborder3 { background:#DDEAF6; }
div.verkehr .vmtdborder3 p { margin:0px; padding:2px; }
div.verkehr .vmkatimg { margin:3px; }
div.verkehr .vmnb { border:none; }
div.verkehr .vmbold { font-weight:bold; }
div.verkehr .vmBHead { border:none; padding-bottom:12px; padding-top:20px; font-weight:bold; }
div.verkehr .vmfood { font-size:9px; color:#868787; }
div.verkehr .vmaSwitchBL { font-size: 11px; color:#000000; text-decoration:none; }
div.verkehr .vmaSwitchBL:hover { text-decoration:underline; }