@charset "utf-8";
/* CSS Document */
* {
    border: medium none;
    margin: 0;
    padding: 0;
}
p {
    margin: 0 0 12px;
}
html {
    font-size: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: top;
	color:#fff;
	background-color:#000;
/*	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat;
	*/
}
body {
	text-align: center; /*zentriert divMain in IE 5.5*/
}
a {
	text-decoration: none;
	color:#fff;
	font-weight: bold;
}
a:hover {
	color: #6a6a6a;
}

ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

li:before {
    content: "►";
    display: block;
    float: left;
    width: 1.2em;
    color: #669;
}

li {
	padding: 0em 0em 0.4em 0.4em;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:0.4em;
	color:#fff;
}
h1 {
	font-size: 2em;
}
h2, h3, h4 {
	font-size: 1.6em;
}

.header1 {
	font-size: 1.6em;
}
.header2 {
	font-size: 15px;
}
.header3 {
	font-size: 15px;
}
#divHead {
	/* width: 1020px; */
	margin: 0px auto; /*zentriert*/
	text-align: left; /*text-zentrierung aufheben siehe body*/
}

#divTop {
	background-color:#000;
}

#divTopBox, #divMain, #divFooterBox {
	margin: 0px auto; /*zentriert*/
	max-width:920px;
}

#divMain {
	text-align: left; /*text-zentrierung aufheben siehe body*/
}

#divTopBox, #divFooterBox {
	text-align: left; /*text-zentrierung aufheben siehe body*/
}

#divFooterBox {
	padding-top: 20px;
}

.CenterContainer {
/*	width: 1020px; */
	margin: 0px auto; /*zentriert*/
	text-align: left; /*text-zentrierung aufheben siehe body*/
}

#contentPanel {
	float:left;
/*	background-image:url(../images/bg-content.jpg);
	background-repeat:repeat;
	*/
	background-color:#000;
}
#contentHeight{
}
#divContent {
	float:left;
}
#divContent a {
	color:#fff;
	font-weight:bold;
}
#divContent a:hover {
	color:#6a6a6a;
}

.FixBoxLeft{
	float:left;
	width: 300px;
	overflow:hidden;
}

.FlexBoxRight{
	min-width:300px;
	margin-left:320px;
}

#divBanner{
	padding-top:20px;
}

#divBannerLeft{
	float:left;
	width: 210px;
	padding:5px;
	overflow:hidden;
}

#divBannerRight{
	min-width:290px;
	margin-left:210px;
}
#divBannerRightTop{

}
#divBannerRightBottom{

}
#divBanner a{
	color:#6666FF;
}
#divBanner a:hover{
	color:#9999FF;
}

#divMainMenu {
	z-index:1000;
	position:fixed;
	left 0;
	top 0;
	width:100%;
	height:38px;
	padding-top:18px;
	font-size:1.5em;
	background-color:#000;
	color:#FFFFFF;
}
#divMainMenu a{
	text-decoration:none;
	color:#FFFFFF;
}
#divMainMenu a:hover{
	color:#aaaaFF;
}
.MenuItem {
	float:left;
	padding-right:30px;
	font-size:1.5em;
	font-weight:bold;
}
.FooterMenuItem {
	float:left;
	padding-right:11px;
	font-size:0.8em;
	font-weight:bold;
}

#divLeadContent{
	background-color:#666699;
	color:#FFFFFF;
}

#divLeadContent h1,#divLeadContent h2,#divLeadContent h3,#divLeadContent a{
	color:#ccaaff;
}
#divLeadContent a:hover{
	color:#ccccff;
}

.DarkBg{
	background-color:#666699;
	color:#FFFFFF;
}

.DarkBg h1, .DarkBg h2, .DarkBg h3{
	color:#ccaaff;
}
.DarkBg a{
	color:#ccaaff;
}

.DarkBg a:hover{
	color:#ccccff;
}

.emptyRow {
	clear:both;
	padding-top:8px;
}
#divLanguage {
	float: right;
	padding-left:20px;
}
#divWelcome {
	float: left;
}
#divWelcome, #divHeadlines, #divFeatures {
	padding: 8px;
	color:#333333;
}
.DivHeadContent {
	width:362px; 
	height: 260px;
	padding: 12px;
	border: 2px solid #ffffff;
}
#divProductAdBox{
	background-color:#FF9933;
	color:#FFFFFF;
	padding:8px;
}
.divProduct {
	float: left;
	width: 520px;
}
.BgContent {
}
.ContentColors {
	background-color:#FFFFFF;
	color:#333333;
}
.ContentColors a{
	color:#0066FF;
}
.divProductImg {
	float: left;
	width: 180px;
}
.divProductData {
	float: left;
	width: 340px;
}
.divAddToCart {
	float: left;
	width: 160px;
}
#btnAddToCart {
	float: right;
}
#tfCartQuantity {
}
.lblCartQuantity {
	float: right;
}
.divNextStep {
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
	width: 700px;
}
.divToCheckout, .divToBasket{
	height:30px;
}
.btnShop, .btnToCheckout, .btnToBasket, #btnNextStep, #btnAddToCart{
	background-image:url(metallicbutton.gif);
	border:none;
	width:140px;
	height:29px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
#btnGoBack{
	background-color:#146EB4;
	color:#ffffff;
	border: 1px solid #ffffff;
}
.InfoHeader, .InfoText {
	font-weight: bold;
	padding:8px;
}
.InfoHeader {
	font-size: 15px;
}
.InfoText {
	font-size: 13px;
}
.InfoText a{
	text-decoration:underline;
}
.SmallText {
	font-size: 11px;
	font-weight: normal;
}
#rightBox {
	text-align:center;
}
.RightBox a {
	color:#666666;
	text-decoration:underline;
}
.RightBox a:hover {
	color:#333333;
}
.RightFloat {
	float: right;
}
.LeftFloat {
	float: left;
}
.RightAlign {
	text-align: right;
}
.Clearer {
	clear: both;
}
.Spacer10 {
	width: 10px;
	float: left;
}
.LineHorz {
	border-top:2px solid #CCCCCC;
}
#divBasketSmall {
	background-color:#6699FF;
	color:#ffffff;
	padding:8px;
	border:solid;
	border-width:2px;
	border-color:#CCCCCC;
}
#divBasketSmall a {
	color:#FFFFFF;
}
#divBasketSmall a:hover {
	text-decoration:underline;
}
.Footer{
	font-size:0.8em;
}

#divFooter {
	background-color:#666;
	color:#CCCCCC;
	font-size:0.8em;
}

#divFooter a {
	color:#CCCCCC;
	text-decoration:none;
}
#divFooter a:hover {
	color:#999999;
	text-decoration:none;
}
.ContentHeader{
	padding:1em 0em;
}

.BannerText{
	font-size:1.5em;
}
input, .TextInput, .tfAddress{
	padding:2px;
	font-size:1em;
	background:#FFFFFF;
	color:#333333;
	border: 1px solid #7777aa;
	font-family:Arial, Helvetica, sans-serif;
}
#divLoginRight {
	float:left;
	width: 330px;
	padding:8px;
}
#divLoginDisplay {
	float:left;
	width: 450px;
	padding:8px;
	font-size:14px;
	color:#FFFFFF;
}
.divAddressLabel {
	float: left;
	width: 160px;
	padding: 6px;
}
.tfAddress {
	float: right;
	width: 250px;
}

span.BannerText1Light{
	font-size:2em;
}
span.BannerText1Bold{
	font-size:2em;
	font-weight:bold;
}
span.BannerText2Light{
	font-size:1.6em;
}
span.BannerText2Bold{
	font-size:1.6em;
	font-weight:bold;
}
span.BannerText3Light{
	font-size:24px;
}
span.BannerText3Bold{
	font-size:24px;
	font-weight:bold;
}
.BorderH{
	border-top:2px solid #999;
	padding-bottom: 10px;
}

.DivBild31 {
	float: left;
}
.DivBild32 {
	float: left;
}
.DivBild33 {
	float: left;
}

@media (max-width : 590px) {
	p {
	font-size:1.25em;
	}
    .FixBoxLeft {
        float: none;
        /* width: auto; */
    }

    .FlexBoxRight {
        margin-left: 0;
    }
	#divBannerLeft{
		float:none;
	}
	#divBannerRight{
		margin-left:0;
	}
	.DivBild32, .DivBild33 {
		clear:both;
	}
}
@media (max-width : 890px) {
	.DivBild33 {
		clear:both;
	}
}
.divWhg{
padding: 10px 0px 0px 0px;
}
.divWhgRow{
padding: 8px 0px 0px 0px;
}
.divWhgSum{
font-weight:bold;

}
.divRaumName{
float:left;
width:200px;
}
.divRaumA{
float:left;
text-align:right;
width:60px;
}
.divQm{
float:left;
padding-left:10px;
width:40px;
}