/*
colors:
gray:#595D60;
red:#EE2737;
*/

/* first for IE 4–8 */
@font-face {
  font-family: DINWeb-Medium;
  src: url("fonts/DINWeb-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWeb-Medium;
  src: url("fonts/DINWeb-Medium.woff") format("woff");
}

body					{ margin:0px; padding:0px; background-color:#777777; font-family: DINWeb-Medium, sans-serif; font-size:15px; color:#595D60; }
h1						{ font-weight: normal; margin:0px 20px 10px 0px; padding:2px 0px 0px 0px; line-height:25px; font-size:17px; }
hr						{ position:relative; border:none; border-bottom:1px solid #560059; height:1px; margin:10px 0px 10px 0px; width:504px; }

a:link					{ text-decoration:none; color:#EE2737; }
a:visited				{ text-decoration:none; color:#EE2737; }
a:active				{ text-decoration:none; color:#EE2737; }
a:hover					{ text-decoration:none; color:#EE2737; }

.underline				{ border-bottom:1px solid #560059; }

.designer				{ font-family:Georgia; font-size:13px; font-weight:normal; line-height:25px; font-style:italic; }
.designer a:link		{ text-decoration:none; color:#595D60; }
.designer a:visited		{ text-decoration:none; color:#595D60; }
.designer a:active		{ text-decoration:none; color:#595D60; }
.designer a:hover		{ text-decoration:none; color:#EE2737; }

.georgia				{ font-family:Georgia; }
.italic					{ font-style:italic; }
.small					{ font-size:13px; }
.normal					{ font-size:15px; }
.big					{ font-size:17px; }

#body-wrap				{ width:1000px; }
#header-wrap			{ width:1000px; height:110px; overflow:visible; }

#navigation							{ float:left; width:158px; font-size:15px; }
#navigation a:link					{ text-decoration:none; color:#595D60; font-weight:normal; }
#navigation a:visited				{ text-decoration:none; color:#595D60; font-weight:normal; }
#navigation a:active				{ text-decoration:none; color:#595D60; font-weight:normal; }
#navigation a:hover					{ text-decoration:none; color:#EE2737; font-weight:normal; }
#navigation a.active:link			{ text-decoration:none; color:#EE2737; font-weight:normal; }
#navigation a.active:visited		{ text-decoration:none; color:#EE2737; font-weight:normal; }
#navigation a.active:active			{ text-decoration:none; color:#EE2737; font-weight:normal; }
#navigation a.active:hover			{ text-decoration:none; color:#EE2737; font-weight:normal; }


#navigation ul						{ list-style:none; margin:0px; padding:0px; }
#navigation ul li					{ display:block; line-height:20px; margin:4px 0px 4px 0px;}
#navigation ul li a					{ display:block; line-height:20px; padding-left:11px; background-color:#ffffff; }
#navigation ul li ul				{  }
#navigation ul li ul li				{ display:block; line-height:17px; margin: 0px; }
#navigation ul li ul li a			{ display:block; line-height:17px; padding-left:18px; background-color:#ffffff; }
#navigation ul li ul li ul			{  }
#navigation ul li ul li ul li		{ display:block; line-height:17px; margin:0px; }
#navigation ul li ul li ul li a		{ display:block; line-height:17px; padding-left:30px; background-color:#ffffff; }

#navigation ul#startpage-menu						{ list-style:none; margin:0px; padding:0px; position:absolute; margin-top:-137px; font-family:Georgia; font-style:italic; font-size:20px; color:#ffffff; }
#navigation ul#startpage-menu li					{ display:auto; float:left; height:30px; line-height:30px; background-image:url(../img/layout/icon-startpage.png); background-repeat:no-repeat; background-position:0px 3px;; height:30px; }
#navigation ul#startpage-menu li a					{ display:block; line-height:30px; background-color:transparent; padding-left:25px; padding-right:25px; color:#ffffff; }


#content				{ float:left; width:564px; margin-left:38px; background-color:#ffffff; padding-top:20px; }
#content-start			{ float:none; width:875px; color:#ffffff; font-size:55px; line-height:55px; }
#navigation.start		{ float:none; }


.content-margin			{ padding-left:40px; padding-right:40px; }
.content-margin h1.underline { margin-right:0px; width:450px; position:relative; }

.icon					{ padding-left:40px; background-repeat:no-repeat; background-position:0px 0px; }
.icon-info				{ padding-left:40px; background-image:url(../img/layout/icon-info.png); background-repeat:no-repeat; background-position:0px 0px; }
.icon-serie				{ padding-left:40px; background-image:url(../img/layout/icon-serie.png); background-repeat:no-repeat; background-position:0px 0px; }
.icon-masse				{ padding-left:40px; background-image:url(../img/layout/icon-masse.png); background-repeat:no-repeat; background-position:0px 0px; }
.icon-colors			{ padding-left:40px; background-image:url(../img/layout/icon-colors.png); background-repeat:no-repeat; background-position:0px 0px; }
.icon-designer			{ padding-left:40px; background-image:url(../img/layout/icon-designer.png); background-repeat:no-repeat; background-position:0px 0px; }
.icon-designpreise		{ padding-left:40px; background-image:url(../img/layout/icon-designpreise.png); background-repeat:no-repeat; background-position:0px 0px; }

.more-info				{ position:absolute; right:-84px; margin-top:-36px; line-height:25px; padding-left:40px; padding-right:10px; background-image:url(../img/layout/icon-more.png); background-repeat:no-repeat; font-family:Georgia; font-style:italic; }
.more-info:link			{ text-decoration:none; color:#595D60; }
.more-info:visited		{ text-decoration:none; color:#595D60; }
.more-info:active		{ text-decoration:none; color:#595D60; }
.more-info:hover		{ text-decoration:none; color:#EE2737; }

.prod-back				{ position:absolute; right:-84px; margin-top:-36px; line-height:25px; padding-left:40px; padding-right:10px; background-image:url(../img/layout/icon-zurueck.png); background-repeat:no-repeat; font-family:Georgia; font-style:italic; }
.prod-back:link			{ text-decoration:none; color:#595D60; }
.prod-back:visited		{ text-decoration:none; color:#595D60; }
.prod-back:active		{ text-decoration:none; color:#595D60; }
.prod-back:hover		{ text-decoration:none; color:#EE2737; }

div.serien-product			{ height:90px; float:left; position:relative; margin-right:10px; font-family:Georgia; color:#595D60; font-style:italic; }
div.serien-product a:link		{ color:#595D60; }
div.serien-product a:active		{ color:#595D60; }
div.serien-product a:visited	{ color:#595D60; }
div.serien-product a:hover		{ color:#EE2737; }
img.serien-image			{ height:70px; }


.product-image-more {
	max-width:420px;
	max-height:200px;
	width: expression(this.width > 420 ? 420: true); /* ie workaround */
	/*height: expression(this.height > 200 ? 200: true);  /* ie workaround */
} 

b, strong {font-weight: normal; color: black !important;}

#startpage-menu li a:hover { text-decoration:none; color:#EE2737 !important; font-weight:normal; }

