/****************************************

	Webdesign by:
	Rudolf Bos - Freelance webdesign
	http://www.rudolfbos.nl/
	rudolf@rudolfbos.nl

****************************************/

* { margin: 0; }

body {
	background: url(../img/bg/body.gif) repeat-x #378baa;
	font: 12px Arial, Helvetica, sans-serif;
	color: #444;
	}

a { color: #378baa; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5 { line-height: normal; }
h1 { margin: 0 0 10px; font-size: 18px; font-weight: normal; }
h2 { width: 220px; height: 42px; padding: 7px 0 0 25px; background: url(../img/bg/h2.gif); font-size: 20px; color: #fff; font-style: italic; text-shadow: -1px -1px 0 #709400; }
h3 { width: 155px; height: 26px; margin: 0 0 15px; background: url(../img/bg/h3.png) no-repeat; font-size: 18px; clear: both; }
	h3.top10 { background-position: 129px 0; }
	h3.kadotip { background-position: 129px -26px; }
	h3.nieuwsbrief { background-position: 129px -52px; }
	h3.verwant { background-position: 129px -78px; }
	h3.gerelateerd { background-position: 129px -104px; }
h4, h4 a { margin: 0 0 5px; font-size: 13px; color: #444; }
h4 a:hover { color: #378baa; }
h5 { margin: 0 0 10px; color: #fff; }
input, textarea, select { padding: 0; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #444; }
input:focus, textarea:focus, select:focus { outline: 0; }

p.oneliner {
	max-height: 15px;
	margin-bottom: 10px;
	overflow: hidden;
}

.h4 {
	margin: 0 0 5px;
	font-size: 13px;
	color: #444;
	font-weight: bold;
}

#container {
	width: 970px;
	margin: 0 auto;
	}

#header {
	width: 970px;
	height: 118px;
	background: url(../img/bg/header.gif) no-repeat bottom;
	}
    #header h1 { margin: 0; }
	#header a.logo { width: 218px; height: 97px; margin: 11px 0 0 14px; background: url(../img/bg/logo.gif); text-indent: -9999px; float: left; }
	
	#header form { width: 438px; height: 28px; padding: 5px 0 6px 5px; margin: 15px 10px 24px 0; background: url(../img/bg/form-search.gif); float: right; position: relative; }
	#header form .titel { width: 200px; height: 28px; padding: 5px 5px 5px 10px; float: left; }
	#header form .field { width: 180px; height: 28px; margin: 0 5px; padding: 0 10px; background: url(../img/bg/form-field.gif); line-height: 28px; float: left; }
	#header form .btn { width: 22px; height: 28px; background: url(../img/bg/form-btn.gif); cursor: pointer; position: absolute; top: 5px; right: 6px; }
	#header form .btn:hover { background-position: bottom; }
	
	#topmenu {
		padding: 0 15px 0 0;
		list-style: none;
		float: right;
		}
		#topmenu li { font-weight: bold; text-transform: uppercase; float: left; }
		#topmenu li a { margin: 0 0 0 10px; color: #d03815; float: left; cursor: pointer; }
		#topmenu li a span { height: 23px; padding: 7px 13px 0; display: block; float: left; }
		#topmenu li a:hover, #header ul .active a { background: url(../img/bg/mainmenu-hover.gif) bottom right; text-decoration: none; text-shadow: 1px 1px 0 #8e230c; }
		#topmenu li a:hover span, #header ul .active a span { background: url(../img/bg/mainmenu-hover.gif); color: #fff; }

#content {
	width: 970px;
	background: url(../img/bg/content.gif);
	line-height: 20px;
	/*overflow: hidden;*/
	}
	#content p { padding: 0 0 20px; }
	
.clear {
	display: block;
	clear: both;
}

#left {
	width: 245px;
	float: left;
	line-height: 25px;
	}
	#left ul { padding: 0 0 10px 15px; list-style: none; }
	#left ul li a { width: 185px; height: 25px; padding: 0 0 0 25px; display: block; background: url(../img/bg/arrow-red.gif) no-repeat 10px 8px; color: #444; }
	#left ul li a:hover { background: url(../img/bg/left-hover.gif); color: #fff; text-decoration: none; }
	#left ul .active a { background: url(../img/bg/arrow-grey.gif) no-repeat 8px 10px; }
	#left ul ul li a { background: url(../img/bg/arrow-grey-small.gif) no-repeat 11px 10px !important; font-size: 11px; }
	#left ul ul li a:hover { background: none; color: #444; text-decoration: underline; }

#main {
	width: 510px;
	padding: 0 0 10px;
	margin: 0 10px;
	float: left;
	}
	#main hr { width: 100%; height: 2px; margin: 0 0 20px; background: url(../img/bg/hr.gif) 0 -2px; border: 0; clear: both; }
	
	#main a.btn-blue-fixed { width: 81px; height: 23px; padding: 2px 0 0; background: url(../img/bg/btn-blue-fixed.gif); font-size: 12px; color: #fff; font-weight: bold; text-align: center; float: left; clear: both; }
	#main a.btn-red-fixed { width: 81px; height: 23px; padding: 2px 0 0; margin: 0 0 0 10px; background: url(../img/bg/btn-red-fixed.gif); font-size: 12px; color: #fff; font-weight: bold; text-align: center; float: left; }
	#main a:hover.btn-blue-fixed, #main a:hover.btn-red-fixed { background-position: bottom; text-decoration: none; }
	#main p.btn-blue { overflow: hidden; }
	#main p.btn-blue a { background: url(../img/bg/btn-blue.gif) bottom right; font-size: 12px; color: #fff; font-weight: bold; float: left; cursor: pointer; }
	#main p.btn-blue a span { height: 23px; padding: 2px 10px 0; display: block; background: url(../img/bg/btn-blue.gif); float: left; }
	#main p.btn-blue a:hover { background: url(../img/bg/btn-blue-hover.gif) bottom right; text-decoration: none; }
	#main p.btn-blue a:hover span { background: url(../img/bg/btn-blue-hover.gif); }
	
	#main .box-small { width: 228px; height: 141px; padding: 11px; margin: 0 10px 10px 0; background: url(../img/bg/box-small.gif); font-size: 11px; float: left; }
	#main .box-small span { font-size: 12px; font-weight: bold; color: #d03815; }
	#main .box-small .prijs { padding: 0; }
	#main .box-small a img { margin: 0 10px 10px 0; border: 3px solid #ddd; float: left; }
	#main .box-small a:hover img { border: 3px solid #ccc; }
	#main .dif { margin: 0 0 10px; }
	
	#main .box-large { width: 488px; padding: 0 11px; margin: 0 0 10px; background: url(../img/bg/box-large.gif); font-size: 11px; }
	#main .box-large a img, #main .box-large img { margin: 0 10px 10px 0; border: 3px solid #ddd; float: left; }
	#main .box-large a:hover img { border: 3px solid #ccc; }
	#main .box-large form { width: 488px; overflow: hidden; }
	#main .box-large form label { width: 105px; padding: 5px 0 0; font-size: 12px; float: left; clear: both; }
	#main .box-large form .field { width: 180px; height: 28px; padding: 0 10px; margin: 0 0 5px; background: url(../img/bg/form-field-large.gif); line-height: 28px; float: left; }
	#main .box-large form .field-small { width: 43px; height: 28px; padding: 0 10px; margin: 0 5px 5px 0; background: url(../img/bg/form-field-small.gif); line-height: 28px; float: left; }
	#main .box-large form .field-medium { width: 112px; height: 28px; padding: 0 10px; margin: 0 0 5px; background: url(../img/bg/form-field-medium.gif); line-height: 28px; float: left; }
	#main .box-large form textarea { width: 363px; height: 153px; padding: 7px 10px 0; margin: 0 0 5px; background: url(../img/bg/form-textarea.gif); float: left; }
	#main .box-large form .btn { width: 81px; height: 25px; padding: 0 0 3px; margin: 0 0 10px 105px; background: url(../img/bg/btn-blue-fixed.gif); color: #fff; font-weight: bold; float: left; clear: both; cursor: pointer; }
	#main .box-large form .btn-large { width: 141px; height: 25px; padding: 0 0 3px; margin: 20px 0 10px; background: url(../img/bg/btn-blue-fixed-large.gif); color: #fff; font-weight: bold; cursor: pointer; }
	#main .box-large form .btn:hover, #main .box-large form .btn-large:hover { background-position: bottom; }
	#main .box-large form .aanhef { width: 75px; height: 28px; clear: none; }
	#main .box-large form .large { width: 100%; }
	#main .box-large form .high { height: 26px; }
	#main .box-large form select { width: 63px; padding: 4px; margin: 0 5px 5px 0; border: 1px solid #ccc; float: left; }
	#main .box-large .abo { width: 488px; margin: 0 0 5px; overflow: hidden; clear: both; }
	#main .box-large .info { width: 80px; padding: 1px 0 0; float: left; }
	#main .box-large .abo .prijs { width: 60px; padding: 1px 0 0; float: left; }
	#main .box-large .abo .korting { width: 140px; padding: 1px 0 0; float: left; }
	#main .box-large .abo a.btn-blue-fixed, #main .box-large .abo a.btn-red-fixed { float: right; clear: none; }
	#main .box-large .lead { padding: 0 0 5px; }
	#main .box-large .rating { margin: 0; border: 0; float: right; }
	#main .box-large p.header { padding: 15px 0 0; font-weight: bold; }
	#main .box-large p.trigger { padding: 0 0 0 15px; }
	#main .box-large p.toggle { padding: 0 0 5px 15px; }
	#main .box-large p.active a { color: #000; text-decoration: underline; }
	#main .box-large p.prijs { font-size: 12px; font-weight: bold; color: #d03815; }
	#main .box-large .kado { width: 100%; padding: 0 0 20px; font-weight: bold; }
	#main .box-large .kado input { margin: 2px 0 0; float: left; }
	#main .box-large .kado img { margin: 0 10px; border: 0; float: left; }
	#main .box-large .kado span { float: left; }
	#main .box-large .last { margin: 0 0 20px; }
	#main .box-large .top { width: 510px; height: 5px; margin: 0 -11px 6px; display: block; background: url(../img/bg/box-large-corners.gif); overflow: hidden; }
	#main .box-large .bottom { width: 510px; height: 5px; margin: 0 -11px; display: block; background: url(../img/bg/box-large-corners.gif) 0 -5px; overflow: hidden; clear: both; }
	
	#main .box-blue { width: 488px; padding: 0 11px; margin: 0 0 10px; background: url(../img/bg/box-blue.gif); font-size: 11px; color: #fff; }
	#main .box-blue a { color: #b4d9e7; }
	#main .box-blue h4, #main .box-blue a:hover { color: #fff; }	
	#main .box-blue address { width: 200px; margin: 0 10px 0 0; font-size: 12px; font-style: normal; float: left; }
	#main .box-blue p.half { width: 278px; font-size: 12px; float: left; }
	#main .box-blue span.type { width: 100px; color: #b4d9e7; float: left; }
	#main .box-blue span.value { width: 178px; float: left; }
	#main .box-blue span.value a { color: #fff; }
	#main .box-blue small { font-size: 11px; }
	#main .box-blue .top { width: 510px; height: 5px; margin: 0 -11px 6px; display: block; background: url(../img/bg/box-blue-corners.gif); overflow: hidden; }
	#main .box-blue .bottom { width: 510px; height: 5px; margin: 0 -11px; display: block; background: url(../img/bg/box-blue-corners.gif) 0 -5px; overflow: hidden; clear: both; }
	
	#main .box-blue-small { width: 466px; padding: 0 11px 0 11px; margin: 0 0 20px; background: url(../img/bg/box-blue-small.gif); color: #fff; font-size: 12px; clear: both; }
	#main .box-blue-small label { width: 235px !important; padding: 4px 0 0 !important; float: left; }
	#main .box-blue-small .field { background: url(../img/bg/form-field.gif) !important; float: left;  }
	#main .box-blue-small .btn { width: 19px !important; height: 11px !important; margin: 8px 0 0 10px !important; background: url(../img/bg/nieuwsbrief-btn.gif) !important; float: left !important; clear: none !important; }
	#main .box-blue-small .btn:hover { background-position: bottom !important; }
	#main .box-blue-small .top { width: 488px; height: 5px; margin: 0 -11px 6px; display: block; background: url(../img/bg/box-blue-small-corners.gif); overflow: hidden; }
	#main .box-blue-small .bottom { width: 488px; height: 5px; margin: 0 -11px; display: block; background: url(../img/bg/box-blue-small-corners.gif) 0 -5px; overflow: hidden; clear: both; }
    
    #main .box-red { width: 488px; padding: 0 11px; margin: 0 0 20px; background: url(../img/bg/box-red.gif); color: #fff; font-size: 11px; text-shadow: 1px 1px 0 #92200b; position: relative; }
    #main .box-red a { color: #fff; text-decoration: underline; }
    #main .box-red a:hover { color: #ebc5bc; }
    #main .box-red p { padding: 0 0 10px; width: 370px; }
    #main .box-red img { margin: 0 20px -20px; position: absolute; right: 0; bottom: 5px; }
    #main .box-red .top { width: 510px; height: 5px; margin: 0 -11px 6px; display: block; background: url(../img/bg/box-red-corners.gif); overflow: hidden; }
    #main .box-red .bottom { width: 510px; height: 5px; margin: 0 -11px; display: block; background: url(../img/bg/box-red-corners.gif) 0 -5px; overflow: hidden; clear: both; }
	
	#browse {
		width: 480px;
		height: 25px;
		padding: 14px 15px 0;
		margin: 0 0 10px;
		background: url(../img/bg/browse.gif);
		color: #fff;
		text-align: center;
		line-height: 12px;
		text-shadow: -1px -1px 0 #709400;
		position: relative;
		}
		#browse ol { padding: 0; list-style: none; }
		#browse ol li { display: inline; }
		#browse ol li a { padding: 0 3px; color: #fff; }
		#browse ol li a:hover { color: #e4efbf; }
		#browse ol .first a { width: 15px; height: 12px; padding: 0; margin: 0 6px 0 0; background: url(../img/bg/browse-arrows.gif); text-indent: -9999px; position: absolute; top: 14px; left: 15px; }
		#browse ol .first a:hover { background-position: 0 -12px; }
		#browse ol .prev a { width: 9px; height: 12px; padding: 0; background: url(../img/bg/browse-arrows.gif) -15px 0; text-indent: -9999px; position: absolute; top: 14px; left: 37px; }
		#browse ol .prev a:hover { background-position: -15px -12px; }
		#browse ol .next a { width: 9px; height: 12px; padding: 0; background: url(../img/bg/browse-arrows.gif) -24px 0; text-indent: -9999px; position: absolute; top: 14px; right: 37px; }
		#browse ol .next a:hover { background-position: -24px -12px; }
		#browse ol .last a { width: 15px; height: 12px; padding: 0; margin: 0 0 0 6px; background: url(../img/bg/browse-arrows.gif) -33px 0; text-indent: -9999px; position: absolute; top: 14px; right: 15px; }
		#browse ol .last a:hover { background-position: -33px -12px; }
		#browse ol .active a { font-weight: bold; }

#right {
	width: 155px;
	padding: 15px 20px 0;
	margin: 0 0 20px;
	background: url(../img/bg/right-top.gif) no-repeat #277592;
	color: #fff;
	float: left;
	overflow: hidden;
	}
	#right ol { padding: 0 0 20px 24px; list-style: outside decimal; color: #b4d9e7; }
	#right ol li { padding: 0 0 0 3px; }
	#right ul { padding: 0 0 20px; list-style: none; }
	#right ul li a { width: 140px; padding: 0 0 0 15px; background: url(../img/bg/arrow-blue.gif) no-repeat 0 3px; }
	#right ul li a:hover { background: url(../img/bg/arrow-white.gif) no-repeat 0 3px; }
	#right a { color: #fff; }
	#right a:hover { color: #b4d9e7; }
	#right a img { margin: 0 10px 20px 0; border: 3px solid #4ca0bf; float: left; }
	#right a:hover img { border: 3px solid #8fc5d9; }
	#right p span { font-size: 11px; color: #b4d9e7; }
	#right hr { width: 100%; height: 2px; margin: 0 0 20px; background: url(../img/bg/hr.gif); border: 0; clear: both; }
	#right .bottom { width: 195px; height: 5px; margin: 0 -20px; display: block; background: url(../img/bg/right-bottom.gif); clear: both; overflow: hidden; }
	
	#right a.btn-green { background: url(../img/bg/btn-green-blue.gif) bottom right; color: #fff; font-weight: bold; float: left; cursor: pointer; }
	#right a.btn-green span { height: 23px; padding: 2px 10px 0; display: block; background: url(../img/bg/btn-green-blue.gif); font-size: 12px; color: #fff; float: left; }
	#right a:hover.btn-green { background: url(../img/bg/btn-green-blue-hover.gif) bottom right; text-decoration: none; }
	#right a:hover.btn-green span { background: url(../img/bg/btn-green-blue-hover.gif); }
	
	#right form { width: 135px; height: 115px; padding: 10px; margin: 0 0 15px; background: url(../img/bg/nieuwsbrief.gif); overflow: hidden; }
	#right form label { padding: 0 10px 10px 0; float: left; }
	#right form .field { width: 115px; height: 28px; padding: 0 10px; margin: 0 0 10px; background: url(../img/bg/nieuwsbrief-field.gif); line-height: 28px; }
	#right form .btn { width: 19px; height: 11px; background: url(../img/bg/nieuwsbrief-btn.gif); float: right; cursor: pointer; }
	#right form .btn:hover { background-position: bottom; }
	
	#right .item { width: 155px; height: 106px; margin: 0 0 20px; position: relative; }
	#right .item .korting { width: 45px; height: 36px; padding: 9px 0 0; background: url(../img/bg/korting.png); font-size: 11px; font-weight: bold; font-style: italic; text-align: center; position: absolute; bottom: -9px; left: -9px; }

#footer {
	border-bottom: 5px solid #277592;
	color: #b4d9e7;
	font-size: 11px;
	line-height: 24px;	
	}
	#footer div { width: 970px; margin: 0 auto; background: url(../img/bg/footer.gif) no-repeat; position: relative; overflow: hidden; }
	#footer p { padding: 0 25px 0 0; text-align: right; float: right; clear: right; }
	#footer a { color: #b4d9e7; }
	#footer a:hover { color: #fff; }
	#footer ol { padding: 0 25px 16px 0; list-style: none; float: right; }
	#footer ol li { margin: 0 0 0 20px; float: left; }
	#footer ul { width: 460px; padding: 30px 0 20px 15px; list-style: none; float: left; }
	#footer li { margin: 0 20px 0 0; float: left; }
	#footer li a { width: 185px; height: 24px; padding: 0 0 0 25px; background: url(../img/bg/arrow-white.gif) no-repeat 10px 8px; float: left; }
	#footer li a:hover { background: url(../img/bg/footer-hover.gif); text-decoration: none; }
	#footer a.top { width: 42px; height: 14px; display: block; background: url(../img/bg/top.gif); text-indent: -9999px; position: absolute; bottom: 0; right: 25px; outline: 0; overflow: hidden; }
	#footer a:hover.top { background-position: 0 -14px; }

/* SIFR */

.sIFR-flash, .sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h2 span { visibility: hidden; font-size: 21px; line-height: 21px; height: 21px; }
.sIFR-hasFlash h3 span { visibility: hidden; font-size: 21px; line-height: 21px; height: 21px; }
.sIFR-hasFlash h5 { visibility: hidden; font-size: 32px; line-height: 32px; height: 32px; }

/* SELECT BOX */

.newList { width: 196px; padding: 0 2px 0 0; list-style: none; background: #fff; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; overflow: auto; position: absolute; top: 28px; left: 0; z-index: 10; }
.newList li { padding: 4px 8px; display: block; }
.newListSelected { width: 180px; height: 21px; padding: 7px 10px 0; display: block; background: url(../img/bg/form-select.gif) no-repeat; float: left; }
.selectedTxt { width: 200px; height: 28px; }
.hiLite { background: #378baa; color: #fff; font-weight: bold; }
.newListHover { background: #c5e5f1; color: #444; cursor: default; }
.newListSelHover, .newListSelFocus { background-position: bottom; cursor: default; outline: 0; }

/* STAR RATING */
div.rating-cancel, div.star-rating { width: 17px; height: 15px; margin: 5px 0 0; display: block; background: transparent; text-indent: -9999px; float: left; overflow: hidden; cursor: pointer; }
div.star-rating, div.star-rating a { background: url(../img/bg/star.gif) no-repeat 0 0px; }
div.rating-cancel a, div.star-rating a { width:16px; height: 100%; display: block; background-position: 0 0px; border: 0; }
div.star-rating-on a { background-position: 0 -16px !important; }
div.star-rating-hover a { background-position: 0 -32px; }
div.star-rating-readonly a { cursor: default !important; }
div.star-rating { background: transparent !important; overflow: hidden !important; }
input.star { margin: 5px 0 0; }