/* CSS :: C-3.de :: Canadian Car Company */
/**/

/* Allgemein */

html { height: 101%;}
html body { margin: 0; padding: 0;}
body { background-color: #FFF; background-image: url(../img/bg.gif); background-repeat: repeat-y;}
*, html, body, table { font-family: Verdana, Arial, Helvetica, sans-serif; color: #302C2C;}

/* Hyperlinks */
a { text-decoration: none; outline: none;}
a:link, a:visited { color: #F30409;}
a:hover, a:focus, a:active { background-color: #F30409; color: #FFF;}
img { border: none; vertical-align: bottom;}

/* Klassen */
.skiplink { position: absolute; top: -8000px; left: -8000px; width: 0; height: 0; overflow: hidden; display: inline;}
p.csc-linkToTop { text-align: right; background:  url(../img/totop.gif) no-repeat center right;}
	p.csc-linkToTop a:link,
	p.csc-linkToTop a:visited { padding-right: 16px; text-transform: uppercase; color: #7C7471; font-size: 10px;}
	p.csc-linkToTop a:hover,
	p.csc-linkToTop a:focus,
	p.csc-linkToTop a:active { text-decoration: none; color: #F30409; background-color: transparent;}
	
.align-right { text-align: right;}
.align-center { text-align: center;}
.align-left { text-align: left;}

.csc-frame-rulerAfter, .csc-frame-rulerBefore { background-image: url(../img/linie.gif); background-repeat: repeat-x; background-position: center; height: 15px;}
.csc-textpic-caption { font-size: 10px; background-color: #DDDFE0; padding: 5px; border-top: #FFF solid 1px;} /* Bildunterschrift dl dd.csc-textpic-caption */
.csc-textpic-image img {} /* dl.csc-textpic-image Bildeigenschaften */
#right div.csc-textpic-imagecolumn img { margin: 0 0 1px 0; padding: 0;}
#right div.csc-textpic-imagecolumn a { margin: 0; padding: 0; background-color: transparent;}
#right div.csc-textpic-imagecolumn dl { margin: 0; padding: 0;}
#right div.csc-textpic-imagecolumn dl dt { margin: 0; padding: 0;}

table.address { font-size: 10px;} /* für die Tabelle mit der Anschrift in LEFT */
table.address { font-size: 10px; border-collapse: collapse;} 
table.address caption { font-size: 12px; text-align: left; padding: 5px 0; color: #E20916;} 
table.address tr { margin: 0; padding: 0;}
table.address td { vertical-align: top; margin: 0; padding: 1px 0 2px 0;}
table.address td.td-0 { padding-right: 5px; font-weight: bold;}
table.address tfoot td { }

.iFrame { border: #CCC solid 1px;}

/* Tabelle mit 2 Spalten */
table.tab2Sp { font-size: 12px; border-collapse: collapse;} 
table.tab2Sp caption { font-size: 14px; text-align: left; padding: 5px 10px 5px 0; font-weight: bold; border-bottom: 1px solid #DDDFE0;} 
table.tab2Sp tr { margin: 0; padding: 0;}
table.tab2Sp td { vertical-align: top; margin: 0; padding: 2px 10px 2px 10px; border-bottom: 1px solid #DDDFE0;}
table.tab2Sp td.td-0 { border-right: 1px solid #DDDFE0; padding-left: 0; font-weight: bold; color: #7C7471; white-space: nowrap;}
table.tab2Sp tfoot td { border-bottom-width: 0;}
/* Tabelle mit 3 Spalten */
table.tab3Sp { font-size: 12px; border-collapse: collapse;} 
table.tab3Sp caption { font-size: 14px; text-align: left; padding: 5px 10px 5px 0; font-weight: bold; border-bottom: 1px solid #DDDFE0;} 
table.tab3Sp tr { margin: 0; padding: 0;}
table.tab3Sp td { vertical-align: top; margin: 0; padding: 2px 10px 2px 10px; border-bottom: 1px solid #DDDFE0;}
table.tab3Sp td.td-0, table.tab3Sp td.td-1 { border-right: 1px solid #DDDFE0; padding-left: 0; font-weight: bold; color: #7C7471; /*white-space: nowrap;*/}
table.tab3Sp td.td-1 { font-weight: normal; padding-left: 10px;}
table.tab3Sp tfoot td { border-bottom-width: 0;}
/* Tabelle mit Abstand OBEN */
#content table.contenttable-1 caption { padding-top: 15px;}

/* csc-frame-frame1 = Rahmen mit grauen Hintergrund = Kleine Schrift in grauer Box */
#content p.csc-frame-frame1 { background-color: #DDDFE0; border: 1px solid #BCBEC0; padding: 10px; font-size: 10px;}
/* csc-frame-frame2 = Rahmen mit gelbem Hintergrund = Box mit rotem Rahmen */
#content p.csc-frame-frame2 { background-color: #FFF; border: 1px solid #E20916; padding: 10px;}
/* important = SchriftROT*/
span.important { color: #E20916;}
span.important b, span.important strong { color: #E20916;}
/* detail = SchriftSCHWARZGRAU*/
span.detail { color: #302C2C;}
span.detail b, span.detail strong { color: #302C2C;}
/* name-of-person = SchriftNORMAL*/
span.name-of-person { font-weight: normal;}
h1 span.name-of-person, h3 span.name-of-person { color: #E20916; font-weight: normal;}

/* H E A D E R */
#header { background-image: url(../img/3c-logo_bg.gif); background-position: bottom left; background-repeat: no-repeat; height: 126px; width: 930px;}
	#header h1 { display: none;}
	#header #headerInfo { padding-top: 5px; font-size: 10px; letter-spacing: 0.3em; color: #BCBEC0; text-align: right; margin: 0 0 0 200px;}
	#header #headerInfo b, #header #headerInfo strong { color: #BCBEC0; letter-spacing: 0.1em; font-size: 10px;}
	#header #headerInfo a:link, #header #headerInfo a:visited, #header #headerInfo a:hover, #header #headerInfo a:focus, #header #headerInfo a:active { 
	text-decoration: none; color: #BCBEC0; background-color: transparent;}
	#header #headerlogo { padding: 34px 0 0 215px;}
		#header #headerlogo span { display: block; width: 436px; height: 49px; background-image: url(../img/logo_3c.gif); }
		#header #headerlogo span h1 { display: none;}

/* H E A D E R   Basis-Navigation-Header (oben rechts) */
#header #headerNavi { text-align: right; padding-top: 5px; font-size: 10px; text-transform: uppercase;}
#header #headerNavi a:link, #header #headerNavi a:visited { color: #7C7471;}
#header #headerNavi a:hover, #header #headerNavi a:focus, #header #headerNavi a:active { color: #E20916; text-decoration: none; background-color: #FFF;}
/* H E A D E R   Image oder Flash Subpart: ###IMAGE_HEADER### styles.content.getBorder */
#headerImageWrap { background-color: #DDDFE0; background-image: url(../img/headerimage-bg.gif); background-repeat: repeat-y; padding: 0; margin: 0; margin-left: 200px;}
	#headerImage { margin: 0; padding: 0; margin-left: 25px;}
		#headerImage img { border: 0; margin: 0; padding: 0; border-left: #FFF solid 1px; border-right: #FFF solid 1px;}
		#headerImage embed { border: 0; margin: 0; padding: 0;}
/* H E A D E R  -  Flash */
#headerImage div.headerflash { border-left: #FFF solid 1px; border-right: #FFF solid 1px; margin: 0; padding: 0; width: 679px;}
/* 2te ID für bestimmten Flash-Header um die Höhe anzupassen */
#headerImage div.flashHome { height: 269px;}

/* L E F T Marker: ###LEFT### styles.content.getLeft */
#LeftWrap { width: 200px; float: left;}
#left { margin-left: 15px;}

/* L E F T   Haupt-Navigation-Autos */
ul#naviCars { list-style-type: none; margin: 0; padding: 0; width: 185px; background-color: #FFF;}
ul#naviCars li { margin: 0; padding: 0; font-size: 12px;}
ul#subCars { list-style-type: none; margin: 0; padding: 0;}
ul#subCars li { margin: 0; padding: 0; font-size: 11px;}
ul#subCars ul { list-style-type: none; margin: 0; padding: 0;}
ul#subCars li ul li { margin: 0; padding: 0; font-size: 10px;}
	#naviCars a { display: block; padding: 6px 15px 6px 10px; border-bottom: #FFF solid 1px;}
	#naviCars a:link, #naviCars a:visited { color: #FFF; background-color: #7C7471;}
	#naviCars a:hover, #naviCars a:focus, #naviCars a:active { color: #FFF; background-color: #9C928E; text-decoration: none;}
	ul#subCars li a { padding: 4px 15px 4px 15px;}
	ul#subCars li a:link, ul#subCars li a:visited { color: #FFF; background-color: #4C4745;}
	ul#subCars li a:hover, ul#subCars li a:focus, ul#subCars li a:active { color: #FFF; background-color: #2C2928; text-decoration: none;}
	ul#subCars li ul li a { padding: 2px 15px 2px 20px;}
	ul#subCars li ul li a:link, ul#subCars li ul li a:visited { color: #BCB4B1; background-color: #3D3938;}
	ul#subCars li ul li a:hover, ul#subCars li ul li a:focus, ul#subCars li ul li a:active { color: #BCB4B1; background-color: #000; text-decoration: none;}

	#naviCars li.first a:link, #naviCars li.first a:visited { color: #4C4745; background-color: #DDDFE0;}
	#naviCars li.first a:hover, #naviCars li.first a:focus, #naviCars li.first a:active { color: #4C4745; background-color: #E9EBEB; text-decoration: none;}

	#naviCars li.second a:link, #naviCars li.second a:visited { color: #4C4745; background-color: #DDDFE0;}
	#naviCars li.second a:hover, #naviCars li.second a:focus, #naviCars li.second a:active { color: #4C4745; background-color: #E9EBEB; text-decoration: none;}

	#naviCars li.highlight a:link, #naviCars li.highlight a:visited { color: #FFF; background-color: #E20916;}
	#naviCars li.highlight a:hover, #naviCars li.highlight a:focus, #naviCars li.highlight a:active { color: #FFF; background-color: #F30A18; text-decoration: none;}
	#naviCars li a.active, ul#subCars li a.active { font-weight: bold;}
	ul#subCars li ul li { text-transform: uppercase;}
	ul#subCars li a.active { background-color: #000/*2C2928*/;}
	#naviCars li a.sub, ul#subCars li a.sub { background-image: url(../img/sub.gif); background-position: bottom right; background-repeat: no-repeat;}
	
/* L E F T   Haupt-Navigation-Company */
ul#naviCompany { list-style-type: none; margin: 0; padding: 0; width: 185px;}
ul#naviCompany li { margin: 0; padding: 0; font-size: 12px;}
ul#subCompany { list-style-type: none; margin: 0; padding: 0;}
ul#subCompany li { margin: 0; padding: 0; font-size: 11px;}
	#naviCompany a { display: block; padding: 6px 15px 6px 10px; border-bottom: #FFF solid 1px;}
	#naviCompany a:link, #naviCompany a:visited { color: #302C2C; background-color: #BCBEC0;}
	#naviCompany a:hover, #naviCompany a:focus, #naviCompany a:active { color: #4C4745; background-color: #CBCDCF; text-decoration: none;}
	ul#subCompany li a { padding: 4px 15px 4px 15px;}
	ul#subCompany li a:link, ul#subCompany li a:visited { color: #323232; background-color: #A0A2A5;}
	ul#subCompany li a:hover, ul#subCompany li a:focus, ul#subCompany li a:active { color: #1D1B1B; background-color: #BCBEC0; text-decoration: none;}
	ul#subCompany li ul li a { padding: 2px 15px 2px 20px; font-size: 10px;}
	ul#subCompany li ul li a:link, ul#subCompany li ul li a:visited { background-color: #8F9093; color: #191919;}
	ul#subCompany li ul li a:hover, ul#subCompany li ul li a:focus, ul#subCompany li ul li a:active { background-color: #A0A2A5; color: #191919;}
	#naviCompany li a.active, ul#subCompany li a.active { font-weight: bold;} 
	#naviCompany li a.sub, ul#subCompany li a.sub { background-image: url(../img/sub2.gif); background-position: bottom right; background-repeat: no-repeat;}

/* C O N T E N T Subpart: ###CONTENT### styles.content.get*/
#contentWrap { margin-left: 226px;}
#contentWrap2 { width: 705px;}
#contentPlus { padding: 25px 0 25px 0; float: right; width: 500px;}
#contentOnly { padding: 25px 0 25px 0; float: right; width: 705px;} /* Neue Breite 500 (content) + 170 (right), Max. 705 */


/* R I G H T Subpart: ###RIGHT### styles.content.getRight */
#right { width: 170px; float: left; border-top: #FFF solid 1px; padding-bottom: 18px;}
#right h1.csc-firstHeader { color: #E20916; font-size: 18px;}
#right div.csc-header { padding-top: 18px;}

#right p { font-size: 12px; line-height: 1.3;}


/* R A N D */
#rand {}


/* F O O T E R */
#footerWrap {
background-color: #DDDFE0;
background-image: url(../img/footer.gif);
background-repeat: repeat-y;
border-top: #FFF solid 1px; 
clear: both;
padding: 0px 0;}
	#footer { width: 925px; text-align: right; font-size: 10px; text-transform: uppercase; color: #BCBEC0; padding: 0; margin: 0; line-height: 2em;}
	/* F O O T E R   Basis-Navigation-Footer (unten rechts) */
	#footer a:link, #footer a:visited {color: #DDDFE0;}
	#footer a:hover, #footer a:focus, #footer a:active { color: #FFF; text-decoration: none; background-color: transparent;}


/* LINKS-Text */
#leftContent { padding: 0 10px 10px 10px;}
#leftContent h1 { color: #E20916; font-size: 16px;}
#leftContent h2 { font-size: 14px;}
#leftContent h3 { color: #E20916; font-size: 14px;}
#leftContent h4, h5, h6 { font-size: 12px;}
#leftContent p { font-size: 10px; line-height: 1.3;}
#leftContent ul { list-style-image: url(../img/list.gif); margin-right: 3em; padding-left: 1.3em;}
	#leftContent ul li {
	font-size: 10px;
	border-bottom: #CCC dotted 1px;
	margin-bottom: 3px;
	padding-bottom: 3px;}



/* CONTENT-Text */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { line-height: 1.2em;}
#content h1 { color: #E20916; font-size: 15px;}
#content h2 { font-size: 15px;}
#content h3 { color: #E20916; font-size: 15px;}
#content h4, h5, h6 { font-size: 14px;}
#content h5 { color: #E20916;}
#content p { font-size: 12px; line-height: 1.3;}
#content ol { margin-right: 0; padding-left: 1.3em;}
#content ul { list-style-image: url(../img/list.gif); margin-right: 0; padding-left: 1.3em;}
	#content ul li, #content ol li {
	font-size: 12px;
	border-bottom: #CCC dotted 1px;
	margin-bottom: 3px;
	padding-bottom: 3px;}
	
	
/* CONTENT - Kontaktformular */
fieldset.csc-mailform { border: 0; background-color: #DDDFE0; padding: 10px;}
fieldset.csc-mailform label { width: 110px; display: block; float: left; font-size: 10px; text-align: right; padding-top: 2px;}
fieldset.csc-mailform input { width: 300px; background-color: #FFF; border: #CCC solid 1px; margin: 0 0 2px 5px; font-size: 12px;}
fieldset.csc-mailform textarea { width: 300px; background-color: #FFF; border: #CCC solid 1px; margin: 0 0 2px 5px; font-size: 12px;}
fieldset.csc-mailform input#mailformformtype_mail { background-color: #FFF; border: #CCC solid 1px; width: 120px; margin-left: 115px; cursor: pointer;}
fieldset.csc-mailform img { margin: 3px 0 5px 115px;}


/* CONTENT - Sitemap */
#content div.csc-sitemap ul { list-style-image: url(../img/spacer.gif); list-style-type: none; margin:0; padding: 0;}
#content div.csc-sitemap ul li { visibility: hidden; margin: 0; padding: 0; border-bottom: 0;}
#content div.csc-sitemap ul li ul li { visibility: visible; padding: 3px 2px 3px 10px; font-size: 14px; font-weight: bold; background-image: url(../img/pfeil.gif); background-position: 0 9px; background-repeat: no-repeat;}
#content div.csc-sitemap ul li ul li ul li { padding: 2px 2px 2px 20px; font-size: 12px; background-image: url(../img/pfeil2.gif); background-position: 0 7px;} 
#content div.csc-sitemap ul li ul li ul li ul li { padding: 1px 2px 1px 30px; font-size: 10px; font-weight: normal; background-image: url(../img/spacer.gif);}
#content div.csc-sitemap ul li a { padding: 0;}
#content div.csc-sitemap ul li ul li a { padding: 0;}
#content div.csc-sitemap ul li ul li a:link, #content div.csc-sitemap ul li ul li a:visited { color: #818080; background-color: #FFF;}
#content div.csc-sitemap ul li ul li ul li a:link, #content div.csc-sitemap ul li ul li ul li a:visited { color: #9F9FA0; background-color: #FFF;}
#content div.csc-sitemap ul li ul li ul li ul li a:link, #content div.csc-sitemap ul li ul li ul li ul li a:visited { color: #BCBEC0; background-color: #FFF;}
#content div.csc-sitemap ul li ul li a:hover, #content div.csc-sitemap ul li ul li a:focus, #content div.csc-sitemap ul li ul li a:active,
#content div.csc-sitemap ul li ul li ul li a:hover, #content div.csc-sitemap ul li ul li ul li a:focus, #content div.csc-sitemap ul li ul li ul li a:active,
#content div.csc-sitemap ul li ul li ul li ul li a:hover, #content div.csc-sitemap ul li ul li ul li ul li a:focus, #content div.csc-sitemap ul li ul li ul li ul li a:active { color: #E20916; background-color: #FFF;}


/* RECHTS-Text */


/* RAND-Text */