/* ERROR-Messages */

.error
{
	margin-top: 2px;
	display: block;
	font-size: 9px;
	width: 300px;
	color: rgb(200,50,50);
}

table .error
{
	display: inline;
}

/* homepage HOT TOPIC module */

.hotTopic {
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 490px;
	left: 48px;
    width: 135px;
    display: block;
}

.hotTopic table, .hotTopic td, .hotTopic tr, .hotTopic th
{
	margin: 7px 0px 3px 0px;
	padding: 0px 5px 0px 0px;
}

.hotTopic p, .hotTopic td, .hotTopic th
{
	margin: 0px 0px 3px 0px;
	padding: 3px 5px 0px 0px;
    font-size: 10px;
    line-height: 12px;
	vertical-align: top;
}

.hotTopic th
{
	width: 65px;
}

/* Address module */

.address
{
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 455px;
    left: 20px;
    width: 193px;
    display: block;
}

.address table, .address td, .address tr, .address th
{
	margin: 7px 0px 3px 0px;
	padding: 0px 5px 0px 0px;
}

.address p, .address td, .address th
{
	margin: 0px 0px 3px 0px;
	padding: 3px 5px 0px 0px;
    font-size: 10px;
    line-height: 12px;
	vertical-align: top;
}

.address th
{
	width: 65px;
}

.languageicons
{
	margin-bottom: 5px;
}

.languageicons img
{
	margin-right: 5px;
}


/* Login module */

.login
{
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-left: 23px;
	top: 455px;
    left: 20px;
    width: 183px;
}

.login p
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
    font-size: 10px;
}

.logininput
{
	border: 1px solid #CCCCCC;
	width: 127px;
	height: 14px !important;
	padding-left: 2px;
	font-size: 10px;
}


/* Newsletter-module */
.newsletterbody
{
	font-size: 8pt;
	padding: 20px;
	background-color: White;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
}

.newslettersubject
{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: White;
}



/* Werkstatt-Termin module */
.werkstatt
{
	border: 1px solid #CCCCCC;
	font-size: 12px;
}
.werkstatt span
{
	position: absolute;
	margin-left: 170px;
	top: 30px;
	width: 384px;
	left: 0px;
}

em.werkstatt_dauer
{
	position: absolute;
	top: 77px;
	right: 10px;
	margin: 0px;
	padding: 0px;
}

em.werkstatt_preis
{
	position: absolute;
	top: 62px;
	right: 10px;
	margin: 0px;
	padding: 0px;
}


.werkstatt_detailsbtn
{
	position: absolute;
	top: 78px;
	left: 168px;
	clear: none;
	z-index: 9999;
}

.werkstatt_buchenbtn
{
	position: absolute;
	top: 78px;
	left: 240px;
	clear: none;
	z-index: 9999;
}

/* Calendar */

.Calendar
{
	font-size: 10px;
    font-family: arial, geneva, sans-serif;
    width: 150px;
}

.Calendar table.Calendar
{
	display: block;
	position: static;
    font-family: arial, geneva, sans-serif;
	font-size: 10px;
}

.CalendarNextPrev,
.CalendarNextPrev a,
.CalendarTitle,
.CalendarTitle td,
.CalendarNextPrev
{
	background-color: #336699;
	color: White;
    font-family: arial, geneva, sans-serif;
	font-size: 11px;
	height: 24px;
}

.CalendarDay,
.CalendarWeekendDay,
.CalendarSelectedDay,
.CalendarOtherMonthDay,
.CalendarTodayDay
{
	background-color: #adc2d6;
    font-family: arial, geneva, sans-serif;
	font-size: 10px;
	padding: 3px;
	height: 15px;
	width: 21px;
}

.CalendarTodayDay,
.CalendarOtherMonthDay
{
	background-color: White;
	color: Black;
}

.CalendarSelectedDay,
.CalendarSelectedDay a
{

}

.CalendarDayHeader
{
    font-family: arial, geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
}



.sup
{
	font-size: 70%;
	position: relative;
	top: -3px;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 60%;
}

.sub
{
	font-size: 70%;
	position: relative;
	top: 3px;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 60%;
}


.btn img
{
	margin-bottom: 4px;
}

.btn
{
	margin: 0px;
	padding: 0px;
}

.alert {
	background: #fff6bf url(/images/icons/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

div.vcard span {
    display: block;
    margin: 0px 15px;
    font-size: 11px;
}

div.vcard .contact {
	text-align: left;
	padding: 2px 20px 3px 1px;
    font-size: 12px;
}

div.vcard .phone {
	background: url(/images/phone_icon.gif) center no-repeat;
	background-position: 1px 2px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 2px 20px 3px 25px;
/*
	color: #336699;
*/
}

div.vcard .email {
	background: url(/images/email_icon.gif) center no-repeat;
	background-position: 1px 2px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 2px 20px 3px 25px;
	color: #336699;
}



div.vcard .download_vid {
	background: url(/images/download_icon.gif) center no-repeat;
	background-position: 1px 2px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 2px 20px 3px 25px;
	color: #336699;
}






.email a:link, .email a:visited {
	color: #336699;
}
.email a:hover {
	color: #000000;
}

address {
    font-style: normal;
    line-height: 1.5em;
    padding: 0;
    margin: 10px 15px;
}

.lastmod {
	margin-left: 5px;
	font-size: 10px;
	color: #999;
	font-weight:normal;
	font-style:italic;
}
.greytext {
	color: #BBBBBB;
}
.textgrey {
	color: #BBBBBB;
}
.textred {
	color: #CC0000;
}
.textblue {
	color: #006699;
}

a.newitem:link, a.new:visited {
    background: url(/images/new.gif) no-repeat 100% 0px;
    padding: 0 20px 0 0;
    margin: 0;
}

a.newitem:visited {
    background: none;
    padding: 0 20px 0 0;
}

/* COOL FEEDBACK STYLES */

/*.error {
    background: url(/Templates/images/alert_16.gif) no-repeat 0px 0px;
    padding: 3px 3px 3px 20px;
	font-size: 11px;
	line-height: 14px;
    color: red;
    font-weight: bold;
    text-decoration:none;
}*/

.feedback, .information, p.feedback, p.information {
	margin-top: 2px;
	display: block;
/*
	color: rgb(200,50,50);
*/
	background: #f8fafc url(/images/icons/information.gif) center no-repeat;
	background-position: 10px 4px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 5px 20px 5px 38px;
	border-top: 2px solid #ADC2D6;
	border-bottom: 2px solid #ADC2D6;
/*
	color: #336699;
*/
}

#noscriptWarningBoxWrapperPage
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-image: url(/images/chessboard-dark.gif);
    background-repeat: repeat;
    z-index: 19999;
}

#noscriptWarningBoxWrapper {
    position: absolute;
    margin-top: 10%;
    margin-right: 15%;
    margin-bottom: 10%;
    margin-left: 20%;
    text-align: center;
    z-index: 20000;
    padding: 5px;
}



#noscriptWarningBox {
    font-family: arial, geneva, sans-serif;
    font-size: 14px;
    line-height: 18px;
	background: #fff6bf url(/images/alert_32.gif) center no-repeat;
	background-position: 20px 20px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 10px 35px 20px 70px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
    color: #CC0000;
    width: 500px;
}


.error, .alert, p.error, p.alert {
	margin-top: 2px;
	display: block;
	background: #fff6bf url(/images/icons/exclamation.gif) center no-repeat;
	background-position: 10px 4px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 5px 20px 5px 38px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
    color: #000000; /* was #CC0000 */
}

.blahblah, p.blahblah {
	margin-top: 2px;
	display: block;
	background: #f8fafc url(/images/icons/information.gif) center no-repeat;
	background-position: 10px 4px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 5px 20px 5px 38px;
	border-top: 2px solid #ADC2D6;
	border-bottom: 2px solid #ADC2D6;
    color: #336699;
}


.error_big, p.error_big {
	height: 32px;
    background: url(/images/alert_32.gif) no-repeat 0px 0px;
    padding: 10px 3px 3px 40px;
	font-size: 12px;
    color: red;
    font-weight: bold;
    text-decoration:none;
}

.downloadbox, p.downloadbox {
	margin-top: 2px;
	display: block;
	background: #cfc url(/images/icons/download.gif) center no-repeat;
/*
	background-position: 15px 50%;
*/
	background-position: 10px 4px; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 5px 20px 5px 38px;
	border-top: 2px solid #3C6;
	border-bottom: 2px solid #3C6;
}

.bordergrey {
    border: 1px solid #CCCCCC;
}

.disclaimer {
/*
    background: url(/images/icons/info.gif) left top no-repeat;
*/
    font-size: 11px;
    color: #666666;
    line-height: 18px;
/*
    padding-left: 20px;
*/
    padding-bottom: 5px;
}

a.deleteLink:link, a.deleteLink:visited {
    background: url(/images/icons/delete.gif) left top no-repeat;
    color: #CC0000;
    padding-top: 2px;
    padding-left: 20px;
    text-decoration: none;
}

a.deleteLink:hover, a.deleteLink:visited:hover {
    background: url(/images/icons/delete.gif) left -26px no-repeat;
    color: #990000;
    text-decoration: none;
}


a.addLink:link, a.addLink:visited {
    background: url(/images/icons/add_16.gif) left top no-repeat;
    color: #69af23;
    padding-top: 2px;
    padding-left: 22px;
    text-decoration: none;
}

a.addLink:hover, a.addLink:visited:hover {
    background: url(/images/icons/add_16.gif) left -26px no-repeat;
    color: #336600;
    text-decoration: none;
}

a.editLink:link, a.editLink:visited {
    background: url(/images/icons/edit_16.gif) left top no-repeat;
    color: #6699cc;
    padding-top: 4px;
    padding-left: 20px;
    line-height: 21px;
    text-decoration: none;
}

a.editLink:hover, a.editLink:visited:hover {
    background: url(/images/icons/edit_16.gif) left -26px no-repeat;
    color: #3366cc;
    text-decoration: none;
}

a.QTLink:link, a.QTLink:visited {
    background: url(/images/icons/QT_icon.jpg) left top no-repeat;
    color: #6699cc;
    padding-top: 3px;
    padding-left: 20px;
    line-height: 21px;
    text-decoration: none;
}

a.QTLink:hover, a.QTLink:visited:hover {
    color: #3366cc;
    text-decoration: none;
}


a.WMPLink:link, a.WMPLink:visited {
    background: url(/images/icons/WMP_icon.jpg) left top no-repeat;
    color: #CC0000;
    padding-top: 3px;
    padding-left: 20px;
    line-height: 21px;
    text-decoration: none;
}

a.WMPLink:hover, a.WMPLink:visited:hover {
    color: #990000;
    text-decoration: none;
}


/* NEW IMAGE STYLES */

.rightalignimage {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	float: right;
    border: 1px solid #666666;
}
.leftalignimage {
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
    border: 1px solid #666666;
}
.rightalignimagenoborder {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	float: right;
    border: 1px solid #fff;
}
.leftalignimagenoborder {
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
    border: 1px solid #fff;
}

.imagepadding {
	padding: 5px;
}

.imagealignleft {
	float: left;
	margin-top: 6px;
	margin-right: 24px;
	margin-bottom: 24px;
	margin-left: 0px;
    border: none;
	clear: none;
}
.imagealignright {
	float: right;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 24px;
    border: none;
	clear: none;
}
.imagealignleftborder {
	float: left;
	margin-top: 6px;
	margin-right: 24px;
	margin-bottom: 24px;
	margin-left: 0px;
    border: 1px solid #000;
	clear: none;
}
.imagealignrightborder {
	float: right;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 24px;
    border: 1px solid #000;
	clear: none;
}

div.access_status {
	width: 400px;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	background: #fafafa url("/images/ulock_16_grey.gif") no-repeat 5px 4px;
	color: #cccccc;
	border: 1px solid #eeeeee;
}

div.access_status p {
	margin: 0;
	padding-left: 24px;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
}

.porschebutton {
	height: 16px;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #666666;
	padding: 0px 7px 1px 7px;
	text-transform: uppercase;
}

.porschebutton:hover {
	color: #333;
	border: 1px solid #333;
	text-decoration: none;
}

.porschebutton_arrow_right {
	height: 16px;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	background: #fff url("/images/btn_bkg_arrow_r.gif") no-repeat right -1px;
	border: 1px solid #666666;
	padding: 0px 16px 1px 7px;
	text-transform: uppercase;
}

.porschebutton_arrow_right:hover {
	color: #333;
	border: 1px solid #333;
	text-decoration: none;
}

.porschebutton_arrow_left {
	height: 16px;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	background: #fff url("/images/btn_bkg_arrow_l.gif") no-repeat left 0px;
	border: 1px solid #666666;
	padding: 0px 7px 1px 15px;
	text-transform: uppercase;
}

.porschebutton_arrow_left:hover {
	height: 16px;
	color: #333;
	border: 1px solid #333;
	text-decoration: none;
}

.nobreak {white-space: nowrap;}

.lightgreyinfo {
	color: #999;
	font-weight: bold;
	font-size: 11px;
}

.driver_headers, .team_headers {
	font-weight: bold;
	color: #848484;
	font-size: 12px;
}

a.iconFrench:link, a.iconFrench:visited {
    background: url(/images/icon_flag_ca.gif) left top no-repeat;
    padding-top: 3px;
    padding-left: 22px;
    text-decoration: none;
}

a.iconEnglish:link, a.iconEnglish:visited {
    background: url(/images/icon_flag_us.gif) left top no-repeat;
    padding-top: 3px;
    padding-left: 22px;
    text-decoration: none;
}



/* Wii Rounded Buttons */

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	
	background:url(/images/btn0.gif) no-repeat;
	
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;
	
	zoom:1;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button span, span.button button, del.button span{
	
	font-weight:normal;	
	white-space:nowrap;
	cursor:pointer;

	display:-moz-inline-box;
	display:inline-block;
	font:12px/1 Arial;	
	background:url(/images/btn0.gif) 100% 0 no-repeat;
	height:30px;
	padding:8px 10px 0 0;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	
	zoom:1;
	_position:relative;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}

del.button{
	cursor:not-allowed;	
	background-position:0 -120px;
	color:#888;
}
del.button span{
	cursor:default;
	background-position:100% -120px;
}

span.button button{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
a.button:visited{
	color:#aaa;
}

/*Hover Style*/

a.button:hover, span.button:hover, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, span.button:hover button, 
span.button-behavior-hover button{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#3366FF;
}


del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	cursor:not-allowed;
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	cursor:not-allowed;
}


/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span{
	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));

}