
/*
TODO: .box noch umzusetzen!
*/

/* box */
.frontpage .box {
float: left;
margin-right: 1px;
}

/* topseller */
.frontpage .box.featured-product {
width: 144px;
height: 205px;
}

/* angebot des monats */

/* themenwelten */
.frontpage .themenwelten-container {}
.frontpage .box.themenwelt {
height: 227px;
width: 144px;
}

.frontpage .info-block {
padding: 10px 10px 20px;
background: #4FD4FF;
min-height: 168px;
height: auto;
position: relative;
}

.frontpage .info-block h3 {font-size: 20px; margin-bottom: 5px;}
.frontpage .info-block a { text-decoration: none !important; }

.frontpage .info-block .button {
position: absolute;
bottom: 15px;
right: 10px;
}

/************** Startseite - Box News */
.frontpage .home-news-block {
width: 269px;
}

.frontpage .home-b2b-block {
width: 414px;
background: url('../images/home/trucks.png') no-repeat top right #4FD4FF;
}

.news-items .news-date {color: #FFFFFF; font-weight: bold;}
.news-items .news-text a {color: #0066CC; font-weight: bold; text-decoration: none;}

/************** Startseite Box für Grosskunde */
.box-grosskunden {	/* home-info-block <<=== ?? */
width: 414px;
background:#4fd4ff url("../../../../../media/grosskunden_bg.jpg") no-repeat top right;
}
/*
.box-grosskunden {
	position:relative;
	background:url(../../../../../media/infobox_grosskunden_bg.gif) no-repeat;
	width:706px;
	height:94px;
	padding:10px;
}
*/
.txt-grosskunden,
.btn-grosskunden {

}

.txt-grosskunden {
	color:#ffffff;
	margin-bottom:10px;
}

.btn-grosskunden {
/*bottom:5px;
position:absolute;
right:190px;*/
}


div.frontpage .big-price {
	color: #ff5a0d;
	font-sie:18px;
}


div.frontpage .img-welcome {
	float:right;
	height:190px;
}
div.frontpage .img-welcome img {
	height:190px;

}

div.frontpage div.frontpage-top {
	background:#FFFFFF url(../images/frontpage-top-background.gif) no-repeat top left;
	height:190px;
	margin-bottom:55px;
}

div.frontpage h1 {

	font-size:20px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0066cc;
	margin-bottom:8px;
}

div.frontpage .content-left-col-start  {
	float:left;
	padding:24px 0 0 20px;
	width:390px;
}

div.frontpage .content-left-col-start div.small {
	font-size:12px;
	color:#0066cc;
/*	color:#59acff;*/
	line-height:16px;

}


div.frontpage .box-grosskunden {
	/*background:#4fd4ff url("../../../../../media/infobox_grosskunden_bg2.gif") no-repeat top left;	*/
	background:#4fd4ff url("../../../../../media/grosskunden_bg.jpg") no-repeat top right;
/*
	height:337px;
	padding:20px;
	position:relative;
	width:685px;
	margin:1px 0 0 0;
*/
}
/*
div.frontpage .box-grosskunden h3 {
	font-size:20px;
	font-weight:bold;
	color:#0066CC;
	margin-bottom:5px;
}
*/
div.frontpage .box-grosskunden div.txt-grosskunden p{
	width:420px;
}

div.frontpage  .btn-grosskunden {
	/*left:505px;
	position:absolute;
	top:125px;*/
	width:420px;
	text-align:right;
}


div.frontpage .featured-items {
	border-bottom:none;
}

div.frontpage h2.topseller {
	color:#ff5a0d;
	font-size:14px;
	text-transform:uppercase;
	padding:0 20px 5px 20px;
	border-bottom:1px #d9d9d9 solid;
	margin-bottom:8px;
}



div.frontpage div.featured-product,
div.frontpage div.featured-product-last {
	display:inline-block;
	float:left;
	height:205px; /*+20 for category h3*/
	padding:0 1px 0 0;
	position:relative;
	width:144px;
	background:#FFFFFF url(../images/bg-frontpage-topseller.gif) no-repeat top left;
	
}


div.frontpage h3.top-seller-cat {
	height:24px;
	font-size:14px;
	color:#ff5a0d;
	text-align:center;
}

div.frontpage  div.featured-product div.featured-product-image img,
div.frontpage  div.featured-product-last div.featured-product-image img {
	border:#000000 solid 1px;
}


div.frontpage .featured-items h5 {
	text-align:center;
	display:block;
	font-size:12px;	
	padding:0 7px 0 7px;
	height:31px;
}

div.frontpage  .featured-product-price-right  {
	text-align:center;	
	font-size:11px;
	font-weight:bold;
	width:100%;
	margin-bottom:8px;
	color:#4b66cc;
	padding-right:0;
	margin-top:5px;

}

div.frontpage  .featured-product-price-right .small-text {
	font-weight:normal;
}

div.frontpage .featured-product-add-to-cart {
	margin:0;
	padding:0;
	height:20px;
	background-color:#ff5a0d;
	text-align:center;
}
div.frontpage .featured-product-add-to-cart  a {
	display:block;
	height:16px;
	line-height: 14px;
	color:#ffffff;
	padding-top:4px;
	font-weight:bold;
}

div#main div.frontpage div.featured-product-add-to-cart  a {
	text-decoration:none
}

div#main div.frontpage div.featured-product-add-to-cart  a:active,
div#main div.frontpage div.featured-product-add-to-cart  a:visited,
div#main div.frontpage div.featured-product-add-to-cart  a:link {
	text-decoration:none;
}

div#main div.frontpage div.featured-product-add-to-cart  a:focus,
div#main div.frontpage div.featured-product-add-to-cart  a:hover {
	text-decoration:underline;
}



div.frontpage .featured-product-image  {
	text-align:center;
	padding-left:0;
	width:100%;
}

div.frontpage .pdm-product {
	height:227px;
	position:relative;
	width:289px;
	float:left;
	margin-bottom:1px;
}


div.frontpage .pdm-product-image, 
div.frontpage .pdm-product-image-overlay {
	/*height:102px;*/ height: 87px;
	position:relative;
	width:100%;
	text-align:center;
	margin-bottom:8px;
	padding:0;
}

div.frontpage .pdm-product-image img {
	border:#4d4d4d solid 1px;
	height: 83px;
	width: 83px;
} 

div.frontpage .pdm-product-shop {
	background:#1c52bb;
	color:#FFFFFF;
	font-size:11px;
	height:227px;;
	width:289px;
	line-height:11px;
	padding:0;
	position:relative;
	text-align:center;
	left:0;
}

div.frontpage .pdm-product-shop .big-price-pdm  {
	color:#ff5a0d;
	font-size:22px;
	font-weight:bold;
	line-height:22px;
}


div.frontpage .pdm-product-shop .pdm-product-price {
	color:#FFFFFF;
	font-weight:normal;
	line-height:15px;
	position:relative;
	left:0;
	bottom:0;
	margin-top:3px;
	margin-bottom:8px;
}


div.frontpage .pdm-product-price a{
	color:#808080;
}

div.frontpage .pdm-product-price .small-text {
	font-weight:normal;
}

div.frontpage .pdm-product-add-to-cart  {
	width:100%;
	bottom:0;
	position:relative;
	right:0;
	background-color:#FF5A0D;
	height:20px;
}

div#main div.frontpage .pdm-product-add-to-cart a {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:20px;
	padding-top:4px;
	text-decoration:none;
}

div.frontpage .pdm-product-shop h5 {
	color:#ff5a0d;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:6px;
}


div#main div.frontpage div.pdm-product-shop h4 a{
	font-size:14px;
	text-decoration:none;
}

div.frontpage div.pdm-product-shop span.ab {
	font-size:12px;
	font-weight:bold;
}


div.frontpage  div.themenwelten-container {
	float:left;
	margin-left:1px;
}

div.frontpage  div.themenwelt {
	float:left;
	width:144px;
	height:227px;
}

div.frontpage  div.winzer ,
div.frontpage  div.einweckzeit {
	margin-right:1px;
}

div.frontpage  div.themenwelt img{
	margin:0;
	padding:0;
	border:0;
	display:inline;
}

div.frontpage div.themenwelt h4{
	background:url(../images/themenwelt-bg-top.gif) top left no-repeat;
	width:144px;
	/*
	height:24px;
	font-size:16px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:6px;
	*/
	text-align:center;
	text-transform:uppercase;
}

div#main div.frontpage div.themenwelt h4 a {
	text-decoration: none;
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.frontpage  div.winzer div.more-info {
	background:#8fbf00;
	height:20px;
	text-align:center;
}	

div.frontpage  div.einweckzeit div.more-info {
	background:#921d0a;
	height:20px;
	text-align:center;
}	

div.frontpage  div.imker div.more-info {
	background:#ffaa00;
	height:20px;
	text-align:center;
}	

div.frontpage div.image-container {
	height:177px;
}


div#main div.frontpage  div.winzer div.more-info a,
div#main div.frontpage  div.einweckzeit div.more-info a,
div#main div.frontpage  div.imker div.more-info a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:20px;

}

a.trusted-link:hover,
a.trusted-link:active,
a.trusted-link:link,
a.trusted-link:focus,
a.trusted-link:visited {
	text-decoration:underline;
}

a.trusted-link:hover,
a.trusted-link:active,
a.trusted-link:focus {
	text-decoration:none;
}
