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

/***** HTML-TAGS *****/
body {
	margin: 1px auto;
	padding: 0;
	background-color: #F6F6F6;
	background-image: url(../layout/body_bg.gif);
	background-repeat: repeat-x;
	color: #666;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
}

a:link, a:visited, a:hover, a:active {
	color: #F25C21;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { 
	color: #F25C21;
	font-weight: bold;
}
h1 { margin-top: 0; color: #666; font-size: 8pt; }
h2 { font-size: 8pt; }
h3 { color: #666; font-size: 10pt; }
h4 { font-size: 10pt; }

p { margin-top: 0; }

/* Editor */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.indent { margin-left: 25px; }

img { border: 0; }

/***** ALLGEMEIN *****/
/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

clearfix { line-height: normal !important; }

.clearer {
	margin: 0; 
	padding: 0;
	clear: both;
	font-size: 1px;
	line-height: 0px;
}

/* Hervorhebung Content */
p.markup {
	padding-left: 20px;
	border-left: 10px solid #DBDBDB;
}

p.markup_box {
	padding: 5px;
	background-color: #F2F2F2;
	border: 1px solid #DBDBDB;
}

/* Ashampoo-Logo */
#ashampoo { 
	width: 137px;
	height: 32px;
	float: right;
	position: relative;
	top: 35px;
}

/* Dekra */
#dekra {
  width: 69px;
  height: 96px;
  float: left;
  position: relative;
  left: 128px;
  top: 27px;
  background: transparent url(../layout/icon-dekra-big.png) no-repeat 0 0;
}
#dekra a:link, #dekra a:visited, #dekra a:active, #dekra a:hover { display: block; width: 69px; height: 96px; text-decoration: none; }

/* Original seit */
#originalsince {
	position: relative;
	float: right;
	left: 5px;
	top: 15px;
	width: 150px;
	height: 75px;
	background: transparent url(../layout/icon-originalsince.png) no-repeat 0 0;
}

/***** ELEMENTE *****/
/*** Rahmen ***/
#page {
	margin: 10px auto 0 auto;
	padding: 0px 2px;
	width: 956px;
	background-color: #FFFFFF;
	background-image: url(../layout/page-border.png);
	background-repeat: no-repeat;
	text-align: left;
}

#page-bottom {
	margin: 0px auto 10px auto;
	width: 960px;
	height: 3px;
	background-image: url(../layout/page-border-bottom.png);
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
}

/*** Header ***/
#header {
	margin: 0;
	padding: 0;
	width: 945px;
	height: 115px;
}

#header #logo_nc {
	display: block;
  float: left;
	position: relative;
	top: 12px;
	left: 5px;
  width: 234px;
  height: 87px;
  background: transparent url(../layout/header-logo-nc-11years.png) no-repeat left top;
}

#header #logo_nc a:link, #header #logo_nc a:visited, #header #logo_nc a:active, #header #logo_nc a:hover {
  display: block;
  width: 234px;
  height: 87px;
}

#header #ad_468 {
	padding-top: 8px;
	padding-left: 13px;
	width: 482px;
	height: 67px;
	float: left;
	position: relative;
	top: 20px;
	left: 45px;
	/*background: transparent url(../layout/header-ad-bg.gif) no-repeat 0 0;*/
}

#header #headernav {
	float: right;
	position: relative;
	top: 10px;
	color: #F25C21;
}

#header #headernav a:link, #header #headernav a:visited, #header #headernav a:hover, #header #headernav a:active {
	color: #666;
	text-decoration: none;
}

#header #headernav a:hover { 
	color: #F25C21;
}

/*** Topnav ***/
#topnav {
	margin: 0 0 1px 0;
	padding: 0;
	width: 956px;
	height: 31px;	
	background-image: url(../layout/topnav-bg.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	line-height: 25px;
}

ul#topnav { list-style-type: none; }

ul#topnav li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#topnav li a {
	padding-left: 37px;
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	/*letter-spacing: -1px;*/
	text-decoration: none;
}

/* Einzelne Items */
ul#topnav li a#item_13, ul#topnav li a#item_858, ul#topnav li a#item_11, ul#topnav li a#item_891, ul#topnav li a#item_10, ul#topnav li a#item_2626, ul#topnav li a#item_2619, ul#topnav li a#item_2607, ul#topnav li a#item_2604, ul#topnav li a#item_2722, ul#topnav li a#item_2720, ul#topnav li a#item_2717, ul#topnav li a#item_2714 {
	margin: 0; 
	background-repeat: no-repeat;
	line-height: 31px;
}
ul#topnav li a#item_13, ul#topnav li a#item_2626, ul#topnav li a#item_2722 { /* Startseite */
	width: 126px;
	background-image: url(../layout/topnav-item-home.png);	
}
ul#topnav li a#item_858, ul#topnav li a#item_2619, ul#topnav li a#item_2720 { /* Neuwagen-Konfigurator */
	width: 220px;
	background-image: url(../layout/topnav-item-cc.png);
}
ul#topnav li a#item_11, ul#topnav li a#item_891, ul#topnav li a#item_2607, ul#topnav li a#item_2717 { /* Neuwagen - sofort verfuegbar */
	width: 223px;
	background-image: url(../layout/topnav-item-lgfzgt.png);
}
ul#topnav li a#item_10, ul#topnav li a#item_2604, ul#topnav li a#item_2714 { /* Gebrauchtwagen-Ankaufgarantie */
	width: 239px;
	background-image: url(../layout/topnav-item-usedcars.png);
}

/* Einzelne Items beim Ueberfahren */
ul#topnav li a#item_13:hover, ul#topnav li a#item_858:hover, ul#topnav li a#item_11:hover, ul#topnav li a#item_891:hover, ul#topnav li a#item_10:hover, ul#topnav li a#item_2626:hover, ul#topnav li a#item_2619:hover, ul#topnav li a#item_2607:hover, ul#topnav li a#item_2604:hover, ul#topnav li a#item_2722:hover, ul#topnav li a#item_2720:hover, ul#topnav li a#item_2717:hover, ul#topnav li a#item_2714:hover { color: #ff8e40; background-position: 0 -31px; }

/* Aktives Item - fuer alle gueltig*/
ul#topnav li a.act { color: #ff8e40 !important; }

/*** Footer ***/
#footer {
	margin: 5px auto;
	padding: 0;
	width: 950px;
}

#footer #copyright { width: 310px; display: inline-block; text-align: left;	}
#footer #social_bookmarks { width: 310px; display: inline-block; text-align: center; }
#footer #footernav { width: 310px; color: #F25C21; display: inline-block; text-align: right; }
#footer #footernav a:link, #footer #footernav a:visited, #footer #footernav a:hover, #footer #footernav a:active {
	color: #424242;
	text-decoration: none;
}
#footer #footernav a:hover {
	color: #F25C21;
}

/***** SONSTIGES *****/
/*** Newsletter-Formular von Cleverreach ***/
table.newsletter_cr td.title { width: 100px; }
table.newsletter_cr td.field { width: 150px; }