/*
 * CSS2-Stylesheet for the RedBull-Microsite HTML-Rebuild 
 * @author Benjamin Stephan, LAFKON (bensonATlafkonDOTnet)
 */
 
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia;
	font-size: 1px;
	font-weight: normal;	
	color: black;
	background:white url(../img/bg.png) repeat-x center fixed;
	height: 100%;
}
img, a, a:hover, a:active, a:visited {
	border: none;
}
a, a:visited {
	font-family: "Arial";
	/*
	font-size: 12px;
	background-color: #303030;
	*/
	font-weight: normal;	
	line-height: 14px;
	text-decoration: none;
	color: #000000;	
}	
a:hover, a:active {
	text-decoration: none;
	color: #ffbe00;	
}

/* hack for CSS-based vertical centering of content with known height */	
h1 {
	background: transparent;
	position: absolute;
	top: 50%;
	width: 100%;
}
div.frame {
	background: transparent url(../img/bg_frame.png);
	display: block;
	font-size: 600px;
	line-height: 600px;
	margin-top: -300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	width: 944px;	
}
/*---------------------------------------------------------------------*/

div.framedimension {
	background: transparent url(../img/bg_graphic.jpg);
	width: 944px;
	height: 600px;
	left: 0px;	
	top: 0px;
	font-size: 0px;
	line-height: 0px;
}

/*--- RB-Navigation Container ----------------------------------------------------------*/
div.rbbuttonbartop {
	position: absolute;
	left: 0px;	
	top: 0px;
	font-size: 0px;
	line-height: 0px;	
}

/*--- Article Button Container ----------------------------------------------------------*/
div.subbuttonbar {
	position: absolute;
	left: 26px;	
	top: 52px;
	font-size: 12px;
	line-height: 0px;	
	z-index: 10;
}

/*--- Influent Player Container ----------------------------------------------------------*/
div.player {
	position: absolute;
	left: 242px;	
	top: 216px;
	font-family: "Arial";
	font-size: 11px;
	color: #000000;
	z-index: 500;
}	

/*--- Formatting for 4x3 gridcells with Textcontent -------------------------------------*/
/*----(top-left-cell = 1, bottom-right-cell = 12, ... ) */

/*----add new panels-selector here, same properties for all panels*/
div.panel5, div.panel9, div.panel12 {
/*   background: url(../img/bg_panel.png) transparent;*/
	overflow: hidden;	
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;	
	line-height: 14px;
	color: White;	
}

/*----AND create selector for new panels here, individual positioning-properties*/
div.panel5 {
	position: absolute;
	left: 11px;
	top: 216px;
	width: 230px;
	height: 172px;
}
div.panel12 {
    position: absolute;
    left: 704px;
    top: 389px;
    width: 230px;
    height: 172px;
	vertical-align:bottom;
} 

/*--- Formatting for articlepage/area ----------------------------------------------------*/
div.subcontentpane {
	position: absolute;
	left: 11px;
	top: 43px;
	width: 692px;
	height: 516px;
	background: transparent url(../img/subpane_bg.png) no-repeat;
}
div.subcontent {
	font-family: "Arial";
	font-size: 11px;
	font-weight: normal;	
	line-height: 13px;
	color: Black;	
	margin: 42px 20px 20px 25px;
	text-align: left;
}
div.subcontent b {
	display: block;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
	margin-bottom: -2px;
}
img.closebutton {
	position: absolute;
	right: 14px;
	top: 14px;
}
img.backbutton {
	position: absolute;
	right: 14px;
	bottom: 14px;
}
div.paneltext {
	margin: 18px 18px 18px 18px;
	text-align: left;
}

hr {
	color: White;
	background-color: White;
	border: 0px solid White;
	height: 1px;
	margin-left: -5px;
	margin-right: 0px;	
}
div.subcontentpane hr {
	color: Black;
	background-color: Black;
	border: 0px solid Black;
	height: 1px;
	margin-left: -5px;
	margin-right: 0px;
}	
/*--- EOF ---------------------------------------------------------*/