@charset "UTF-8";




* {
	padding:0;
	margin:0;
	border:0;
	outline:none;
}

html {
	width:100%;
	overflow:auto;
}

body {
	position:relative;
	width:100%;
	font-family:Arial;
	font-size:12px;
	color:#290419;
	background:#fff url(../images/backgrounds/body.png) repeat left top;
}

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

a *{ cursor:pointer; }

ul,
ul li{
	margin:0;
	padding:0;
	list-style:none;
}

ol,
ol li{
	margin:0;
	padding:0;
}

h1, h2 {
	font-size:20px;
	margin:0 0 0 0;
	padding:0;
}

h2{
	font-size:12px;
	color:#C0B077;
}

fieldset{
	padding:0;
	margin:0;
}

textarea{
	overflow:auto;
	font-family:Arial;
}

label{
	cursor:pointer;
}


/* SITE OPBOUW */
#site {
	position:relative;
	margin:0 auto;
	width:1000px;
}

#site #top{
	position:relative;
	width:1000px;
	height:175px;
}

#contact a{ text-decoration:none; }
#contact a:hover{ text-decoration:underline; }
#contact span{ color:#F55F23; }

#top h1{
	display:none;
}

#top ul{
	position:absolute;
	top:48px;
	left:299px;
	height:85px;
}

#top ul li{
	width:0;
	white-space:nowrap;
	float:left;
	display:inline;
	margin:0 20px;
}

#top > ul > li{
	width:auto;
}

#top ul li a{
	display:block;
	padding:57px 0 0 0;
	height:28px;
	line-height:28px;
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#40242C;
	text-decoration:none;
	background-image:url(../images/common/sprite-main.png);
}

#top ul li a.signaal{ background-position:-625px -235px; }
#top ul li a.documenten{ background-position:-760px -235px; }
#top ul li a.helpdesk{ background-position:-935px -235px; width:60px; text-align:center; }

#top ul li a.signaal:hover{ background-position:-1025px -235px; }
#top ul li a.documenten:hover{ background-position:-1160px -235px; }
#top ul li a.helpdesk:hover{ background-position:-1335px -235px; }

#logo{
	position:absolute;
	top:0;
	left:-15px;
	width:296px;
	height:175px;
}

#contact{
	position:absolute;
	top:0;
	left:744px;
	width:200px;
	height:78px;
	color:#290419;
	font-size:11px;
	padding:70px 0 0 23px;
	line-height:180%;
	background:url(../images/common/sprite-main.png) no-repeat -382px -172px;
}

#search{
	position:absolute;
	top:9px;
	left:680px;
	width:286px;
	height:23px;
}

#menu{
	position:relative;
	padding:20px 0 160px 35px;
	text-align:right;
	width:196px;
	float:left;
	display:inline;
}

#menu ul{

}

#menu ul li{
	margin:1px 0;
}

#menu ul li a{
	position:relative;
	display:block;
	width:176px;
	height:28px;
	line-height:28px;
	padding:0 20px 0 0;
	text-align:right;
	text-decoration:none;
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#40242C;
}

#menu ul li.active a{
	color:#fff;
	background:url(../images/common/sprite-main.png) no-repeat -886px 0;
}

#menu ul li a:hover{
	text-decoration:underline;
}

#menu #nieuwsbrief{
	position:absolute;
	right:0;
	bottom:30px;
	width:316px;
	height:109px;
	background:url(../images/common/sprite-main.png) no-repeat -382px -60px;
	display:block;
	text-decoration:none;
}

#menu #nieuwsbrief label{
	position:absolute;
	top:27px;
	left:100px;
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#40242C;
}


#menu #nieuwsbrief SPAN {
	position:absolute;
	top:57px;
	left:100px;
	font-family:"Trebuchet MS";
	font-size:11px;
	font-weight:normal;
	color:#40242C;
	display:inline-block;
	text-align:left;
}


#menu .footer {
	position:absolute;
	display:block;
	left:0;
	bottom:0;
	width:211px;
	height:22px;
	line-height:22px;
	color:#A6979D;
	font-size:11px;
	padding:0 20px 0 0;
	text-decoration:none;
}

#menu .footer:hover {
	text-decoration:underline;
}

#breadcrumb{
	margin:0 0 20px 0;
} 

#breadcrumb a{
	display:inline-block;
	font-size:11px;
} 

#breadcrumb span{
	display:inline-block;
	color:#DE652D;
	margin:0 5px;
	font-size:10px;
} 

#breadcrumb h2{
	display:inline-block;
} 

#faq,
#home,
#tekst,
#nieuws,
#documenten{
	position:relative;
	float:left;
	display:inline;
	width:486px;
	padding:25px 227px 100px 50px;
}
div > #faq,
div > #tekst,
div > #documenten{ padding:25px 233px 100px 50px; }

#nieuws{
	width:449px;
	padding:25px 229px 100px 50px;
}
div > #nieuws{ padding:25px 270px 100px 50px; }

#home{
	width:719px;
	padding:300px 0 100px 50px;
}
div > #home{ padding:300px 0 100px 50px; }


/* CONTENT ELEMENTEN */

.content {
	line-height:180%;
}

.content h1{
	margin:0 0 3px 0;
	font-size:12px;
}

.content h2{
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#40242C;
}

.content h3{
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#DE652D;
	margin-bottom:12px;
}

.content h2.kop{
	width:454px;
	padding:25px 0;
	border-top:1px dotted #F55F23;
	margin:0 0 0 -5px;
	text-indent:5px;
}

.content h2.nieuws{
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#DE652D;
	margin:-5px 0 0 0;
}

.content span.datum{
	display:block;
	margin:0 0 20px 0;
	font-size:11px;
}

.content p, .content ul, .content ol, .content table {
	margin:0 0 25px 0;
}

.content ul{
	list-style:disc outside;
	margin:0 0 25px 20px;
}

.content ul li {
	list-style:disc outside;
	padding:0 0 0 5px;
}

.content ol{
	margin:0 0 25px 20px;
}

.content ol li{
	padding:0 0 0 5px;
}

.content strong{
	font-weight:bold;
}

.content a {
	text-decoration:underline;
}

.content a:hover {
	text-decoration:none;
}

/* FORMULIEREN */


.form {
	padding:0;
	margin:0;
	height:auto;
	width:auto;
	border:0;
}

.form UL {
	list-style:none;
}

.form UL LI {
	list-style:none;
	clear:both;
}

.form UL LI LABEL {
	float:left;
	width:120px;
	margin-right:10px;
	line-height:23px;
}

.form UL LI LABEL.required {
}

.form UL LI DIV {
	float:left;
	padding:2px;
	border:1px solid transparent;
	margin-bottom:2px;
}

.form UL LI.reverse DIV {
	margin-left:130px;
}

.form UL LI.reverse LABEL {
	width:350px;
	margin-left:10px;
}


.form UL LI DIV P {
	display:none;
}

.form UL LI DIV.error {
	border:1px solid red;
}

.form UL LI DIV.error P {
	color:red;
	margin-left:10px;
	font-size:11px;
	display:block;
	margin-bottom:0;
	margin-top:4px;
}

.form UL LI A {
	float:left;
	display:block;
	width:13px;
	height:23px;
	background:url(../images/icons/form-info.png) no-repeat;
	margin-left:5px;
}

.form-input {
	border:1px solid #CCCCCC;
	height:14px;
	padding:5px;
	font-size:11px;
	color:#999999;
	width:280px;
	float:none;
}

.form-textarea {
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:11px;
	color:#999999;
	width:280px;
	height:100px;
	float:none;
}

.form-textarea-full {
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:11px;
	color:#999999;
	width:712px;
	height:100px;
	float:none;
}

.form-select {
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:11px;
	color:#999999;
	width:290px;
	float:none;
}

.form-submit {
	background:#FC7215;
	color:white;
	text-align:center;
	padding:4px 10px;
	border:0;
}

.input-nieuwsbrief{
	position:absolute;
	top:51px;
	left:99px;
	width:126px;
	height:15px;
	padding:4px 4px 4px 9px;
	color:#8A7581;
	background:url(../images/common/sprite-main.png) no-repeat -924px -34px;
}

.submit-nieuwsbrief{
	position:absolute;
	top:51px;
	left:238px;
	width:19px;
	height:23px;
	cursor:pointer;
	background:url(../images/common/sprite-main.png) no-repeat -1063px -34px;
}

.input-search{
	width:245px;
	height:15px;
	padding:4px 4px 4px 9px;
	color:#8A7581;
	background:url(../images/common/sprite-main.png) no-repeat -610px -178px;
}

.submit-inloggen {
	float:left;
	color:#DE652D;
	height:23px;
	padding-left:30px;
	margin:15px 25px 0 5px;
	background:url(../images/common/sprite-main.png) no-repeat -2814px -252px;
	background-position:-2814px -280px;
}

.submit-wachtwoord {
	float:left;
	display:block;
	color:#DE652D;
	height:23px;
	padding-left:30px;
	margin:15px 25px 0 5px;
	background:url(../images/common/sprite-main.png) no-repeat -2814px -252px;
	text-decoration:none;
	line-height:23px;
	font-size:11px;
	font-family:"Trebuchet MS";
}

.submit-search{
	position:absolute;
	top:1px;
	left:252px;
	width:28px;
	height:23px;
	cursor:pointer;
	background:url(../images/common/sprite-main.png) no-repeat -868px -178px;
	padding:0;
	margin:0;
}
div > .submit-search{ top:0; }
html > body div > .submit-search{ *top:1px; }

/* TABELLEN */

table{
	width:100%;
}

table tr td{ 
	height:30px;
	line-height:30px;
}

table tr.even td{
	background:#F7F7F7;
	border-top:1px dotted #C1C1C1;
	border-bottom:1px dotted #C1C1C1;
}

table tr td.first{ 
	padding:0 0 0 25px;
}

table tr td.last{ 
	padding:0 145px 0 0;
	text-align:right;
}

/* HULPELEMENTEN */

.clear {
	clear:both;
	overflow:hidden;
	height:0;
	width:0;
}

.horline{
	height:1px;
	width:100%;
	background:#E1DDCB;
	margin-bottom:50px;
	overflow:hidden;
}

.inline{
	float:left;
	margin:0 25px 25px 0;
	display:inline;
    width:auto;
}

.hide{
	display:none;
}

.left{
	float:left;
	display:inline;
	width:350px;
}

.right{
	float:right;
	display:inline;
	width:350px;
}

label.categorie{
	position:relative;
	display:block;
	width:481px;
	height:31px;
	line-height:31px;
 	background:url(../images/common/sprite-main.png) no-repeat -1408px -272px; 
	margin:0 0 25px -5px;
	text-indent:5px;
	z-index:5;
}

label.categorie select{
	position:absolute;
	top:4px;
	left:205px;
	width:272px;
}

ul.faq,
ul.related,
ul.archief,
ul.documenten{
	margin:0 0 0 -5px;
}

ul.faq li,
ul.related li,
ul.archief li,
ul.documenten li{
	position:relative;
	list-style:none;
	margin:1px 0;
	padding:0;
}

ul.faq li a,
ul.related li a,
ul.archief li a,
ul.documenten li a{
	position:relative;
	display:block;
	width:495px;
	height:28px;
	line-height:28px;
	color:#290419;
	text-decoration:none;
	text-indent:18px;
}

ul.archief li a{ width:454px; }
ul.documenten li a{ text-indent:38px; }

ul.archief li a:hover{ text-decoration:underline; }
ul.documenten li a:hover{ background:url(../images/common/sprite-main.png) no-repeat -382px -30px; }

ul.faq li.odd a.q{ background:url(../images/common/sprite-main.png) no-repeat -382px -30px; }
ul.related li.odd a{ background:url(../images/common/sprite-main.png) no-repeat -382px -30px; }
ul.archief li.odd a{ background:url(../images/common/sprite-main.png) no-repeat -382px 0; }

ul.faq li li{
	list-style:disc outside;
	padding:0 0 0 5px;
}

ul.faq li .answer{
	display:none;
	color:#F55F23;
	padding:8px 30px 0px 18px;
}

ul.faq li.active{
	border:1px solid #EABAA2;
	margin:15px 0;
}

ul.faq li.active a.q{
	color:#F55F23;
	font-weight:bold;
	background:none;
}
ul.faq li.active .answer{
	display:block;
}

ul.faq li a.q span,
ul.related li a span,
ul.documenten li a span{
	position:absolute;
	top:4px;
	left:446px;
	display:inline-block;
	width:23px;
	height:21px;
 	background:url(../images/common/sprite-main.png) no-repeat 0 -5px; 
}

ul.faq li a.q span{
	width:21px;
	height:23px;
 	background:url(../images/common/sprite-main.png) no-repeat -2px -80px; 
}

ul.documenten li a span.pdf{
	top:5px;
	left:12px;
	width:18px;
	height:18px;
	background:url(../images/common/sprite-main.png) no-repeat -2px -32px;
}
 
ul.documenten li a span.download{
	top:7px;
	left:460px;
	width:15px;
	height:14px;
	background:url(../images/common/sprite-main.png) no-repeat -3px -58px;
	text-indent:0;
}

ul.documenten li a strong{
	position:absolute;
	top:0;
	left:359px;
	color:#FF5617;
	font-size:11px;
}
 
ul.home{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

ul.home li{
	list-style:none;
	float:left;
	display:inline;
	margin:0 23px 0 0;
	padding:0;
	width:220px;
}

ul.home li.last{
	margin:0;
}

ul.home li a,
ul.home li strong{
	display:block;
}


/*	FACTS	*/


#facts {
	width:745px;
	height:32px;
	overflow:hidden;
	line-height:32px;
	color:#333333;
	margin-bottom:20px;
	padding:0;
}

#facts UL {
	position:absolute;
	width:100%;
	height:32px;
	margin:0;
	overflow:hidden;
}

#facts UL LI {
	margin:0;
	position:absolute;
	width:665px;
	padding:0 40px;
	height:100%;
	list-style:none;
    z-index:8;
	line-height:32px;
	background:url(../images/backgrounds/facts.png) no-repeat;
}

#facts UL LI.active {
    z-index:10;
}

#facts UL LI.last-active {
    z-index:9;
}



#dummy{
	position:absolute;
	top:10px;
	left:564px;
	width:319px;
	height:0;
	line-height:0;
} 

#submenu,
#recent-nieuws{
	position:absolute;
	top:10px;
	left:564px;
	width:319px;
	padding:20px 0 32px 0;
	background:url(../images/common/sprite-main.png) repeat-y -26px 0;
}

#recent-nieuws{
	left:531px;
	width:353px;
}

#submenu h2,
#recent-nieuws h2{
	margin:0 0 13px 26px;
}

#submenu ul,
#recent-nieuws ul{
	margin:0;
}

#submenu ul li,
#recent-nieuws ul li{
	list-style:none;
	margin:1px 0;
	padding:0;
}

#submenu ul li a,
#recent-nieuws ul li a{
	position:relative;
	display:block;
	width:196px;
	height:29px;
	line-height:29px;
	text-indent:28px;
	overflow:hidden;
}

#recent-nieuws ul li a{
	width:214px;
	height:59px;
	padding:15px 20px 15px 25px;
	text-indent:0;
	text-decoration:none;	
	color:#290419;
	line-height:180%;
}

#submenu ul.categorien li a{
	text-indent:53px;
	width:191px;
}

#recent-nieuws ul li a strong{
	display:block;
	color:#DE652D;
}

#recent-nieuws ul li a:hover strong{
	text-decoration:underline;
}


#submenu ul li.active a,
#recent-nieuws ul li.active a{
	color:#290419;
	text-decoration:none;
	background:url(../images/common/sprite-main.png) no-repeat -611px -202px;
}

#recent-nieuws ul li.active a{
	background:url(../images/common/sprite-main.png) no-repeat -863px -87px;
}

#submenu ul.categorien li.active a{
	background:url(../images/common/sprite-main.png) no-repeat -617px -202px;
}

#submenu ul.categorien li a span{
	position:absolute;
	top:7px;
	left:28px;
	width:16px;
	height:13px;
	background:url(../images/common/sprite-main.png) no-repeat -4px -130px;
}

#submenu ul.categorien li.active a span{
	background:url(../images/common/sprite-main.png) no-repeat -4px -109px;
}

#submenu p{
	padding:0 0 0 26px;
	width:179px;
}

#submenu span.top,
#submenu span.bottom,
#recent-nieuws span.top,
#recent-nieuws span.bottom{
	position:absolute;
	left:0;
	display:block;
	width:100%;
	height:10px;
	overflow:hidden;
	background-image:url(../images/common/sprite-main.png); 
}

#submenu .top,
#recent-nieuws .top{
	top:-10px;
	background-position:-1569px -308px;
}

#recent-nieuws .top{
	background-position:-729px -61px;
}

#submenu .bottom,
#recent-nieuws .bottom{
	bottom:-10px;
	background-position:-1569px -320px;
}

#recent-nieuws .bottom{
	background-position:-729px -74px;
}

#banner{
	position:absolute;
	display:block;
	bottom:-146px;
	left:10px;
	width:160px;
	height:123px;
 	background:url(../images/common/sprite-main.png) no-repeat -2201px 0; 
}

#banner img{
	width:160px;
	height:123px;
}

#header{
	position:absolute;
	top:0;
	left:50px;
	width:745px;
	height:270px;
	background:url(../images/temp/header.jpg) no-repeat left top;
	background:none;
	overflow:hidden;
}

#header .cycle{
	position:absolute;
	top:0;
	left:0;
	height:270px;
}

#header ul{
	position:relative;
	margin:0;
	padding:16px 0 0 0;
	width:745px;
	height:254px;
 	background:url(../images/common/sprite-main.png) no-repeat -1455px 0; 
	z-index:500;
}

#header ul li{
	padding:0;
	margin:4px 0 5px 438px;
	list-style:none;
}

#header ul li a{
	display:block;
	width:220px;
	height:46px;
	color:#290419;
	padding:5px 60px 0 50px;
	text-decoration:none;
}

#header ul li.active a{
 	background:url(../images/common/sprite-main.gif) no-repeat -1894px -272px; 
}

#header ul li.active > a{
 	background:url(../images/common/sprite-main.png) no-repeat -1894px -272px; 
}

#header ul li a strong{
	color:#DE652D;
	font-weight:bold;
}

.tl, .tr, .bl, .br{
	position:absolute;
	display:block;
	width:6px;
	height:6px;
	line-height:0;
	background-color:#fff;
 	background-image:url(../images/common/sprite-main.png);
	background-repeat:no-repeat;
	
}

.tl{ top:-1px; left:-1px; background-position:-382px -326px; }
.tr{ top:-1px; right:-1px; background-position:-388px -326px; }
.bl{ bottom:-1px; left:-1px; background-position:-394px -326px; }
.br{ bottom:-1px; right:-1px; background-position:-400px -326px; }

#results{
	width:481px;
	height:31px;
	line-height:31px;
 	background:url(../images/common/sprite-main.png) no-repeat -2203px -250px; 
	margin:0 0 25px -5px;
	text-indent:5px;
}

#ingelogd{
	position:absolute;
	top:15px;
	right:341px;
	color:#8A7581;
	font-size:11px;
}

#screen{
	position:absolute;
	display:none;
	top:200px;
	left:50%;
	width:430px;
	height:141px;
	padding:78px 23px 0 23px;
	margin:0 0 0 -238px;
 	background:url(../images/common/sprite-main.png) no-repeat -2363px 0; 
	cursor:pointer;
	z-index:990;
}

#screen-bg{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:900;
}

#screen h2, #screen .close{
	position:absolute;
	display:block;
	top:25px;
	height:28px;
	line-height:28px;
}

#screen h2{
	width:246px;
 	left:0;
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-indent:20px;
	background:url(../images/common/sprite-main.png) no-repeat -2592px -220px;
}

#screen .close{
	width:33px;
 	right:0;
	background:url(../images/common/sprite-main.png) no-repeat -2328px -125px;
 }
 

#screen ul.form{
	list-style:none;
	list-style-image:none;
	margin:20px 0 0 0;
	padding:0;
}

#screen ul.form li{
	list-style:none;
	list-style-image:none;
	margin:0 0 5px 0;
	padding:0;
	width:425px;
}

#screen ul.form li.space{ 
	margin:30px 0 5px 0;
}

#screen ul.form li label{
	position:relative;
	width:125px;
	clear:left;
	float:left;
	display:inline;
	line-height:24px;
	cursor:pointer;
}

#screen ul.form li label span{
	display:none;
}

#screen .input-text {
	width:300px;
	height:15px;
	padding:4px;
	font-size:11px;
	color:#999;
	background:url(../images/common/sprite-main.png) no-repeat -2201px -220px;
}