/* ========== FONTS ========== */

@font-face {
	font-family: 'Waukegan LDO';
	src: url('/fileadmin/fonts/waukegan_ldo-webfont.eot');
	src: local('☺'), 
		url('/fileadmin/fonts/waukegan_ldo-webfont.woff') format('woff'), 
		url('/fileadmin/fonts/waukegan_ldo-webfont.ttf') format('truetype'), 
		url('/fileadmin/fonts/waukegan_ldo-webfont.svg#webfonts9SYo67U') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Waukegan LDO';
	src: url('/fileadmin/fonts/waukegan_ldo_bold-webfont.eot');
	src: local('☺'),
		url('/fileadmin/fonts/waukegan_ldo_bold-webfont.woff') format('woff'),
		url('/fileadmin/fonts/waukegan_ldo_bold-webfont.ttf') format('truetype'),
		url('/fileadmin/fonts/waukegan_ldo_bold-webfont.svg#webfont15w2l5vb') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* ========== NORMAL ========== */

html {
	margin: 0;
	padding: 0;
	overflow: auto;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #d0d0d0;
/*	overflow: auto; don't use !!! */
	background: #000000 url(../images/carbon.png) center top repeat-y;
}

b {
	color: #ffffff;
}

table {
	border-collapse: collapse;
	margin: 0 0 13px 0;
}
td {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	padding: 0;
	margin: 0;
	border: none;
	vertical-align: top;
}
p {
	margin: 0px 0px 13px 0px;
	padding: 0;
}
td p {
	margin: 0;
}

/* a { color: #808080; text-decoration: none; } */
a { color: #808080; text-decoration: none; }
a:hover, a.active { color: #00a6fd; text-decoration: none; }

img {
	border: 0px none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Waukegan LDO", Eurostile, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #00a6fd;
	font-size-adjust: 0.48; /* 0.47 for Waukegan LDO, 0.48 for Waukegan LDO Bold */
}
h1 { font-size: 24px; margin: 0 0 13px 0; }
h2 { font-size: 18px; margin: 0 0 13px 0; }
h3 { font-size: 16px; margin: 0 0 13px 0; }
h4 { font-size: 14px; margin: 0 0 13px 0; }
h5 { font-size: 13px; margin: 0 0 0 0; }
h6 { font-size: 13px; margin: 0 0 0 0; display: inline; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #00a6fd; }

input, textarea, select {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

/* ========== LAYERs ========= */

#container {
	position: relative;
	width: 940px;
	min-height: 95%;
	margin: 18px auto 0 auto;
	z-index: 10;
}

#paper_top {
	width: 940px;
	height: 20px;
	background: transparent url(../images/paper_top.png) no-repeat;
}

#paper_middle {
	width: 940px;
	background: transparent url(../images/paper_middle.png) repeat-y;
}

#paper_bottom {
	width: 940px;
	height: 20px;
	background: transparent url(../images/paper_bottom.png) no-repeat;
}

#contentspacer {
	width: 900px;
	height: 383px;
}

#header {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 900px;
	height: 107px;
	z-index: 30;
}

#logo {
	position: absolute;
	left: 290px;
	top: 20px;
	width:320px;
	height:70px;
	z-index: 40;
}

#headerimage {
	position: absolute;
	left: 29px;
	top: 107px;
	width: 880px;
	height: 260px;
	background: transparent url(../images/himg_std.jpg) left top no-repeat;
	border: #000000 1px solid;
	overflow: hidden;
	z-index: 31;
}

#mainmenu {
	position: absolute;
	left: 20px;
	top: 379px;
	width: 900px;
	height: 24px;
	background: #000000;
	font-family: "Waukegan LDO", Eurostile, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	font-weight: bold; */
	text-transform: uppercase;
	letter-spacing: 1px; /* 0.05em / Safar ignoriert alles unter 1px */
	color: #0053a9;
	font-size-adjust: 0.48; /* 0.47 for Waukegan LDO, 0.48 for Waukegan LDO Bold */
	z-index: 32;
}
#mainmenu a { color: #0053a9; }
#mainmenu a:hover, #mainmenu a.active { color: #00a6fd; }

#langmenu {
	position: absolute;
	left: 800px;
	top: 5px;
	width: 90px;
	height: 22px;
	text-align: right;
	z-index: 33;
}

#content {
	width: 900px;
	min-height: 250px; /* wegen bg-box */
	margin: 0px 0px 0px 20px;
	background: url(../images/bg_box.gif) right bottom no-repeat;
}
#contentspacing {
/*	margin: 0px 0px 0px 220px; fehler bei floats innerhalb???? deswegen => nächste 2 zeilen */
	float: right;
	width: 640px;
/*	padding: 20px; */
	padding: 20px 18px 18px 20px;
}


#footer {
	position: relative;
	width: 880px;
	height: 50px;
	margin: -10px 0 0 30px;
	font-size: 11px;
	color: #e0e0e0;
	z-index: 23;
}
#footer a { color: #e0e0e0; }
#footer a:hover { color: #00a6fd; }

#copyright {
	float: left;
	width: 400px;
	color: #ffffff;
	font-family: "Waukegan LDO", Eurostile, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em; /* 0.05em / Safar ignoriert alles unter 1px */
	font-size-adjust: 0.48; /* 0.47 for Waukegan LDO, 0.48 for Waukegan LDO Bold */
}
#copyright p {
	margin: 0px;
}

#footermenu {
	text-align: right;
	color: #ffffff;
	font-family: "Waukegan LDO", Eurostile, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px; /* 0.05em / Safar ignoriert alles unter 1px */
	font-size-adjust: 0.48; /* 0.47 for Waukegan LDO, 0.48 for Waukegan LDO Bold */
}
#footermenu a { color: #ffffff; }
#footermenu a:hover, #footermenu a.active { color: #00a6fd; }

#footernav {
	margin-top: 6px;
	text-align: center;
}
#footernav a { color: #808080; }

/* ===== CONTENTLEFT ===== */

#contentleft {
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	background: #373737;
	font-size: 12px;
}

#contentleft h1 { font-size: 16px; margin: 0 0 6px 0; }
#contentleft h2, #contentleft h3 { font-size: inherit; margin: 0 0 0 0; }

#contentleft p {
	margin: 0 0 6px 0;
}

/* ===== MAIN MENU ===== */

#mainmenu ul {
	margin: 7px 0 0 10px;
	padding: 0;
}
#mainmenu ul li {
	margin: 0;
	padding: 0 10px 0 10px;
	list-style-type: none;
	float: left;
}

ul.submenu {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 font-weight: bold;
	 font-size: 13px;
}

/* ===== SPECIAL STYLES ===== */

.detail_smaller {
	font-size: 11px;
	color: #808080;
}
.detail_smaller b {
	color: #b0b0b0;
}

.clearer {
	clear: both;
/* keine Ahnung Warum, aber verursacht Fehler im IE
	margin: 0 0 -1px 0; / * eigentlich 0, aber -1, damit abstand bei box verschwindet * /
	padding: 0;
	width: 100%;
	height: 1px; / * verhindert herausragende margins * /
*/
}

.csc-loginform label {
	width: 120px;
}

#contentleft .rightspace {
	margin: 13px 0 13px 0;
	height: 1px;
	width: 100%;
	background: #c0c0c0;
}

/* ===== NEWS ===== */

.news-latest-bullet {
	clear: both;
	float: left;
}

.news-latest-item {
	margin: 0 0 6px 12px;
}

.news-list-image {
	float: left;
	margin: 0 13px 2px 0;
}

.news-list-date {
	font-weight: bold;
}

.news-list-item h4 {
	margin: 0 0 6px 0;
}

.news-list-item .clearer {
	margin: 13px 0 13px 0;
	height: 1px;
	width: 100%;
	background: #c0c0c0;
}

.news-single-item h1 {
	margin-bottom: 6px;
}

.news-single-date {
	margin-bottom: 6px;
}

.news-single-subheader h2 {
	font-weight: bold;
	color: inherit;
	font-size: inherit;
}

#headerimage_detail {
	position: absolute;
	left: 30px;
	top: 130px;
	width: 860px;
	height: 200px;
	overflow: hidden;
	z-index: 35;
}

#contentleft div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

#contentleft div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-top: 5px;
	font-size: 11px;
	color: #606060;
}

/* ===== file list ===== */

.tx-filelist-pi1-date {
	display: none;
}

.tx-filelist-pi1-table {
	width: 100%;
}

.tx-filelist-pi1-table th {
	padding: 5px;
	background: #e0e0e0;
}

.tx-filelist-pi1-table td {
	padding: 3px;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: middle;
}

.tx-filelist-pi1-table img {
	vertical-align: middle;
}

.tx-filelist-pi1-icon {
	width: 30px;
}

.tx-filelist-pi1-info {
	width: 70px;
	text-align: right;
}

/* ===== formmailer ===== */
.myonformmailer td {
	padding: 0 12px 6px 0;
}

.cbstart {
	width: 100%;
	margin: 0;
}
.cbstart td {
	font-family: "Waukegan LDO", Eurostile, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #e0e0e0;
	font-size-adjust: 0.48; /* 0.47 for Waukegan LDO, 0.48 for Waukegan LDO Bold */
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

/* ===== mo_vehicledb ===== */

.carMenu_mainMenu, .carMenu_manufacturer, .carMenu_subMenu, .carMenu_model {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.carMenu_mainMenu {
	padding: 10px 0 10px 0;
}
.carMenu_subMenu {
	margin: 0 0 5px 0;
}

.carMenu_manufacturer_link {
	display: block;
	height: 22px;
	width: 185px; /* 220 - padding */
	background: transparent url(../images/bullet_std.png) 10px 3px no-repeat;
	padding: 0 0 0 35px;
	line-height: 22px;
	overflow: hidden;
	font-weight: bold;
}

a.carMenu_manufacturer_link:hover, .carMenu_manufacturer_active  {
	color: #00a6fd;
	background: #202020 url(../images/bullet_act.png) 10px 3px no-repeat;
}

.carMenu_model_link {
	display: block;
	height: 18px;
	width: 175px; /* 220 - padding */
	padding: 0 0 0 45px;
	line-height: 16px;
	overflow: hidden;
}

a.carMenu_model_link:hover, .carMenu_model_active  {
	color: #00a6fd;
}