* { margin: 0; }

html {
	height: 100%;
	background: url(../img/bg/html.jpg) no-repeat top #546e7a;
	margin: 0;
	}

body {
	height: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	color: #162128;
	background: url(../img/bg/body.gif) repeat-x 0 70px;
	}

a { text-decoration: none; outline: 0; cursor: pointer; color: #000000;}
a:hover { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3 { line-height: normal; }
h1 { margin: 0 0 10px; font-size: 24px; font-weight: normal; color: #cddce0; }
h2 { margin: 0 0 10px; font-size: 14px; color: #2b3b45; }
h2 a:hover { text-decoration: underline; }
h3 { width: 240px; height: 35px; background: url(../img/bg/h3.png); text-indent: -9999px; }
	h3.bel { background-position: 0 -35px; }
	h3.inl { background-position: 0 -70px; }
	h3.pol { background-position: 0 -105px; }
p { margin: 0 0 20px; }
input, textarea { padding: 0; border: 0; font: 11px Arial, Helvetica, sans-serif; color: #cddce0; }
hr { border: 1px dotted #bb0000; height: 1px; }

#container {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -121px;
	}

#mainmenu {
	width: 960px;
	height: 64px;
	margin: 0 0 16px;
	background: url(../img/bg/mainmenu.jpg);
	position: relative;
	z-index: 3;
	}
	#mainmenu .nav { padding: 10px 0 0 13px; list-style: none; float: left; }
	#mainmenu .nav li { font-size: 14px; font-weight: bold; float: left; }
	#mainmenu .nav li a { height: 33px; padding: 16px 17px 0; color: #9cb2be; text-shadow: 1px 1px 0 #111a20; float: left; }
	#mainmenu .nav li a:hover, #mainmenu .nav .active a { background: url(../img/bg/mainmenu-mouseover.gif) no-repeat bottom; color: #cddce0; }
	
	#mainmenu .basket { width: 200px; padding: 10px 20px 0 0; list-style: none; float: right; position: relative; }
	#mainmenu .basket li { position: relative; }
	#mainmenu .basket li a { width: 160px; height: 28px; padding: 7px 0 0 40px; display: block; background: url(../img/bg/basket.png) no-repeat; color: #fff; font-weight: bold; }
	#mainmenu .basket li a:hover { text-decoration: underline; }
	#mainmenu .basket li:hover a, #mainmenu .basket li.sfHover a { text-decoration: underline; }
	#mainmenu .basket ul { width: 178px; padding: 10px 10px 3px; list-style: none; background: #cddce0; border: 1px solid #9dbac1; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; list-style: none; font-size: 11px; opacity: 0.94; filter: alpha(opacity=94); position: absolute; top: -9999px; }
	#mainmenu .basket ul li a { width: 130px; height: auto; padding: 0; display: inline-block; margin: 0 0 7px; background: none; color: #162128; font-weight: normal; text-decoration: none !important; }
	#mainmenu .basket ul li a:hover { text-decoration: underline !important; }
	#mainmenu .basket ul li span { width: 48px; color: #546e7a; text-align: right; float: right; }
	#mainmenu .basket li:hover ul, #mainmenu .basket li.sfHover ul { top: 35px; left: -1px; }

#header {
	width: 960px;
	height: 136px;
	margin: 0 0 20px;
	/* background: url(../img/content/header-01.jpg); */
	border-bottom: 4px solid #dee7e9;
	position: relative;
	z-index: 2;
	}
	/* position: absolute; added */
	#header a.logo { position: absolute; width: 187px; height: 29px; padding: 95px 0 0 14px; margin: 12px 0 0 12px; background: url(../img/bg/logo.png); float: left; }
	#header .partner { width: 166px; height: 45px; margin: 16px 16px 58px 0; background: url(../img/bg/microsoft-partner.png); text-indent: -9999px; float: right; }
	#header ul { width: 171px; padding: 0 20px 0 0; list-style: none; position: relative; float: right; clear: right; }
	#header ul li { font-size: 10px; text-transform: uppercase; position: relative; }
	#header ul li a { width: 145px; height: 20px; padding: 6px 0 0 26px; display: block; background: url(../img/bg/folder.png) no-repeat; color: #fff; }
	#header ul li a:hover { background-position: 0 -26px; text-decoration: underline; }
	#header ul li:hover a { background: url(../img/bg/folder.png) no-repeat 0 -26px; text-decoration: underline; }
	#header ul li.sfHover a { text-decoration: underline; }
	#header ul ul { width: 171px; padding: 0; list-style: none; background: #920000; list-style: none; font-size: 11px; position: absolute; top: -9999px; }
	#header ul ul li a { width: 151px; height: auto; padding: 5px 10px; display: block; background: #920000 !important; border-bottom: 1px solid #ac0000; background: none; color: #fff; text-decoration: none !important; }
	#header ul ul li a:hover { background: #ac0000 !important; }
	#header ul ul li span { width: 50px; text-align: right; float: left; }
	#header ul li:hover ul, #header ul li.sfHover ul { top: 26px; left: 0; }

#header_afbeelding {
	position: absolute;
	z-index: -10;
	width: 960px;
	height: 136px;
	}
	/*
	#header_afbeelding img { display: none; }
	#header_afbeelding img.active { display: inline; }
	*/
	
#content {
	width: 960px;
	line-height: 20px;
	overflow: hidden;
	}		
	
	#content a.details { width: 77px; height: 24px; padding: 2px 0 0; display: block; background: url(../img/bg/btn-details.png); font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; position: absolute; bottom: 10px; left: 10px; }
	#content a.winkelmand { width: 82px; height: 24px; padding: 2px 0 0 31px; display: block; background: url(../img/bg/btn-winkelmand.png); font-size: 10px; color: #fff; text-transform: uppercase; position: absolute; bottom: 10px; right: 10px; }
	#content a:hover.details, #content a:hover.winkelmand { background-position: bottom; text-decoration: underline; }
	
	#content a.details2 { width: 77px; height: 24px; padding: 2px 0 0; display: block; background: url(../img/bg/btn-details.png); font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; }
	#content a.winkelmand2{ width: 82px; height: 24px; padding: 2px 0 0 31px; display: block; background: url(../img/bg/btn-winkelmand.png); font-size: 10px; color: #fff; text-transform: uppercase; }
	#content a:hover.details2, #content a:hover.winkelmand2 { background-position: bottom; text-decoration: underline; }
#main {
	width: 700px;
	float: right;
	position: relative;
	}
	
	#main .search { position: absolute; right: 0; top: 3px; }
	#main form .field { width: 185px; height: 20px; padding: 6px 0 0 10px; background: url(../img/bg/search-field.gif); float: left; }
	#main form .btn { width: 26px; height: 26px; background: url(../img/bg/search-btn.gif); float: left; cursor: pointer; }
	#main form .btn:hover { background-position: bottom; }
	
	#main .warning { width: 650px; padding: 7px 10px 0 40px; margin: 0 0 20px; background: url(../img/bg/warning.gif) no-repeat #bcd0d5; font-weight: bold; }
	#main .warning p { margin: 0 0 3px; }
	#main .warning a { text-decoration: underline; }
	#main .warning .bottom { width: 700px; height: 5px; margin: 0 -10px 0 -40px; display: block; background: url(../img/bg/warning-bottom.gif); overflow: hidden; clear: both; }
	
	
	#main .aanbieding { width: 700px; background: url(../img/bg/aanbieding.gif) no-repeat #374a53; color: #cddce0; position: relative; margin-bottom: 20px; }
	#main .aanbieding p { padding: 5px 10px 0px 10px; margin-bottom: -7px; }
	#main .aanbieding p a { color: #cddce0; text-decoration: underline; }
	#main .aanbieding p a:hover { color: #cddce0; text-decoration: none; }
	#main .aanbieding .bottom { width: 700px; height: 13px; display: block; background: url(../img/bg/aanbieding_bottom.gif); }
	
	#main .aanbieding_top { width: 700px; height: 200px; background: url(../img/bg/aabieding_top.jpg) no-repeat #FFFFFF; background-position: top right; margin: 0 0 20px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	#main .aanbieding_top img { max-height: 200px; max-width: 200px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	#main .aanbieding_top h2 a { color: #FFFFFF; }
	#main .aanbieding_top h2 { background-color: #990002; color: #FFFFFF; margin: 20px; padding: 10px 0px 10px 10px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	#main .aanbieding_top p { width: 500px; font-size: 10px; color: #000000; }
	#main .aanbieding_top h4 { text-align: right; margin-right: 20px; font-size: 20px; color: #FFFFFF; }
	
	/* OUD */
	/*
	#main .item { width: 200px; height: 187px; padding: 0 10px; margin: 0 20px 20px 0; background: url(../img/bg/main-item-bottom.gif) no-repeat bottom #cddce0; font-size: 11px; float: left; position: relative; }
	#main .item h2 a { width: 210px; height: 25px; padding: 6px 0 0 10px; margin: 0 -10px; display: block; background: url(../img/bg/h2.gif); color: #2b3b45; text-shadow: 1px 1px 0 #dee8ea; }
	#main .item p { margin: 0; display: block; }
	#main .item a.img { width: 90px; padding: 0 0 3px; display: block; background: #9dbac1; text-align: center; font-size: 14px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 #5f7f87; float: left; }
	#main .item a:hover.img { background: #8ba8af; }
	#main .item a.img img { border: 2px solid #9dbac1; }
	#main .item a:hover.img img { border: 2px solid #8ba8af; }
	#main .alt { margin: 0 0 20px; }
	*/
	
	#main .item { width: 200px; height: 187px; padding: 0 10px; margin: 0 20px 20px 0; background: url(../img/bg/main-item-bottom.gif) no-repeat bottom #cddce0; font-size: 11px; float: left; position: relative; }
	#main .item h2 a { width: 210px; height: 25px; padding: 6px 0 0 10px; margin: 0 -10px; display: block; background: url(../img/bg/h2.gif); color: #2b3b45; text-shadow: 1px 1px 0 #dee8ea; }
	#main .item p { margin: 0; display: block; }
	#main .item a.img { width: 80px; padding: 0 0 3px; margin: 0 10px 0 0; display: block; background: #9dbac1; text-align: center; font-size: 14px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 #5f7f87; float: left; }
	#main .item a:hover.img { background: #8ba8af; }
	#main .item a.img img { border: 2px solid #9dbac1; }
	#main .item a:hover.img img { border: 2px solid #8ba8af; }
	#main .alt { margin: 0 0 20px; }
	
	#browse {
		width: 680px;
		height: 32px;
		padding: 3px 10px 0;
		margin: 0 0 20px;
		background: url(../img/bg/browse.gif);
		font-size: 11px;
		color: #546e7a;
		overflow: hidden;
		clear: both;
		}
		#browse p { padding: 5px; float: right; }
		#browse a { color: #162128; }
		#browse a:hover { text-decoration: underline; }
		#browse ul { padding: 0; list-style: none; float: left; }
		#browse ul li { padding: 5px; float: left; }
		#browse ul li a { float: left; }
		#browse ul .active { color: #162128; font-weight: bold; }

#side {
	width: 240px;
	margin: 0 20px 0 0;
	float: right;
	color: #cddce0;
	}
	#side a.systeem-maken { width: 240px; height: 55px; display: block; background: url(../img/bg/systeem-maken.jpg); text-indent: -9999px; }
	#side a:hover.systeem-maken { background-position: bottom; }
	#side a.betalen { width: 240px; height: 28px; margin: 20px 0; display: block; background: url(../img/bg/betalen.jpg); text-indent: -9999px; }
	
	#side .categorieen { width: 240px; margin: 0 0 20px; overflow: hidden; }
	#side .categorieen h3 { margin: 0; }
	#side .categorieen div { width: 240px; padding: 0 0 7px; background: url(../img/bg/left-box-bottom.gif) no-repeat bottom #223039; }
	#side .categorieen ul { padding: 10px 10px 5px 10px; list-style: none; background: url(../img/bg/left-box-top.gif) no-repeat top right; border-right: 2px solid #cddce0; overflow: hidden; }
	#side .categorieen ul li a { width: 198px; padding: 3px 0 3px 20px; display: block; background: url(../img/bg/arrow-up.gif) no-repeat 7px 9px; border-bottom: 1px solid #2b3b45; color: #cddce0; text-decoration: none; }
	#side .categorieen ul li a:hover { background: url(../img/bg/arrow-hover.gif) no-repeat 7px 9px #1c2931; color: #fff; }
	#side .categorieen ul ul { padding: 0; background: none; border: 0; border-bottom: 1px solid #2b3b45; }
	#side .categorieen ul ul li a { width: 198px; padding: 3px 0; margin: 0 0 0 20px; background: none; border: 0; font-size: 11px; }
	#side .categorieen ul ul li a:hover { background: none; text-decoration: underline; }
	
	#side .box { width: 240px; overflow: hidden; }
	#side .box .content { width: 240px; padding: 0 0 7px; background: url(../img/bg/left-box-bottom.gif) no-repeat bottom #223039; overflow: hidden; }
	#side .box form { padding: 10px 11px 5px 10px; background: url(../img/bg/left-box-top.gif) no-repeat top right; border-right: 2px solid #cddce0; overflow: hidden; }
	#side .box form p { margin: 0 0 5px; }
	#side .box form .field { width: 207px; height: 20px; padding: 6px 0 0 10px; margin: 0 0 5px; background: url(../img/bg/left-field.gif); }
	#side .box form textarea { width: 207px; height: 50px; padding: 6px 0 0 10px; margin: 0 0 5px; background: url(../img/bg/left-textarea.gif); overflow: auto; }
	#side .box form label { width: 217px; margin: 0 0 3px; display: block; }
	#side .box form .btn { width: 48px; height: 26px; background: url(../img/bg/left-btn.gif); font-size: 10px; color: #fff; text-transform: uppercase; float: right; cursor: pointer; }
	#side .box form .btn:hover { background-position: bottom; }
	#side .box a { color: #cddce0; text-decoration: underline; }
	#side .box a:hover { color: #fff; }
	#side .box h3 { margin: 20px 0 0; cursor: pointer; }

#footer {
	width: 100%;
	height: 100px;
	padding: 20px 0 0;
	background: #223039;
	border-top: 1px solid #6b8490;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 22px;
	color: #708592;
	margin-top: 5px;
	}
	#footer div { width: 960px; margin: 0 auto; }
	#footer a { border-bottom: 1px dotted #475761; color: #708592; }
	#footer a:hover { border-bottom: 1px dotted #708592; color: #8598a5; }
	#footer p { margin: 0; }
	#footer .clear { clear: right; }

.push { height: 121px; display: block; }
.right { float: right; }
.small { font-size: 11px; }

.tekst { width: 185px; height: 20px; padding: 6px 0 0 10px; background: url(../img/bg/input.gif); /* float: left;*/ }
.registreer { width: 77px; height: 24px; padding: 2px 0 0; display: block; background: url(../img/bg/btn-details.png); font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; cursor: pointer; }
.registreer:hover { background-position: bottom; }

.no_underline { text-decoration: none; }
.no_underline:hover { text-decoration: none; }
.ronde_hoeken { -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

.winkelmand_aantal{ width: 16px; height: 16px; background: url(../img/icons/basket_edit.png); cursor: pointer; }
.winkelmand_periode{ width: 16px; height: 16px; background: url(../img/icons/date_go.png); cursor: pointer; }

.zwart { color: #000; font-size: 12px; }

.filters a { height: 30px; display: block; background-color: #bcd0d5; margin-bottom: 2px; font-weight: bold; padding-left: 5px; }

.extra_datum { color: #000; width: 60px; }
.extra_naam { color: #000; width: 40px; }
.extra_taak { color: #000; width: 400px; }

@font-face {
    font-family: 'ZeroThreesRegular';
    src: url('zerothre-webfont.eot');
    src: url('zerothre-webfont.eot?#iefix') format('embedded-opentype'),
         url('zerothre-webfont.woff') format('woff'),
         url('zerothre-webfont.ttf') format('truetype'),
         url('zerothre-webfont.svg#ZeroThreesRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	font-family: 'ZeroThreesRegular', Arial, sans-serif;
	font-size: 21px;
	line-height: 21px;
	height: 21px;
	text-shadow: #000 2px 2px 5px;
	display: block;
	padding-bottom: 5px;
}
/*
.filter_nieuw {
	position: fixed; 
	right: 0px;
	top: 243px; 
	background: #374a53; 
	padding: 5px; 
	color: #cddce0; 
	z-index: 1000;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	
	-webkit-box-shadow: -5px 5px 5px #ac0000;
	-moz-box-shadow: -5px 5px 5px #ac0000;
	box-shadow: -5px 5px 5px #ac0000;

	
}
.filter_nieuw_in {
	display: none;
	width:200px; 
	max-height: 500px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	overflow: auto;
}

.filter_nieuw .filters a { height: 15px; }
.filter_nieuw .filters select { font-size: 11px; }
*/

#nfilters {
	background: #223039; 
	position: fixed; 
	margin-left: -260px; 
	top: 0; 
	height: 100%; 
	width: 240px; 
	z-index: 999; 
	opacity:0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	color: #FFF;
	overflow: auto;
}
#nfilters .filter_opties {
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
#nfilters h1 {
	margin-left: 35px; 
	margin-top: 10px;
}
#nfilters div {
	color: #FFF; padding: 10px;
}
#nfilters strong {
	color: #FFF;
	background: #546e7a;
	display: block;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
}
#spec_filter a {
	color: #FFF;
	background: #546e7a;
	display: block;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
}
#spec_filter {
	/*
	overflow: auto;
	height: 100%;
	*/
}

ul.onzemerken { list-style: none; margin: 0; padding: 8px; }
ul.onzemerken li { display: inline-block; padding-right: 5px; position: relative; }
ul.onzemerken li a { color: #FFF; }
ul.onzemerken li:after { content: " · "; }
ul.onzemerken li:last-child:after { content: ""; }

.omschrijving_factuur { width: 650px; height: 45px; color: #000; border-bottom: 1px solid #000; }

.special_strong p strong { width: 120px; display: inline-block; }