body {
	margin:0;
	padding:0;
	width:100%;
	color:#787878;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}

html, .maincontent {
	padding:0;
	margin:0;
	background:#f9f9f9 url(images/background.jpg) top repeat-x;
}

.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

.logo {
	padding:0 0 0 0;
	margin:0 auto;
	max-width:950px;
	width:100%;
	height:171px;
	float:left;
}

.logo-mobile {
	padding:0 0 0 0;
	margin:0 auto;
	max-width:431px;
	width:100%;
	height:171px;
	float:left;
	display:none;
}

.logo-mobile2 {
	padding:0 0 0 0;
	margin:0 auto;
	max-width:300px;
	width:100%;
	height:171px;
	float:left;
	display:none;
}

table a {
	color:#666666;
	display:block;
	}
table a:hover {
	color:#333333;
	}

h1 {
	margin:0;
	padding:5px 0;
	width:300px;
	color:#FFFFFF;
	font:normal 46px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
}

h1 small {
	text-align:left;
	float:left;
	width:200px;
	color:#fff;
	display:block;
	padding:3px 0 0 0;
	font:normal 12px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}

h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0;
	color:#595959;
}

h3 {
	font:normal 18px Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0;
	color:#595959;
}


p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.8em;
	font-style:normal;
}

a {
	color:#BB831B;
	text-decoration:none;
}

a:hover {
	color:#999999;
	text-decoration:none;
}

/* HEADER */
.header {
	margin:0;
	padding:0;
}

.header_resize {
	margin:0 auto;
	padding:3px 0 0 0;
	width:100%;
	max-width:950px;
}
.header_img {
	margin:0 auto;
	width:100%;
	max-width:950px;
	padding:0 0 0 0;
}



/* CONTENT */
.content {
	padding:0 0 0 0;
}

.content_resize {
	margin:0 auto;
	padding:0 0 0 0;
	width:950px;
}

.content .mainbar {
	margin:0;
	float:right;
}

.content .mainbar img {
	float:none;
	margin:10px 0 20px 0;
}


.content .mainbar .artikel {
	padding:0 0 0 30px;
	max-width:633px;
	width:100%;
	float:left;
}

.artikel {
	border-left:1px solid #CCCCCC;
	margin: 30px 0 0 0;
}

.stroke {
	border-bottom:1px solid #BB831B;
	margin: 0 0 15px 0;
	width:100%;
	max-width:633px;
	height:20px;
	text-align:right;
}

.content .mainbar .artikel span.butons a {
	margin:0 5px 0 0;
	float:right;
	color:#9a9a9a;
	padding:1px 10px;
	text-decoration:none;
	border:1px solid #ebe8e8;
	background:#fbfbfc;
}
.content .mainbar .artikel span.butons a:hover {
	border:1px solid #d9f0ff;
	background:#40b5ff;
	color:#fff;
	text-decoration:none;
}
.content .mainbar .artikel span.butons a.active {
	border:1px solid #ebe8e8;
	background:#40b5ff;
	color:#fff;
	text-decoration:none;
}

/* SIDEKADER */

.sidekader {
	background:#BB831B;
	float:right;
	width:200px;
	margin: 0 5px 15px 30px;
	padding: 15px 15px 15px 15px;
	text-align:center;
}

.sidekader h2 {
	font-size:18px;
	color:#FFFFFF;
	line-height:1.25em;
	}
	
.sidekader h3 {
	font-size:11px;
	color:#FFFFFF;
	line-height:1.4em;
	font-weight:normal;
	text-align:left;
	}
	
.sidekader p {
	font-size:11px;
	font-style:italic;
	color:#FFFFFF;
	line-height:1.25em;
	margin: 15px 0 0 0;
	}

/* REFERENTIEKADER */


.referentiekader {
	background:#BB831B;
	float:right;
	width:200px;
	margin: 0 5px 15px 30px;
	padding: 15px 15px 15px 15px;
	text-align:left;
}

.referentiekader h2 {
	font-size:18px;
	color:#FFFFFF;
	line-height:1.25em;
	}
	

.referentiekader p {
	font-size:12px;
	color:#FFFFFF;
	line-height:1.8em;
	}

/* DIAP KADER */

.diapkader {
	background:#BB831B;
	width:100%;
	max-width:598px;
	margin: 0 5px 15px 0px;
	padding: 25px 15px 15px 15px;
	text-align:left;
}

.diapkader h1 {
	margin:0;
	padding:5px 0;
	width:300px;
	color:#FFFFFF;
	font:normal 46px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
}

.diapkader h1 small {
	text-align:left;
	float:left;
	width:200px;
	color:#fff;
	display:block;
	padding:3px 0 0 0;
	font:normal 12px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}

.diapkader h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0;
	color:#FFFFFF;
}

.diapkader h3 {
	font:normal 18px Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0;
	color:#595959;
}


.diapkader p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.8em;
	font-style:normal;
	color:#FFFFFF;
}

.diapkader a {
	color:#BB831B;
	text-decoration:none;
}

.diapkader a:hover {
	color:#999999;
	text-decoration:none;
}
/* CONTENT-SIDEBAR */

.content #sidebar {
	margin:0 0 0 0;
	padding:0 0 0 25px;
	width:237px;
	float:left;
}


/* SUBMENU */

ul.submenu {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	color:#787878;
}
ul.submenu li {
	margin:0;
	padding:10px 0 10px 30px;
	width:190px;
	background:url(images/Menu-background.jpg) no-repeat;
	line-height:12px;
}
ul.submenu li.active {
	background:url(images/Menu-background-active.jpg) no-repeat;
	color:#BB831B;
}

ul.submenu li.active a {
	color:#BB831B;
}

ul.submenu li a {
	font-size:12px;
	color:#787878;
	text-decoration:none;
	margin-left:-12px;
	padding-left:12px;
}

ul.submenu li a:hover {
	color:#BB831B;
	text-decoration:none;
}

/* SUBSUBMENU */

ul.subsubmenu {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	color:#787878;
}
ul.subsubmenu li {
	margin:0;
	padding:10px 0 10px 50px;
	width:190px;
	background:url(images/Menu-background.jpg) no-repeat;
}

ul.subsubmenu li.active {
	background:url(images/Menu-background-active.jpg) no-repeat;
}

ul.subsubmenu li.active a {
	color:#BB831B;
}


ul.subsubmenu li a {
	font-size:12px;
	color:#787878;
	text-decoration:none;
	margin-left:-12px;
	padding-left:12px;
}

ul.subsubmenu li a:hover {
	color:#BB831B;
	text-decoration:none;
}




/* ONDERVAK */

.ondervak {
	padding:10px 0 0 0;
	background:#2e3339 url(images/footer-bg.jpg) bottom repeat-x;
	margin:10px 0 0 0;
}
.ondervak_resize {
	margin:0 auto;
	padding:10px 0 5px 0;
	width:100%;
	max-width:950px;
}
.ondervak h4 {
	color:#BB831B;
}
.ondervak p {
	color:#C9C9C9;
}
.ondervak a {
	color:#C9C9C9;
	text-decoration:none;
}
.ondervak a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.oranje {
	color:#BB831B;
}

.ondervak .col {
	margin:0;
	float:left;
}
.ondervak .c1 {
	padding:0 0 0 20px;
	width:300px;
	float:right;
}
.ondervak .c2 {
	padding:0 20px;
	width:330px;
	float:right;
}
.ondervak .c3 {
	padding:0 20px 0 0;
	width:210px;
}
.ondervak .c1 img {
	margin:0 16px 0 0;
}

/* FOOTER */
.footer {
	width:100%;
	max-width:950px;
	margin:0 auto;
	padding:30px 0 10px 0;
}

.adresmarge {
	width:220px;
	float:left;
}

.adresblok {
	width:auto;
	float:left;
	line-height:15px;
}

.adresblok p {
	font-size:12px;
	margin:0;
	padding:4px 0;
}
.adresblok a {
	color:#959595;
	font-weight:normal;
	text-decoration:none;
}
.adresblok a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 2px;
	height:16px;
	background:#BB831B;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 2px;
	background:#BB831B;
}
ol li .send {
	margin:16px 0 0 0;
}

#label {
	width:110px;
	float:left;
}

input {
	width:285px;
	height:25px;
	margin-bottom:5px;
	float:left;
	background:#BB831B;
}

textarea {
	width:275px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
	background:#BB831B;
	height:120px;
}

.rood {
	color:#FF0000;
}

@media only screen
and (min-width : 950px) {
.nav-collapse {
	display:none;
}
}

@media only screen
and (min-width : 500px)
and (max-width : 950px) {
html, .maincontent {
	padding:0;
	margin:0;
	background:#f9f9f9 url(images/background-mobile.jpg) top repeat-x;
}

.header_img {
	display:none;
}

.logo {
	display:none;
}
.logo-mobile {
	padding:0 0 0 0;
	margin:0 auto;
	width:100%;
	max-width:100%;
	height:171px;
	float:left;
	display:block;
}

.logo-mobile2 {
	display:none;
}

.content_resize {
	padding:0 0 0 0;
	margin:0 auto;
	width:100%;
}

#sidebar {
	display:none;
}

#scroller-anchor {
	display:none;
}

.content .mainbar .artikel .diapkader {
	padding:0 0px 0 0px;
	margin:0 auto;
	border:none;
	width:100%;
	background:transparent;
	border-left:none;
}

.artikel {
	border-left:none;
	margin:30px 0 0 0;
}

.content .mainbar {
	margin:0;
	float:left;
}

.content {
	margin:0px 40px 0 0px;
}

.diapkader p {
	color:#595959;
}

.artikel img {
	display:none;
}

.diapkader h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0;
	color:#595959;
}

.adresmarge {
	display:none;
}

.adresblok {
	width:100%;
	background-color:#2E3339;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:15px;
}

.adresblok a {
	line-height:15px;
}

.footer {
	display:none;
}

}

@media only screen
and (min-width : 100px)
and (max-width : 500px) {
html, .maincontent {
	padding:0;
	margin:0;
	background:#f9f9f9 url(images/background-mobile.jpg) top repeat-x;
}

.header_img {
	display:none;
}

.logo {
	display:none;
}
.logo-mobile {
	display:none;
}

.logo-mobile2 {
	padding:0 0 0 0;
	margin:0 auto;
	width:100%;
	max-width:100%;
	height:171px;
	float:left;
	display:block;
}

.content_resize {
	padding:0 0 0 0;
	margin:0 auto;
	width:100%;
}

#sidebar {
	display:none;
}

#scroller-anchor {
	display:none;
}

.content .mainbar .artikel .diapkader {
	padding:0 0px 0 0px;
	margin:0 auto;
	border:none;
	width:100%;
	background:transparent;
	border-left:none;
}

.artikel {
	border-left:none;
	margin:30px 0 0 0;
}

.content .mainbar {
	margin:0;
	float:left;
}

.content {
	margin:0px 40px 0 0px;
}

.diapkader p {
	color:#595959;
}

.artikel img {
	display:none;
}

.diapkader h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0;
	color:#595959;
}

.adresmarge {
	display:none;
}

.adresblok {
	width:100%;
	background-color:#2E3339;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:15px;
}

.adresblok a {
	line-height:15px;
}

.footer {
	display:none;
}
}