/* Mercedes Schumacher - Jahreswagen-Stylesheet */

div.links {
    display:inline;
    float:left;
    width:250px;
}

div.rechts {
    display:inline;
    float:left;
    width:560px;
}

#jw_liste {
    width:200px;
}

#jw_progress_eingabe {
    position:absolute;
    z-index:100;
    left:236px;
    top:62px;
    display:none;
}

#jahreswageneingabe label {
    display:inline;
    float:left;
    width:150px;
    padding:3px;
    margin-bottom:10px;
    text-align:right;
    padding-right:10px;
}

#jahreswageneingabe .rechts input {
    display:inline;
    float:left;
    width:150px;
    padding:3px;
    border:1px solid #CCC;
    margin-bottom:10px;
}

#jahreswageneingabe .rechts textarea {
    display:inline;
    float:left;
    width:300px;
    padding:3px;
    border:1px solid #CCC;
    margin-bottom:10px;
    overflow:auto;
}

#jahreswageneingabe .rechts select {
    display:inline;
    float:left;
    padding:3px;
    border:1px solid #CCC;
    margin-bottom:10px;
}

#jahreswageneingabe .rechts input.checkbox {
    width:auto;
    margin:0;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:5px;
    vertical-align:middle;
    border:0;
}

div.gruppe {
    width:500px;
    border:1px solid #CCC;
    padding:20px;
    margin-top:10px;
    margin-bottom:10px;
}

#jahreswageneingabe .rechts .gruppe label {
    width:200px;
    text-align:left;
    padding:3px;
}

#jw_meldung {
    font-weight:bold;
    color:darkred;
}

.button_submit {
    font-weight:bold;
}

#bild_container {
    width:300px;
    margin-left:163px;
    background-color:#DDD;
    margin-bottom:4px;
}

#bild_container div {
    padding:10px;
}

#bild_container a {
    display:block;
}

#bild_container a:hover {
    color:darkred;
}

#bildvorschau {
    position:absolute;
    z-index:1000;
    left:50px;
    top:1060px;
}

div.jw_suchfeld {
    position:absolute;
    display:none;
    z-index:1000;
    right:20px;
    top:210px;
    background-color:white;
    width:210px;
    height:40px;
}

input#jw_suche {
    display:inline;
    float:right;
    color:#AAA;
    border:1px solid #CCC;
    font-size:11px;
    margin-top:8px;
    margin-right:5px;
    padding:5px;
    width:160px;
}

a#jw_submit {
    display:inline;
    float:right;
    width:20px;
    height:20px;
    margin-top:10px;
    margin-right:5px;
    border:0;
    background: url('../bilder/jw_submit.gif') no-repeat left top;
}

a#jw_submit:hover {
    cursor:pointer;
    text-decoration:none;
}

div.jw_angebot {
    padding-bottom:100px;
}

div.jw_angebot a {
    color:#7D695A;
}

div.jw_angebot a:hover {
    color:#666;
}

div.jw_angebot td {
    padding-top:5px;
}

div.jw_angebot .erg_label {
    font-weight:bold;
}

div.jw_angebot .erg_preis strong {
    font-size:16px;
}

div.jw_angebot > div {
    display:inline;
    float:left;
    margin-right:40px;
}

div.erg_item {
    margin-bottom:20px;
}

div.erg_item .stopper {
    border-bottom:1px solid #CCC;
}

div.erg_item h2, div.jw_angebot h2 {
    font-size:13px;
    margin:0;
    margin-bottom:5px;
    padding:0;
}

div.erg_item > a {
    display:inline;
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

div.erg_item > div {
    display:inline;
    float:left;
    padding-top:10px;
}

div.erg_item a {
    color:#7D695A;
}

div.erg_item a:hover {
    color:#666;
}

td.erg_label {
    width:120px;
}

td.erg_preis {
    padding-top:5px;
}

td.erg_preis strong {
    font-weight:bold;
    font-size:14px;
}

div.top-angebot {
    text-align:right;
    font-size:11px;
}

div.top-angebot strong {
    font-size:14px;
}