/********************************
Projekt: netCar.de
Stylesheet: Subpage
Autor: Maximilian Busch
********************************/

/****************
# Leftnav/Content-Wrap
****************/
#leftnav-content-wrap {
	background: transparent url(../layout/leftnav-bg.png) no-repeat 0 0;
}

/****************
# Leftnav
****************/
/**** Rahmen und Hintergrund ****/
#leftnav-wrap {
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
}
#leftnav {
	width: 248px;
	min-height: 288px;
}
#leftnav-bottom { 
	width: 247px;
	height: 3px;
	background: transparent url(../layout/leftnav-bg-bottom.png) no-repeat 0 0;
	font-size: 1px;
}

/**** Tatsaechliche Navi mit einzelnen Elementen ****/
#leftnav1, #leftnav2 {
	margin: 0 22px;
	padding: 10px 0 10px 0;
	width: 203px;
	list-style: none;
}
#leftnav1 { border-bottom: 1px dashed #fff; }

/* Standard */
#leftnav1 li a:link, #leftnav1 li a:visited, #leftnav1 li a:active, #leftnav1 li a:hover, #leftnav2 li a:link, #leftnav2 li a:active, #leftnav2 li a:visited, #leftnav2 li a:hover {
	padding-left: 30px;
	line-height: 13pt;
	display: block;
	background: transparent url(../layout/square-orange-8px.png) no-repeat 0 center; 
	color: #666;	
}
#leftnav2 li a:link, #leftnav2 li a:active, #leftnav2 li a:visited, #leftnav2 li a:hover  { background-image: url(../layout/square-grey-8px.png); }

/* Active Item */
#leftnav1 li a.act:link, #leftnav1 li a.act:visited, #leftnav1 li a.act:active, #leftnav1 li a.act:hover, #leftnav2 li a.act:link, #leftnav2 li a.act:visited, #leftnav2 li a.act:active, #leftnav2 li a.act:hover{ font-weight: bold; }

/* Level 2 */
#leftnav1 li.level2 a:link, #leftnav1 li.level2 a:visited, #leftnav1 li.level2 a:active, #leftnav1 li.level2 a:hover, #leftnav2 li.level2 a:link, #leftnav2 li.level2 a:visited, #leftnav2 li.level2 a:active, #leftnav2 li.level2 a:hover {
	padding-left: 45px;
	background: none;
}

/****************
# Content
****************/
#content-wrap {
	margin: 0;
	padding: 0 23px 25px 24px;
	width: 660px;
	float: right;
}

#content-wrap p { line-height: 15px; }

/***** UEBERNAHME AUS ALTEN STYLES - START *****/
/* Formulare */
#content-wrap input, #content-wrap textarea, #content-wrap option, #content-wrap select {
	color: #424242;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;	
}

/* Zweispaltig */
.left_column, .right_column {
	margin: 0 12px 0 0;
	padding: 0;
	width: 310px;
	float: left;
}
.right_column { margin: 0 0 0 11px; }

/* Common - vielseitig einsetzbares FCE */
.common {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #DBDBDB;
}

.common img.headline {
	margin: 0 15px 10px 0;
	padding: 0;
	width: 30px;
	height: 30px;
	clear: left;
	float: left;
}

.common h1 { 
	margin: 0 0 15px 0;
	padding: 0;
	clear: right;
	float: left;
	line-height: 30px;
}

.common img.image {
	margin: 0 0 25px 25px;
	/*width: 250px;
	height: 173px;*/
	float: right;
}

/* Brand-Info */
.brand_info {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	width: 645px;
	border-bottom: 1px solid #DBDBDB;
	clear: both;
}

.brand_info img.logo {
	margin: 0 35px 0 0;
	padding: 0;
	width: 90px;
	height: 90px;
	clear: left;
	float: left;
}

.brand_info h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 8pt;
	font-weight: normal;
}

.brand_info span.address {
	width: 270px;
	display: inline-block;
	float: left;
}

.brand_info span.additional {
	display: inline-block;
	float: left;
}

/* Model-Box */
.model_box {
	margin: 0 0 15px 0;
	padding: 10px;
	width: 623px;
	background-color: #DCDEDC;
	background-image: url(../layout/model_box_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #DBDBDB;
}

.model_box img.thumbnail {
	margin: 0 0 0 40px;
	padding: 0;
	width: 145px;
	height: 100px;
	float: right;
}

.model_box h1 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 438px;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px solid #969696;	
}

.model_box .left {
	margin: 0;
	padding: 0 15px 0 0;
}

.model_box .right {
	margin: 8px 0 0 0;
	padding: 0;
  clear: both;
}

.model_box .right ul { margin: 0 0 0 20px; padding: 0; list-style-image: url(../layout/general_icon.gif); }
.model_box .right ul li { margin-right: 35px; padding: 3px 0; float: left; }
.model_box .right ul li a:link, .model_box .right ul li a:visited, .model_box .right ul li a:hover, .model_box .right ul li a:active { color: #424242; text-decoration: none; }
.model_box .right ul li a:hover { color: #F25C21; text-decoration: underline; }

.model_box span.discount { color: #F25C21; font-weight: bold; }
.model_box span p { margin-bottom: 0; margin-top: 10px; }

/* Sonderaktion */
.offer {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #DBDBDB;
}

.offer img.headline {
	margin: 0 15px 10px 0;
	padding: 0;
	width: 30px;
	height: 30px;
	clear: left;
	float: left;
}

.offer h1 { 
	margin: 0 0 25px 0;
	padding: 0;
	clear: right;
	float: left;
	line-height: 30px;
}

.offer img.image {
	margin: 0 0 25px 25px;
	/*width: 250px;
	height: 173px;*/
	float: right;
}

.offer p.valid { font-style: italic; }
.offer p { margin-top: 0; }

/* Mitarbeiter */
.staff {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #DBDBDB;
	width: 640px;
}

.staff img.image {
	margin: 0 25px 0 0;
	padding: 0;
	clear: left;
	float: left;
}

.staff h1 { margin-bottom: 10px; }

.staff p.tasks { margin: 15px 0 0 0; height: 65px; }

.staff .phone {
	width: 250px;
	display: block;
	float: left;
	font-weight: bold;
}
.staff .phone span { font-weight: normal; }

.staff .email {
	width: 250px;
	display: block;
	float: left;
	font-weight: bold;
}
.staff .email span { font-weight: normal; }

/* Marken-Box - Alle Marken und Modelle */
.brand_box {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #DBDBDB;
}

.brand_box img.logo {
	margin: 0 20px 10px 0;
	padding: 0;
	clear: left;
	float: left;
}

.brand_box div.right {
	margin: 0;
	padding: 0;
	width: 525px;
	float: right;
}

.brand_box span.discount { color: #F25C21; font-weight: bold; }
.brand_box p.link { margin-bottom: 0px; text-align: right; }

/***** UEBERNAHME AUS ALTEN STYLES - ENDE *****/

/****************
# Breadcrumb
****************/
#breadcrumbnav {
	margin: 0 0 15px 0; padding: 3px 0;
	height: 28px;
	border-bottom: 1px solid #DBDBDB;
	clear: none;
	color: #9D9D9D;
	line-height: 28px;
}

#breadcrumbnav a:link, #breadcrumbnav a:visited, #breadcrumbnav a:hover, #breadcrumbnav a:active, #breadcrumbnav a.act:link, #breadcrumbnav a.act:visited, #breadcrumbnav a.act:hover, #breadcrumbnav a.act:active {
	color: #9D9D9D;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
#breadcrumbnav a:hover, 
#breadcrumbnav span.act { color: #F25C21; }