﻿/* ========== BASICS ========== */

html {
	overflow-y: scroll;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #c0c0c0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

.imgleft {
	float: left;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #ff8800;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0;
}

hr {
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px 0 0 0;
	color: #eeeeee;
}

#container {
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	width: 960px;
	background-color: #ffffff;
	overflow: hidden;
}	

.clear {
	height: 1px;
	line-height: 1px;
	clear: both;
}

/* ========== HEADLINE ========== */

#headline {
	width: 960px; 
	height: 75px;
}

#homelink {
	margin: 10px 0 0 20px;
	float: left;
}

#nojs {
	position: absolute;
	margin: -10px 0 0 130px;
	width: 660px;
	background-color: Red;
	padding: 2px;
	color: White;
	text-align: center;
}

#topcontrols {
	margin: 20px 20px 0 0;
	padding: 0;
	float: right;
}

#topcontrols td {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0;
}

#topcontrols #languages {
	padding-right: 20px;
}

#topcontrols #searchtext input {
	width: 110px;
	border: 1px solid #eeeeee;
}

#topcontrols #searchbutton {
	padding-left: 5px;
}

/* ========== NAVIGATION ========== */

#navmain {
	position: absolute;
	z-index: 100;
}

/* ========== BANNER ========== */

#banner {
	width: 960px;
	height: 225px;
	position:relative;
}

#banneroverlay {
	width: 960px;
	height: 225px;
	top: 75px;
	position: absolute;
	visibility: hidden;
    z-index: 100;
}

#banner img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0.0;
}

#banner img.active {
    z-index:10;
    opacity:1.0;
}

#banner img.last-active {
    z-index:2;
}

/* ========== MAIN CONTAINER ========== */

#main {
	margin: 0;
	width: 960px;
	background-color: #ffffff;
	z-index: 100;
	position: relative;
}

/* ========== PRODUCT CONTAINER ========== */

#productcontainer {
}

#grouptree {
	position: relative;
	width: 190px;
	margin: -26px 0 0 0;
	padding: 0 20px; 
	float: left;
	background-color: #ffffff;
	z-index: 100;
}

#productmain1 {
	position: relative;
	width: 540px;
	margin: 5px 0 0 0;
	background-color: #ffffff;
	padding: 0;
	float: left;
}

#productmain1b {
	position: relative;
	width: 370px;
	margin: 5px 170px 0 0;
	background-color: #ffffff;
	padding: 0;
	float: left;
}

#productmain2 {
	position: relative;
	width: 710px;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}

#productbar {
	width: 170px;
	margin: -153px 0 0 0;
	padding: 0;
	float: left;
}

.tooltip {
	display: none;
}

.infobox {
	position: absolute;
	left: 0;
	width: 528px;
	height: 192px;
	border: 1px solid #8072AA;
	background-color: #E3E3E3;
	visibility: hidden;
	z-index: 100;
}

.infotitle {
	background-color: #8072AA;
	color: #ffffff;
	padding: 2px 8px;
	height: 16px;
}

.infotitle span {
	float: left;
}

.infotitle a {
	float: right;
}

.infobox table {
	height: 176px;
	width: 528px;
}

.infobox td {
	padding: 0 8px;
	vertical-align: middle;
}

.pricetag_retail, .pricetag_discount {
	/* text-decoration: line-through; */
	color: #ff0000;
}

/* ========== FOOTER ========== */

#footer {
	width: 960px;
	padding: 20px 10px 10px 20px;	
}

/* ========== GEWINNSPIEL ========== */
.lottery_symbol {
	float: left;
	padding: 200px 0 0 200px;
}
#productbar .lottery_symbol {
	float: none;
	padding: 240px 0 0 120px;
}
