/*###################################*/
/*	Stylesheet for mobile.de dealer pages 	*/
/*	created by mtk 2007, pheedelity for mobile.de 	*/
/*###################################*/

/* START font size CSS */
body {font-size:62.5%} /* for IE/Win */
html>body {font-size:10px} /* for everything else */
/* Set other elements using ems 
(where 1em = 10px, 2em = 20px */
/* END font size CSS */

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100.1%;
}

body {
	font-family: "Arial","Helvetica",sans-serif;
	line-height: 1.6em;
	color: #333;
	text-align: center;
	padding-bottom: 3em;
}

h1 {
	margin-bottom: 1em;
	font-size: 2em;
	line-height: 1.4em;
}

img {
	border: 0;
}

p {
	margin-bottom: 1em;
}

a {
	color: #006;
	text-decoration: underline;
}

legend {
	display: none;
}

hr {
	clear: both;
	background: transparent;
	height: 0;
	border-top: 1px solid #ccc;
	margin-bottom: .4em;
}

abbr {
	text-decoration: none;
	border: 0;
}

fieldset {
	border: 0;
}

#wrapper {
	width: 595px;
	margin: 2em auto 0 auto;
	text-align: left;
}

body#groupForm #wrapper {
	width: auto;
	margin: 2em;
}

#header {
	font-size: 1.2em;
}

#header img {
	margin-bottom: .8em;
}

h2#dealership {
	font-weight: bold;
	font-size: 1em;
}

h3.org {
	display: inline;
	font-weight: normal;
	font-size: 1em;
}

h4{
	font-weight: bold;
	font-size: 1em;
	margin: 5px 0px 2px 0px
}

#mainNav {
	font-family: "Verdana","Helvetica",sans-serif;
	list-style-type: none;
}

#mainNav li {
	float: left;
	text-align: center;
	width: 148px;
}

* html #mainNav li.last {
	width: 147px;
}

#mainNav.allTabs li {
	float: left;
	text-align: center;
	width: 119px;
}

* html #mainNav.allTabs li.last {
	width: 118px;
}

#mainNav li a,
#mainNav li span.vModLinkUrl {
	color: #333;
	text-decoration: none;
	display: block;
	background: url(/static/dealer-homepage/graphics/bg_mainNav_inactive.gif) top left repeat-x #b6b6b6;
	font-weight: bold;
	line-height: 2em;
	border-right: 1px solid #fff;
	font-size: 1.2em;
}

#mainNav li.active a, #mainNav li a:hover, #mainNav li.active span.vModLinkUrl, #mainNav li span.vModLinkUrl:hover {
	color: #fff;
	background: url(/static/dealer-homepage/graphics/bg_mainNav_active.gif) top left repeat-x #7f7f7f;
}

ul#subNav {
	list-style-type: none;
	padding-left: 0 !important;
	border-bottom: 1px solid #ccc;
	padding-top: .5em;
}

#subNav li {
	float: left;
	width: 148px;
	text-align: center;
}

#subNav li a {
	color: #999;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	display: block;
	position: relative;
	padding: .3em 0 .2em 0;
}

#subNav li.active a {
	color: #333;
	bottom: -1px;
	border: solid #ccc;
	border-width: 1px 1px 0 1px;
	background: #fff;
}

#subNav li a:hover {
	color: #333;
}

#contentBox {
	clear: both;
	font-size: 1.2em;
}

#contentBox .welcome{
    clear: both;
    font-size: 1.6em;
    font-weight: bold;
    margin-top:2em;
    padding-bottom:1em;
    margin-bottom: 0;
}

#contentBox .imprint{
    margin: 10px 0 10px 0;
}

#contentBox h3 {
	font-size: 1.2em;
	margin: 1em 0 0 0;
}

#contentBox ul {
	margin: 1em 0;
	padding-left: 2em;
}

.homepageText1,
.homepageText2 {
	margin-top: 1em;
	margin-bottom: 1em;
}

#footer {
	clear: both;
	font-size: 1em;
	border-top: 1px solid #ccc;
	margin-top: 2em;
	padding-top: 1em;
}

#footer .mobileLink {
	display: block;
	float: left;
	width: 350px;
}

#footer #counter {
	float: right;
	color: #9b9b9b;
}

.vcard {
	margin: 1em 0 2em 0;
}

.vcard h3 {
	font-size: 1em;
}

.vcard div div {
	display: inline;
}

.paging {
	float: left;
	margin-left: 1em !important;
	display: inline;
}

.paging li {
	float: left;
	color: #666;
	display: block;
}

.paging li.active {
	font-weight: bold;
	padding: 0 .3em;
}

.paging li a,
.paging li span.vModLinkUrl {
	padding: 0 .3em;
}

.paging li a.prev,
.paging li span.prev {
	background: url(/static/dealer-homepage/graphics/ic_prev.gif) left center no-repeat;
	padding-left: 10px;
}

.paging li a.next,
.paging li span.next {
	background: url(/static/dealer-homepage/graphics/ic_next.gif) right center no-repeat;
	padding-right: 10px;
}

.paging li a:hover {
	color: #fff;
	background: #006;
}
.link-blue {
   color:#000066;
   text-decoration:underline;
}
.hhp-black {
   color:#333333;
}
.hhp-gray {
   color:#888888;
}
.hhp-red {
   color:#FF0000;
}
.hhp-green {
   color:#008000;
}
.hhp-blue {
   color:#000066;
}
span.vModLinkUrl {
	cursor:pointer;
	text-decoration:underline;
	color:#000066;	
}
span.vModLinkImg {
	cursor:pointer;
}
/*************************************************************************************************/
/*	offerShowroom */
/*************************************************************************************************/

.offerShowRoomImage {
	float: left;
	margin: 0 20px 2em 0;
	width: 300px;
	overflow: hidden;
}

.offerShowRoomDetails {
	float: left;
	width: 270px;
	margin-bottom: 2em;
}

.offerShowRoomDetails .offer {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1em;
}

.offerShowRoomDetails h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1em;
}

.offerShowRoomDetails h5 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
}

.offerShowRoomDetails h6 {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2em;
}

.offerShowRoomDetails .price {
	color: #666;
}

.offerShowRoomDetails .price a {
	font-size: 1.3em;
	font-weight: bold;
}

.offerShowRoomDetails .price span.vModLinkUrl {
	font-size: 1.3em;
	font-weight: bold;
}

.subText {
	color: #999;
	font-size: .9em;
}

dl {
	margin-bottom: 1em;
	line-height: 1.6em;
}

dd, dt {
	float: left;
}

dd {
	width: 170px;
}

dt {
	width: 100px;
}

/*************************************************************************************************/
/*	Search Results Page */
/*************************************************************************************************/

.ses {
	font-size: 1.2em;
}

.ses h3 {
	font-size: 1em !important;
	margin-bottom: 0 !important;
	font-weight: bold;
}

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

.ses .totalResults {
	color: #666;
	margin-bottom: 1em;
	display: block;
}

.sorting {
	background: #eee;
	padding: 0 0 0 .3em;
	line-height: 3em;
}

#contentBox .sorting ul {
	float: left;
	margin: 0;
}

.sortList, #sortnavigation {
	float: right;
}

 #sortnavigation {
 	width: 250px;
}

.sorting form {
	float: right;
	width: 35%;
}

.sorting form select, .sorting form label {
	float: left;
}

.sorting form select {
	position: relative;
	top: .5em;
	width: 100px;
}

.sorting form label {
	padding-right: 1em;
}

.sorting option {
	display: block;
	float: none;
	width: 100%;
}

#envkvInfotext {
	padding: 1em 0;
	margin: 0;
}

#envkvInfotext p.smallgrey {
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:10px;
	padding:4px;
	margin: 0;
}

#envkvInfotext p.smallgrey a {
	font-size: 10px;
	color: #666;
	text-decoration:underline;
}

#searchResults li {
	border-bottom: 1px solid #ccc;
	padding: 1em 0;
	margin: 0;
}

#searchResults li:hover {
	background: #eee;
}

#searchResults .preview {
	float: left;
	width: 90px;
	margin: 0 10px;
	display: inline;
	overflow: hidden;
}

#searchResults .preview img {
	border: 1px solid #ccc;
}

#searchResults .facts {
	float: left;
	width: 475px;
	padding-right: 10px;
}

#searchResults .facts a.keyword {
	color: #333333;
	text-decoration: none;
}

#groupForm #searchResults h4, #searchResults h4 {
	font-size: 1.25em !important;
	margin: 0 0 .2em 0 !important;
}

#searchResults h5.isItNew {
	margin-bottom: .2em;
	display: block;
	color: #666;
	font-size: 1em;
	font-weight: normal;
}

#searchResults .price {
	color: #666;
	margin-top: .3em;
}

#searchResults .price a,
#searchResults .price span.vModLinkUrl {
	font-size: 1.25em;
	font-weight: bold;
}
.preview #usedCarSeal a img {
	padding-top: 7px;
	border: none;
}
.ImagePrintView{
	padding-top: 7px;
}

/*************************************************************************************************/
/*	Detail Page */
/*************************************************************************************************/

#contentBox #offerDetail {
	padding-bottom: 2em;
}

#contentBox #offerDetail h4 {
	margin-bottom: 0;
	font-size: 1em;
}

#contentBox #offerDetail .isItNew {
	color: #666;
	margin-bottom: 1em;
	display: block;
}

#contentBox #offerDetail .price {
	color: #666;
}

#contentBox #offerDetail .price span {
	color: #333;
	font-size: 1.25em;
	font-weight: bold;
}

#contentBox #offerDetail .grossPrice {
	width: 250px;
	float: left;
	margin-bottom: 1em;
}
#contentBox #offerDetail .grossPrice label {
	float: left;
 	width: 80px;
}
#contentBox #offerDetail .grossPrice span {
	float: right;
	margin:0 50px 0 0;
}

#offerDetail .offerPreview {
	float: right;
	margin: 6em 0 20px 20px;
	background: #eee;
	width: 300px;
	overflow: hidden;
}

#offerDetail .offerPreview img {
	border: 1px solid #ccc;
}

#offerDetail .offerPreview ul {
	text-align: right;
	list-style-type: none;
	padding: 0 1em 0 0;
	margin: .6em 0 1em 0;
	line-height: 1.8em;
}

#contentBox .offerDetails h4 {
	color: #666;
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
}

#contentBox .offerDetails h4 span {
	font-weight: normal;
}

#offerDetail .subText {
	color: #999;
	border: solid #ccc;
	border-width: 1px 0;
	padding: .5em 0;
	margin-top: 1em;
	clear: both;
}

#offerPictures {
	padding-top: 1em;
}

#offerPictures .morePictures img {
	margin: 5px 5px 10px 0;
}

#offerDetail .offerDetails h4.clearLeft {
	clear: left;
	}

/*************************************************************************************************/
/*	Detail Request & Contact Form */
/*************************************************************************************************/

#offerForm {
	margin-bottom: 2em;
}

#offerFormDetail {
	margin: 1em 0;
}

.offerFormPreview {
	float: left;
	width: 74px;
	overflow: hidden;
}

.offerFormDetails {
	width: 521px;
	float: left;
}

.offerFormDetails h3 {
	margin-top: 0 !important;
}

.offerFormDetails h4 {
	margin: 0 !important;
	font-size: 1em;
	margin: 0 !important;
	font-weight: normal;
	color: #666;
}

.offerFormDetails h4 span {
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}

.offerFormDetails .isItNew {
	margin: 0 0 1.5em 0;
	color: #666;
}

.hint {
	color: #999;
}

#googleMap{
	margin: 0px;
	border: 1px solid #ccc;
}

.googleWrapper{
	padding:7px;
	background: #ddd;
	border: 1px solid #ccc;
	margin: 5px 0px 30px 0px;
}


.googleWrapper h4{
	margin: 15px 0px 5px 0px
}

form.googleForm{
	padding-bottom: 10px;
}

form.googleForm input[type=text]{
	width: 280px;
}

form.googleForm input{
	display:inline-block;
	margin: 0px 5px 0px 0px;
}

form p.hint {
	margin-top: -1em;
}

.formRow {
	clear: both;
	padding-bottom: 1.2em;
}

.formRow2 {
	clear: both;
	padding-bottom: 1em;
	padding-left: 150px;
}

.formRow label {
	width: 140px;
	padding-right: 10px;
	float: left;
}

.formRow select {
	width: 184px;
	height: 20px;
}

.hintText{
	color: #999;
}

.formRow select.title {
	width: 100px;
}

.formRow input, .formRow textarea {
	width: 426px;
	margin-right: 10px;
}

.formRow textarea {
	height: 175px;
	font-family: "Arial","Helvetica",sans-serif;
	width:430px;
}

.formRow input {
	height: 15px;
}

.formRow.error input {
	background: #f00;
}
.formRow .fieldHint{
	float:left;
}
.formRow .hint {
	font-size: .95em;
	clear:both;
}

.formRow label .hint {
	font-size: .95em;
	padding-left: 0;
}

.formRow2 input {
	float: left;
	margin-right: 1em;
}

.formRow2 label {
	width: auto;
}

#prefix {
	width: 60px;
	margin: 0px 0px 0px 5px;
}

#telephoneNumber {
	width: 160px;
	margin: 0px 0px 0px 5px
}

.errorBox {
	clear: both;
	border: 1px solid #f00;
	background: #eee;
	color: #f00;
	margin: 1em 0 2em 0;
	font-weight: bold;
}

#contentBox .errorBox ul {
	list-style-type: none;
	margin: .5em;
	padding-left: .5em;
}

.successBox {
	clear: both;
	border: 1px solid #390;
	color: #390;
	padding: 1em 1em 1em 4em;
	margin: 1em 0 2em 0;
	background: url(/static/dealer-homepage/graphics/ic_check.gif) .6em .6em no-repeat #cfc;
	font-weight: bold;
}

.submitButton {
	border: 0;
	font-weight: bold;
	font-family: "Arial","Helvetica",sans-serif;
	background: url(/static/dealer-homepage/graphics/bg_btn.gif) top right no-repeat transparent;
	padding: 5px 10px !important;
	margin: 0 !important;
	cursor: pointer;
	overflow: visible;
	display: block;
}

* html .submitButton {
	padding: 0;
}

.submitButtonWrapper {
	background: url(/static/dealer-homepage/graphics/bg_btnWrapper.gif) top left no-repeat;
	float: left;
	padding: 0;
}

.contact h3 {
	font-size: 1.3em !important;
	margin-bottom: 0 !important;	
}
form .leftColumnForm{
	float:left;
}
form .rightColumnDealerMap{
	float:left;
}
form .endForm{

}

/*************************************************************************************************/
/*	Services */
/*************************************************************************************************/
.services .serviceTextBox,
.services .serviceBoxes {
	margin: 1em 0 0 0;
}
.services .serviceBoxes .rowServiceBox {
	width:595px;
	float:left;
}
.services .serviceBoxes .serviceBox {
	float:left;
	width:290px;
	padding:10px 0;
}
.services .serviceBoxes .serviceBox.rightBox {
	float:right;
}
.services .serviceBoxes .serviceBox p {
	font-size:1em;
	line-height:1.2em;
	margin: 0 0 10px;
	padding:0;
}
	*+html .services .serviceBoxes .serviceBox p {
		margin: 0;
		font-size:1em;
		line-height:1.1em;
	}
	*+html .services .serviceBoxes .serviceBox hr {
		margin: 0;
		padding:0;
	}
	*html .services .serviceBoxes .serviceBox p {
		margin: 0;
		font-size:1em;
		line-height:1.1em;
	}
	*html .services .serviceBoxes .serviceBox hr {
		margin: 0;
		padding:0;
	}
/*************************************************************************************************/
/*	Imprint */
/*************************************************************************************************/


.imprint {
}

.imprint h3 {
	font-size: 1.3em !important;
}

.imprint dl {
	border-bottom: 1px solid #ccc;
}

.imprint dl.last {
	border: 0;
	margin-bottom: 0;
}

.imprint dt {
	width: 35%;
	clear: both;
	margin-bottom: 1em;
}

.imprint dd {
	float: right;
	margin-left: 10%;
	width: 55%;
	margin-bottom: 1em;
	font-weight: bold;
}

.imprint #additionalInformation {
	margin-bottom:0;
}

.todo {
	background: red;
}

.important {
	color: #f00;
}

.backLink {
	clear: both !important;
	padding-top: 1.5em;
}

.printLink {
	padding-left: 15px;
	background: url(/static/dealer-homepage/graphics/ic_print.gif) left center no-repeat;
}

.tellaFriendLink {
	padding-left: 15px;
	background: url(/static/dealer-homepage/graphics/ic_tellaFriend.gif) left center no-repeat;
}

.morePicturesLink {
	padding-left: 15px;
	background: url(/static/dealer-homepage/graphics/ic_morePictures.gif) left center no-repeat;
}

.gotoParkingLink,
.parkVehicleLink {
	background:transparent url(/static/dealer-homepage/graphics/ic_parking_2.gif) no-repeat scroll left center;
	padding-left:15px;
}

.videoLink {
	padding-left: 15px;
	background: url(/static/dealer-homepage/graphics/ic_richMedia.gif) left center no-repeat;
}

/*	Print View	*/

#printView {
	font-size: 12px;
}
	
#printView h1 {
	margin: 1em 0;
	line-height: 1.4em;
}

#printView h3 {
	margin-top: 1em;
}

.welcome {
	margin: 1em 0;
}

/*	Search Form	*/

#groupForm {
	font-size: .7em;
}

#groupForm label {
	display: block;
}

#groupForm label span {
	font-size: .7em;
}

#groupForm .searchFormRow {
	clear: both;
	margin-bottom: 1.5em;
}

#groupForm .searchFormRow div {
	float: left;
	width: 22%;
	padding-right: 3%;
	display: block;
}

#groupForm .searchFormRow div#modelSelection1 {
	width: 100% !important;
	margin-right: 0;
	padding: 0;
}

* html #modelDescription1 {
	width: 98% !important;
}

#groupForm .searchFormRow div.checkbox {
	padding-top: 2.1em;
}

#groupForm .searchFormRow div input, #groupForm .searchFormRow div select {
	width: 100%;
}

#groupForm .searchFormRow div input.checkbox {
	width: auto;
	float: left;
}

#groupForm h4 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 1em 0 .5em 0;
}

#groupForm #features {
	height: 40em;
	width: 60em;
	margin-top: 5em;
}

#groupForm #features label {
	display: inline;
}

#groupForm #features div {
	width: 33%;
	float: left;
	padding-bottom: .5em;
}

#groupForm .submitButtonWrapper {
	margin-bottom: 1em;
	float: right;
}

/*	ToolTips	*/

#theToolTip{
	text-align: left;
	position: absolute;
	left: -300px;
	width: 200px;
	border: 2px solid #C0C09F;
	padding: 10px;
	background-color: #FFFFCC;
	visibility: hidden;
	z-index: 100;
	font-size: 1.2em;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

#theToolTip p{
	font-size: 1.1em;
	color: #333333;
	line-height:1.4em;
	margin-right:10px;
	margin-top:0;
}

#ToolTipTextWrap {
	font-weight:bold;
	font-size: 1.2em;
	color: #592C16;
	margin-right:10px;
}

.rentInfoText {
	background: #FFF;
	border: solid 1px #F60;
	cursor:default;
	display: none;
	margin:0;
	text-decoration:none;
	padding: 7px;
	position:absolute;
	width: 120px;
	z-index: 99;
}

#messagePane {
	display: block;
	overflow: hidden;
	visibility: hidden; 
	position: absolute;
	margin: 30px 50px 50px 30px;
	width: 260px;
	padding-left: 20px;
}

#messagePane.pending {
	background: url(/static/resources/images/loading.gif) no-repeat;
}

#messagePane.success {
	background: url(/static/resources/images/success.png) no-repeat;
}

#messagePane.failure {
	background: url(/static/resources/images/cross.png) no-repeat;
}

#buttonPane .hidden {
	display: none;
	color: red;
}

/** Hilfs-Deklaration **/

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

/** GFI-1609 **/
/** Different error handling because phone prefix for FR is inactive **/
.formRow #prefix.error,
.formRow #telephoneNumber.error {
	background: #f00;
}



/*	φ	*/