@import "columns.css";

/* -------------  * cargate extrebnded searchform * -------------  */
*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
}

body
{
    text-align: center;
    font: 11px Verdana, Helvetica, Sans-Serif;
    color: #333;
    background-color: #F4F4F4;
    min-height: 101%;
}

/* ------------- *allgemein ------------- */

img
{
    border: 0;
}

h1
{
    padding: 0;
    color: #000;
    font-size: 17pt;
    font-weight: normal;
    margin: 0 0 14px 0;
    line-height: 26px;
}

h2
{
    color: #8A8E99;
    font-size: 17px;
    font-style: italic;
    padding: 7px 0 7px 7px;
}

h3
{
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding: 7px 0 7px 7px;
}

hr
{
    color: #FF8800;
}

p
{
    margin: 0 0 7px 0;
    padding: 0;
}

A.CommandButton:link
{
    text-decoration: none;
    font-weight: normal;
    color: #509bdf;
}

A.CommandButton:visited
{
    text-decoration: none;
    font-weight: normal;
    color: #509bdf;
}

A.CommandButton:hover
{
    text-decoration: underline;
    font-weight: normal;
    color: #509bdf;
}

/* ------------- * form elems and classes * ------------- */

select.select
{
    width: 90%;
    height: 18px;
    font-size: 11px;
}

fieldset
{
    border: none;
}

div.fullsearch .cntbox .cntboxcontent fieldset p
{
    margin: 0;
}

div.fullsearch .cntboxsmall .cntboxcontentsmall fieldset p
{
    margin: 0px 0px 0px 0px;
}

fieldset#innenausstattung label, fieldset#aussenausstattung p, fieldset#aussenausstattung label, fieldset#sicherheitundumwelt label
{
    line-height: 13px;
    margin-bottom: 2px;
}

div.fullsearch input
{
    margin-right: 5px;
}

div.fullsearch select.select, div.fullsearch input.text
{
    color: #333;
    margin-top: 3px;
    margin-right: 0;
}

.mwstbox
{
    padding-top: 17px;
}

label span, label img
{
    cursor: pointer;
}

.checkbox
{
    width: 17px;
    height: 17px;
    margin-bottom: 2px;
}

.labelcheckbox
{
    line-height: 17px;
}

.text
{
    font-size: 11px;
    border: 1px solid #333;
}

input.text
{
    /* height: 15px; */
}

/* ------------- *  clear container * ------------- */

.clearelem:after
{
    /* content: ".";*/
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearelem
{
    display: block;
}

/* ------------- * shorthanded helper * ------------- */

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.clear
{
    clear: both;
    height: 1px;
}

.inline
{
    display: inline;
}

.right
{
    text-align: right;
}

/* ------------- * main divs * ------------- */

#mainbox
{
    width: 717px;
    margin: auto;
}

#mainboxsmall
{
    width: 353px;
    margin: auto;
}

#mainboxinner
{
    padding: 5px 10px;
    background-color: #FFFFFF;
    float: right;
    text-align: left;
}

#mainboxinnersmall
{
    padding: 0px 10px 0px 10px;
    background-color: #FFFFFF;
    float: right;
    text-align: left;
    background: url(../graph/site/boxbacksmall.jpg) no-repeat;
    height: 238px;
}

#header
{
    border-bottom: 1px solid #FFF;
}

#langselect
{
    background: url(../graph/site/langselect-bg.jpg) repeat-x right top;
    height: 38px;
    text-align: right;
}

#langselectsmall
{
    background: url(../graph/site/langselect-bg.gif) repeat-x right top;
    height: 38px;
    text-align: right;
}

#langselect div
{
    padding: 8px 14px;
}

#fullsearchform
{
    padding: 0 16px;
}

#quicksearchform
{
    padding: 0px 0px 0px 0px;
}

/* ------------- * ID elems * ------------- */

#cartype
{
    margin-bottom: 12px;
}

#carcondition
{
    padding-bottom: 6px;
    border-bottom: solid 1px #B8B7B9;
}

#cartype div
{
    height: 27px;
    width: 45%;
    margin: 0;
    padding: 0 0 0 26px;
    display: table-cell;
    vertical-align: middle;
    float: left;
    padding: 2px 0 2px 26px;
    height: 30px;
}

#cartype div label
{
    display: block;
    width: 220px;
}

#cartype div span label
{
    display: table-cell;
    padding-top: 5px;
    float: left;
    width: 140px;
}

#cartype div input, #cartype div label
{
    float: left;
}

#cartype div label img
{
    right: 0;
}

#cartype div label a.showinfo img
{
    position: static;
}

#cartype div input
{
    margin-top: 5px;
}

#standorte label
{
    font-weight: bold;
}

#searchextended h2
{
    padding-top: 0;
    font-size: 11pt;
}

#searchextended label
{
    color: #000;
    font-weight: normal;
}

fieldset#carmodell label
{
    color: #333;
    font-weight: bold;
}

/* ------------- * Button * ------------- */

div.btnbox .btnborderright
{
    height: 21px;
    width: 5px;
    background: url(../graph/site/btn-border-left.gif) no-repeat 0 bottom;
}

div.btnbox .btnborderleft
{
    height: 21px;
    width: 5px;
    background: url(../graph/site/btn-border-right.gif) no-repeat 0 bottom;
}

div.btnbox div.btnboxinner
{
    text-align: center;
    background: url(../graph/site/btn-background.gif);
    background-repeat: repeat-x;
    cursor: pointer;
    border: none;
    height: 21px;
    padding: 3px 0 0 0;
    color: #333333;
    white-space: nowrap;
}

div.btnbox span#treffer
{
    color: #92959B;
    font-weight: bold;
}

div.btnbox input.submit
{
    padding: 0 0 2px 0;
}

button
{
    background: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
}

button div
{
    margin: 0;
    background-repeat: no-repeat;
    background-position: left center;
}

/* def standard submit button */
button div p
{
    color: #333333;
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: right center;
}

button div.btn
{
    padding: 0 0 0 5px;
    background: url(../graph/site/btn-submit-left.gif) no-repeat left top;
}

button div p.btn
{
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.05em; /* defs in the ie.css - should be different! */
    padding: 1px 5px 1px 0;
    background: url(../graph/site/btn-submit.gif) no-repeat right top;
}

/* ------------- * cntbox  * ------------- */

.cntboxcontent
{
    /* Langer Verlauf */
    border-color: #B8B7B9;
    border-style: solid;
    border-width: 0 1px;
    background: #B4B4B4 url(../graph/site/boxback.jpg) repeat-x left top;
}

.cntboxcontentsmall
{
    /* Langer Verlauf */
    border-color: #B8B7B9;
    border-style: solid;
    border-width: 0 1px;
    background: #B4B4B4 url(../graph/site/boxback.jpg) repeat-x left top;
}

.cntboxcontentlow
{
    /* Kurzer Verlauf */
    border-color: #B8B7B9;
    border-style: solid;
    border-width: 0 1px;
    background: #B4B4B4 url(../graph/site/boxback-low.jpg) repeat-x left top;
}

.boxnoframe
{
    /* no surrounding Frame */
    border: 0;
    background: transparent;
}

.cntboxbottom
{
    height: 4px;
    background-image: url(../graph/site/cornerbottomright.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: transparent;
}



.cntboxbottom .corner
{
    height: 4px;
    background-image: url(../graph/site/cornerbottomleft.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: transparent;
}

.cntboxbottomwhite
{
    height: 4px;
    background-image: url(../graph/site/cornerbottomwhiteright.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: transparent;
}

.cntboxbottomwhite .corner
{
    height: 4px;
    background-image: url(../graph/site/cornerbottomwhiteleft.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: transparent;
}

.cntboxtop
{
    height: 4px !important;
    background-image: url(../graph/site/cornertopright.gif);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: transparent;
    /*background-color: Red;*/
}








* html .cntboxbottom
{
	margin-top: -9px;
	/*background-color: Red;*/
}

* html .cntboxtop
{
	margin-bottom: -9px;
}

* html .cntboxtopwhite
{
	margin-bottom: -9px;
}

* html .cornerboxwhite
{
	padding: 0;
	height: 20px;
}

* html .cntboxbottomwhite
{
	margin-top: -9px;
}










.cntboxtop .corner
{
    height: 4px;
    background-image: url(../graph/site/cornertopleft.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
}

.cntboxtopwhite
{
    height: 4px;
    background-image: url(../graph/site/cornertopwhiteright.gif);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: transparent;
}

.cntboxtopwhite .corner
{
    height: 4px;
    background-image: url(../graph/site/cornertopwhiteleft.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
}

.cntboxcontent hr
{
    color: #B8B7B9;
}

.cntboxcontentsmall hr
{
    color: #B8B7B9;
}


.cornerboxwhite
{
    border-color: #92959B;
    background-color: #FAFAFA;
    padding: 3px;
}

.tooltip
{
    display: none;
    background: #FFF;
    padding: 5px;
    border: 1px solid #FF8800;
    width: 200px;
    position: absolute;
    text-align: left;
}


/* Accordion */
.accordionHeader
{
    border: none;
    background-image: url(images/button1.png);
    background-repeat: no-repeat;
    background-position: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 11px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

#master_content .accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    border: none;
    background-image: url(graph/site/button12.png);
    background-position: right;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 11px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
    color: #FFFFFF;
    background-image: url(graph/site/backcolor2.png);
    text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: rgb(240,240,240);
    border: none;
    border-top: none;
    padding: 2px;
    padding-top: 2px;
}
.selectedbutton
{
    text-decoration: none;
    color: Blue;
}
.panecss
{
}


.closedPanel
{
    height: 0;
    overflow: hidden;
}

div.loader div
{
    text-align: center;
    padding: 0 0 0 70px;
}