body {
	font:12px/19px Arial, Verdana, Tahoma, sans-serif;
	color:#333333;
	font-style:normal;
	font-weight:normal;
} 
#mainContent p {
	margin: 0 0 20px 0;
}

#mainContent a {
	color: #066198;
	text-decoration: underline;
}

/*---------------------------------------------*/
/*---------------=external links---------------*/
/*---------------------------------------------*/

#mainContent a.external {
	background:url(images/icons/bg-a-external.gif) 0 3px no-repeat;
	padding: 0 0 0 13px;
}

/*---------------=external links CSS3---------------*/

/*a[href^='http']:not([href^='http://test.www.hockenheimring.euroweb.net']):not([href^='https://test.www.hockenheimring.euroweb.net'])	{ 
	background:url(images/icons/bg-a-external.gif) 0 3px no-repeat;
	padding: 0 0 0 13px;
 }*/

#mainContent a.pdf-link	{
	background:url(images/icons/bg-pdf-a.gif) 0 0 no-repeat;
	padding:0 0 16px 39px;
	float:left;
	display:block;
}

#mainContent span.pdf-groesse	{
	font-size:11px;
	float:left;
	clear:both;
	margin:-19px 0 0 39px;
}

#mainContent a:hover {
	text-decoration: none;
}
#mainContent hr {
	border: none !important;
	height: 1px;
	background: #c6cbd0;
	margin: 15px 0 15px 0 !important;
	width:96%;
	clear:both;
}

#mainContent strong	{
	font-family:Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
	margin-bottom:20px;
}

/****|     headlines */
#mainContent h2 {
	color: #005c98;
	text-transform: uppercase;
	font:20px/23px "Myriad Pro", Arial, Tahoma, sans-serif;
	font-weight:bold;
	font-style:italic;
}

#mainContent h3 {
		color:#005c98;
		text-transform:uppercase;
		margin: 0 0 15px 0;
		font:18px/14px "Myriad Pro", Arial, Tahoma, sans-serif;
		font-style: italic;
		line-height:14px;
}

#mainContent h4 {		
		font-family:Arial, Verdana, Tahoma, sans-serif;
		font-size: 16px;
		font-style: italic;
		font-weight:bold;
		color: #2869a3;
		margin: 0 0 20px 0;
		text-transform:none;
		padding:0;
}

#mainContent h5 {
		font-family:Arial, Verdana, Tahoma, sans-serif;
		font-size: 14px;
		font-style: italic;
		font-weight:bold;
		color: #333333;
		margin: 0 0 15px 0;
}

#mainContent h6 {
		font-family:Arial, Verdana, Tahoma, sans-serif;
		font-size: 13px;
		font-style: italic;
		font-weight:bold;
		color: #333333;
		margin: 0 0 10px 0;
}


/****|     pdf download box */
#mainContent .pdf-download {
	background: url(images/icons/bg-pdf-a.gif) no-repeat 0 0;
	padding: 5px 0 15px 38px;
	display: inline-block;
	margin: 10px 0;
}

small {
	font-size: 11px;
	line-height: 20px;
}

/****|     quote box */
#mainContent blockquote {
	background:#d9dfe6 url(images/bg-blockquote.jpg) 0 0 no-repeat;
	width:371px;
	margin: 0 0 15px 0;
	padding:17px 59px 17px 40px;
	color:#333333;
	font:12px/19px Arial, Verdana, Tahoma, sans-serif;
	font-weight:normal;
	font-style:normal;
}


/****|     text styling */
.bigger {
	font-size: 15px;
	line-height: 15px; /*	line-height: 23px;*/
}

.color-blue {
	color: #7ccaf9;
}

.color-white {
	color: #ecf8ff;
}

/*------- Matej's requests ------*/
span.spacer {display: block; float:left; width: 70px}

div.hr {height: 3px; margin: 15px 0 15px 0; border-bottom: 1px solid #666666}

.bildmitrand {
	padding: 4px;
	margin: 5px;
	border: 2px solid #7ccaf9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*border-radius: 4px;*/
}

blockquote p {
	padding: 0 !important;
}

/****|     list styles */
#mainContent ul,
#mainContent ol {
	margin: 0 0 20px 0;
}

#mainContent ol ol {
	margin: 15px 0 15px 30px;
}

#mainContent ul li {	
	font-family:Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 22px;
	background:url(images/bg-mainContent-li.gif) 0 5px no-repeat;
	padding:0 0 0 18px;
	list-style-type:none;
}

#mainContent ol li {
	line-height:22px;
	list-style-position:outside;
	margin:0 0 0 20px;
	display:list-item;
}

#mainContent ul li ul {
	padding: 4px 0;
	margin:0 !important;
}
#mainContent ul li ul li {
	line-height: 17px;
}

* html #mainContent ol li {     /* IE6 Hack*/
	margin-left:29px !important;
	vertical-align:top;
}

* +html #mainContent ol li {    /* IE7 Hack*/
	margin-left:29px !important;
	vertical-align:top;
}

/****|     thumbnail */
#mainContent .thumb {
    width:194px;
    height:113px;
    padding:4px;
  /*  background:transparent url(images/bg-intro-news-images.png) 0 0 no-repeat; commented by Arruor (HHRMAIN-800) */ 
    float:left;
    margin:0 30px 10px 1px;
}

#mainContent .thumb a {
	width: 186px;
	height: 120px;
}

#mainContent .thumb img {
	width: 186px;
	height: 120px;
}

/****|     lightbox */
.lightbox {
	
}

/* Spacer for Roland */
.spacer-wide {float: left; display: block; width: 130px;}

#mainContent img.floatRight	{
	float: right;
	margin: 4px 0 15px 20px;
}

/* image */

#mainContent img.floatLeft	{
	float: left;
	margin: 9px 20px 15px 0;
}

#mainContent img.Img-noSpacing	{
	float: left;
	margin:0 0 15px 0;
}

#mainContent .highlight	{
	background:url(images/bg-text-highlight.jpg) 0 0 no-repeat;
	width:456px;
	height:26px;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:7px 0 0 13px;
}
#mainContent .highlight a	{
	color:#FFFFFF !important;
}
/*-------------------------------------------*/
/*-------------------=table------------------*/
/*-------------------------------------------*/
table.tabelle	{
/*	width:470px;*/
	font:12px/19px Arial, Verdana, Tahoma, sans-serif;
	color:#333333;
	border:none !important;
	border-collapse:separate;
	background:url(images/bg-table.jpg) 0 0 no-repeat;
	width:470px;
	margin:0 0 20px 0;
}

table.tabelle tbody	{
	border:none !important;
}

table.tabelle thead	{
	border:none !important;
}

table.tabelle tfoot th	{
	background:url(images/bg-table-foot.jpg) 0 0 no-repeat !important;
	width:470px;
	height:9px !important;
	padding:0 !important;
	font-size:0px;
	font-weight:normal;
	line-height:0 !important;
}

* + html table.tabelle tfoot th	{		/*IE 7 HACK*/
	height:9px !important;
}

table.tabelle tfoot tr	{
	border:none !important;
}

table.tabelle thead tr	{
	border:none !important;
}

table.tabelle th	{
	width:457px;
	height:26px;
	padding:7px 0 1px 13px;
	font-weight:normal;
/*	display:block;*/
	border:none;
	margin:0;
	line-height:27px;
}

* + html table.tabelle th	{		/*IE 7 HACK*/
	height:18px;
	padding:5px 0 4px 13px;
	font-weight:normal;

}

table.tabelle tr	{
/*	width:468px; */
/*	float:left;*/
	border-bottom:1px solid #D3D5D6;
	border-left:1px solid #D3D5D6;
/*	border-right:1px solid #D3D5D6; */
}

table.tabelle td	{
	text-align:left;
	padding:9px 10px 6px 15px;
	border-right:1px solid #D3D5D6;
	border-bottom:1px solid #D3D5D6;
	vertical-align:top;
}

/* Ticket-Shop button $id Arruor exp */

a.ticketshop-content	{
	background:url(images/bg-btn-ticketshop-content.jpg) 0 0 no-repeat;
}

a.ticketshop-content,
a.ticketshop-buyonline-content,
a.ticketshop-f1-buyonline-content,
a.order-form-content {
	width:472px;
	height:80px;
	float:left;
	display:block;
	clear:both;
	margin:10px 0 10px 0;
	text-indent:-9999px;
	cursor:pointer;
}
a.ticketshop-content:hover	{
	background-position:0 -80px;
}

html.en a.ticketshop-content	{
	background:url(images/bg-btn-ticketshop-content-en.jpg) 0 0 no-repeat;
}
html.en a.ticketshop-content:hover	{
	background-position:0 -80px;
}

a.ticketshop-buyonline-content 	{
	background:url(images/buy-tickets-online-de.jpg) 0 0 no-repeat;
}
a.ticketshop-buyonline-content:hover	{
	background-position:0 -80px;
}

a.ticketshop-f1-buyonline-content 	{
	background:url(images/buy-f1-tickets-online-de.jpg) 0 0 no-repeat;
}
a.ticketshop-f1-buyonline-content:hover	{
	background-position:0 -80px;
}

html.en a.ticketshop-buyonline-content 	{
	background:url(images/buy-tickets-online-en.jpg) 0 0 no-repeat;
}
html.en a.ticketshop-buyonline-content:hover	{
	background-position:0 -80px;
}

html.en a.ticketshop-f1-buyonline-content 	{
	background:url(images/buy-f1-tickets-online-en.jpg) 0 0 no-repeat;
}
html.en a.ticketshop-f1-buyonline-content:hover	{
	background-position:0 -80px;
}

html.en a.order-form-content { background:url(images/go-to-order-form-en.png) 0 0 no-repeat }
html.de a.order-form-content { background:url(images/go-to-order-form-de.png) 0 0 no-repeat }

a.order-form-content:hover,
html.en a.order-form-content:hover,
html.de a.order-form-content:hover {
	background-position: 0 -80px
}


p.search-snippet strong	{
	margin:0 !important;
}