@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	outline:0;
}
*:focus { outline: none; }
html {
	
}
img {
	border:0;
}
ul {
	margin-left:15px;
	margin-bottom:12px;
}
h2 {
	font-size:15px;
	color:#000;
	margin-bottom:5px;
}
p {
	margin-bottom:12px;
}
a {
	font-weight:bold;
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:underline;
}

.blackbtn {
	width:123px;
	height:31px;
	border:0;
	line-height:31px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	background-image:url(../images/btn-bg.gif);
	background-repeat:no-repeat;
}
.textarea {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../images/txtarea-bg.gif);
	background-repeat:no-repeat;
	width:280px; wid\th:260px;
	height:146px; heig\ht:126px;
	resize: none;
	padding:10px;
	overflow:auto;
	border:0;
	color:#404040;
	font-size:12px;
}
#main {
	width:1026px;
	height:646px;
	top:20px;
	left:50%;
	margin-left:-513px;
	/*margin-top:-323px;*/
	position:absolute;
	background-image:url(../images/main-bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
#mainlogo {
	width:286px;
	height:99px;
	left:32px;
	top:0;
	position:absolute;
	z-index:5;
}
#messages {
	width:380px;
	height:47px;
	left:329px;
	top:48px;
	position:absolute;
	z-index:5;
	text-align:right;
}
#topnav {
	height:18px;
	width:665px;
	right:32px;
	top:24px;
	font-size:11px;
	color:#666666;
	line-height:18px;
	text-align:right;
	position:absolute;
}
#topnav a {
	color:#666;
	text-decoration:none;
	font-weight:normal;
}
#topnav a.uitloggen {
	font-weight:bold;
	color:#F00;
}
#topnav a:hover {
	text-decoration:underline;
}
#contactform {
	margin-top:20px;
}
#shoppingbag {
	width:247px;
	height:44px;
	right:14px;
	top:50px;
	position:absolute;
	font-size:11px;
	color:#000;
	text-align:right;
	line-height:13px;
}
#shoppingbag a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#shoppingbag a:hover {
	color:#000;
	text-decoration:underline;
}
#content {
	width:962px;
	height:496px;
	top:102px;
	left:32px;
	/*background-color:#0F0;*/
	position:absolute;
	color:#666;
	font-size:11px;
}


#subnav ul {
	margin:0;
	margin-left:46px;
	margin-top:30px;
	list-style:none;
	list-style-type:none;
	font-size:18px;
	text-decoration:none;
}
#subnav li a{
	color:#b3b3b3;
	font-weight:normal;
	text-decoration:none;
}
#subnav li a.sel{
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
#subnav li a:hover {
	color:#000;
	text-decoration:none;
}

/* layout homepage */
#layouthome {
	height:496px;
}
#layouthome:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#contentleft {
	width:286px;
	height:375px;
	float:left;
}
#mainnav {
	height:23px;
	line-height:20px;
	text-align:left;
	color:#b3b3b3;
	font-size:18px;
	padding-left:5px;
}
#mainnav a {
	color:#b3b3b3;
	font-weight:normal;
	text-decoration:none;
}
#mainnav a:hover {
	color:#000;
	text-decoration:none;
}
#mainnav .active {
	color:#000;
}

#contentright {
	width:665px;
	height:496px;
	float:right;
}
#breadcrumbs {
	height:23px;
	line-height:18px;
	font-size:10px;
	color:#231f20;
}
#toppromo {
	height:390px;
	width:665px;
	margin-bottom:12px;
}
#layouthome {
	height:496px;
}
.rounded {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#bottompromo {
	height:94px;
}
#bottompromo:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#leftpromo {
	width:325px;
	height:94px;
	float:left;

}
#rightpromo {
	width:325px;
	height:94px;
	float:right;

}
/* einde layout homepage */
/* layout maincat */

#layoutmaincat {
	height:496px;
}
#layoutmaincat:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#maincontainer {
	border:1px solid #dedede;
	padding:10px;
	height:480px; heig\ht:460px;

}
#maincontainer:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#maincontainer #items {
	height:428px;
	text-align:center;
}
.item {
	width:156px;
	height:214px;
	background-color:#FFF;
	display:inline-block;
}
.item .itemimage {
	margin-top:8px;
	text-align:center;
	height:149px;
}
.item .itemname {
	text-align:center;
	line-height:13px;
}
.item .itemname a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.item .itemprice {
	text-align:center;
	color:#b3b3b3;
	font-size:12px;
}
.item .itemprice span {
	color:#ff0677;
	text-decoration:line-through;
	font-size:11px;
}
.item .itemstatus {
	text-align:center;
	color:#ff0677;
	height:17px;
	line-height:17px;
}
#maincontainer #items:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#maincontainer #itemsnav {
	height:26px;
	line-height:26px;
}
/* einde layout maincat */
/* layout detail */
#maincontainer #scrollarea {
	height:460px;
}

#maincontainer #scrollarea.layoutcontent {
	padding-left:20px;
}
#maincontainer #scrollarea #detailleft {
	width:320px;
	height:auto;
	float:left;
}
#maincontainer #scrollarea #detailleft #detailimg {
	text-align:center;
	margin-bottom:10px;
}
#maincontainer #scrollarea #detailleft #detailthumbs {
	margin-bottom:10px;
	padding-left:8px;
}
#maincontainer #scrollarea #detailleft #related {
	padding-left:8px;
}
#maincontainer #scrollarea #detailright {
	width:300px;
	height:auto;
	float:left;
}
#maincontainer #scrollarea #detailright #detailname {
	font-size:19px;
	color:#000;
}
#maincontainer #scrollarea #detailright #detailprice {
	font-size:19px;
	color:#000;
	text-align:left;
}

#maincontainer #scrollarea #detailright #detailprice span {
	font-size:18px;
	color:#ff0677;
	text-decoration:line-through;
	text-align:left;
}
#maincontainer #scrollarea #detailright #detailstatus {
	font-size:11px;
	color:#ff0677;
	text-align:left;
}
#maincontainer #scrollarea #detailright #detaildesc {
	margin-top:30px;
	margin-bottom:20px;
	font-size:11px;
	color:#020202;
	text-align:left;
}
#maincontainer #scrollarea #detailright #detailinfo {
	margin-bottom:20px;
	font-size:11px;
	color:#020202;
	text-align:left;
}

 
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:8px;
	margin-bottom:5px;
	border:1px solid #dedede;	
	padding:2px;
}
ul#thumbs a{
	display:block;
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
ul#thumbs a img{
	float:left;
	position:absolute;
	top:-10px;
	left:-10px;	
}

ul#thumbs a:hover{
	overflow:visible;
	z-index:20;
	border:none;		
}
ul#thumbs a:hover img{
	border:1px solid #dedede;	
	background:#fff;
	padding:2px;			
}	

ul#thumbs:after, li#thumbs:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
ul#thumbs, li#thumbs{
	display:block;
}

ul#thumbs, li#thumbs{
	min-height:1%;
}
* html ul#thumbs, * html li#thumbs{
	height:1%;
}
ul#thumbs2, ul#thumbs2 li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs2 li{
	float:left;
	margin-right:8px;
	margin-bottom:5px;
	border:1px solid #dedede;	
	padding:2px;
}
ul#thumbs2 a{
	display:block;
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
ul#thumbs2 a img{
	float:left;
	position:absolute;
	top:-10px;
	left:-10px;	
}

ul#thumbs2 a:hover{
	overflow:visible;
	z-index:50;
	border:none;		
}
ul#thumbs2 a:hover img{
	border:1px solid #dedede;	
	background:#fff;
	padding:2px;			
}	

ul#thumbs2:after, li#thumbs2:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
ul#thumbs2, li#thumbs2{
	display:block;
}

ul#thumbs2, li#thumbs2{
	min-height:1%;
}
* html ul#thumbs2, * html li#thumbs2{
	height:1%;
}	

/* einde layout detail */
/* layout login register */

#layoutlogin {
	height:496px;
}
#layoutlogin #topsection {
	height:23px;
	line-height:23px;
}
#layoutlogin #topsection:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#layoutlogin #topsection #topleft {
	width:286px;
	height:23px;
	float:left;
}
#layoutlogin #topsection #topright {
	width:665px;
	height:23px;
	float:right;
}
#layoutlogin #bottomsection {
	height:473px;
}
#layoutlogin #bottomsection:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#layoutlogin #bottomsection #bottomleft {
	width:480px;
	height:352px;
	float:left;
}
#layoutlogin #bottomsection #bottomleft #loginform {
	padding-left:36px;
}
#layoutlogin #bottomsection #bottomright {
	width:480px;
	height:473px;
	float:right;
	border-left:1px solid #dcdcdc;
}
#layoutlogin #bottomsection #bottomright #registerform {
	padding-left:36px;
}
.bottomtitle {
	font-size:18px;
	color:#000;
	margin-top:30px;
	margin-bottom:20px;
	padding-left:36px;
}
/* einde layout login register */
/* layout content */
#layoutcontent {
	height:496px;
}
#subnavalt {
	width:320px;
	height:350px;
	top:0;
	left:5px;
	position:relative;
	z-index:5;
}
#subnavalt ul {
	margin:0;
	list-style:none;
	list-style-type:none;
}
#subnavalt li a {
	height:40px;
	width:320px;
	display:block;
	background-image:url(../images/subnav-alt-btn.png);
	background-repeat:no-repeat;
	margin-bottom:2px;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	line-height:40px;
	text-indent:10px;
	text-decoration:none;
}
#subnavalt li a:hover {
	background-position:0 -42px;
	text-decoration:none;
}
#subnavalt li a.select {
	background-image:url(../images/subnav-alt-sel.png);
	background-repeat:no-repeat;
	color:#4b4a4a;
	height:40px;
	width:320px;
	display:block;
	margin-bottom:2px;
	font-size:18px;
	font-weight:normal;
	line-height:40px;
	text-indent:10px;
}
/* einde layout content */
#campagneimage {
	height:460px;
	width:395px;
	float:left;
}
#campagneitems {
	height:450px;
	width:268px; wid\th:258px;
	padding-left:10px;
	padding-top:10px;
	float:left;
	overflow:hidden;
}
#inneritems {
	height:440px;
	overflow:auto;
}
/* Caption layout */
.wrapper{
	position:relative;
}
.description {
	position:absolute; 
	bottom:0px; 
	left:0px;
	display:none; 
	width:100%;
	background-color:#000;
	font-size:12px;
	line-height:14px;
	color:#FFF;
}
.description_content{
	padding:10px;
}
.description_content h3 {
	font-size:16px;
	color:#FFF;
	margin-bottom:8px;
	font-weight:normal;
}
.campitem {
	margin-bottom:10px;
	height:auto;
}
.campitem:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
.campitem .campimg {
	width:90px;
	float:left;
}
.campitem .campinfo {
	width:150px;
	float:left;
}
.campitem .campinfo .camptitle {
	font-size:15px;
	font-weight:bold;
}
.campitem .campinfo .camptitle a {
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.campitem .campinfo .campprice {
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.campitem .campinfo .campprice span {
	color:#ff0677;
	text-decoration:line-through;
}
.campitem .campinfo .campstatus {
	font-size:12px;
	font-weight:normal;
	color:#ff0677;
	text-align:left;
}
/* caption layout */
.layoutpopup {
	font-size:11px;
	line-height:16px;
}

#insideout {
	width:286px;
	height:161px;
	left:32px;
	bottom:0;
	position:absolute;
	background-image:url(../images/newsletter-bg.png);
	background-repeat:no-repeat;
	z-index:5;
	font-size:11px;
	color:#666;
}
#insideout .innerout {
	padding-top:38px;
	padding-left:17px;
	padding-right:17px;
}
#insideout .innerout #newsletterform {
	margin-top:10px;
}
#footericons {
	width:212px;
	height:28px;
	bottom:0;
	left:318px;
	position:absolute;
}
#footermenu {
	width:470px;
	height:28px;
	bottom:0;
	right:32px;
	font-size:11px;
	color:#666;
	position:absolute;
	line-height:28px;
	text-align:right;
}
#footermenu a {
	color:#666;
	text-decoration:none;
	font-weight:normal;
}
#footermenu a:hover {
	text-decoration:underline;
}
#itemsnav {
	padding:3px;
	margin:3px;
	text-align:center;
}

#itemsnav a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #aaa;
}
#itemsnav a:hover, #itemsnav a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
#itemsnav span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
}
#itemsnav span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}