/******************************************/
/* colors:			                      */
/* green: #96bf0d			        	  */
/* orange: #f8b722						  */
/* lightgrey: #a6a6a6					  */
/* grey: #8c8c8c    					  */
/* darkgrey: #3d4242	#090608				  */    
/******************************************/


/******************************************/
/* general definitions                    */
/******************************************/

html, body, p, h1, h2, h3, span, a, ul, ol, table, td, tr, th, tbody, thead, form, fieldset, input, select, hr, div {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #8c8c8c;
	font-weight: normal;
}

html, body{
	width: 100%;
	height: 100%;
}

body{
	position: relative;
	background: url(../img/background.gif) #000000 repeat-x;
}

a:link, a:visited { 
	outline: none;
	color: #ffffff;
	font-style: normal;
	text-decoration: underline;  
}  

a:active, a:hover { 
	color: #3d4242;  
}

img {  
	border: 0px;  
}

/******************************************/
/* END general definitions                */
/******************************************/




/******************************************/
/* layout                                 */
/******************************************/

#checkbox{
	position: absolute;
	background: url(../img/content_background.gif);
	width: 864px;
	height: 25px;
	top: 0;
	left: 0;
	border-bottom: solid #ffffff 1px;
}

#midground{
	position: absolute;
    background: transparent url(../img/midground.png) repeat-x;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#foreground{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
    background: transparent url(../img/foreground.png) repeat-x;
    background-position-x:inherit;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

* html #midground{
	background: none;
}


* html #foreground{
	background: none;
}

#wrapper{
	position: relative;
	margin: 0px auto 0px auto;
	padding: 100px 0px 0px 0px;
	width: 864px;
	z-index: 200;
}

#content{
	position: relative;
	background: #000000;
	min-height:442px;
	height:auto !important;
	height: 442px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ffffff;
	clear: both;
	z-index: 201;
}

#teaser{
	width: 864px;
	margin: 0px 0px 7px 0px;
}

#col_left{
	background: #000000;
	padding: 5px 10px 5px 10px;
	width: 670px;
	float: left;

}

#col_right{
	padding: 5px 10px 5px 10px;
	width: 154px;
	float: left;

}

.press #col_left{
	width: 268px;
}

.press #col_middle{
	padding: 48px 10px 5px 10px;
	width: 268px;
	float: left;
}

.press #col_right{
	padding: 48px 10px 5px 10px;
	width: 268px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/******************************************/
/* END layout                             */
/******************************************/