@charset "UTF-8";
/* 
	@author: Steffen Männle
	@agency: MPstudios
	@copyright: MPstudios
	@year: 2009
	@client: RS-Motorsport
	@project: Website 2009
	
	This CSS document is responsible for correct screen layout.
*/

<!--

*
{
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	font-size:12px;
}

body
{
	background-color: #000;
	background-image:url(../img/layout/bg-carbon_1920.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333;
}

a:link,
a:visited
{
	color: #333;
	text-decoration:none;
}

a:hover,
a:active { color: #cc0000; }

.arrow a,
.arrow a:link,
.arrow a:visited,
.arrow a:hover,
.arrow a:active
{
	background-image:url(../img/layout/arrow_grey.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 20px;
	
}

h1,
h2 { text-transform:uppercase; }

h1,
h1 span
{
	font-size:16px;
	margin: 20px 0 16px 0;
	color:#333;
}

h2
{
	font-size:14px;
	margin: 14px 0 12px 0;
	color:#CC0000;
	background-image:url(../img/layout/h1_underline_1px.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

h3
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:14px;
}

h4
{
	font-size:13px;
	font-weight:bold;
}

p
{
	font-size:12px;
	margin: 0 0 12px 0;
	line-height:150%;
	text-align:left;
}

table,
tr,
td,
input
{
	font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
}

td { vertical-align:top; }

.table_list table tbody tr { border-top:1px dotted #ccc; }

.table_list table tbody tr td
{
	padding-top:3px;
	padding-bottom:6px;
}

#characteristics .lightgrey { padding-right: 20px; }

.twoColFixRtHdr #header img { margin-bottom:-4px; } /* correction for 4-Pixel-Bug, found in Firefox 3.# and Safari 3.# */

.twoColFixRtHdr #container
{
	width: 1000px;
	min-height:600px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 6px solid #222;
	text-align: left;
}

.twoColFixRtHdr #header
{
	background: #DDDDDD;
	padding: 0;
}

.twoColFixRtHdr #header h1 { margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */ }

.twoColFixRtHdr #col_right
{
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 220px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	color:#FFFFFF;
}

.twoColFixRtHdr #navigation
{
	height:250px;
	padding:10px;
	background-color:#222;
	background-image:url(../img/layout/rs_navigation-bg.jpg);
	background-repeat:no-repeat;
}

.twoColFixRtHdr #calendar
{
	padding-top:24px;
	border-bottom:1px solid #999;
}

.twoColFixRtHdr #calendar img { margin-bottom:-4px; }

.twoColFixRtHdr #mainContent
{
	margin: 0 250px 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des col_right-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #col_right füllen soll, wenn der Inhalt in #col_right endet. */
	padding: 0 20px;
	background-color:#fff;
}

.twoColFixRtHdr #footer
{
	margin-top:35px;
	padding: 0 10px 0 20px;
	background: url(../img/layout/rs_footer_1000x35.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.twoColFixRtHdr #footer p
{
	margin: 0;
	padding: 10px 0;
	font-size:10px;
	text-transform:uppercase;
	color:#666666;
}

.twoColFixRtHdr #footer p a { text-transform:none; }

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: right; }

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */ float: left; }

.right { text-align:right; }

.clearfloat
{ /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Custom Styles RS-Motorsport */

.ce_text p
{
	max-width:500px;
	_width:440px;
}

/* Different Image Border */
.img_border_1px .image_container img { border:1px solid #ccc; }

.img_border_3px .image_container img { border:3px solid #ccc; }

.img_border_5px .image_container img { border:5px solid #ccc; }

.img_space_20px .image_container img { margin: 0 0 20px 20px; }

/*.shadow { filter:Shadow(color=#000000, direction=45); } */

.caption
{
	font-size:10px;
	color:#666;
}

/* Color classes */
.red { color:#cc0000; }

.lightgrey { color:#999999; }

/* Navigation */
#navigation .level_1 li
{
	margin:0;
	padding:8px 0 8px 20px;/*border-bottom:1px solid #444;*/
}

#navigation .level_1 li p.active
{
	margin:0;
	padding:0;
	width:127px;
	font-size:12px;
	color: #fff;
	border-bottom:2px solid #c00;
}

#navigation .level_1 li,
#navigation .level_1 a
{
	font-size:12px;
	text-transform:uppercase;
	color: #666666;
}

#navigation .level_1 a:hover
{
	color: #fff;
	border-bottom:2px solid #c00;
}

/* News */
#mainContent .mod_newslist
{
	width: auto;
	max-width: 720px;
	_width: 680px;
	min-height:210px;
	background-image: url(../img/layout/rs_newslist-bg_725x110.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:2px;
}

#mainContent .mod_newslist .news_preview
{
	width:150px;
	margin-right:25px;
	_margin-right:15px;
}

#mainContent .mod_newslist p { font-size:10px; }

#mainContent .mod_newslist h2,
#mainContent .mod_newslist h2 a
{
	font-size:12px;
	font-weight:bold;
	color:#333;
	background:none;
	margin:0;
}

#mainContent .mod_newslist h2 a:hover { color:#cc0000; }

#mainContent .mod_newslist img { border:1px solid #fff; }

#mainContent .mod_newslist .info
{
	color:#333;
	margin:0;
	padding:3px 0 0 0;
}

#mainContent .mod_newslist .first p { color:#CC0000; }

#mainContent .mod_newslist p.more,
#mainContent .mod_newslist p.more a
{
	margin:0;
	font-size:11px;
}

#mainContent .mod_newslist p.more a:hover { color:#cc0000; }

#mainContent #link_allnews { text-align:right; }

#news_archiv *
{
	float:none !important;
	text-align:left;
}

#news .fltlft,
#news_archiv .fltlft,
#news_archiv .fltrt { float:none!important; }

#news_archiv .news_preview { margin-bottom:40px; }

.ce_comments { margin-top:40px; }

/* Specific CSS for pages */

#product_logos .image_container
{
	margin-right: 99px;
	margin-bottom: 10px;
}

#product_logos .image_container a { line-height: 150px; }

#product_logos .image_container a img { vertical-align:middle; }

/* Breadcrumb */

.mod_breadcrumb { padding-top:5px; }

.mod_breadcrumb,
.mod_breadcrumb a,
.mod_breadcrumb span
{
	color:#999;
	font-size:10px;
	text-decoration:none;
}

.mod_breadcrumb a:hover
{
	color:#cc0000;
	text-decoration:underline;
}

/* Mini-Calendar on the right column */

.mod_minicalendar
{
	color:#333;
	background-image: url(../img/layout/rs_calendar-bg_220x175.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.mod_minicalendar table { margin:5px 5px 5px 10px; }

.mod_minicalendar table td
{
	width:30px;
	color:#333;
}

.mod_minicalendar table thead tr th.label { padding-top:5px; }

.mod_minicalendar table thead tr th.head { text-align:center; }

.mod_minicalendar thead .previous a:link,
.mod_minicalendar thead .next a:link,
.mod_minicalendar thead .previous a:visited,
.mod_minicalendar thead .next a:visited { color:#333; }

.mod_minicalendar thead .previous a:hover,
.mod_minicalendar thead .next a:hover,
.mod_minicalendar thead .previous a:active,
.mod_minicalendar thead .next a:active { color:#CC0000; }

.mod_minicalendar table .active a:link,
.mod_minicalendar table .active a:visited { color:#cc0000; }

/* end of Mini-Calendar */


/* Special 3-column layout for some pages */

#main_left { width:480px; }

#main_right
{
	width:200px;
	float:right;
}

/* end of special 3-column layout */


/* Contact form */


#contact_form table td { padding-bottom:5px; }

table td.col_0 { color:#666; }

table td.col_1 input,
table td.col_1 textarea,
table td.col_1 select
{
	border:1px solid #ccc;
	margin-left:40px;
}

/* Comment form */

.comment_default
{
	color:#333;
	width:500px;
	font-size:12px;
	margin:30px 0 30px 0;
}

.comment_default div.info p
{
	color:#666;
	border-bottom:1px dotted #ccc;
}

.comment_default div.comment  { padding-bottom:40px; }

.widget input,
.widget textarea,
.widget select
{
	border:1px solid #ccc;
	font-size:12px;
	margin:2px 0 2px 0;
	padding:1px 0 1px 0;
}

.widget label,
.widget span { font-size:12px; }

.submit_container input,
input .submit
{
	padding:2px 4px 2px 4px;
	background-color:#ccc;
}

/* Event-List */

.mod_eventlist .event h1
{
	font-size:14px;
	margin: 14px 0 12px 0;
	color:#CC0000;
	background-image:url(../img/layout/h1_underline_1px.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.mod_eventlist .event .info
{
	color:#999;
	padding-bottom:5px;
}

/* Custom Navigation block @ footer */

#nav_ind * { font-size:10px; }

#nav_ind
{
	float:right !important;
	padding-top:10px;
}

#nav_ind .level_1 ul,
#nav_ind .level_1 li,
#nav_ind .level_1 li p { display:inline; }

#nav_ind .level_1 li a
{
	margin-left:10px;
	color:#666;
}

#nav_ind .level_1 li a:hover
{
	margin-left:10px;
	color:#c00;
}

#nav_ind .level_1 li p.active
{
	margin-left:10px;
	color:#333;
}

.bullet_points ul,
.bullet_points li
{
	list-style: inside;
	list-style-type: square;
}

/* Sitemap */

.mod_sitemap .level_1 li { margin-bottom:14px; }
.mod_sitemap .level_2 li { margin-bottom:3px; margin-top:3px; }
.mod_sitemap .level_3 li { margin-bottom:3px; margin-top:1px; }

.mod_sitemap .level_1 li a { font-size:14px; }

.mod_sitemap .level_2 li a { font-size:12px; }

.mod_sitemap .level_3 li a { font-size:11px; }

.mod_sitemap .level_2,
.mod_sitemap .level_3 { padding-left:30px; }
-->