/*Typo ---------------------------*/

.blauw {color: #27288b;}
.oranje {color: #F28801;}

body {
font-family: Arial, Verdana;
font-size: 11px;
color: #000;
}

a {
outline: none;
}

p {
line-height: 14px;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
text-align: justify;
}



p a, ul a, ol a  {
color: #27288b;
}

p a:visited, ul a:visited, ol a:visited {
color: #000;
}

p a:hover, ul a:hover, ol a:hover {
color: #F28801;
}

p strong {
font-size: 12px;
}

em.inleiding {
font-size: 17px;
color: #fff;
line-height: 19px;
font-style: normal;
}

h1 {
text-align: left;
font-size: 30px;
color: #27288b;
line-height: 30px;
padding: 0px;
margin: 0px;
margin-top: 5px;
margin-bottom: 15px;
}

h2 {
text-align: left;
font-size: 15px;
color: #27288b;
line-height: 18px;
padding: 0px;
margin: 0px;
}

h3 {
text-align: left;
font-size: 12px;
color: #27288b;
padding: 0px;
margin: 0px;
}

.faq {
text-align: left;
font-size: 13px;
color: #27288b;
line-height: 18px;
text-decoration: underline;
margin-bottom: 6px;
}

.faq:hover {
color: #F28801;
}

/*TESTIMONAIL ------- */
a.testimonial {
text-decoration: none;
}

b,
a.testimonial:hover {
color: #F28801;
}

/*SUBNAV ------- */
h2.active {
color: #F28801;
font-size: 12px;
margin-left: -4px;
margin-top: 5px;
}

h2.active:after {
content: ':'; }

#subnav ul {
padding: 0px;
margin: 0px;
list-style:disc;
color: #F28801;
}

#subnav ul li a {
color: #F28801;
line-height: 20px;
margin-left: -3px;
}

#subnav ul li a:hover,
#subnav ul li.active a,
#subnav ul .active {
color: #27288b;
list-style:disc;
}

/*PREVNEXT TESTIMONIALS ------- */
.PrevNextMenu {
margin-top: -25px;
margin-left: -12px;
}

.PrevNextMenu a {
text-decoration: none;
color: #27288b;
}

.PrevNextMenu a:hover {
color: #F28801;
}

.PrevNextMenu a b {
color: #F28801;
font-size: 15px;
}

/*ADRES ------- */
#home_adres,
#adres {
color: #999;
font-size: 10px;
}

#home_adres b,
#adres b {
color: #666;
}

/*HOME KNOPPEN ------- */
#home_knoppen a {
display: block;
width: 175px;
height: 160px;
color: #000;
float: left;
overflow: hidden;
text-decoration: none;
background-image:url('/gfx/home_knoppen.gif');
}

#home_knoppen .criteria a:hover {
background-position: 0px -158px;
}

#home_knoppen .downloaden a {
background-position: 170px 0px;
}

#home_knoppen .downloaden a:hover {
background-position: 170px -158px;
}

#home_knoppen .aanvragen a {
background-position: 355px 0px;
}

#home_knoppen .aanvragen a:hover {
background-position: 355px -158px;
}

/*BASIC KNOPPEN ------- */
#basic_knoppen ul {
padding: 0px;
margin: 0px;
list-style-type:none;
font-size: 0px;
}

#basic_knoppen ul li a {
display: block;
width: 160px;
height: 87px;
color: #fff;
text-decoration: none;
background-image:url('/gfx/basic_knoppen.gif');
}

#basic_knoppen .criteria ul li a:hover,
#basic_knoppen .criteria ul li.active a {
background-position: -162px 0px;
}

#basic_knoppen .aanvragen ul li a {
background-position: 0px -88px;
}

#basic_knoppen .aanvragen ul li a:hover,
#basic_knoppen .aanvragen ul li.active a {
background-position: -162px -88px;
}

#basic_knoppen .downloaden ul li a {
background-position: 0px -170px;
}

#basic_knoppen .downloaden ul li a:hover,
#basic_knoppen .downloaden ul li.active a {
background-position: -162px -170px;
}

/*NIEUWS ------- */

#text img {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

/*FOOTER FAQ ------- */

.footer ul {
padding: 0px;
margin: 0px;
list-style: none;
}

.footer ul li {
display: inline;
margin-right: 15px;
text-transform:lowercase;
}

.footer ul li a {
color: #999;
font-size: 11px;
}

.footer ul li a:hover {
color: #27288b;
} 

/*ROUTEBESCHRIJVING ------- */
#directions a {
color: #000;
}

#directions .totaal {
font-weight: bold;
} 

/*FORMULIEREN ------- */

label{
float:left;
width:150px;
}

#formulier {
text-align: left;
}

#formulier strong {
color: #F28801;
}

#formulier strong.error {
font-size: 11px;
color: #27288b;
}

#formulier .errors {
margin-top:30px;
}

#formulier input,
#content input {
font-family: Arial, Helvetica;
border: 1px solid #27288b;
color: #000;
width: 225px;
height: 12px;
margin-bottom: 3px;
font-size: 11px;
text-indent: 2px;
}

#formulier .formbutton,
#content .formbutton {
font-family: Arial, Helvetica;
background-color: #27288b;
border: 1px solid #27288b;
width: 232px;
height: 20px;
font-size: 11px;
color: #fff;
text-align: center;
cursor: pointer;
}

#formulier .formbutton:hover,
#content .formbutton:hover {
background-color: #F28801;
color: #fff;
}

#formulier textarea {
font-family: Arial, Helvetica;
border: 1px solid #27288b;
color: #000;
width: 230px;
height: 100px;
overflow: auto;
margin-bottom: 3px;
font-size: 11px;
text-indent: 2px;
}

#formulier select {
font-family: Arial, Helvetica;
border: 1px solid #27288b;
color: #000;
width: 227px;
*width: 229px;
height: 18px;
margin-bottom: 3px;
font-size: 11px;
}


/*RADIO BUTTONS ---- */
.radio_opties {
width: 225px;
height: 20px;
margin-left: 150px;
}

#formulier .radio_opties input,
.radio_opties .radio {
width: 20px;
float: left;
display: inline;
border: 0px;
}

.radio_opties .text{
width: 20px;
float: left;
}


/*RADIO BUTTONS STAP3 ---- */
.radio_opties_stap3 {
width: 400px;
height: 100px;
}

#formulier .radio_opties_stap3 input,
.radio_opties .radio {
width: 20px;
float: left;
display: inline;
border: 0px;
}

.radio_opties_stap3 .text{
width: 370px;
float: left;
height: 30px;
}


/*RADIO BUTTONS STAP4 ---- */
.radio_opties_stap4 {
width: 400px;
height: 40px;
}

#formulier input.bkr {
width: 20px;
border: 0px;}

#formulier .radio_opties_stap4 input,
.radio_opties .radio {
width: 20px;
float: left;
display: inline;
border: 0px;
}

.radio_opties_stap4 .text{
width: 20px;
float: left;
}


.stap {
font-size: 18px;
color: #F28801;
}

.stap_kop {
font-size: 18px;
color: #27288b;
}

#formulier strong {
font-size: 13px;
}

#formulier ul {
padding:0;
margin:0;
list-style-type:none;
}

#stap5 label {
height: 15px;
width: 200px;
margin-top: 4px;
}

#stap5 #Document1_omschrijving {
height: 12px;
}

#stap5 .file {
font-family: Arial, Helvetica;
border: 1px solid #27288b;
color: #000;
width: 230px;
height: 22px;
margin-bottom: 3px;
font-size: 11px;
text-indent: 2px;
margin-left: -2px;
}

#stap5 div {
margin-top:25px;
}

/*STAPPEN KNOPPEN ---- */

.hidden {display:none}

.volgendestap,
.vorigestap {
margin-top: 10px;
margin-right: 25px;
border:1px solid;
padding: 0px 15px 3px 15px;
background-color: #F28801;
cursor:pointer;
float: right;
}

.vorigestap {
float: left;
margin-right: 0px;
}

.volgendestap:hover,
.vorigestap:hover {
background-color: #F28801;
color: #fff;
cursor: pointer;
}

/*HOME TESTIMONIAL FADE ---- */
#loopContainer {
display:block;
float:left;
clear:both;
width:721px;
height:241px;
position:relative;
overflow:hidden;
}

#loopContainer .paginationButtons {
z-index:10;
display:block;
position:absolute;
bottom:0;
right:0;
width:225px;
height:25px;
}

.paginationButtons .button {
display:block;
float:left;
clear:none;
width:50px;
height:25px;
margin-left:3px;
line-height:20px;
padding-left:2px;
cursor:pointer;
text-align:center;
font-family:verdana;
font-size:11px;
color:red;
}

#loopContainer .loopItem {
display:block;
position:absolute;
top:0;
left:0;
width:721px;
height:241px;
background:transparent no-repeat top left;
cursor:pointer;
}

.sefLink {
display:none;
}

/*****DatePicker******/

.dp_container{
position: relative;
padding: 0;
z-index: 500;
background-color:#fff
}

.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width:240px;
	top: 0px;
	left: 150px;
	margin: 0px 0px 3px 0px;
}

.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;

}

.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
width: 200px
}

.dp_cal select option{
	padding: 1px 3px;
width: 200px
}

.dp_cal th, .dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}

.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}

.dp_cal td{
	cursor: pointer;
}

.dp_cal thead th{
	background: #d9eefc;
}

.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}

/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}

.dp_empty{
	background: #eee;
}

.dp_today{
	background: #daf2e6;
}

.dp_selected{
	color: #fff;
	background: #328dcf;
}