@import url(/include/css/editor.php);

/** COLORS **
#d9d9d9		Gray			Background
#7f7f7f		Gray			Nav bar background
#666666		Gray			Text color
#3f3f3f		Dark Gray		Navigation background
#e85425		Orange			Logo color and :hover
*/


body {
	background:#d9d9d9;
	overflow-y:scroll;
	}
div.sitewidth {
	clear:both;
	width:965px;
	margin:0px auto;
	}


/** HEADER **/

#header {
	background:#ffffff;
	height:107px;
	}
	#logo {
		margin:20px 10px 8px 0;
		height:79px;
		width:139px;
		float:left;
		}
	#topnav {
		margin-top:20px;
		float:left;
		background:#d9d9d9;
		height:46px;
		line-height:46px;
		width:816px;
		}
	#topnav p {
		height:46px;
		line-height:46px;
		width:306px;
		float:left;
		text-align:right;
		padding-right:24px;
		color:#3f3f3f;
		}
	#topnav p .numItemsInCart {
		padding-right:21px;
		background:url('/image/icon-shopcart.gif') right center no-repeat;
		}
	#topnav .topitem {
		float:right;
		height:46px;
		border-left:1px solid #ffffff;
		width:230px;
		padding-left:7px;
		overflow:hidden;
		}

	#search form {
		height:20px;
		margin-top:13px;
		}
	#search label {
		display:none;
		visibility:hidden;
		}
	#search input {
		width:183px;
		border:0;
		height:19px;
		padding:2px 0px 0px 5px;
		background:url('/image/bg-input-search.gif') left top no-repeat;
		}
	#search #btnSearch {
		width:20px;
		height:19px;
		float:left;
		padding-left:20px;
		background:url('/image/btn-search-top.gif') right top no-repeat;
		overflow:hidden;
		}
	#topnav #langswitch {
		width:237px;
		}
		#langswitch label {
			width:90px;
			color:#3f3f3f;
			}
		#langswitch select {
			width:137px;
			}

#navigation {
	background:#7f7f7f;
	clear:both;
	height:46px;
	}


/** TEASER ITEMS **/

.teasersOpen #expand {
	height:auto;
	}
.teasersClosed #expand {
	height:134px;
	}
#teasers #expand {
	overflow:hidden;
	border-bottom:20px solid #d9d9d9;
	}
#teasers .collitem {
	padding-top:55px;
	border-left:1px solid #ffffff;
	height:285px;
							overflow:hidden;
	}
#teasers .item1 {
	border-left:none;
	}
#teasers .collitem h2 a {
	background:url('/image/arrow-gray.gif') right 9px no-repeat;
	padding-right:12px;
	}
#teasers .figure {
	height:45px;
	background:#ffffff;
	margin-top:3px;
	margin-bottom:17px;
	}
#teasers #tsr-4 .figure {
	background:#e85425;
	}
#teasers #tsr-4 .textbox label {
	padding-left:2px;
}
#teasers #tsr-4 .checkbox {
	padding-top:3px;
}
#teasers #tsr-4 .checkbox label {
	padding-top:2px;
	padding-left:2px;
}

#teasers .collitem ul {
	list-style:none;
	clear:both;
	margin:0;
	}
#teasers #tsr-4 ul {
	margin-top:10px;
	border-top:1px solid #ffffff;
	padding-top:10px;
	}
#teasers .collitem li a {
	text-decoration:none;
	color:#3f3f3f;
	}
#teasers .collitem li a:hover {
	color: #E85425;
	}

#teasers .collitem .field {
	height:18px;
	height:38px;
	}
#teasers .collitem label {
	color:#3f3f3f;
	}
#teasers .collitem input {
	width:228px;
	}
#teasers .collitem .checkbox input {
	width:auto;
	margin-left:0px;
	border:0;
	}
#teasers .collitem .checkbox label {
	visibility:visible;
	display:inline;
	white-space:nowrap;
	color:#3f3f3f;
	}
#teasers .btnLogin {
	margin-top:5px;
	color:#3f3f3f;
	background-image:url('/image/arrow-gray.gif');
	}

#teasers #teaserButton {
	clear:both;
	line-height:1;
	background:#ffffff;
	text-align:center;
	}
#teasers #teaserButton a {
	padding:2px;
	margin-left:3px;
	}


/** CONTENT **/

#wrapper {
	background:#ffffff;
	}
#contentBg {
	background:#ffffff url('/image/bg-content-generator.gif') center top repeat-y;
	}
	#contentBg .sitewidth {
		background:#ffffff url('/image/bg-content.gif') center top repeat-y;
		}

	#contentBlocks {
		padding-top:30px;
		border-bottom:1px solid #666666;
		height:216px;
		}
	#contentBlocks .collitem {
		border-left:1px solid #ffffff;
		}
	#contentBlocks #news {
		border-left:0;
		}
	#contentBlocks .collitem h2 {
		border-bottom:1px solid #666666;
		margin-bottom:21px;
		}
	#contentBlocks p.intro {
		font-weight:bold;
		margin-bottom:.8em;
		}
	#contentBlocks p {
		line-height:1.4;
		}

	#newsletter form {
		height:138px;
		background:#e85425 url('/image/bg-newsletter.gif') left top no-repeat;
		padding:5px 10px;
		margin:0;
		width:210px;
		overflow:hidden;
		}
	#newsletter form legend {
		color:#ffffff;
		font-size:130%;
		font-weight:normal;
		line-height:1;
		}
	#newsletter form .field {
		height:18px;
		margin-top:13px;
		position:relative;
		}
	#newsletter form label {
		display:none;
		visibility:hidden;
		}
	#newsletter form input {
		width:202px;
		padding-left:5px;
		}

	#smallnav {
		}
	#smallnav ul {
		list-style:none;
		margin:-16px 0px 0px 0px;
		}
	#smallnav li {
		height:44px;
		line-height:44px;
		border-top:1px solid #d9d9d9;
		}
	#smallnav li.first {
		border:0;
		}
	#smallnav li a {
		font-size:135%;
		text-decoration:none;
		padding-right:12px;
		background:url('/image/arrow.gif') right center no-repeat;
		}


	#slogan {
		margin-top:20px;
		background:url('/image/bg-slogan.jpg') right bottom no-repeat;
		color:#e85425;
		clear:both;
		height:34px;
		padding-top:55px;
		font-size:150%;
		word-spacing:2px;
		}
	#slogan strong {
		color:#3f3f3f;
		font-weight:normal;
		}

	div#text h1 {
		margin-bottom:10px;
	}

/** CONTENT - GENERATOR **/

#visual {
	margin-bottom:15px;
	margin-right:7px;
	height:81px;
	background:url('/image/visual.jpg') left top no-repeat;
	}
#generator {
	width:720px;
	float:left;
	min-height:400px;
	padding-top:15px;
	}
	#text {
		margin-right:12px;
		}
	#generator h1 {
		margin-left:-2px;
	}
	#generator #doubletitle h1 {
		line-height:normal;
		padding: 0 0 0 0;
		margin-top: -3px;
		margin-left:-1px;
	}
	#generator #doubletitle h2 {
		line-height:normal;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size:110%;
		font-weight:bold;
	}
#sidebar {
	width:230px;
	padding-left:7px;
	padding-bottom:40px;
	float:right;
	}
#sidebar h2 {
	line-height:1;
	margin-bottom:5px;
	color:#3f3f3f;
	}
#sidebar h2 a {
	color:#3f3f3f;
	}

	#subnav {
		margin-top:40px;
		}
	#subnav ul {
		margin:0px 0px 0px -7px;
		list-style:none;
		}
	#subnav ul ul {
		margin-left:0px;
		}
	#subnav li {
		}
	#subnav li a {
		display:block;
		padding:0px 7px;
		text-decoration:none;
		color:#3f3f3f;
		}
	#subnav ul ul li a {
		padding-left:21px;
		}
	#subnav ul ul ul li a {
		padding-left:42px;
	}
	#subnav ul ul ul ul li a {
		padding-left:63px;
	}
	#subnav li.active a {
		background:#c2c2c2;
		color:#3f3f3f;
		}
	#subnav li.active li a {
		background:transparent;
		color:#3f3f3f;
		}
	#subnav li a:hover,
	#subnav li.active li a:hover {
		background:#cdcdcd;
		color:#3f3f3f;
		}

	.sideItem {
		margin-top:25px;
		padding-top:10px;
		border-top:1px solid #ffffff;
		}
		.noborder {
			border-top:0px none #fff;
			}


/** CONTENT - NIEUWSOVERZICHT **/

#nieuwsoverzicht .nieuwsbericht {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

#nieuwsoverzicht .nieuwsbericht .afbeelding {
	width:119px;
	min-height:30px;
	padding-right:10px;
	float:left;
}

#nieuwsoverzicht .nieuwsbericht .afbeelding img {
	border:1px solid #ccc;
}
#nieuwsoverzicht .nieuwsbericht .noborder img {
	border:0px none #fff;
}
#nieuwsoverzicht .nieuwsbericht .titel {
	float:left;
	width:480px;
	font-weight:bold;
}

#nieuwsoverzicht .nieuwsbericht .tekst {
	float:left;
	width:480px;
}

#nieuwsberichtdetail .nieuwsbericht img {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	border:1px solid #CCC;
}

/** CONTENT - MODULES MET INTRO TEKSTEN */
div#intro {
	padding-bottom:5px;
	margin-bottom:10px;
}


/** FOOTER **/

#footer .naw {
	background:#3f3f3f;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#ffffff;
	}
#footer .naw a {
	color:#ffffff;
	}
#footer .copy {
	margin-top:46px;
	text-align:right;
	color:#3f3f3f;
	}
#footer .copy a {
	color:#3f3f3f;
	}


/** BASIC STYLES **/

.collitem {
	width:230px;
	padding:0px 7px 0px 7px;
	float:left;
	}
.item1 {
	padding-left:0;
	}
.item4 {
	padding-right:0;
	}
.figure img {
	display:block;
	}
a img {
	border:none;
	}

.btnLogin {
	text-indent:-3px;
	text-align:0;
	padding-left:0;
	display:inline;
	float:none;
	width:80px !important;
	border:0;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	padding-right:12px;
	background:transparent url('/image/arrow-orange.gif') right 7px no-repeat;
	cursor:hand;
	cursor:pointer;
	}

.readmore {
	padding-top:5px;
	}
.readmore a {
	text-decoration:none;
	padding-right:12px;
	background:url('/image/arrow.gif') right center no-repeat;
	}

.clear {
	height:1px;
	overflow:hidden;
	clear:both;
	}

.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
	}

table.icon td {
	vertical-align:middle;
}
table.icon td img {
	margin-top:3px;
	margin-right:5px;
}

.NB_prod_option{
	clear:both;
	width: 25px;
	margin-left: 134px;
	border: 0;
}

.longlabel{
	width: 350px;
	margin-top: 10px;
	margin-left: 135px;
}

.checkboxlabel{
	line-height: 24px;
}

#checkboxdiv{
	/*margin-top: -20px;*/
}