/******************************************/
/* Standard-CSS for Betty Barclay         */
/******************************************/

/******************************************/
/* Imports                                */
/******************************************/

/******************************************/
/* General definitions                    */
/******************************************/

html, body, p, h1, h2, h3, span, a, ol, table, td, form, hr, div {
	margin: 0px;
	padding: 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #ffffff;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	background: #9c9c9c;
	text-align: center;
}
a:link, a:visited { 
	color: #fff;  
	text-decoration: underline;
}  
a:active, a:hover {  
	color: #fff;  
	text-decoration: underline;  
}  
img {  
	border: 0px;
}
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/******************************************/
/* END General definitions                */
/******************************************/
div#distance_box { 
	width:	1px;
	height:	50%;
	margin-bottom: -278px;
	float: left;
	background: url(../img/systemrequirements_bg.gif) no-repeat -1000px -1000px;
}

div#content_box {
	position: relative;
  	margin: 0 auto;
	text-align: left;
	width: 995px;
	height: 555px;
	clear: left;
}

/*
*	edit by michael@h2omedia.de
*
*	box for seo content
*/
div#altContent
	{
		position: absolute; top: 1000px; left: 50%;
		margin-left: -350px;
		width: 700px;
		height: auto;
		
		background-color: #9c9c9c;
		
		color: #000;
	}
	
div#altContent #altLeft
	{
		margin-right: 100px;
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: 1px solid #000000;
	}
	
div#altContent #altRight
	{
		margin: 0px 15px 15px 15px;
	}
	
ul.navList
	{
		margin: 0px;
		padding: 0px;
	}
	
ul.navList li
	{
		list-style-type: none;
	}
	
ul.navList li a:hover
	{
		text-decoration: none;
	}
	
ul .mainItem a
	{
		color: #fff;
	}
	
ul .subItem a
	{
		color: #000;
	}

div#flashcontent {
	width: 100%;
	height: 100%;
	text-align: left;
}
div#logo {
	position: absolute;
	top: 150px;
	left: 360px;
	width: 235px;
	height: 170px;
}
div#logo h1 {
	background: url(../img/gilbret_title.gif) no-repeat top left;
	font: 20px/20px Arial, Helvetica, sans-serif;
	color: #fff;
	text-indent: -999em;
	width: 235px;
	height: 170px;
}
div#content_box div#start {
	position: absolute;
	top: 380px;
	left: 395px;
	width: 250px;
	height: 13px;
}

/*
	edit by michael@h2omedia.de
	
	teaser div
*/	
div#content_box div#teaser {
	position: absolute;
	top: 480px;
	left: 368px;
	width: 230px;
	height: 101px;
}

div#content_box div#start a#deutsch_bu, div#content_box div#start a#english_bu, div#content_box div#start a#shop_bu  {
	margin: 0px 26px 0px 0px;
	outline: none;
}
div#content_box div#start a#deutsch_bu img, div#content_box div#start a#english_bu img, div#content_box div#start a#shop_bu img {
	margin: 0px 26px 0px 0px;
	float: left;
}

div#requirements_de, div#requirements_en {
	display: none;
	position: absolute;
	bottom: 17px;
	left: 0px;
	width: 100%;
	height: 200px;
	background: url(../img/systemrequirements_bg.gif) repeat-x top left;
}
div#requirements_de div.holder, div#requirements_en div.holder {
	text-align: left;
	width: 750px;
	margin: 0 auto;
}
div#requirements_de h1 {
	background: url(../img/systemanforderungen_title.gif) no-repeat top left;
	font: 18px/18px Arial, Helvetica, sans-serif;
	text-indent: -999em;
	width: 737px;
	height: 19px;
	margin: 34px 0px 0px 13px;
}
div#requirements_en h1 {
	background: url(../img/systemrequirements_title.gif) no-repeat top left;
	font: 18px/18px Arial, Helvetica, sans-serif;
	text-indent: -999em;
	width: 737px;
	height: 19px;
	margin: 34px 0px 0px 13px;
}
div#requirements_de div.col1, div#requirements_en div.col1 {
	float: left;
	padding: 20px 0px 0px 13px;
	width: 348px;
}
div#requirements_de div.col2, div#requirements_en div.col2 {
	float: left;
	padding: 20px 0px 0px 13px;
	width: 363px;
}
div#requirements_de h2, div#requirements_en h2 {
	font: bold 13px/17px Arial, Helvetica, sans-serif;
	color: #fff;
}
div#requirements_de p, div#requirements_en p {
	color: #fff;
	margin: 0px 0px 15px 0px;
}
div#requirements_de div.close {
	position: absolute;
	top: 3px;
	right: 10px;
	width: 45px;
	height: 10px;
}
div#requirements_en div.close {
	position: absolute;
	top: 3px;
	right: 10px;
	width: 45px;
	height: 10px;
}
div#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 17px;
	background: #403f3c;
}
div#footer div#copyright {
	float: left;
}
div#footer div#copyright img {
	margin: 0px 0px 0px 10px;
}
div#footer div#requirements {
	float: right;
}
div#footer a#systemanforderung_bu {
	margin: 0px 10px 0px 0px;
	outline: none;
}
div#footer a#systemrequirements_bu {
	margin: 0px 10px 0px 0px;
	outline: none;
}