*{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style: none;
	outline: none;
}

.clear{ clear: both; }

body{
	font: 12px 'Arial';
	color: #0c2b60;
	background: url('/images/body.png') repeat-x;
}

/* Container */
#container{
	width: 884px;
	margin: 0 auto;
}

/* Header */
#header{
	height: 135px;
	margin: 0 -12px 0 0;
	background: url('/images/header.png') right no-repeat;
}

#header img{
	margin: 5px 0 0 16px;
}

/* Navigation */
#nav{
	height: 50px;
	margin: -8px 0 0;
	padding: 0 0 0 100px;
	font: bold 13px/42px 'Arial';
}

#nav li{
	float: left;
	margin: 0 9px 0 0;
	position: relative;
}

#nav li span{
	position: absolute;
	top: 0;
	right: -10px;
	height: 50px;
	width: 10px;
	cursor: pointer;
}

#nav a:hover span, #nav li.active span{
	background: url('/images/nav_right.png') right no-repeat;
}

#nav a{
	float: left;
	display: block;
	height: 42px;
	padding: 8px 9px 0 19px;
	color: #fff;
}

#nav a:hover, #nav li.active a{
	color: #0c2b60;
	background: url('/images/nav.png');
}

/* Left */
#left{
	float: left;
	width: 631px;
	padding: 18px 0 0;
}

/* Visual */
#visual{
	width: 627px;
	height: 201px;
	margin: 0 0 12px 2px;
	background: #fff;
	border: 1px solid #d0dff0;
}

#visual li{
	margin: 0 0 -204px;
	padding: 3px;
}

/* Content */
#content{
	background: url('/images/content.png') repeat-y;
	width: 630px;
}

#content p a{
	color: #0c2b60;
	text-decoration: underline;
}

h1{
	margin: 0 0 10px;
	padding: 0 23px;
	font: bold 13px/39px 'Arial';
	color: #0c2b60;
	background: url('/images/h1.png');
}

#content p{
	margin: 0 0 8px;
	padding: 10px 23px 16px;
	line-height: 24px;
	
}

#content p.bgcolor{
    background: #dae5f3;
}

#content p.none{
	background: none;
}

#content .error {
	color: red;
	font-weight: bold;
}

.items{
	position: relative;
	margin: -7px 0 0;
	padding: 0 0 0 11px;
}

.items li{
    /**/
	clear: both;
    /**/
	padding: 7px 0 0;
    /*added* /
    display:block;
    width:309px;
    float:left;
    /**/
}

.items h3{
    /** /
    float: left;
    /**/
    float: right;
	width: 482px;
	/**/
    height: 32px;
	margin: 0 !important;
	margin: 0 0 -6px;
	font: bold 13px/32px 'Arial';
	color: #0c2b60;
}

.categorieen .items li{
    /**/
	clear: none;
    /**/
	padding: 7px 0 0;
    /*added*/
    display:block;
    width:309px;
    float:left;
    /**/
}

.categorieen .items h3{
    /**/
    float: left;
    /** /
    float: right;
	width: 482px;
	/**/
    height: 32px;
	margin: 0 !important;
	margin: 0 0 -6px;
	font: bold 13px/32px 'Arial';
	color: #0c2b60;
}


#content .items p{
	float: right;
	width: 482px;
	padding: 0;
	font-size: 13px;
	background: none;
}

.item{
	float: left;
	width: 123px;
	height: 123px;
	margin: 0 14px 25px 0;
	text-align: right;
	position: relative;
	background: url('/images/item.png');
}

.item a{
	float: left;
	display: block;
	width: 99px;
	height: 115px;
	cursor: pointer;
	padding: 8px 12px 0;
}

.item img{
	cursor: pointer;
}

.item span{
	position: absolute;
	bottom: -20px;
	left: 10px;
	float: left;
	width: 80px;
	height: 14px;
	padding: 0 19px 0 0;
	color: #ec7f17;
	font-size: 11px;
	cursor: pointer;
	z-index: 100;
	background: url('/images/more.png') right no-repeat;
}

.contenttext {
	padding: 10px 20px;
	line-height: 24px;
}

/* Right */
#right{
	float: right;
	width: 242px;
	padding: 18px 0 0;
}

.box{
	height: 101px;
	margin: 0 0 12px;
	background: url('/images/box.png');
}

.box .img{
	float: right;
	margin: -13px -11px 0;
	position: relative;
}

#terug .img{
	margin-top: -4px;
}

.box h4{
	padding: 0 0 0 27px;
	font: bold 13px/35px 'Arial';
	color: #eb8f15;
}

.phone{
	padding: 5px 0 0 52px;
	font: bold 16px 'Arial';
	color: #0c2b60;
}

.text{
	width: 147px;
	height: 15px;
	margin: 0 0 5px 18px;
	padding: 5px 5px 5px 30px;
	font: 12px 'Arial';
	color: #0c2b60;
	position: relative;
	background: url('/images/phone.png');
}

.submit{
	width: 182px;
	height: 25px;
	margin: 0 0 0 18px;
	font: 11px 'Arial';
	color: #fff;
	cursor: pointer;
	position: relative;
	background: url('/images/submit.png');
}

.submit:hover, .submit.hover{
	color: #ed9316;
}

.more{
	float: left;
	font: 11px/14px 'Arial';
	height: 14px;
	margin: 15px 0 0 46px;
	padding: 0 0 0 20px;
	color: #0c2b60;
	text-decoration: underline;
	background: url('images/more.png') no-repeat;
}

.box2{
	padding: 0 17px;
	background: #eb8f15 url('/images/box2.png') repeat-x;
}

.box2 h3{
	padding: 5px 0 0 5px;
	font: bold 15px/40px 'Arial';
	color: #fff;
}

.box2 h3 span{
	color: #0c2b60;
}

.box2 p{
	padding: 0 0 15px;
	line-height: 24px;
}

.link{
	float: left;
	width: 190px;
	height: 33px;
	margin: 0 0 11px 2px;
	padding: 0 12px 0 0;
	font: 11px/33px 'Arial';
	color: #fff;
	text-align: center;
	background: url('/images/link.png');
}

.link:hover{
	color: #ed9316;
}

input {
	border: 1px solid #eb8f15;
	width: 250px;
}

input.button {
	border: 1px solid #eb8f15;
	width: 75px;
	color: #fff;
	background: #eb8f15;
}

select {
	border: 1px solid #eb8f15;
	width: 250px;
}

textarea {
	border: 1px solid #eb8f15;
	width: 250px;
	height: 75px;
}

/* Footer */
#footer{
	clear: both;
	margin: 6px 0 0;
	background: #dee8f5;
}

#footer p{
	width: 884px;
	margin: 0 auto;
	font: 11px/32px 'Arial';
	text-align: center;
	color: #0c2b60;
}

#footer a{
	color: #0c2b60;
	text-decoration: underline;
}
