/* blauw #356687,#4986b1  wordt fuchsia #880b40, #b71f58 - dit is blauwvariant */

@media print{
.onlyprint{
	display:block;
}


.noprint{
	display:none;
}
}

@media screen{
.onlyprint{
	display:none;
}


p{
	padding-bottom:10px;
}

.noprint{
	display:block;
}
}


html{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

body{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	font-family:Arial,Verdana,  Helvetica, sans-serif;
	line-height:18px;
	font-size:12px;
	background-color:#FFF;
	background-repeat:repeat;
	background-position:50% 0%;
	background-attachment:fixed;
}



a{
	cursor:pointer;
}


h1,h2,h3,h4,h5,h6{
	font-family:'Oswald';
	color:#4986b1;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	padding-bottom:5px;
}

h1{font-size:22px; line-height:28px;}
h2{font-size:20px; line-height:26px;}
h3{font-size:16px; margin-bottom:0px; line-height:22px;}
h4{font-size:15px; margin-bottom:0px; line-height:19px;}
h5{font-size:14px; margin-bottom:0px; padding-bottom:0px; line-height:14px;}
h6{font-size:13px;}

a{
	color:#4986b1;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


#container{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/contentachtergrond.png);
	background-repeat:repeat-y;
}

#toplogo{
	margin-top:33px;
	height:15px;
	width:200px;
	text-align:left;
	z-index:14;
	top:0px;
	position:absolute;
	left:50%;
	margin-left:-460px;
}

#facebook{
	top:10px;
	height:15px;
	text-align:right;
	z-index:14;
	position:absolute;
	left:50%;
	margin-left:355px;
	width:100px;
}

#winkelmand{
	top:93px;
	height:15px;
	width:300px;
	text-align:right;
	z-index:14;
	position:absolute;
	left:50%;
	margin-left:151px;
}
#winkelmandknop{
	width:450px;
	top:68px;
	height:15px;
	text-align:right;
	z-index:20;
	padding:8px 0px 8px 0px;
	position:absolute;
	left:50%;
	padding:0px;
	z-index:14;
	margin:0px;
	cursor:pointer;
}
#menuspacer{
	height:95px;
	text-align:right;
	padding-top:5px;
	padding-right:30px;
}

#menu{
	line-height:35px;
	height:35px;
	width:940px;
	clear:both;
	text-align:right;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
}
#linkerkolom{
	padding-top:25px;
	width:200px;
	float:left;
	line-height:22px;
}

a.subcatlink{
	color:#878686;
	font-weight:normal;
	text-decoration:none;
	padding-left:15px;
}

a.subcatlink:hover{
	color:#4986b1;
	font-weight:normal;
	text-decoration:none;
	padding-left:15px;
}

#content{
	float:left;
	padding-top:30px;
	width:740px;
	line-height:24px;
}

@media screen{

#footer{
	clear:both;
	margin-top:20px;
	overflow-y:hidden;
	
}

#footer{
	opacity:0.8;
	filter:alpha(opacity=80);
}

}

@media print{
#footer{
	display:none;
}
}

#footer:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#footerlinks{
	padding-top:25px;
	width:200px;
	float:left;
	line-height:24px;
}
#footerrechts{
	text-transform:uppercase;
	float:left;
	width:740px;
	line-height:24px;
	text-align:left;
}

#footerrechts a{

}

#footerrechts a{
	color:#999999;
}


#footerkort{
	display:block;
	height:0px;
	overflow:hidden;
}


#footerlang{
	display:block;
	height:300px;
	overflow:hidden;
}

#footerrechts a:hover{
	color:#333333;
}


#winkelmandspan{
	border:1px solid #999999; 
	border-bottom:0px; 
	padding:9px;
	cursor:pointer;
}

#topwinkelmanddetails{
	margin-top:7px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}


#detailcontent{
	padding-top:10px;
	border:0px solid #999999;
	width:100%;
}


#fotos{
	float:left;
	width:100%;
	width:50%;
	clear:both;
}


#hoofdfoto{
	width:100%;
	clear:both;
}


#thumbs{
	width:100%;
}

#detailinformatie{
	float:left;
	width:50%;
}

#prodbox{
	font-family:'Oswald';
	background-color:#FFFFFF;
	width:210px;
	margin:5px;
	margin-right:15px;
	float:left;
	height:260px;
	cursor:pointer;
	padding:5px 10px 0px 5px;
	padding-top:0px;
	margin-bottom:15px;
	border:1px solid #999999;
	line-height:14px;
}

#prodbox h1{
	color:#333333;
	text-transform:uppercase;
	font-size:18px;
	line-height:15px;
	font-weight:normal;
	padding:0px;
	padding-left:10px;
	font-weight:bold;
	margin-top:20px;
}

#prodbox h2{
	color:#666666;
	font-size:14px;
	line-height:28px;
	font-weight:normal;
	padding:0px;
	padding-left:10px;
	margin-top:10px;
}

#prodbox p{
	color:#333333;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	padding-left:10px;
}

#prodbox:hover{
	border:1px solid #4986B1;
	color:#4986B1;
}
#prodbox:hover p, #prodbox:hover h1, #prodbox:hover h2{
	color:#4986B1;
}






/* pager nummering */
.pagerblock{
	background-color:#000000;
	color:#FF0000;
}

.pagerblockselected{
	background-color:#FF0000;
	color:#FF0000;
}

			a.pagerlink{
				border: 1px solid #999999;
				background-color:#F4F4F4;
				padding:3px;
				color:#000000;
				text-transform: uppercase;
				text-decoration:none;
				font-size:12px;
			}
			a.pagerlink:hover{
				background-color:#4986b1;
				padding:3px;
				color:#FFFFFF;
				text-decoration:none;
				font-size:12px;
				width:20px;
			}
			
			a.pagerlinkselected{
				border: 1px solid #999999;
				background-color:#4986b1;
				padding:3px;
				color:#FFFFFF;
				text-decoration:none;
				font-size:12px;
			}
			a.pagerlinkselected:hover{
				background-color:#F4F4F4;
				padding:3px;
				color:#000000;
				text-decoration:none;
				font-size:12px;
			}
			






#prodbox img{
	margin-top:20px;
}

.prijsbol{
	background-image:url(../images/prijsbol.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:absolute;
	margin-top:-140px;
	margin-left:120px;
	width:56px;
	height:57px;
	color:#FFFFFF;
	text-align:center;
	line-height:15px;
	padding-top:33px;
	font-size:11px;
}

#detailprijs{
	background-image:url(../images/prijsbolgroot.png);	
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:absolute;
	margin-top:-90px;
	margin-left:240px;
	width:100px;
	height:100px;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	padding-top:50px;
	font-size:18px;
}

#detailprijsgroot{
	margin-top:15px;
	font-size:28px;
	font-weight:bold;
}

.detailprijseuro{
	color:#CACACA;
}

#detailinfo{
	margin:25px;
	height:320px;
	margin-right:10px;
	padding:25px;
	/*background-image:url(../images/detailficheachtergrond.jpg);
	background-repeat:repeat-x;
	background-position:0% 0%;*/
	background-color:#FFFFFF;
	width:300px;
	color:#333333;
	font-size:11px;
	float:left;
}

#detailinfo H1{
	margin:0px;
}

.detailsheet{
	border:1px solid #999999; 
	background-color:#FFFFFF;
	padding:15px;
	padding-bottom:0px;
}


.detailsheet ul{
	padding:0px;
	margin:0px;	
}


.detailsheet li{
	padding:0px;
	margin:0px;
}

#detailomschrijvingtitel{
	margin:0px;
	text-transform:uppercase;
	color:#969899;
}



.maatblok{
	min-width:28px;
	_width:28px;
	height:28px;
	float:left;
	cursor:pointer;
	text-align:center;
	border:1px solid #adadad;
	margin-right:5px;
	margin-bottom:5px;
	background-color:#4986b1;
	background: -moz-linear-gradient(100% 100% 90deg, #356687, #4986b1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#356687), to(#4986b1));
	background: -webkit-linear-gradient( #356687,#4986b1);
	background: -o-linear-gradient(#356687,#4986b1);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#356687', endColorstr='#4986b1'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#356687', endColorstr='#4986b1')"; /* IE8 */
	color:#FFFFFF;
	font-size:12px;
	line-height:28px;
}

.maatblok:hover{
	background-color:#356687;
	background: -moz-linear-gradient(100% 100% 90deg, #4986b1, #356687);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4986b1), to(#356687));
	background: -webkit-linear-gradient( #4986b1,#356687);
	background: -o-linear-gradient(#4986b1,#356687);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4986b1', endColorstr='#356687'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4986b1', endColorstr='#356687')"; /* IE8 */
}



.maatblok2{
	padding-left:30px;
	padding-right:5px;
	height:28px;
	width:200px;
	float:left;
	background-color:#4986b1;
	cursor:pointer;
	text-align:center;
	border:1px solid #adadad;
	margin-right:5px;
	background-color:#4986b1;
	background: -moz-linear-gradient(100% 100% 90deg, #356687, #4986b1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#356687), to(#4986b1));
	background: -webkit-linear-gradient( #356687,#4986b1);
	background: -o-linear-gradient(#356687,#4986b1);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#356687', endColorstr='#4986b1'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#356687', endColorstr='#4986b1')"; /* IE8 */
	color:#FFFFFF;
	font-size:12px;
	line-height:28px;
}

.maatblok2:hover{
	background-color:#356687;
	background: -moz-linear-gradient(100% 100% 90deg, #4986b1, #356687);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4986b1), to(#356687));
	background: -webkit-linear-gradient( #4986b1,#356687);
	background: -o-linear-gradient(#4986b1,#356687);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4986b1', endColorstr='#356687'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4986b1', endColorstr='#356687')"; /* IE8 */
}

#afbeeldingen {
	float:left;
	margin-top:25px;
}

#fotogroot{
	width:250px;
	min-height:240px;
	cursor:pointer;
	padding:10px 10px 10px 0px;
	color:#666666;
	text-align:left;
}

#fotogroot:hover{
	color:#333333;
}

#fotogroot img{
	padding:0px;
	margin:0px;
	border:1px solid #999999;
}


#zoomknop{
	font-size:11px;
	color:#666666;
	position:absolute;
	margin-top:245px;
	margin-left:210px;
	z-index:5;
}

#fotoklein a{
	padding:0px;
	margin:0px;
	margin-right:20px;
}

#fotoklein img{
	padding:0px;
	margin:0px;
	border:1px solid #999999;
}

#detailshare{
	height:20px;
	width:270px;
	padding-top:10px;
	color:#666666;
	clear:both;
}

#hoofdsearchbox{
	text-transform:uppercase;
}

#hoofdsearchbox h1{
	padding-left:40px;
	margin-left:15px;
	background-image:url(../images/zoekimage.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	font-weight:normal;
	height:30px;
	line-height:30px;
}

#hoofdsearchbox li{
	margin:0px;
	margin-right:10px;
	padding-left:10px;
	margin-bottom:5px;
}

#hoofdsearchbox a{
	color:#5f5e5e;
	text-decoration:underline;
	font-weight:normal;
	font-size:11px;
}

#hoofdsearchbox a:hover{
	color:#5f5e5e;
	text-decoration:none;

}

.formuliertabel input {
	border:1px solid #ACACAC;
	height:24px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:3px;
}

.formuliertabel textarea {
	border:1px solid #ACACAC;
	height:119px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:3px;
}


.bold{
	font-weight:bold; 
}

.blauw {
	color:#4986b1;
	
}

.footerkolom{
	padding-top:30px;
	color:#666666;
	font-size:11px;
	padding-left:20px;
	float:left;
	width:300px;
}

#footerkolom1{
	width:300px;
}

#footerkolom2{
	text-align:center;
}

#clearbottom{
	clear:both;
	height:15px;
}

#menu ul{
	margin:0px; 
	margin-top:8px;
	padding:0px;
	list-style-type:none;

}

#menu li{
	float:right;
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	height:20px;
	line-height:20px;
	text-transform:uppercase;
	border-right:1px solid #999999;
}

#menu a{
	color:#666666;
	text-decoration:none;
}

#menu a:hover{
	color:#4986b1;
	text-decoration:underline;
}

#menu li:first-child{
	border:0px;
}

.footermenu{
	width:150px;
	float:left;
}

.footermenu a{
	color:#5f5e5e;
	text-decoration:underline;
}

.footermenu a:hover{
	text-decoration:none;
	color:#5f5e5e;

}

.knop{
	height:28px;
	cursor:pointer;
	text-align:center;
	border:1px solid #adadad;
	margin-right:5px;
	margin-bottom:5px;
	background-image:url(../images/maatblok.jpg);
	background-position:0% 0%;
	background-repeat:repeat;
	color:#FFFFFF;
	font-size:12px;
	line-height:28px;
}















.sharing-cl{
	  overflow:hidden;
	  margin:0;
	  padding:0;
	  list-style:none;
	}
	.sharing-cl a{
	  overflow:hidden;
	  width:65px;
	  height:30px;
	  float:left;
	  margin-right:0px;
	  text-indent:-200px;
	  background:url("../images/share-sprite.png") no-repeat;
	}
	a.sh-su{background-position:-210px -40px;}
	a.sh-feed{background-position:-70px -40px;}
	a.sh-tweet{background-position:-140px -35px;}
	a.sh-mail{background-position:0 -40px;}
	a.sh-digg{background-position:-280px -40px;}
	a.sh-face{
	  margin-right:0;
	  background-position:-350px -35px;
	}
	a.sh-mail:hover{background-position:0 1px;}
	a.sh-feed:hover{background-position:-70px 1px;}
	a.sh-tweet:hover{background-position:-140px 6px;}
	a.sh-su:hover{background-position:-210px 1px;}
	.sh-digg:hover{background-position:-280px 1px;}
	a.sh-face:hover{
	  background-position:-350px 6px;
	}
 
	#text{
	  margin-top:3em;
	  font-weight:bold;
	  font-family:helvetica,arial,sans-serif;
	}
	#text a{
	  text-indent:0;
	  height:auto;
	  text-align:center;
	  font-size:11px;
	  padding-top:35px;
	  color:#999;
	  text-decoration:none;
	}
	
	
	
	
	

/* klasse om clear uit te voeren */
.cleardiv{
	clear:both;
	}
.cleardiv10{
	clear:both;
	height:10px;
	}
.cleardiv50{
	clear:both;
	height:50px;
	}
.cleardiv5{
	clear:both;
	height:5px;
	}




/*------------------------------------------multicol---------------------------------*/

.kolomwrapper div{
	float:left;
	margin-left:10px;	
	border:0px solid #000000;	/* border altijd meegeven*/
}


.kolomwrapper div:first-child{
	margin-left:0px;	
}



/* indien image links of rechts moet staan */
.leftimage{
	margin-right:12px;
	margin-bottom:5px;
	float:left;
	}
.rightimage{
	margin-left:12px;
	margin-bottom:5px;
	float:right;
	}





.blauweachtergrond{
background-color:#4986B1;color:#FFFFFF;
}

#searchdiv .basis{
width:136px;margin-right:9px;	
}

#searchdiv .basiskort{
width:97px;margin-right:9px;	
}

#searchdiv .basislang{
width:165px;margin-right:9px;	
}


#searchdiv input[type=text]{
 padding-left:5px; padding-right:5px; width:110px; border:1px solid #999999;margin-right:9px;
}

#searchdiv input[type=text].blauweachtergrond{
background-color:#4986B1;color:#FFFFFF;
 padding-left:5px; padding-right:5px; width:110px; border:1px solid #999999;margin-right:9px;
}

#searchdiv .searchknop{
cursor:pointer;padding:0px; border:1px solid #999999;width:20px; height:19px; background-image:url(../basicimages/magnifier.png); background-position:center;	
}






#schoendetail H1{
	font-family:'Oswald'; font-size:24px;
	line-height:35px;
}

#schoendetail H2{
font-family:'Oswald'; font-size:18px; 
font-weight:normal;
	line-height:35px;
}

#schoendetail H3{
float:right;margin:0px;
text-align:right;
font-weight:normal;
font-family:'Oswald'; font-size:20px;
	line-height:35px;
}


#merkenlijst li{
	line-height:24px;
}
#merkenlijst H1{
	margin-top:24px;
	line-height:24px;
}

hr{
	border:0px;
	border-bottom:1px dashed #999;
	margin-bottom:15px;
	margin-top:15px;
	}


#introcontainer{
	height:350px;overflow:hidden;margin-left:5px;border:1px solid #999999; width:721px;
}

#introcontainerpromo{
	margin-left:5px;border:1px solid #999999; width:691px;padding:15px;
	background-color:#F3F3F3;
}

#talen{
	position:absolute;
	top:10px;
	left:50%;
	margin:0px;
	margin-left:-100px;
	text-align:right;
	z-index:140;
	padding:0px;
	width:430px;
}