@charset "utf-8";
html,body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
}
body {
	background-image:url("../images/background.jpg");
	background-repeat:no-repeat;
	background-color:#000;
	background-attachment:fixed;
	background-position:left;
}

h4 {
	margin-top:0;
	margin-bottom:0;	
}

#center_fix_top {
	width:1130px; 
	margin:0 auto 0 auto;
	padding-top:15px;
}
#center_fix_bottom {
	width:1130px; 
	margin:0 auto 0 auto;
	padding-bottom:15px;
}

#center {
	width:1100px;
	height:auto;
	margin:0 auto;
	padding:15px;
	
	background:rgb(59, 59, 59);
	background:rgba(59, 59, 59, 0.5);
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#footer {
	width:1100px;
	margin:0 auto;
}
#footer p {
	margin-top:0px;
	font-size:11px;
	color:white;
}
#footer a:link,
#footer a:visited {
	color:white;
	text-decoration:none;
}
#footer a:hover,
#footer a:focus {
	color:white;
	text-decoration:underline;
}

/* Linke Seite */
#center #left {
	float:left;
	width:740px;
	margin-right:15px;
}

#center #left #logo {
	margin-bottom:20px;
	margin-left:10px;
}

#left #produktbox {
	height:auto;
	background-color:#555555;
	padding: 0 10px;
}

#left #produktbox a:link { text-decoration:none; color:white; }
#left #produktbox a:visited { text-decoration:none; color:white; }
#left #produktbox a:active { text-decoration:none; color:white; }
#left #produktbox a:hover { text-decoration:underline; color:white; }

#center #left #gameslider {
	height:auto;
	padding:10px;
	padding-top:0;
	background-image:url("../images/template/gameslider_bg.png");
	background-repeat:repeat;
	height:195px;
}

#center #left #gameslider a:link { color:white; text-decoration:none; }
#center #left #gameslider a:visited { color:white; text-decoration:none; }
#center #left #gameslider a:focus { color:white; text-decoration:none; }
#center #left #gameslider a:hover { color:white; text-decoration:underline; }

/* Rechte Seite */
#center #right {
	float:right;
	width:330px;
	margin-top: 42px;
}

#center #right #flags {
	margin-bottom:15px;
}

#center #right #teaser {
	background-color:none;
}

#center #right #teaser a:link {text-decoration: none; color: white;}
#center #right #teaser a:visited {text-decoration: none; color: white;}
#center #right #teaser a:active {text-decoration: none; color: white;}
#center #right #teaser a:hover {text-decoration: none; color: #dcdcdc;}

#center #right #search a:link {text-decoration: none; color: white;}
#center #right #search a:visited {text-decoration: none; color: white;}
#center #right #search a:active {text-decoration: none; color: white;}
#center #right #search a:hover {text-decoration: none; color: #dcdcdc;}

#center #right #teaser h4 {
	color:white;
}
#center #right #teaser h4 a:link { color:white; text-decoration:none; }
#center #right #teaser h4 a:visited { color:white; text-decoration:none; }
#center #right #teaser h4 a:active { color:white; text-decoration:none; }
#center #right #teaser h4 a:hover { color:white; text-decoration:none; }

#center #right #teaser .buy input {
	background-color:#1c67bd;
	border:1px solid #3f87d9;
	color:white;
}

#center #right #teaser .buy #cover_section {
	padding-right:5px;
}
#center #right #teaser .buy .info_section p {
	margin-top:0px;
	margin-bottom:10px;
}
#center #right #teaser .buy .info_section2 p {
	margin-top:5px;
	margin-bottom:3px;
}

#center #right #teaser .teaser {
	height:auto;
	background-color:#0c1a35;
	padding:10px;
}
#center #right #teaser .teaser-buy {
	height:auto;
	background-color:#0c1a35;
	padding:10px;
}


#center #right #teaser .buy {
	background-image:url("../images/template/now_buy.png");
	background-repeat:no-repeat;
	padding-top:3px;
	background-color:#1c67bd;
	color:white;
}



/* Inner Center */
div#center div#produktbox .button {
	background-repeat:no-repeat; 
	height:25px; 
	color:white; 
	padding-left:45px; 
	padding-top:8px; 
	font-size:14px; 
	text-transform:uppercase; 
	width:220px;
	margin-bottom:5px;
}
div#center div#produktbox .button p {
	margin:0;
	padding:0;
}

#infobutton {
	background-image:url(../images/informationen_button.png); 
	cursor:pointer;
}

#kaufenbutton {
	background-image:url(../images/kaufen_button.png); 
	cursor:pointer;
}

#kaufen_optionen {
	color:white;
	display:none;
}

#kaufen_optionen ul {
	marging:0;
	padding:0;
	padding-left:60px;
	margin-top:0px;
	list-style-type:square;
}

#plattformbutton {
	background-image:url(../images/plattform_button.png); 
}
	
#alterbutton {
	background-image:url(../images/alter_button.png); 
}




div#center div#produktbild {
	position:relative;
	width:100%;
}

div#center div#produktbild h2 {
	position:absolute;
	top:200px;
	left:0;
	width:100%
}

div#center div#produktbild h2 span {
	color: white;
	font-size:12px;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
	padding: 10px;
	margin-left:2px;
	position:absolute;
	width:695px;
	height:66px;
	-moz-border-left-bottom-radius: 10px;
	-webkit-border-left-bottom-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-right-bottom-radius: 10px;
	-webkit-border-right-bottom-radius: 10px;
	border-bottom-right-radius: 10px;
	font-weight:normal;
}

div#center div#produktbild h2 span .label {
	font-weight:bold;
}


div#center div#produktbild img.top_bild {
	border:2px solid white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(./script/border-radius.htc);
}

div#center div#titel h1 {
	font-size:22px;
	color:white;
	margin-bottom:0;
	padding-bottom:0;
}

div#center div#titel h2 {
	margin-top:0;
	font-size:18px;
	color:white;
	font-weight:normal;
}


div#center div#produktbox div#produkt_left div#information {
	color:white;
	margin-bottom:20px;
	width:700px;
	display:none;
	text-align:justify;
	line-height:14px;
}

div#center div#produktbox div#produkt_left div#information p {
	max-width:600px;
}

div#center div#produktbox div#produkt_left div#information ul {
	max-width:550px;
}

div#center div#produktbox div#produkt_left div#information ul li {
	text-align:left;
	margin-bottom:10px;
}

div#center div#produkt_left {
	float:left;
	width:220px;
}

div#center div#produkt_right {
	float:right;
	width:449px;
}

div#center div#produkt_right div#empfehlungen {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-image:url("../images/text_button.png");
	background-repeat:no-repeat;
	padding:10px 10px 10px 45px;
	height:128px;
	color:white;
}



table tr td {
	padding:5px 5px 5px 5px;
	font-size:13px;
}

table tr.gray {
	background-color:#757575;
}
table tr.white {
	background-color:#666;
}

table tr td.label {
	border-right:1px solid #808080;
}


/* SUCHE */

#search {
	margin-bottom:15px;
}

#searchresultdata {
	position:relative;
	background-color:#1c67bd;
	margin-top:-3px;
	color:white;
	width:310px;
	padding:10px;
	background-image:url("../images/template/now_buy.png");
	background-repeat:no-repeat;
}

#search .faqsearch .faqsearchinputbox input {
	font-size:14px;
	color:white;
	padding:10px;
	border:none;
	background:url(../images/template/loading_static.png) no-repeat right 50%;
	width:290px;
}
/*The css class below contains the animated loading image .this will be added on the dom later with Jquery*/
#search .faqsearch .faqsearchinputbox input.loading {
	background:url(../images/template/loading_animate.png) no-repeat right 50%;
}




div#produktdetails {
	float:left;
	width:260px;
}

div#altereinstufungen {
float:right;
}

#altereinstufungen img {
	padding-right:20px;
}


/* SUPPORTING */
.clear {
	clear:both;
}


#katalog p {
	margin:0;
	color:white;
	padding:10px;
	font-size:18px;
}

#katalog p a:link { color:white; text-decoration:none; }
#katalog p a:visited { color:white; text-decoration:none; }
#katalog p a:focus { color:white; text-decoration:none; }
#katalog p a:active { color:white; text-decoration:none; }

#katalog_aussen {
	margin-bottom:15px;
}

.email_fehler {
	display:none;
	margin-left:2px;
	margin-top:0px;
}

table.system {
	text-align:left;
}

/* PRESSESTIMME */
div.pressebericht {
	background-color:red;
	width:400px;
	float:left;
}

.zitat {
	width:400px;
	height:50px;
	margin-bottom:20px;
}

.zitat p {
	margin:0;
}

.zitat .left {
	float:left;
	margin-right:10px;
}

.zitat .center {
	width:600px;
	float:left;
	text-align:justify;
}

.zitat .right {
	width:30px;
	height:24px;
	float:right;
	margin-left:10px;
	vertical-align:bottom;
}



.site h1 {
	margin-top:0;
}
.site {
	color:white;
}


.gradiant_produkt_box { 

	background-color: #2F2F2F;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#010202)); 
	background-image: -webkit-linear-gradient(top, #666666, #010202); 
	background-image:    -moz-linear-gradient(top, #666666, #010202); 
	background-image:     -ms-linear-gradient(top, #666666, #010202); 
	background-image:      -o-linear-gradient(top, #666666, #010202); 
	background-image:         linear-gradient(top, #666666, #010202);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#010202');
}

.gradiant_teaser { 

	background-color: #e76a00;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#1c67bd), to(#2e7ad3)); 
	background-image: -webkit-linear-gradient(top, #1c67bd, #2e7ad3); 
	background-image:    -moz-linear-gradient(top, #1c67bd, #2e7ad3); 
	background-image:     -ms-linear-gradient(top, #1c67bd, #2e7ad3); 
	background-image:      -o-linear-gradient(top, #1c67bd, #2e7ad3); 
	background-image:         linear-gradient(top, #1c67bd, #2e7ad3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c67bd', endColorstr='#2e7ad3');
}