@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
	Reset CSS 
----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	color: #616161;
	font: normal 11px/18px "Arial", "Sans Serif";
}
ol, ul {
	list-style: none;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.contenttable td{padding: 10px 10px 10px 0px; vertical-align: top;}

sup{font-size: 70%; vertical-align: top;}


/*--------------------------------------------------------------
	General HTML Properties 
----------------------------------------------------------------*/

h1 { padding: 10px 0 10px 0;}

h3 { padding: 0 0 10px 0;}




a, a:link, a:visited, a:hover, a:active { color: #336dad; font-weight: normal; font-size: 11px; text-decoration:none;}

a:hover { text-decoration: underline;}


/*--------------------------------------------------------------
	Custom COPARTS.DE Styles: HEADLINES
----------------------------------------------------------------*/

h1,h1 a{                     font: bold 16px/18px "Arial", "Sans Serif"; padding: 0; margin:0 0 8px 0; color:#616161;}
h2,h2 a{                     font: bold 16px/18px "Arial", "Sans Serif"; padding: 0; margin:0 0 8px 0; color:#336dad;}
h3,h3 a{                     font: bold 13px/18px "Arial", "Sans Serif"; padding: 0; margin:0 0 4px 0; color:#336dad;}
h4,h4 a{                     font: bold 12px/18px "Arial", "Sans Serif"; padding:0;margin:0 0 4px 0; color:#616161;}
h5,h5 a{                     font: normal 11px/18px "Arial", "Sans Serif"; padding:0;margin:0 0 6px 0; color:#616161; text-align: right;}
h6,h6 a{                     font: normal 14px/20px "Arial", "Sans Serif"; padding:0;margin:0 0 4px 0; color:#336dad;}



/*--------------------------------------------------------------
	Custom COPARTS.DE Styles: SITE
----------------------------------------------------------------*/
#main_wrap{width: 100%; text-align: center;}

#site{
	text-align: left;
	margin: 0 auto;
	width: 959px;
}

#header-wrap{
	height: 156px;
	padding-top: 5px;
}

.header-left{
	float: left;
	width: 726px;
	margin-bottom: 37px;
}

.header-right{
	margin-left: 726px;
	width: auto;
}

#xtra{float: right;padding-top: 13px; text-align: right;}
#xtra a{color: #868686;}
#xtra a:hover{text-decoration: none;}

.search{
	clear: right;
	height: 25px;
	background:  url(../img/search_input.gif) no-repeat left top;
	font: 11px "Arial", "Sans Serif";
}

.ac_input{height: 25px; padding: 5px 3px 5px 3px; color: #868686; border: 0px none; background: transparent; font: 11px "Arial", "Sans Serif";}

.button{background:  url(../img/search_btn.gif) no-repeat left top;margin-top: -25px; width: 26px; height: 25px; float: right;}

#cnt-wrap{
	width: 959px;
	padding-top: 9px;
	background: url(../img/verlauf_top.jpg) no-repeat left top;
}

#rootline{
	float: left;
	width: 673px;
	height: 26px;
}

#rootline a{font-weight: normal; color:#00509e;}

#start-wrap{
	float: left;
	height: 150px;
	width: 673px;
	background: url(../img/ea_start.jpg) no-repeat left top;
}

#news-wrap{
	float: right;
	width: 286px;
	height: 176px;	
	background: url(../img/bluebox_vert.png) repeat-x left top;
	color: #FFF;
	padding: 0;
}

#news-left{
	float: left;
	width: 18px; 
	height: 176px;
	background: url(../img/bluebox_left.png) repeat-x left top;
}

#news-right{
	float: right;
	width: 18px; 
	height: 176px;
	background: url(../img/bluebox_right.png) repeat-x left top;
}

#news-cnt{float: left; width: 250px; padding:5px 0;}

.news-trenner h1,.news-trenner h2,.news-trenner h3,.news-trenner h4,.news-trenner h5{color: #FFF;}

.news-trenner p{line-height: 14px;}
.news-trenner a{color: #FFF;}

.news-trenner{background: url(../img/news-trenner.gif) no-repeat left bottom;padding: 10px 0;}


#cnt{
	clear: both;
	background: url(../img/verlauf_top.jpg) no-repeat left 3px;
}
#cnt_sub{
	clear: both;
}

#cnt_left{
	float: left;
	width: 680px;
	padding-left: 8px;
	margin-top: 10px;
	background: url(../img/col_l_rep.png) repeat-y right top;
}

#left-wrap01{
	float: left;
	width: 680px;
	background: url(../img/col_l_bottom.png) no-repeat right bottom;
	min-height:200px;
}

#left-wrap02{
	float: left;
	width: 680px;
	background: url(../img/col_l_top.png) no-repeat right top;
	min-height:200px;
}



.content-element{
	padding: 17px 10px 19px 0;
	margin-right: 40px;
}

#small-box-wrapper{
	float: left;
	width: 657px;
	padding: 0 8px 0 0; 
}

#col_right{
	float: right;
	padding: 10px 0;
	width: 268px;
}

.box-header{
	background: url(../img/gray-box-top.png) no-repeat left top;
	height: 26px;
	width: 270px;
	z-index: 1;
}

.box-middle{
	width: 244px;
	min-height: 165px;
	background: url(../img/box_middle_bottom.png) no-repeat left bottom;
	padding: 0px 13px;
	z-index: 2;
}

.box-middle h1, .box-middle h2, .box-middle h3, .box-middle h4{margin-top: 0px; padding: 0 5px;}
.box-middle h5{margin: 0 0 2px 0; padding: 0 5px;}
.box-middle p{padding: 0 5px;}

.box-wrapper{
	width: 270px;
	margin-left: 0px;
	background: url(../img/box_middle_repy.png) repeat-y left top;
	z-index: 2;
}

.box-footer{
	background: url(../img/gray-box-bottom.png) no-repeat left top;
	height: 26px;
	width: 270px;
	margin-left: 0px;
}


#small-boxes-wrap{
	margin-top: 4px;
	float: left;
	margin-left: -13px;
	font: normal 11px/14px "Arial", "Sans Serif";	
}

#big-box-wrap{
	margin-top: 15px;
	float: left;
	margin-left: -13px;
	font: normal 11px/14px "Arial", "Sans Serif";	
}

#small-box-left{
	float: left;
	width:198px;
	height:200px;
	background:url(../img/smallbox_left.gif) no-repeat left top;
	padding: 12px 13px;
}
#small-box-middle{
	float: left;
	width:198px;
	height:200px;
	background:url(../img/smallbox_middle.gif) no-repeat left top;
	padding: 12px 13px;
}

#small-box-right{
	float: left;
	width:198px;
	height:200px;
	background:url(../img/smallbox_right.gif) no-repeat left top;
	padding: 12px 13px;
	margin-bottom: 20px;
}

.small-box-img{height: 90px;margin-top: 2px;}

#cnt_small_box{
	height: 161px;
}
#more_small_box{text-align: right; padding: 6px 2px 0 0;}
#more_small_box a{color:#FFF;font-weight: normal;}

#big-box{
	clear: both;
	width: 640px;
	height:181px;
	background:url(../img/bigbox.gif) no-repeat left top;
	padding: 12px 16px; 
}

.big-box-img{float: left; margin: 2px 10px 0 0;}
#more_big_box{ clear: both; text-align: right; padding: 6px 2px 0 0;}
#more_big_box a{color:#FFF;font-weight: normal;}

#footer-wrap{
	clear: both;
	padding: 20px 0 20px 0;
	background: url(../img/verlauf_top.jpg) no-repeat left top;
}
#footer-left{
	float: left;
	width: 618px;
	padding: 0 0 0 10px;
}

#footer-left li{
	float: left;
	margin-right: 15px;
}

#footer-right{
	margin-left: 690px;
	width: auto;
	font-size: 10px;
	padding: 0 13px;
}


/*--------------------------------------------------------------
	Custom COPARTS.DE Styles: NAVIGATION
----------------------------------------------------------------*/
#nav_top{line-height: 16px; float: right; margin-bottom: 20px;}


#nav_top ul li{
  float: left;
  padding-left: 15px;
  list-style: none;
}

#nav_top ul li a{
	font-size: 10px;
	color: #929292;
}


#nav_main{
	clear: both;
	color: #929292;
	height: 42px;
}

#nav_main ul li{
	float: left;
	margin-right: 2px;
	list-style: none;
}

#nav_main a{
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;;
	padding: 0 14px;
	color: #929292;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#nav_main a:hover{
	display: block;
	background: url(../img/main_active_right.gif) no-repeat right top;
	color: #F8F8F8;
}

#nav_main ul li:hover{
	background: url(../img/main_active.gif) no-repeat left top #336dad;
}

#nav_main li.active a{background: url(../img/main_active_right.gif) no-repeat right top; color: #F8F8F8;}
#nav_main li.active{background: url(../img/main_active.gif) no-repeat left top;}


#subnav{
	width: 244px;
	min-height: 165px;
	background: url(../img/box_middle_bottom.png) no-repeat left bottom;
	padding: 0px 13px;
}

.csc-menu ul,
#subnav ul{
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 12px;
	list-style-type: none;
}
.csc-menu li a,
#subnav li a{
	display: block;
	font-weight: bold;
	line-height: 20px;
	color: #616161;	
	padding-left: 10px;
	margin-top: 6px;
	background: url(../img/arrow_sml.gif) no-repeat 0px 8px;
}
.csc-menu li a:hover,
#subnav li a:hover{
	text-decoration: none;
	color: #336dad;
	padding-left: 15px;
	font-weight: bold;
	background: url(../img/arrow_big.gif) no-repeat 0px 8px;
}

#subnav ul li.active_sub a{color: #336dad; padding-left: 15px; background: url(../img/arrow_big.gif) no-repeat 0px 8px; font-weight: bold;}


#subnav ul.scnd{padding: 0 0 0 6px; }
#subnav ul li.scnd_lvl a{color: #616161; background: none; line-height: 14px; padding-bottom: 5px; font-weight: normal;}

#subnav ul li.scnd_lvl a:hover{color: #336dad;line-height: 14px; padding: 0 0 5px 10px;}

#subnav ul li.scnd_active a{color: #336dad; background: none;line-height: 14px; padding: 0 0 5px 10px; font-weight: normal;}

.desc{
	font-size: 11px;
}


/*--------------------------------------------------------------
	Additional 
----------------------------------------------------------------*/

.clear{
	clear: both;
}

.clear-line{
	clear: both;
	margin-right: 40px;
	border-bottom: 1px solid #e6e6e6;
}


/*--------------------------------------------------------------
	TYPO3 Definitionen 
----------------------------------------------------------------*/

.bodytext{
margin: 0px;
}


#cnt_left ul{list-style: disc;position:relative;
list-style-position: outside; 
padding-left: 15px; 
list-style-type: disc; 
text-align: left;

}

.box-middle ul{
	list-style: disc;
	position:relative;
	list-style-position: outside; 
	padding-left: 20px; 
	list-style-type: disc; 
	text-align: left;
}

.csc-mailform-submit{font: 11px "Verdana", "Sans Serif"; height: 25px;font-weight: bold; background: url(../img/send_btn.gif) repeat-x left top;border: 0;margin-top: 5px;color: #FFF;}

.csc-mailform-field{}
.csc-mailform-field label {font-weight: bold; width: 150px;}
.csc-mailform-field textarea{width:275px;}

input{font: 11px"Arial", "Sans Serif"; color: #616161;}
textarea{font: 11px"Arial", "Sans Serif"; color: #616161;}

/*--------------------------------------------------------------
	TYPO3 EXTENSIONS Definitionen 
----------------------------------------------------------------*/

.c2l1-left{border-right: 1px solid #E6E6E6; padding-right: 15px;}
.c2l1-middle {vertical-align: top; padding-left: 15px;}



/*--------------------------------------------------------------
	TYPO3 EXTENSIONS Definitionen 
----------------------------------------------------------------*/
.tx-indexedsearch-title a{font: bold 16px/18px "Arial", "Sans Serif"; padding: 0 0 0 10px; margin:0 0 8px 0; color:#616161;}
.tx-indexedsearch-icon {display: none;}
.tx-indexedsearch-result-number{font: bold 22px/18px "Arial", "Sans Serif"; padding: 15px 0 10px 0; margin:0 0 8px 0; color:#336dad;}
.tx-indexedsearch-percent{font: bold 16px/18px "Arial", "Sans Serif"; color:#616161;display: none;}
.tx-indexedsearch-info {display: none;}
.tx-indexedsearch-descr{padding: 0 0 0 10px;}