/* ======================== *import styles for comumn macros ============================= */
@import "columns.css";

/* ======================== *general ============================= */

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0 0 0 15px;
	background: none;
	font: 11px Verdana,Helvetica,Sans-Serif;
	color: #333;
}

a {
	color: #000;
}

p {
	margin: 0 0 14px 0;
}

img {
	border: none;
}

img.scale {
	width: 100%;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol {
	margin: 0 40px;
	padding: 0;
}

#mainBox {
	margin-top: 17px;
	width: 730px;
}

fieldset {
	border: none;
}

/* ------------- *text formatting ------------- */

h1 {
	padding: 0 0 0 8px;
	background: url(../graphics/layout/bg_headline.gif) top left no-repeat #FF6600;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	font-family: Arial,Helvetica,Sans-Serif;
	margin: 0 0 14px 0;
}

h2 {
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

h2 span {
	float: left;
}

h2 span.moreInfo {
	float: right;
	font-weight: normal;
	font-size: 10px;
}

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

h4 {
	color: #333;
	font-weight: bold;
	font-size: 11px;
}

strong {
	font-weight: bold;
}

.normal{
	font-weight: normal;
}

.important {
	color: #f60;
}

.importantLink {
	padding: 0 0 0 14px;
	background: url(../graphics/icons/robertpfeil.gif) 0 4px no-repeat transparent;
}

.infolink {
        padding-left: 15px;
        background: url(../graphics/icons/nav_popup.gif) 0 2px no-repeat transparent;
        text-decoration: underline;
}

ul.importantList {
	list-style-type: none;
	padding: 7px 14px;
}

ul.importantList li {
	padding: 0 0 7px 14px;
	background: url(../graphics/icons/robertpfeil.gif) 0 4px no-repeat transparent;
}

ul.list {
	list-style-type: none;
	padding: 7px 0 0 0;
}

/* myAd Links */

.link {
	padding: 2px 0 7px 20px;
	background: url(../graphics/icons/robertpfeil.gif) 2px 4px no-repeat transparent;
}

/* .forwardLink only works for the one specific use on answer.ftl so far */

.forwardLink {
	margin: -2px 0 0 0;
	float: right;
	padding: 2px 14px 7px 20px;
	background: url(../graphics/icons/robertpfeil.gif) 162px 6px no-repeat transparent;
}

.edit {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconBundle.gif) no-repeat transparent;
}

.addFramed {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconAddFramed.gif) no-repeat transparent;
}s

.deleteFramed {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconDeleteFramed.gif) no-repeat transparent;
}

h1.myListing {
	float: left;
}

.logOut {
	padding: 3px 40px 0 0;
	background: url(../graphics/icons/iconLogOut.gif) 65px 2px no-repeat transparent;
	font-weight: normal;
	font: 11px Verdana,Helvetica,Sans-Serif;

}
.logOut a {
	color: #fff;
}

.upgrade {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconUpgrade.gif) no-repeat transparent;
}

.delete {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconDelete.gif) no-repeat transparent;
}

.updateCar {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconCar.gif) no-repeat transparent;
}

.updateMotorcycle {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconMotorcycle.gif) no-repeat transparent;
}

.updateMotorhome {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconMotorhome.gif) no-repeat transparent;
}

.updateTruck {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconTruck.gif) no-repeat transparent;
}

.extend {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconExtend.gif) no-repeat transparent;
}

.reactivate {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconReactivate.gif) no-repeat transparent;
}

.pay {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconPay.gif) no-repeat transparent;
}

.picture {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconPicture.gif) no-repeat transparent;
}

.editContact {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconContact.gif) no-repeat transparent;
}

.editPassword {
	padding: 2px 0 14px 28px;
	background: url(../graphics/icons/iconPassword.gif) no-repeat transparent;
}

.pdf {
	padding: 2px 0 14px 20px;
	background: url(../graphics/icons/iconPdf.gif) no-repeat transparent;
}

.inactive{
		color: #999;
}

/* /myAd Links */

.empty {
	padding: 2px 7px 14px 0;
}

.toDo {
	color: #f00;
}
.extraLarge {
	font-size: 32px;
}

/* ------------- /text formatting ------------- */
/* ------------- div formatting ------------- */
.printOnly {
	display: block;
}

.frontEndOnly {
	display: none;
}

/* ------------- /div formatting ------------- */

/* ------------- input boxes ------------- */

input.medium {
	width: 150px;
}

textarea#vehicleDescr {
	width: 565px;
}

/* ------------- /input boxes ------------- */

.openWindow {
	padding-left: 15px;
	background: url(../graphics/icons/newWindow.gif) 0 2px no-repeat transparent;
}

/* ------------- *helpers ------------- */

.float1{
	float: left;
}

.float2{
	float: right;
}

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

/* ------------- /helpers ------------- */

/* ======================== /general ============================= */

/* ======================== *header ============================== */


#header img {
	float: left;
	margin-right: 10px;
}

#headerNavigation {
	display: none;
}

/* =================/header ============================ */

/* ------------- *mainNavigation ------------- */

ul#mainNavigation
{
	display:none;
}

/* --------------/mainNavigation --------------- */

/* ==================================== *subNavigation =========================================== */

#makeItLookNice
{
	display: none;
}

/* ============================================================= */

ul.subNavigation
{
	display: none;
}

/* ================== *TopCats like Search & Offer ============= */

ul.subNavigation li h2 a
{
	font-size: 10px;
	font-weight: normal;
	padding: 4px 4px 5px 4px;
	color: #fff;
	background-color: #999;
	border: #999 1px solid;
}

ul.subNavigation li h2 a:hover, ul.subNavigation li h2 a.active:hover
{
	border: #CCC 1px solid;
	color: #000;
	background: #fafafa;
}

ul.subNavigation li h2 a.active
{
	color: #fff;
	background: #999;
	border: #999 1px solid;
}
/* ================== /TopCats like Search & Offer ============= */

/* ================== *Categories like Pkw or Lkw ============== */

ul.subNavigation ul.cat
{
	width: 104px;
	list-style-type: none;
	padding-bottom: 21px;
}

/* ================== /Categories like Pkw or Lkw ============== */

/* ================== *SubCats like New or Used ================ */

ul.subNavigation ul.catSub
{
	width: 104px;
	list-style-type: none;
	font-size: 10px;
	margin-bottom: -1px;
}

.subNavigation ul.catSub li {

}

.subNavigation ul.catSub li a {
	padding-left: 24px;
	background: url(../graphics/navigation/2_0.gif) 12px 0 no-repeat #CCC;
}

.subNavigation ul.catSub li a.active {
	background: url(../graphics/navigation/2_1.gif) 12px 0 no-repeat #CCC;
}

.subNavigation ul.catSub li a:hover {
	background: url(../graphics/navigation/2_1.gif) 12px 0 no-repeat #CCC;
}

/* ================== /SubCats like New or Used ================ */

/* ========================= *Special ========================== */

.subNavigation li.divider
{
	height: 21px;
}

/* ==================================== /subNavigation =========================================== */

#contentBoxWrapper
{
	float: left;
	padding: 0 0 25px 0;
	width: 600px;

	/* for testing only
	height: 500px;
	background: #ffc000;
		*/
}

#contentBox {
	min-height: 350px;
}
	* html #contentBox
	{
		height: 348px;
	}


#contentBox .info {
	padding: 7px 14px;
}

#contentBox .info h2 {
	padding: 0 0 7px 0;
	font-size: 11px;
}

#contentBox .errorBox {
        border: 1px solid #f60;
        background-color:#ffc;
        padding: 14px;
        margin: 0 0 14px 0;
        color:#f60;
        line-height: 18px;
        font-weight: bold;
}

#contentBox .errorBox p {
	padding: 0;
	margin: 0;
}

#contentBox .messageBox {
        border: 1px solid #f60;
        padding: 7px 14px;
        margin: 0 0 14px 0;
        line-height: 18px;
}

#contentBox .messageBox p, #contentBox .messageBox h2, #contentBox .messageBox h3 {
	padding: 7px 0;
	margin: 0;
}

/*---------------- *progressBar -------------------------- */


ul.progressBar li {
	float: left;
	margin: 0 16px 14px 0;
	width: 72px;
	background: url(../graphics/layout/pbTop.gif) top left no-repeat #ccc;
}

ul.progressBar li.active {
	background: url(../graphics/layout/pbTopActive.gif) top left no-repeat #f60;
}

ul.progressBar li.last {
	margin: 0;
	float: right;
}

ul.progressBar li .counter {
	padding: 5px 0 4px 9px;
	display: block;
}

ul.progressBar li.active .counter {
	color: #f60;
}

ul.progressBar li .area {
	padding: 0 5px 3px 5px;
	display: block;
	background: url(../graphics/layout/pbBottom.gif) 0 12px no-repeat transparent;
}

ul.progressBar li.active .area {
	background: url(../graphics/layout/pbBottomActive.gif) 0 12px no-repeat transparent;
	color: #fff;
}

/* icons */

ul.progressBar li .listingCar {
	background: url(../graphics/icons/progressbar/pbListingCar.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .listingCar {
	background: url(../graphics/icons/progressbar/pbListingCarActive.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li .listingMotorhome {
	background: url(../graphics/icons/progressbar/pbListingMotorhome.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .listingMotorhome {
	background: url(../graphics/icons/progressbar/pbListingMotorhomeActive.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li .listingMotorcycle {
	background: url(../graphics/icons/progressbar/pbListingMotorcycle.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .listingMotorcycle {
	background: url(../graphics/icons/progressbar/pbListingMotorcycleActive.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li .listingTrucks {
	background: url(../graphics/icons/progressbar/pbListingTrucks.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .listingTrucks {
	background: url(../graphics/icons/progressbar/pbListingTrucksActive.gif) 25px 2px no-repeat transparent;
}




ul.progressBar li .contact {
	background: url(../graphics/icons/progressbar/pbContact.gif) 27px 2px no-repeat transparent;
}

ul.progressBar li.active .contact {
	background: url(../graphics/icons/progressbar/pbContactActive.gif) 27px 2px no-repeat transparent;
}

ul.progressBar li .options {
	background: url(../graphics/icons/progressbar/pbOptions.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .options {
	background: url(../graphics/icons/progressbar/pbOptionsActive.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li .pictures {
	background: url(../graphics/icons/progressbar/pbPictures.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .pictures {
	background: url(../graphics/icons/progressbar/pbPicturesActive.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li .verify {
	background: url(../graphics/icons/progressbar/pbVerify.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .verify {
	background: url(../graphics/icons/progressbar/pbVerifyActive.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li .pay {
	background: url(../graphics/icons/progressbar/pbPay.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .pay {
	background: url(../graphics/icons/progressbar/pbPayActive.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li .online {
	background: url(../graphics/icons/progressbar/pbOnline.gif) 25px 2px no-repeat transparent;
}

ul.progressBar li.active .online {
	background: url(../graphics/icons/progressbar/pbOnlineActive.gif) 25px 2px no-repeat transparent;
}

/* /icons */

/*---------------- /progressBar -------------------------- */


/*	  +++++++++++++++++++++++++++++++++++++++++++++++		*/

.copyBox {
	background: #fff;
	margin: 0 0 14px 0;
}

/* removes margin for nested copy boxes */
.col1 .copyBox, .col2 .copyBox, .col23 .copyBox, .col3 .copyBox, .col34 .copyBox, .col4 .copyBox, .col4 .copyBox, .col6 .copyBox, .col9 .copyBox {
	margin: 0;
}

.copyBox .copyBoxHeader {
	height: 7px;
	background: url(../graphics/layout/greyRoundedCorner_tr.gif) top right no-repeat transparent;
}

.copyBox .copyBoxHeader .cornerHelper {
	height: 7px;
	background: url(../graphics/layout/greyRoundedCorner_tl.gif) top left no-repeat transparent;
}

	* html .copyBox .copyBoxHeader .cornerHelper {
		margin-bottom: -6px;
	}

.copyBox .copyBoxFooter {
	height: 7px;
	background: url(../graphics/layout/greyRoundedCorner_br.gif) bottom right no-repeat transparent;
}

.copyBox .copyBoxFooter .cornerHelper {
	height: 7px;
	background: url(../graphics/layout/greyRoundedCorner_bl.gif) bottom left no-repeat transparent;
}
*.search20 .copyBoxFooter {
	display:none;
}

	* html .copyBox .copyBoxFooter .cornerHelper {
		margin-top: -6px;
	}


/*---------------- *copyBox -------------------------- */

.copyBox .copyBoxContent {
	border: 0;
	border-width: 0 1px;
}
	* html .copyBox .copyBoxContent {
		height: 1px;
	}

.copyBox .copyBoxFixedHeight{
	height: 186px;
}

hr {
        border: 1px solid #ccc;
        border-width: 0 0 1px 0;
        height: 1px;
        background-color: transparent;
}

.copyBox .copyBoxContent hr {
	margin: 7px 0;
}
	* html .copyBox .copyBoxContent hr {
		margin: 0;
		padding: 7px 0;
	}


.copyBox .copyBoxContent h2 {
	padding: 7px 14px;
	font: 11px Verdana,Helvetica,Sans-Serif;
	color: #333;
	font-weight: bold;
}

.copyBox .copyBoxContent h2.inlineCol {
	padding: 7px 0;
}

.copyBox .copyBoxContent h2.borderBoth {
	padding: 7px 14px;
	border: 1px solid #ccc;
	border-width: 1px 0;
	color: #333;
}

.copyBox .copyBoxContent h2.borderBottom {
	padding: 7px 14px;
	height: 14px;
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
	color: #333;
}

.copyBox .copyBoxContent h2.borderBottom .hint, .copyBox .copyBoxContent h2 .hint {
	font-weight: normal;
	padding: 0;
}

.copyBox .copyBoxContent h2 .areaIcons {
	margin: -5px 0 0 0;
}

.copyBox .copyBoxContent h2 .areaIcons img {
	margin: 0 0 0 7px;
}

.copyBox .copyBoxContent h3 {
	font: 11px Verdana,Helvetica,Sans-Serif;
	color: #333;
	font-weight: bold;
}

.copyBox .copyBoxContent p {
	padding: 7px 14px;
	line-height: 16px;
}

.copyBox .copyBoxContent fieldset {
	padding: 0 7px;
}

.copyBox .copyBoxContent input.radio {
	margin: 0 5px -2px 0;
}

	* html .copyBox .copyBoxContent input.radio {
		margin: 0 2px -2px -3px;
	}

.copyBox .copyBoxContent table.bordered {
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
}

.copyBox .copyBoxContent table.bordered td {
	border: 1px solid #999;
	border-width: 1px 0 0 1px;
	padding: 5px;
}


/*---------------- /copyBox -------------------------- */

/*---------------- * Promotional -------------------------- */

.promoSYI {
	height: 140px;
	width: 600px;
	background: url(../graphics/promotional/promoSyiFlow.jpg) top right no-repeat;
	padding: 0 0 14px 0;
}

.promoSYI h2 {
	padding: 14px 14px 14px 240px;;
	font: 14px Verdana,Helvetica,Sans-Serif;
	color: #333;
	font-weight: bold;
}

.promoSYI ul {
	padding: 0 14px 14px 240px;;
}

.promoSYI p {
	padding: 0 14px 7px 240px;;
	color: #333;
}

/*---------------- / Promotional -------------------------- */


/*---------------- *teaserBox -------------------------- */

.teaserBox {
	background: #fafafa;
	margin: 0 0 14px 0;
}
.teaserBox .teaserBoxHeader {
	height: 16px;
	background: url(../graphics/layout/orangeRoundedCorner_tr.gif) top right no-repeat #f60;

}

.teaserBox .teaserBoxHeader .cornerHelper {
	background: url(../graphics/layout/orangeRoundedCorner_tl.gif) top left no-repeat transparent;
	height: 16px;
}

	* html .teaserBox .teaserBoxHeader .cornerHelper {
		margin-bottom: -6px;
	}

.teaserBox .teaserBoxFooter {
	height: 7px;
	background: url(../graphics/layout/greyRoundedCorner_br.gif) bottom right no-repeat transparent;
}

.teaserBox .teaserBoxFooter .cornerHelper {
	height: 7px;
	background: url(../graphics/layout/greyRoundedCorner_bl.gif) bottom left no-repeat transparent;
}

	* html .teaserBox .teaserBoxFooter .cornerHelper {
		margin-top: -6px;
	}

.teaserBox .teaserBoxContent {
	border: solid #ccc;
	border-width: 0 1px;
}

.teaserBox .teaserBoxContent .row {
	padding: 3px 7px;
	height: 14px;
}

.teaserBox .teaserBoxContent h3 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 2px 7px;
	margin: -17px 0 0 0;
	position: absolute;
}

.teaserBox .teaserBoxContent h3 input.radio {
	margin: 0;
}
	* html .teaserBox .teaserBoxContent h3 input.radio {
		margin: -3px -5px 0 -5px;
	}


.teaserBox .teaserBoxContent h4 {
	font-size: 11px;
	background: #ccc;
	border: solid #fff;
	border-width: 1px 0 0 0;
	padding: 2px 7px;
}
.teaserBox .teaserBoxContent .row.alt {
	background: #f2f2f2;
}

.teaserBox .teaserBoxContent.borderBottom {
	border-width: 0 1px 1px 1px;
}

	* html .teaserBox .teaserBoxContent {
		height: 1px;
	}



/*======================= *form ==================================*/

select.select {
	width: 100%;
	height: 17px;
	font-size: 11px;
}
select.multiSelect {
	width: 100%;
}

input.file {
	width: 100%;
	height: 20px;
}

.buttonWrapper{
	margin: 14px 0 14px 0;
}

	* html .buttonWrapper{
		height: 1px;
	}

/* removes margin from nested buttons */
.copyBox .buttonWrapper{
	margin: 0;
}

input.buttonDestyler{
	border: none;
	height: 18px;
	font: 11px Verdana,Helvetica,Sans-Serif;
	color: #333;
	display: inline;
	cursor: pointer;
}
input.submit{
	background: #CCC;
	padding: 0 10px;
	/* never remove!!! it's a crazy hack for IE in order to remove standard padding on buttons */
	overflow: visible;
}

input.addPicture {
	height: 21px;
	background: url(../graphics/icons/iconAddFramed.gif) no-repeat transparent;
	padding: 2px 0 20px 28px;
	text-align: left;
	text-decoration: underline;
}
input.deletePicture {
	height: 21px;
	background: url(../graphics/icons/iconDelete.gif) no-repeat transparent;
	padding: 2px 0 20px 28px;
	text-align: left;
	text-decoration: underline;
	display: inline;
}
input.updatePicture {
	height: 21px;
	background: url(../graphics/icons/iconUpdate.gif) no-repeat transparent;
	padding: 2px 0 20px 28px;
	text-align: left;
	text-decoration: underline;
	display: inline;
}

.buttonWrapper a.buttonDestyler {
	text-decoration: none;
	text-align: center;
	background: #CCC;
	border: none;
	height: 16px;
	padding: 2px 10px 0 10px;
	color: black;
}

.buttonWrapper .buttonEdge1{
	height: 18px;
	width: 4px;
	background: url(../graphics/layout/buttonL.gif) no-repeat 0px;
}

.buttonWrapper .buttonEdge2{
	height: 18px;
	width: 4px;
	background: url(../graphics/layout/buttonR.gif) no-repeat 0px;
}

.backLink {
	padding: 0 0 0 14px;
	background: url(../graphics/icons/robertpfeil2.gif) 0 4px no-repeat transparent;
}


/*------------ *Errors ----------------------- */

input.error, select.error {
	background: #f60;
	padding: 0;
}

/* error messages for radiobuttons at payment */
h3.error {
	background: url(../graphics/layout/errorRadio.gif) 10px 4px no-repeat transparent;
}
	* html h3.error {
		background: url(../graphics/layout/errorRadio.gif) 11px 8px no-repeat transparent;
	}

/* error messages for radiobuttons in general with a span */
.radio.error {
	background: url(../graphics/layout/errorRadio.gif) 1px 0px no-repeat transparent;
	padding: 5px;
}
	* html .radio.error {
		background: url(../graphics/layout/errorRadio.gif) 5px 5px no-repeat transparent;
	}



/*------------ /Errors ----------------------- */

/*======================= /form ==================================*/


/*======================= Display of Images ==================================*/

.previewImage {
	width: 64px;
	float: left;
	margin-right: 14px;
	display: inline;
}

* html .previewImage {
	margin-right: 13px;
}

/*======================= /Display of Images ==================================*/

/*======================= Choose Truck Category ==================================*/

.chooseTruck {
	position: relative;
	height: 105px;
}

	* html .chooseTruck {
		padding-bottom: 10px;
		white-space: nowrap;
	}

.chooseTruck img {
	margin-left: 7px;
}

.chooseTruck a.importantLink {
	position: absolute;
	bottom: 7px;
	left: 14px;
}

.transporter img {
	margin-top: 15px;
}

.lkw img {
	margin-top: 17px;
}

.szm img {
	margin-top: 8px;
}

.anhaenger img {
	margin-top: 15px;
}

.auflieger img {
	margin-top: 25px;
}

.baufz img {
	margin-top: -10px;
}

.bus, .agrarfz, .stapler {
	height: 130px;
}

.bus img {
	margin-top: 52px;
}

.agrarfz img {
	margin-top: 28px;
}

.stapler img {
	margin-top: -10px;
}

/*======================= /Choose Truck Category ==================================*/

/*========================= regDoc ===============================*/

#regDocOld, #regDocNew {
	height: 100px;
}

#regDocOldLabel, #regDocNewLabel {
	text-decoration: underline;
	cursor: pointer;
	padding: 0 0 0 14px;
	background: url(../graphics/icons/robertpfeil.gif) 0 4px no-repeat transparent;
	display: none;
}

/*========================= /regDoc ===============================*/


/*======================= *footer ==================================*/

.footer #service {
	display: none;
}

.footer #service ul {
	float: left;
	padding: 0 0 0 10px;
	list-style-type: none;
}

.footer #service ul li {
	display: inline;
	padding: 0 0 7px 0;
}

.footer #service ul li.lastItem {
	border: none;
}

.footer #service ul li a {
	text-decoration: none;
	color: #333;
}

#naturalSearch {
	width: 600px;
}

#naturalSearch ul {
	color: #999;
	text-align: center;
	margin: 0 0 7px 0;
}

#naturalSearch ul li {
	display: inline;
	margin-left: 5px;
}

#naturalSearch ul li a {
	color: #999;
}

/*================================== box for help and info layers ==================================================*/


body#faqMail div#contentBox
{
	width: 600px;
	padding: 14px;
}


body#faqPage, body#faqMail{
	background: none;
	padding: 0px;
}

.faqWrapper{
	width: 600px;
	padding: 10px;
}

.faq{
	cursor: pointer;
}

.faqSub{
	cursor: pointer;
}

#answerBox{
	background: transparent;
}

#answer {
	margin: -14px;
	position: absolute;
	visibility: hidden;
}


#helpAnswer {
	background: url(../graphics/layout/overlay.png) transparent repeat 0px 0px;
	width: 100%;
	height: 2000px;
	top: 0;
	left: 0;
	margin: -14px;
	position: absolute;
	visibility: hidden;
}

#helpAnswerBox{
	width: 627px;
	position: absolute;
	margin: 0 0 0 -3px;
}

#overlay {
	height: 2000px;
	width: 100%;
	top: 0;
	left: 0;
	background: url(../graphics/layout/overlay.png) transparent repeat 0px 0px;
	position: absolute;
	visibility: hidden;
}

#bundleInfoBox {
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 100px;
	position: absolute;
	visibility: hidden;
}

#bundleInfoBox a.backLink {
	float: left;
	padding: 0 0 0 14px;
	background: url(../graphics/icons/robertpfeil2.gif) 0 4px no-repeat transparent;
}

#bundleInfoBox .bundleInfoRequest {
	float: right;
	padding: 0 0 0 14px;
	background: url(../graphics/icons/robertpfeil.gif) 0 4px no-repeat transparent;
}

#bundleInfoBox #answerContent {
	height: 480px;
}

#bundleInfoBox .teaserBox {
	width: 550px;
	position: relative;
}

#bundleInfoBox .teaserBox .teaserBoxHeader, #helpAnswerBox .teaserBox .teaserBoxHeader {
	background-image: url(../graphics/layout/orangeRoundedCorner_tr_alt.gif);
}

#bundleInfoBox .teaserBox .teaserBoxHeader .cornerHelper, #helpAnswerBox .teaserBox .teaserBoxHeader .cornerHelper {
	background-image: url(../graphics/layout/orangeRoundedCorner_tl_alt.gif);
}

#bundleInfoBox .teaserBox .teaserBoxFooter, #helpAnswerBox .teaserBox .teaserBoxFooter  {
	background-image: url(../graphics/layout/greyRoundedCorner_br_alt.gif);
}

#bundleInfoBox .teaserBox .teaserBoxFooter .cornerHelper, #helpAnswerBox .teaserBox .teaserBoxFooter .cornerHelper {
	background-image: url(../graphics/layout/greyRoundedCorner_bl_alt.gif);
}

#bundleInfoBox .teaserBox .teaserBoxContent h3 {
	position: absolute;
	left: 0;
}

	* html #bundleInfoBox .teaserBox .teaserBoxContent h3 {
		position: relative;
	}

#bundleInfoBox .teaserBox .teaserBoxContent a#answerClose {
	position: absolute;
	color: #fff;
	top: 0;
	right: 10px;
	text-decoration: none;
}

#bundleInfoBox .teaserBox .teaserBoxContent a#answerClose img {
	margin: 0 0 0 14px;
}

#bundleInfoBox .teaserBox .teaserBoxContent h2 {
	font-size: 11px;
}

#bundleInfoBox .teaserBox .teaserBoxContent hr {
	margin: 14px 0;
}

#bundleInfoBox .teaserBox .teaserBoxContent img {
	margin-top: 20px;
}

#bundleInfoBox .teaserBox .teaserBoxContent .footnote {
	margin: 7px 0 0 0;
	font-size: 10px;
}

#infoBox {
	background-color: #FFC;
	border-color: #999;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	font-size: 10px;
	margin: 0px;
	width: 110px;
	z-index: 12;
	padding: 17px 5px 5px 5px;
	position: relative;
	left: 15px;
	top: 10px;
}

#infoBox #answerClose {
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
}

#infoBox hr {
	border-bottom: 1px solid #999;
	height: 0 !important;
	margin: 0 -5px;
	margin-bottom: 5px;
	padding: 0;
}

#infoBoxNoscript {
	margin: 25px;
	padding-bottom: 50px;
	width: 400px;
}

/*================================== helper declarations (self clearing containers) ==================================*/

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

.clearfix {
	display:block;
}

	* html .clearfix {
		height: 1%;
	}

.dontPrint {
	display: none;
}

/*================================== search 20 search result view ==================================*/

#gotoPage, 
#selectAll {
	display:none;
	}
#contentBoxWrapper {
	width:99%;
	}
*.itemPic input {
	display:none;
	}
#hitListResults {
	background: url(../graphics/layout/ses_back.gif) #fff repeat 0px 0px;
	border: solid #CCC;
	border-width: 0 0 1px 0;
	}
#hitListResults iframe {
	background: #FFF;
	border: solid #CCC;
	border-width: 0 0 1px 0;
	}
#hitList #hitListResults .itemPic {
	width: 100px;
	padding: 5px;
	}
#hitList #hitListResults .itemPic img {
	border:0px;
	}
#hitList #hitListResults .itemPic a {
	font-weight: normal;
	font-size: 10px;
	}
#hitList #hitListResults .text {
	width: 345px;
	padding: 5px;
	}
#hitList #hitListResults a {
	font-weight: bold;
	}
#hitList #hitListResults a.parkLink {
	font-weight: normal;
	font-size: 10px;
	}
#hitList #hitListResults .firstCollumnValue {
	text-align: right;
	width: 55px;
	padding: 5px 0 5px 0;
	}
#hitList #hitListResults .secondCollumnValue {
	text-align: right;
	width: 90px;
	padding: 5px 0 5px 0;
	}
#hitList #hitListResults .thirdCollumnValue {
	text-align: right;
	width: 108px;
	padding: 5px 0 5px 0;
	}
#hitList #hitListResults .eyecatcher {
	background: url(../graphics/layout/ses_back_eye.gif) #FFE8D9 repeat 0px 0px;
	}
.sesSortHeader {
	background: #CCC;
	height: 24px;
	width: 100%;
	}
.sesSortHeader div {
	padding: 5px;
	}
.sesSortHeader .thirdCollumn {
	min-width: 100px;
	text-align: right;
	}
* html .sesSortHeader .thirdCollumn {
	width: 100px;
	}
#hitList .sesSortHeader .secondCollumn {
	min-width: 81px;
	text-align: right;
	}
* html .sesSortHeader .secondCollumn {
	width: 81px;
	}
#hitList .sesSortHeader .firstCollumn {
	min-width: 49px;
	text-align: right;
	}
* html .sesSortHeader .firstCollumn {
	width: 49px;
	}

#hitList {
	border: solid 1px #666;
	width:100%;
}

/*================================== search 20 detail view ==================================*/

.right {
	text-align: right;
}
div.search20 h1 {
	padding: 0;
	background-image: none;
	background-color: #fff;
	color: #000;
	font-size: 13pt;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 14px 0;
	line-height: 26px;
	}
.vehicleFeatures {
	font-weight: bold;
	}
.vehicleFeatures span {
	width: 50%;
	font-weight: normal;
	display: block;
	float: left;
	}
.vehicleFeatures span.small {
	width: auto;
	font-weight: normal;
	display: inline;
	float: none;
	}
.vehicleFeatures strong {
	display: block;
	float: left;
	width: 40%;
	}
div.search20 p, div.search20 .copyBox .copyBoxContent p {
	margin: 0 0 7px 0;
	padding: 0;
	}
a.infoRequest {
	display: none;
	}

div.rightBorder {
	border-right: 1px solid #f60;
	height: 64px;
}










#contactForm, 
.tabFooter,
#functionLinks {
	display:none;
	}
#breadCrumb {
	width:100%;
	}

/* ======================== * [...]Details.ftl ======================== */
#widthDetailsview #contentBoxWrapper {
	padding: 7px 0 0 0;
	width: 100%;
	}
	* html #width995 #contentBoxWrapper, * html #widthDetailsview #contentBoxWrapper {
		padding: 0;
		margin: -5px 0 0 0;
		}

div.search20 h1.withIcon {
	margin: 0;
	padding: 14px 7px 7px 0px;
	}
div.search20 h1 span.price, div.search20 h1 span {
	display: block;
	float: left;
	}
div.search20 h1 span.monthly {
	font-size: 11px;
	white-space: nowrap;
	}
img.headerIcon {
	margin: 3px 14px 0 3px;
	border: solid 1px #999;
	display: block;
	}
#detailTabs h2 {
	padding-left: 0;
	}
#detailTabs #contentBoxRecommendations h2 {
	padding-left: 14px;
	}
div.galleryMWidth {
	width: 300px;
	padding: 0;
	height: auto;
	margin-bottom: 14px;
}

div.galleryMWidth img {
	border: 1px solid #ccc;
	margin: 0;
}

div.galleryS {
	height: 231px; /* fits for standard image size 298 x 224 */
	border: 1px solid #999;
	padding: 14px;
	margin: 0 0 14px;
}

div.galleryL {
	height: 407px;
	border: 1px solid #999;
	padding: 14px;
	margin: 0 0 14px;
}

div.galleryXXL {
	height: 487px;
	border: 1px solid #999;
	padding: 14px;
	margin: 0 0 14px;	
}

.containerThumbs {
	padding: 4px 0 0 0;
	margin: 0 8px 8px 0;
	height: 68px;
	width: 72px;
	text-align: center;
}

.overviewCol1 {
	width: 330px;
	}
.overviewCol1 a.importantLink{
	display: block;
	}
.overviewCol2 {
	width: 365px;
	}	
.overviewCol3 { /* iconS */
	width: 73px;
	}

.tabFooter a {
	color: #666;
	text-decoration: none;
	}
.tabFooter a:hover {
	color: black;
	text-decoration: underline;
	}
.internationalPrefix {
	width: 38%;
	}
.prefix {
	width: 20%;
	}
.telephoneNumber {
	width: 40%;
	}

#contactForm2 .col2 label, #contactForm2 .col2 input, #contactForm2 textarea, #contactForm1 .col2 label, #contactForm1 .col2 input, #contactForm1 textarea {
	display: block;
	}
#contactForm2 .col2 label, #contactForm1 .col2 label {
	margin: 5px 0 0 0;
	}
#contactForm2 .col2 input.text, #contactForm1 .col2 input.text {
	width: 97%;
	}
#contactForm2 input.text, #contactForm1 input.text {
	width: 98.5%;
	margin-bottom: 4px;
	}
#contactForm2 #message, #contactForm1 #message {
	margin-top: 3px;
	height: 40px;
	width: 98%;
	}
* html #contactForm2 #message, #contactForm1 #message {
	width: 96%;
	}
#contactForm1 div.inline input, #contactForm2 div.inline input {
	margin: 0 3px -3px 0;
	display: inline;
	}
#contactForm1 div.inline label, #contactForm2 div.inline label {
	display: inline;
	line-height: 18px;
	}
#contactForm1 div.inline div, #contactForm2 div.inline div {
	display: inline;
	float: left;
	padding-right: 7px;
	}
#contactForm1 input.checkbox, #contactForm2 input.checkbox {
	display: block;
	float: left;
	}
#vehicleDescription {
	/* if there are strings that dont' break*/
	overflow: hidden; 
	}
.vehiclePicture {
	/* betrifft nur das  alt-Tag */
	font-size: 9px;
	}
.vehiclePicture img.iconS {
	border: 1px solid #999;
	}
.vehiclePicture img.noBorder {
	border: none;
	}
.vehicleFeatures {
	font-weight: bold;
	line-height: 16px;
	}
.vehicleFeatures span, .bruttoNetto span{
	width: 54%;
	font-weight: normal;
	display: block;
	float: left;
	}
.vehicleFeatures span.small {
	width: auto;
	font-weight: normal;
	display: inline;
	float: none;
	}
.vehicleFeatures strong.firstLine {
	display: block;
	float: left;
	width: 100%;
	}	
.vehicleFeatures strong, .bruttoNetto strong {
	display: block;
	float: left;
	width: 46%;
	}
	#tabDescription .vehicleFeatures span {
		width: 50%;
		}
	#tabDescription .vehicleFeatures strong {
		width: 50%;
		}
	


/*----------------------------- /only SES so far --------------------------------*/
	/*------------------------- *Top in CAtegory (S1i) ------------------------------*/
#TIC {
	background: #FFF;
	margin-top: -15px;
}

#TIC h3 {
	padding: 3px;
	background: #F60;
	color: #FFF
}

#TIC .adWrapper {
	border: solid 1px #F60;
	background: #FFF;
}

#TIC .ticImg img {
	margin: 0 7px 7px 0;
	padding: 0;
	border: solid 1px #CCC;
}