@charset "UTF-8";
<!--

body
{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color:#333333;
	border:none;
	margin: 0;
	padding: 0;
	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: #ccc;
	background-image:url(../img/proracer_bg_900x800.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

a
{
	color:#fff;
	text-decoration:none;
}

.mod_sitemap,
.mod_sitemap a
{
	color:#fff;
	font-size:16px;
	line-height:150%;
}

.mod_sitemap a:hover { border-bottom:1px dotted #cc0000; }

.arrow a {
	font-size: 12px;
	background-image:url(../icons/red_arrow_s.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

p
{
	font-size:12px;
	text-align:justify;
	line-height:133%;
	padding:0;
	margin: 10px 0 20px 0;
}

h1,
h2
{
	/*last edited by SM - 14.04.2009 00:45 */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
}

h3,
h4,
h5 { font-family: Arial, Helvetica, sans-serif; }


h1
{
	font-size: 32px;
	margin:12px 0 24px 0;
	color:#cc0000;
}

h2
{
	font-size: 24px;
	color:#fff;
	margin:20px 0 20px 0;
}

h3
{
	font-size: 18px;
	color:#fff;
}

h4
{
	font-size: 14px;
	color:#fff;
	border-bottom:1px dotted #cc0000;
	padding-bottom:3px;
}

h5
{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}


.headerIndex {
	font-size: 26px;
	margin:12px 0 24px 0;
	color:#cc0000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: normal;
}

img
{
	margin:0;
	padding:0;
	border:none;
}

iframe { border:none; margin:0; padding:0;}

strong { color:#FFFFFF; }

#col_right img { margin-top: 80px; }

#col_right .button_first img
{
	margin-top:80px;
	padding:0;
}

#col_right .button img,
#col_right .button a
{
	margin:0;
	padding:0;
}

#col_main ul,
#col_right ul
{
	list-style-image:url(../icons/red_arrow_s.gif);
	list-style-position:outside;
	padding:0 0 0 20px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
}

#col_main li,
#col_right li { padding-left: 0; }

#red_top
{
	height:24px;
	background-color:#CC0000;
}

#wrapper
{
	width: 99.9%;
	height: auto;
	background-attachment: scroll;
	background-position: top center;
	padding: 0;
	margin: 0;
}

.proracer2col #wrapper { }

#container
{
	width: 900px;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
}

#header
{
	background: #fff;
	margin: 0;
	padding: 0;
	z-index:3;
}

#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. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}

.proracer3col #flash
{
	border:none;
	margin:0;
	padding:0;
}

.proracer3col #message
{
	margin-top: 36px;
	margin-bottom: 32px;
}

.proracer3col #col_left
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 280px; /* 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. */
	margin:0;
	padding: 0 10px 0 0; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
}

.proracer2col #col_right
{
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 340px; /* 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. */
	margin:0;
	padding: 10px 0 0 10px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
}

.proracer3col #col_right
{
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 280px; /* 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. */
	margin:0;
	padding: 0 0 0 10px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
}

.proracer2col #col_main
{
	width: 480px;
	margin: 0 380px 0 0;
	padding: 10px 10px 50px 10px;
}

.proracer1col #col_main
{
	width: 660px;
	margin: 0 200px 0 0;
	padding: 10px 10px 50px 10px;
}

.proracer3col #col_main
{
	margin: 0 290px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #col_main-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
	padding: 0 10px 50px 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}

#footer { padding: 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */ }

#footer p
{
	text-align:center;
	margin: 0;
	padding: 10px 0;
}

.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;
	margin-left: 8px;
}

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

.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;
}

/*-----------------------------------------
	Main Navigation 
-----------------------------------------*/

#nav
{
	height:30px;
	width:800px;
	margin:0;
	margin-top:-36px;
	margin-left:-8px;
	margin-bottom: 7px;
	position:relative;
	z-index:99;
}

#nav p,
#nav li p
{
	margin:0;
	padding:6px 24px 7px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	float:left;
}

#nav ul,
#nav .level_1
{
	margin:0;
	padding:0;
	list-style:none;
	display:table;
	white-space:nowrap;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#nav li
{
	display:table-cell;
	margin:0;
	padding:0;
	text-align:left;
}

#nav li a
{
	float:left;
	color:#333;
	padding:7px 24px 7px 14px;
	text-decoration:none;
}

#nav .mini a:hover
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_mini.gif) no-repeat left top;
	color:#fff;
	cursor:pointer;
}

#nav .short a:hover
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_short.gif) no-repeat left top;
	color:#fff;
	cursor:pointer;
}

#nav .short2 a:hover
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_short2.gif) no-repeat left top;
	color:#fff;
	cursor:pointer;
}


#nav .medium a:hover
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_medium.gif) no-repeat left top;
	color:#fff;
	cursor:pointer;
}

#nav .medium2 a:hover
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_medium2.gif) no-repeat left top;
	color:#fff;
	cursor:pointer;
}


#nav .long a:hover
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_long.gif) #fff no-repeat left top;
	color:#fff;
	cursor:pointer;
}

#nav .active .mini
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_mini.gif) no-repeat left top;
	color:#fff;
	cursor:default;
	font-weight:bold;
}

#nav .active .short
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_short.gif) no-repeat left top;
	color:#fff;
	cursor:default;
	font-weight:bold;
}

#nav .active .short2
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_short2.gif) no-repeat left top;
	color:#fff;
	cursor:default;
	font-weight:bold;
}


#nav .active .medium
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_medium.gif) no-repeat left top;
	color:#fff;
	cursor:default;
	font-weight:bold;
}

#nav .active .medium2
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_medium2.gif) no-repeat left top;
	color:#fff;
	cursor:default;
	font-weight:bold;
}

#nav .active .long
{
	background: url(http://www.proracer.de/filemanager/buttons/btn_proracer_nav_long.gif) no-repeat left top;
	color:#fff;
	cursor:default;
	font-weight:bold;
}

/*-----------------------------------------
	Auxiliary Navigation 
-----------------------------------------*/

#aux_nav
{
	width:900px;
	height:20px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin:4px 0 0 0;
	padding:0;
	position:absolute;
	top:0;
	display:inline;
	z-index:98;
}

/* star html hack for IE */

* html #nav .level_1
{
	margin-top:-36px;
	position:relative;
	z-index:199;
}

/* end of html hack for IE */

#aux_nav ul
{
	list-style:none;
	display:inline;
	white-space:nowrap;
	margin:0;
	padding:0;
}

#aux_nav li
{
	display:inline;
	margin:0;
	padding:3px 0px 3px 10px;
}

#aux_nav li a
{
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
}

#aux_nav li a:visited { color:#fff; }

#aux_nav li a:hover
{
	color:#fff;
	font-weight:bold;
}

#aux_nav li a:active
{
	color:#fff;
	font-weight:bold;
}

#aux_nav ul li p,
#aux_nav .active p
{
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
	display:inline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/*-----------------------------------------
	Tables
-----------------------------------------*/

table
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#table_demo table { font-size:14px; }

table .white { color:#fff; }

div .dotted_line
{
	height:1px;
	margin:5px 0 5px 0;
	padding:0;
	border-top:1px dotted #cc0000;
}

/*-----------------------------------------
	Contactform
-----------------------------------------*/

.ce_form table
{
	line-height: 150%;
	width:440px;
}

.ce_form table tr td { padding-right: 30px; padding-bottom:15px; }

.ce_form label,
.ce_form input { font-size:12px; }

/* Background */

.ce_form table .col_1
{
	width:245px;
	margin:0;	
	padding:0;	
	background-image:url(../img/inputfield_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
}

.ce_form table .row_7 .col_1
{
	width:150px;
	background-image:url(../img/inputfield_bg_short.png);
	background-repeat:no-repeat;
	background-position:top left;
}




.ce_form table .row_8 .col_1,
.ce_form table .row_10 .col_1,
.ce_form table .row_last .col_1 { background-image:none; }

/* Input */

.ce_form table .col_1 input
{
	width:230px;
	color:#333;
	background:none;
	margin-left:7px;
	margin-top:0px;
	margin-bottom:7px;
	border:none;
}

.ce_form table .row_7 .col_1 input { width:80px; }

/* Select Boxes */

.ce_form select
{
	width:105px;
	margin-top:3px;
	margin-bottom:3px;
}

/* Submit Button */

.ce_form .submit_container
{
	background-image:url(../img/button_send.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	width:105px;
	margin-top:20px;
}

.ce_form .submit_container .submit
{
	color:#fff;
	font-weight:bold;
	text-align:left;
	margin-top:3px;
	margin-left:12px;
	width:90px;
}

.ce_form .submit_container input:hover { color:#222; }

/* Error Messages */

.ce_form .error
{
	font-size:12px;
	color:#CC0000;
	height:40px;
	padding: 6px;
	margin-bottom: -25px;
	background-image:url(../img/inputfield_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*-----------------------------------------
	Distance after textblock
-----------------------------------------*/

.ce_text { margin-bottom:32px; }

.ce_accordion { margin-bottom:32px; }

/*-----------------------------------------
	Akkordeon
-----------------------------------------*/

.toggler
{
	border-bottom: 1px dotted #fff;
	background-image:url(../icons/accordion_plus_11x11.gif);
	background-position: left;
	background-repeat:no-repeat;
}

.toggler h2,
.toggler h3,
.toggler h4
{
	margin:0;
	padding: 6px 0px 3px 20px;
	border:none;
}

.accordion
{
	margin: 12px 0 24px 0;
	border-bottom: 1px dotted #fff;
	padding-bottom: 2px;
}

/*-----------------------------------------
	Image subheadings
-----------------------------------------*/

.caption
{
	font-size:12px;
	margin-top:3px;
}

.image_container { margin:0; }

/*-----------------------------------------
	Quickfeedback
-----------------------------------------*/

.proracer2col #quick_feedback 
{
	position:absolute;
	top:200px;
	right:0;
	z-index:100;
}




/*-----------------------------------------
	MiniCalendar
-----------------------------------------*/

.minicalendar 
{
	width:250px;
}

.minicalendar .label
{
	padding-top:8px;
}

.header
{
	font-size: 14px;
	color:#fff;
	border-bottom:1px dotted #cc0000;
	padding-bottom:3px;
}

.minicalendar a:link
{
	color: #cc0000;
}

.minicalendar a:visited
{
	color: #cc0000;
}

.minicalendar .head a:link
{
	color: #ffffff;
}

.minicalendar .head .previous a:visited
{
	color: #ffffff;
}

.minicalendar .previous a:visited
{
	color: #ffffff;
}

.minicalendar .next a:visited
{
	color: #ffffff;
}

.minicalendar .head .previous
{
	color: #ffffff;
}



.mod_eventlist .ce_text {
	padding-bottom:50px;
}

.mod_eventreader .ce_text {
	padding-bottom:40px;
}




/*-----------------------------------------
	Newsletter
-----------------------------------------*/

.mod_subscribe .formbody .text  {
	width:180px;
	border:0px;	
	background-image:url(../img/inputfield_bg_newsl.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	height:22px;
	float:left;
	position:relative;
	top:20px;
}

.mod_subscribe .formbody .text {
	width:180px;
	border:0px;
	background-color:transparent;
	padding-left:10px;
	padding-right:15px;
	padding-top:4px;
}

.mod_subscribe .formbody .submit {
	background-image:url(../img/button_send.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	width:105px;
	margin-top:20px;
	background-color:transparent;
	border:0px;
	color:#ffffff;
	height:25px;
	float:left;
	position:relative;
	top:0px;
}

.mod_subscribe .formbody .submit a{
	color:#ffffff;
}

/*-----------------------------------------
	News 
-----------------------------------------*/

.layout_full h1 {
	font-size: 22px;
	color:#ffffff;

}

.layout_full h2 {
	font-size: 16px;
	color:#ffffff;
	font-weight:bold;

}

.layout_full .info {
	color:#cc0000;
}

.layout_full .image_container {
	border:2px solid #ffffff;
	margin-top: 0px;
	margin-left:10px;
	margin-bottom:10px;
}


/*-----------------------------------------
	News HOME
-----------------------------------------*/

.layout_latest h2 {
	font-size:18px;
	font-family:bold;
	}
	
.layout_latest .info {
	top:20px;
	position:relative;
	}
	
.layout_latest .image_container{
	border:2px solid #ffffff;
	margin-top: 45px;
	margin-left:10px;
	margin-bottom:0px;
}	
	
.layout_latest .more a {
	padding:2px 4px 2px 4px;
	background-color:#cc0000;
	color:#ffffff;
	font-size:10px;
	margin-left:5px;
	}
	
	
.layout_short .more a {
	padding:2px 4px 2px 4px;
	background-color:#cc0000;
	color:#ffffff;
	font-size:10px;
	margin-left:5px;
	}
	
	

/*-----------------------------------------
	NEWS COMMENTS
-----------------------------------------*/

.ce_comments h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color:#fff;
	margin:20px 0 20px 0;
	padding-top:30px;
}


.ce_comments .widget {
	padding-bottom:15px;
	font-size:12px;
} 

.ce_comments label{	
	padding-left:20px;	
}

.ce_comments .captcha_text{	
	padding-left:20px;	
}


.ce_comments .widget input   {
	width:180px;
	border:0px;	
	background-image:url(../img/inputfield_bg_newsl.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	height:22px;
}

.ce_comments .widget input #ctrl_captcha   {
	width:180px;
	border:0px;	
	background-image:url(../img/inputfield_bg_newsl.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	height:22px;
	background-color:#999;
}

.ce_comments .formbody .text {
	width:180px;
	border:0px;
	background-color:transparent;
	padding-left:10px;
	padding-right:15px;
	padding-top:4px;
}

.ce_comments .formbody .captcha {
	width:180px;
	border:0px;
	background-color:transparent;
	padding-left:10px;
	padding-right:15px;
	padding-top:4px;
}

.ce_comments .submit {
	background-image:url(http://www.proracer.de/filemanager/buttons/btn_comment.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	width:170px;
	margin-top:20px;
	background-color:transparent;
	border:0px;
	color:#ffffff;
	height:25px;
	float:left;
	position:relative;
	top:0px;
}

/*last edited by SM - 08.04.2009 00:54 */

.ce_comments .comment_default .info,
.ce_comments .comment_default .comment {
	font-size:12px;
}

.ce_comments .comment_default .info {
	color:#999;
	margin-bottom:12px;
	text-decoration:underline;
}

.ce_comments .comment_default .info a {
	color:#fff;
}

.ce_comments .comment_default .info a:hover {
	color:#c00;
}

.ce_comments .comment_default .comment {

	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px dotted #999;
}