/* 
    Document   : main
    Created on : 09.05.2010, 21:41:13
    Author     : Jamal
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


* {
    margin:0;
    padding:0;
    font-family: Verdana,Arial,Myriad Pro;

}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

body {
    text-align: center; 
    background:#7a7a7a url("../images/bg.jpg") top left repeat-x;
}

div#wrapper {
    text-align:left;
    margin:0 auto;
    /*background:blue;*/
    width:960px;
   
}

div#header {
    height:230px;   
    background:#FFFFFF url("../images/header.jpg") top left no-repeat;

}

a.home {
    display:block;
    height:180px;
}

div#top-menu {
    height:50px;
    margin-left:58px;
}

ul#top-navigation li {
    display:block;
    width:108px;
    height:31px;
    float:left;
    margin:7px 9px 0 0;
    font-size:5px;



}

ul#top-navigation li a span {
    visibility: hidden;
}

ul#top-navigation li a:hover,
ul#top-navigation li a:active,
ul#top-navigation li a:visited,
ul#top-navigation li a:link,
ul#top-navigation li a:focus{
    display:block;
    width:108px;
    height:31px;
    font-weight:bold;
    text-align:center;
    color:#FFFFFF;
    text-decoration:none;
}

ul#top-navigation li#ueber-uns a:hover,
ul#top-navigation li#ueber-uns a:active,
ul#top-navigation li#ueber-uns a:visited,
ul#top-navigation li#ueber-uns a:link,
ul#top-navigation li#ueber-uns a:focus{
    background: url("../images/BTN_ueberuns.png") top left no-repeat;
}

ul#top-navigation li#ueber-uns a:hover,
ul#top-navigation li#ueber-uns a:active,
ul#top-navigation li#ueber-uns a:focus{
    background: url("../images/BTN_ueberuns_MO.png") top left no-repeat;
}

ul#top-navigation li#service a:hover,
ul#top-navigation li#service a:active,
ul#top-navigation li#service a:visited,
ul#top-navigation li#service a:link,
ul#top-navigation li#service a:focus{
    background: url("../images/BTN_service.png") top left no-repeat;
}

ul#top-navigation li#service a:hover,
ul#top-navigation li#service a:active,
ul#top-navigation li#service a:focus{
    background: url("../images/BTN_service_MO.png") top left no-repeat;
}

ul#top-navigation li#neu a:hover,
ul#top-navigation li#neu a:active,
ul#top-navigation li#neu a:visited,
ul#top-navigation li#neu a:link,
ul#top-navigation li#neu a:focus{
    background: url("../images/BTN_neu.png") top left no-repeat;
}

ul#top-navigation li#neu a:hover,
ul#top-navigation li#neu a:active,
ul#top-navigation li#neu a:focus{
    background: url("../images/BTN_neu_MO.png") top left no-repeat;
}


ul#top-navigation li#gebraucht a:hover,
ul#top-navigation li#gebraucht a:active,
ul#top-navigation li#gebraucht a:visited,
ul#top-navigation li#gebraucht a:link,
ul#top-navigation li#gebraucht a:focus{
    background: url("../images/BTN_gebraucht.png") top left no-repeat;
}

ul#top-navigation li#gebraucht a:hover,
ul#top-navigation li#gebraucht a:active,
ul#top-navigation li#gebraucht a:focus{
    background: url("../images/BTN_gebraucht_MO.png") top left no-repeat;
}

ul#top-navigation li#shop a:hover,
ul#top-navigation li#shop a:active,
ul#top-navigation li#shop a:visited,
ul#top-navigation li#shop a:link,
ul#top-navigation li#shop a:focus{
    background: url("../images/BTN_shop.png") top left no-repeat;
}

ul#top-navigation li#shop a:hover,
ul#top-navigation li#shop a:active,
ul#top-navigation li#shop a:focus{
    background: url("../images/BTN_shop_MO.png") top left no-repeat;
}


ul#top-navigation li#oeffnungszeiten a:hover,
ul#top-navigation li#oeffnungszeiten a:active,
ul#top-navigation li#oeffnungszeiten a:visited,
ul#top-navigation li#oeffnungszeiten a:link,
ul#top-navigation li#oeffnungszeiten a:focus{
    background: url("../images/BTN_oeffnung.png") top left no-repeat;
}

ul#top-navigation li#oeffnungszeiten a:hover,
ul#top-navigation li#oeffnungszeiten a:active,
ul#top-navigation li#oeffnungszeiten a:focus{
    background: url("../images/BTN_oeffnung_MO.png") top left no-repeat;
}


ul#top-navigation li#links a:hover,
ul#top-navigation li#links a:active,
ul#top-navigation li#links a:visited,
ul#top-navigation li#links a:link,
ul#top-navigation li#links a:focus{
    background: url("../images/BTN_links.png") top left no-repeat;
}

ul#top-navigation li#links a:hover,
ul#top-navigation li#links a:active,
ul#top-navigation li#links a:focus{
    background: url("../images/BTN_links_MO.png") top left no-repeat;
}










/*
ul#top-navigation li a:hover,
ul#top-navigation li a:active,
ul#top-navigation li a:focus{
    background: url("../images/menu-button-hover.gif") top left no-repeat;
}

ul#top-navigation li a span {
    padding-top:6px;
    display:block;
}

ul#top-navigation li.active a:hover,
ul#top-navigation li.active a:active,
ul#top-navigation li.active a:visited,
ul#top-navigation li.active a:link,
ul#top-navigation li.active a:focus{
    display:block;
    width:106px;
    height:30px;
    background: url("../images/menu-button-hover.gif") top left no-repeat;
}
*/
div#content[id] {
    height:auto;
}

div#content {
    height:500px;
    background:#FFFFFF;
    padding:30px 58px 30px 58px;
    min-height:500px;
 
}

div#footer {
   
    padding-top:36px;
    background:#FFFFFF url("../images/footer.jpg") top left no-repeat;
}

div#footer-menu {
    height:37px;
    /*background:orange;*/
    text-align:right;
    padding-right:40px;
}

ul#footer-navigation li {
    display:block;
    width:80px;
    float:right;
    margin-top:8px;
    margin-left:15px;
    

}

ul#footer-navigation li a:hover,
ul#footer-navigation li a:active,
ul#footer-navigation li a:focus,
ul#footer-navigation li a:link,
ul#footer-navigation li a:visited {
    text-decoration: none;
    font-weight:bold;
    color:#14266f;
    font-size:11px;
}


div.left-image {
    float:left;
    margin: 5px 15px 10px 0;
}

h1 {
    font-size:18px;
    color:#243479;
    margin-bottom: 10px;
}

div#content p {
    font-size:12px;
    color:#3e3d40;
    font-weight:normal;



}

div#content.centered {
    text-align:center;
    color:#14266f;
}
div#content.centered p {
    color:#14266f;
}

div#content p.size30 {
    font-size:30px;
}

div#content p.mbottom50 {
    margin-bottom: 50px;
}

div#content p.ptop110 {
    padding-top: 110px;
}

div#content.centered img {
    margin: 40px 4px 0 4px;
}

div#content a:hover,
div#content a:focus,
div#content a:active,
div#content a:link,
div#content a:visited{
    text-decoration:none;
}

div#content a:hover,
div#content a:focus, 
div#content a:active{
    text-decoration:underline;
}

form label {
    width:150px;
    display:block;
    float:left;
}

div.form-row {
    clear:left;
}


div#content.backend table{
    font-size:11px;
}

table.fahrzeug-liste {
    border-collapse: collapse;
    font-size:11px;
}

table.fahrzeug-liste thead td{
    background-color: #243479;
    color: #ffffff;
    height:30px;
    border-left:1px #c8ccdd solid;
    border-right:1px #929abc solid;
    padding:0 2px 0 2px;
}

table.fahrzeug-liste tr.odd td{
    background-color: #ffffff;
    height:25px;
    border:1px #c1c2c3 solid;
    padding:0 2px 0 2px;
}

table.fahrzeug-liste tr.even td{
    background-color: #c9cddd;
    height:25px;
    border:1px #a5a8b1 solid;
    padding:0 2px 0 2px;
}