@charset "utf-8";
/* CSS Document */
@import url(topnav.css);
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

* a img {
	border: none;
	}

p{
margin:0;
padding:0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #5894ac;
	background-image: url(../img/bodyback.jpg);
	background-repeat: repeat-x;
}



/* HEADER */
#header {
display:block;
height:120px;
width:920px;
padding: 0;
background-image: url(../img/headerback.gif);
background-repeat: repeat-x;
	}
#socialmedia {float: left;}
#socialmedia img 
{
    
    margin-right: 5px;
    padding-top: 3px;
    border: none;
}

#socialmedia img a	{border: none;}

	/* LOGO LINKSBOVEN */	
#logo h1 {
padding: 0;
margin: 0 0 0 574px;
display: block;
width: 346px;
height: 120px; /* original 75 px : TIM*/
text-indent: -15000px;
background-image: url(../img/logo.gif);
		}	
	/* EINDE LOGO LINKSBOVEN */	


	/* TOP MENU */
	#topnav 
	{
		width: 856px;
		background-color:#0074a0;
		height:24px;
		line-height:24px;
		float:left;
		}
	#topnav ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
	#topnav ul li {
		/*width: 120px;*/
		/width: 50px;
		padding: 0;
		margin: 0;
		float: left;
		white-space: nowrap;
		}
	html>body #topnav ul li {
		width: auto;
		}
	#topnav ul li a, #wwknop a {
			display: block;
			text-decoration: none;
			color: #FFFFFF;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-style: italic;
			padding:0 14px 0 7px;
			margin:5px 0 0 0;
			background-image: url(../img/topnavdot.gif);
			background-repeat: no-repeat;
			background-position: right;
		}
		#wwknop a {
		/*width: 120px;*/
		/width: 50px;
		background-image:none;
		white-space: nowrap;			
		}
	#topnav ul li a:hover, #wwknop a:hover {
		color: #009ddc;
		}
		
	#topnav a.aOpen {
		color: #009ddc;
		}			
		
	#topnav a.aSelected {
		color: #009ddc;
		}			
	#talen{
	float:right;
	padding:0;
	margin:0;
	}			
	/* EINDE TOP MENU */	
		
	
	/* EINDE HEADER */



/* MAINCONTAINER */
#maincontainer {
	width: 920px;
	padding: 0;
	margin:0 auto;
}
#colwrap{
}
#col1{
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:200px;
}
#col2{
	float:left;
	background-color:#FFFFFF;
	margin:0 0 0 10px;
	width:558px;
	border: 1px solid #9e9d98;	
}
		/* TITLEBAR */
		#titlebarbig {
			clear: both;
			display:none;
			}
		#titlebarbig h2 {
			font-size: 18px;
			line-height:18px;
			height:18px;
			color: #009ddc;
			font-style:italic;
			font-weight:bold;
			padding: 10px 0 0 10px;
			margin: 0;
		}	
		/* EINDE TITLEBAR */
		
		/* MAINCONTENT */
		#maincontent {
	margin:10px 10px 10px 10px;
	padding:0;
	min-height:486px;
	height:auto !important;
	height:486px;
		}	
		#contentwrapper {
			margin: 0;
			padding:0;
			height: auto;
			/*background-image:url(../img/gradientmain.gif);
			background-repeat:repeat-x;
			background-position:top;*/
			}	
		#contentwrapper img{
		margin:5px;
		}	
		#contentwrapper p{
		margin-bottom:10px;
		}						
#col3{
	float:left;
	margin:0 0 0 10px;
	width:140px;
	padding:0;
}
#rundownlistfavorites{
}

#favprodshort{
	margin:5px 0 0 0;
	display:block;
	float:left;
	width:140px;
	height:auto;
	background-color:#FFF;
}
.favproductinfo_link{
}
#favprodshorttitel{
	height:19px;
	line-height:19px;
	padding-left:5px;
	background-color:#0074a0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #649cb2;
	}
#favprodshortcol2{
	margin:0;
	padding:3px 0 0 0;
	}
#favprodshortcol2 #favthumb{
	position:absolute;
	height:40px;
	}
#favthumb, #favimgborder{
	margin:5px 5px 5px 5px;
}
#favimgborder{
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	width:42px;
	height:42px;

}	
#favprodshortmeerinfo{
	float:right;
	height:21px;
	margin:17px 5px 0 0;
	}

#favoriet{
display:block;
width:140px;
height:21px;
}
		/* LEFT MENU */
		#navigatie {
			width: 200px;
			float: left;
			padding: 10px 0 10px 0;	
			margin: 0 0 10px 0;
			display:block;
			background-color:#FFFFFF;			
			}
		#navigatie ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
		#navigatie li {
			line-height: 1%;
			}
		#navigatie a {
			font-size: 18px;
			color: #009ddc;
			font-style:italic;
			font-weight:bold;		
			display: block;
			line-height: 18px;
			height:20px;
			text-decoration: none;
			}
		#navigatie a:hover{
		background-color:#009DDC;
		color:#FFFFFF;
		}					
		#navigatie ul li a {
			padding: 0 0 0 10px;
			}
		#navigatie ul li ul li a { /* niveau 1 */
			color:#00668F;
			font-size:14px;
			font-weight:bold;
			padding:0 0 0 20px;
			}
		#navigatie ul li ul li ul li a { /* niveau 2 */
			padding: 0 0 0 25px;
			background-color: #dadcd3;
			} 	
		#navigatie ul li ul li ul li ul li a { /* niveau 3 */
			} 	
		#navigatie a:hover {
			}
			
		#navigatie a.aOpen {
			}			
			
		#navigatie a.aSelected {
			}

	#searchbox
	{	
		float:left;
		clear:both;
		width:200px;
		height:42px;
		background-color:#FFFFFF;
		line-height:42px;
		text-align:center;
		display:block;
		/*padding:15px 0 0 0;*/
	}
		#searchbox input{
			width:120px;
		}
	#searchbox a
	{
		font-size:18px;
		font-weight:bold;
		font-style:normal;
		color:#009ddc;
		text-decoration:none;
		text-transform: uppercase;
		padding-left:5px;
	}

	#naw
	{
	margin:10px 0 0 0;
	width:200px;
	height:107px;
	background-image: url(../img/naw.gif);
	background-repeat: no-repeat;
	}
		/* EINDE LEFT MENU */

			/* BREADCRUMB */
			#kruimelnav {
				display:block;
				padding: 0 0 0 220px;
			}
			#kruimelnav a {
				line-height:20px;
				height:20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #7478a8;
				font-style:italic;
				text-decoration: none;
			}
			#kruimelnav a:hover {
				color: #999999;
				text-decoration: underline;
			}
			#kruimelnav a.current {color: #999999;
				text-decoration: underline;}
			/* EINDE BREADCRUMB */			
		
			/* HIGHLIGHTS */
			
			.highlight1 { background-color: Yellow; }
			.highlight2 { background-color: Green; }
			.highlight3 { background-color: Blue; }
			.highlight4 { background-color: Red; }
			.highlight5 { background-color: Purple; }
				
			/* END HIGHLIGHTS */
		
			#bottomclearer {
				clear:both;
				}
		
	/* EINDE MAINCONTENT */	
	
/* EINDE MAINCONTAINER */

/* FOOTER */		
#footer {
	clear: both;
	width: auto;
	text-align:center;
	padding: 0;
	margin: 0;
	}
/* EINDE FOOTER */
#rundownlist{
}
#prodshort{
	margin:0 5px 8px 0;
	display:block;
	float:left;
	width:257px;
	height:145px;
	border: 1px solid #9b9b98;
	background-color:#e3e3dc;
	background-image: url(../img/prodlistback.gif);
	background-repeat: no-repeat;
}
#prodshort:hover{
	cursor:hand;	
}
.productinfo_link{
}
#prodshorttitel{
	height:23px;
	line-height:23px;
	padding-left:5px;
	background-color:#0074a0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	}
#prodshortcolwrap{
	clear:both;
	}
#prodshortcol1{
	position:relative;
	margin:5px 0 0 5px;;
	width:132px;
	/width:127px;
	height:117px;
	float:left;}
html>body #prodshortcol1{
	width:132px;
}
#prodshortartikelnr{}
#prodshortcol2{
	margin:0;
	text-align:center;
	padding:3px 0 0 0;
	height:110px;
	float:left;
	}
#prodshortcol2 #thumb{
	padding:0;
	margin:0;
	position:absolute;
	height:115px;
	width:107px;
	}
html>body #prodshortcol2 #thumb{
	
}
#imgborder{
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	/top:5px;
	/left:5px;
	width:107px;
	height:107px;
	}
html>body #imgborder{
	top:0px;
	left:0px;	
}
#prodshortmeerinfo{
	text-align:center;
	height:21px;
	margin:22px 0 0 0;
	}
#vanafprodshortmeerinfo{
	position:absolute;
	bottom:0px;
	text-align:center;
	left:15px;
	}	
.productinfo_link{
}	
#prijs{
	font-weight:bold;
	font-size:24px;
	margin:37px 0 0 20px;
	color:#666;
}
#prijsvanaf{
	font-weight:bold;
	font-size:24px;
	margin:27px 0 0 20px;
	/margin:15px 0 0 20px;
	color:#666;
	padding:0;
}
.divPaging{
	clear:both;
}
#detailcol1{
	clear:both;
	width:200px;
	float:left;
	padding:0 5px 5px 5px;
}
#detailcol1 .omschrijving, #detailcol1 .attributes tr td, #filter tr td{
	font-size:11px;
}
#detailcol1 .levertijd
{
    color:Blue;
}

#filter{
	margin:8px 0 0 0;
	background-color:#0074a0;
}
#filter table{
	font-weight:bold;
	color:#FFF;
}
#filter table tr td a{
	font-size:16px;
	font-weight:bold;
	margin:5px 5px 5px 0;
	color:#FFF;
	text-decoration:none;
	font-style:italic;
}
#filter table tr td a:hover{
	text-decoration:underline;
}
#detailprijs{
	font-size:16px;
	font-weight:bold;
	margin:5px 0 5px 0;
}
#detailcol1 h2 span{
	font-size: 18px;
	color: #009ddc;
	font-style:italic;
	font-weight:bold;		
}
#detailcol2{
	width:302px;
	float:left;
	margin:0 0 0 8px;
	padding:0;
}
.attributes{
	margin:10px 0 0 0;
}


#detailcol2 .articleasset img, #detailbuttons .articleasset img{
	padding:0;
	margin:0;
	border: 1px solid #cfcecc;
}

#detailcol2 .articleasset, #detailcol2 .articleassetmissing
{
    width: 300px;
    text-align:center;
}

#detailbuttons{
	margin:8px 0 0 0;
}
#cart td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#popupheader{
	display:none;
}
#filter select{
	width:110px;
}