@charset "utf-8";
/************************************************
    CSS StyleSheet
    halbrock.de
    
    Media: Screen
    Part:  Fahrzeug
    
    last change: DM 2005-10-21

************************************************/

/*********************************
    BASIC
*********************************/

body {
    background: #fff url("/pics/body/bg_fz.gif") repeat-y 50% 0;
}

#content {
    background: url("/pics/body/eiswuerfel.jpg") no-repeat 100% 0;
}

#content h1 {
    margin-top: 20px;
}

#tabs ul li.fahrzeug a {
    background: url("/pics/body/tabs.gif") no-repeat -56px 0;
}

#head p {
    background: url("/pics/body/logo_fz.gif") no-repeat 100% 0;
}

/*********************************
    NAVIGATION
*********************************/

#sidebar {
    padding-top: 125px;
    background: url("/pics/body/fzhead.jpg") no-repeat 0 0;
}

ul.navi {
    background-color: #d4ecf6;
    /*border-bottom: 1px solid #c2d6e6;*/
    margin-bottom: 1px;
}

ul.navi ul {
    list-style: none;
    background-color: #ebf6fc;
}

ul.navi a, ul.navi a:visited, ul.navi a:link {
    padding: 2px 15px;
    text-decoration: none !important;
    color: #333;
}

ul.navi ul a {
    padding: 2px 25px;
    padding-left: 30px !important;
}

ul.navi a.active {
    background-color: #fff;
    color: #009ee0 !important;
}

ul.navi ul a.active {
    background-color: transparent;
    color: #009ee0 !important;
}

ul.navi a:hover {
    background-color: #fff;
}

div#search {
    width: 170px;
    padding: 10px 15px;
    background-color: #d4ecf6;
    /*border-bottom: 1px solid #c2d6e6;*/
}

div#search input.submit {
    border: 0;
    background: url("/pics/body/lupe_fz.gif") no-repeat 0 0;
    text-indent: -200px;
    width: 20px;
    height: 20px;
    cursor: hand !important;
}

/*********************************
    TEXT
*********************************/

h1, h2, h3, h4, table caption, #sitemap ul li a { color: #009ee0; }

a, a:link, a:active, a:visited {
    color: #009ee0;
}

/*********************************
    FORMULARE
*********************************/

input.form, textarea.form, select.form { 
    background-color: #e5f5fc;
    border: 1px solid #718aae;
    color: #037;
}

input.form:hover, textarea.form:hover, select.form:hover { 
    background-color: #fff;
}

input.form:focus, textarea.form:focus, select.form:focus { 
    border: 1px solid #037 !important;
}

input.button {
    background-color: #e5f5fc;
    border: 1px solid #718aae;
    border-right: 1px solid #026;
    border-bottom: 1px solid #026;
    color: #037;
}

input.button:hover {
    background-color: #d4ecf6;
}

/*********************************
    PROSPEKTE
*********************************/

ul.prospekte {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

ul.prospekte li {
    float: left;
    width: 250px;
    margin-bottom: 1em;
    padding-bottom: 1em;
    height: 190px;
    border-bottom: 1px solid #ddd;
}

ul.prospekte li a {
    display: block;
}

ul.prospekte li a.img {
    margin-bottom: 0.5em;
}

ul.prospekte li img {
    width: 100px;
    height: 140px;
    border: 1px solid #999;
    border-top: 0;
    border-left: 0;
}