/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist {
    font: 11px "Lucida Grande", Verdana;
    cursor: text;
    width: 100%;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #D6D6D6;
    background-color: white;
}
.textboxlist input{
    border:0px;
    margin-top: -2px;
}                    
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 0px 0; *padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 0 0 3px; cursor: default; }
.textboxlist-bit-editable { border: 0px; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #CAD8F3; background: #DEE7F8; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.textboxlist-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

/*  TextboxList Style guidelines 
			This style doesn't necessarily have to be in a separate file. 
			It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
			The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency. 
			The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
			The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
			The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
			Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
			Feel free to edit the borders, fonts, backgrounds and radius.		
*//* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }

/*  TextboxList.Autocomplete Style guidelines 
			Try to keep .textboxlist-autocomplete {} as it is now
			If you apply custom styles to placeholder, also apply them to results, like it is now.
			.textboxlist-autocomplete-result {} needs a background for IE.
*/html {
    overflow-y: scroll;
    
}


body {
	font-size: 14px;
	line-height: 22px;
	font-family: 'Istok Web';
	margin:0px;
	padding:0px;
	z-index:1;
	background: #f0efef !important;
	color: #3e3e3e;
}
 
*:focus 
{ 
  -moz-outline: 0 !important; 
}
 
input{
	border: 1px solid #d8d8d8;
}
 
h1{
	margin: 0px;
	font-size: 26px;
	color: #225C36;
}
 
h2{
	font-size: 18px;
	color: #E5302E;

}
 
h3{
	color: #225C36;
	font-size: 18px;
}
 
h4{
	margin: 0px;
	font-size: 26px;
	color: #E1001A;
}

#koptekst{
    color: #E1001A;
}

#subtekst{
    color: #003E67;
}
 
 
#container {
	background-image:url('../images/achtergrond.gif');
	margin:0pt auto;
	text-align:left;
	width:1003px;
} 
 
#header {
	background-image:url('../images/header.gif');
	background-repeat: no-repeat;
	height:175px;
	width:1003px;
}
 
#header_logo{
	float: right;
	margin-top: 50px;
	margin-right: 30px;
}

#header_image{
	float: left;
	margin-top: 24px;
	margin-left: 17px;
	width: 689px;
	height: 177px;
}

#header_image img {
	display:block; 
	position:absolute; 
}

#menu{
clear: both;
height: 40px;

}

#menutop{
	float: right;
	margin-top: 5px;
	margin-right: 22px;
}
  

#content{
	clear: both;
}
 
#columnleft{
	width: 228px;
	float: left;
	padding-left: 40px;
	padding-right: 20px;
	/* padding-top: 12px; */
	border-right: solid 1px #EDEDED;
}
 
#columnright{
	float:left;
	padding-left:21px;
	padding-top:10px; 
	width:600px;
	min-height: 600px;
}
 
#columnfull{
	padding-left: 50px;
	padding-right: 20px;
	padding-top: 12px;
}

#footer_logo{
	background-image: url('../images/footer_logo.png');
	background-repeat: no-repeat;
	height: 222px;
	width: 391px;
	margin-top: -210px;
}

#footer_columnleft{
	width: 288px;
	float: left;
}
 
#footer_columnright{
	float:left;
	width:600px;
}

#footer_naam{
	background-image: url('../images/footer_naam.png');
	background-repeat: no-repeat;
	height: 26px;
	width: 231px;
	margin-top: -12px;
	margin-left: 36px;
}


#content_footer {
	clear: both;
	height:222px;
	width:1003px;
}


#footer {
	clear: both;
	background-image:url('../images/footer.gif');
	background-repeat: no-repeat;
	height:36px;
	width:1003px;
	z-index: -100;
}
#footer * {
	z-index: -100;
}
 
img {
	border: 0px;
}
  
#footertext {
	color:#C6C6C6;
	font-family:sans-serif;
	font-size:11px;
	/*margin-top: -7px;*/
	text-align:center;	
	background-color: white;
	margin:0pt auto;
	width:1003px;
	padding-bottom: 10px;
}
 
#footertext a{
	color:#C6C6C6;
}
 
a{
	color:#6f6f6f;
	text-decoration: underline;
        outline: 0;
}
 
a:hover{
	color:#6f6f6f;
	text-decoration: underline;
}


.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -2000px;
	height: 35px;
	background-repeat: no-repeat;
}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.button1 {background-image: url('../images/button1_over.png'); width: 144px;}
.button1 a {background-image: url('../images/button1.png');}
.button2 {background-image: url('../images/button2_over.png'); width: 138px;}
.button2 a {background-image: url('../images/button2.png');}
.button3 {background-image: url('../images/button3_over.png'); width: 137px;}
.button3 a {background-image: url('../images/button3.png');}
.button4 {background-image: url('../images/button4_over.png'); width: 136px;}
.button4 a {background-image: url('../images/button4.png');}
.button5 {background-image: url('../images/button5_over.png'); width: 138px;}
.button5 a {background-image: url('../images/button5.png');}

.button1_current {background-image: url('../images/button1_current.png'); width: 144px;}
.button2_current {background-image: url('../images/button2_current.png'); width: 138px;}
.button3_current {background-image: url('../images/button3_current.png'); width: 137px;}
.button4_current {background-image: url('../images/button4_current.png'); width: 136px;}
.button5_current {background-image: url('../images/button5_current.png'); width: 138px;}


.sidemenu {
	margin: 0;
	padding: 0;
	width: 233px;
	list-style: none;
	background: #fff;
}
.sidemenu li {
	padding: 0;
	margin: 0;
	height: 36px;
	list-style: none;
	background-repeat: no-repeat;
}
.sidemenu li a, .sidemenu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 36px;
	background-repeat: no-repeat;
}
ul.sidemenu li a:hover {background: none;}

.side_button1 {background-image: url('../images/side_button1_over.png'); width: 233px;}
.side_button1 a {background-image: url('../images/side_button1.png');}
.side_button2 {background-image: url('../images/side_button2_over.png'); width: 233px;}
.side_button2 a {background-image: url('../images/side_button2.png');}
.side_button3 {background-image: url('../images/side_button3_over.png'); width: 233px;}
.side_button3 a {background-image: url('../images/side_button3.png');}
.side_button4 {background-image: url('../images/side_button4_over.png'); width: 233px;}
.side_button4 a {background-image: url('../images/side_button4.png');}

.side_button5 {background-image: url('../images/side_button5_over.png'); width: 233px;}
.side_button5 a {background-image: url('../images/side_button5.png');}
.side_button6 {background-image: url('../images/side_button6_over.png'); width: 233px;}
.side_button6 a {background-image: url('../images/side_button6.png');}
.side_button7 {background-image: url('../images/side_button7_over.png'); width: 233px;}
.side_button7 a {background-image: url('../images/side_button7.png');}
.side_button8 {background-image: url('../images/side_button8_over.png'); width: 233px;}
.side_button8 a {background-image: url('../images/side_button8.png');}
.side_button9 {background-image: url('../images/side_button9_over.png'); width: 233px;}
.side_button9 a {background-image: url('../images/side_button9.png');}

.side_button10 {background-image: url('../images/side_button10_over.png'); width: 233px;}
.side_button10 a {background-image: url('../images/side_button10.png');}
.side_button11{background-image: url('../images/side_button11_over.png'); width: 233px;}
.side_button11 a {background-image: url('../images/side_button11.png');}

.side_button1_current {background-image: url('../images/side_button1_current.png'); width: 233px;}
.side_button2_current {background-image: url('../images/side_button2_current.png'); width: 233px;}
.side_button3_current {background-image: url('../images/side_button3_current.png'); width: 233px;}
.side_button4_current {background-image: url('../images/side_button4_current.png'); width: 233px;}

.side_button5_current {background-image: url('../images/side_button5_current.png'); width: 233px;}
.side_button6_current {background-image: url('../images/side_button6_current.png'); width: 233px;}
.side_button7_current {background-image: url('../images/side_button7_current.png'); width: 233px;}
.side_button8_current {background-image: url('../images/side_button8_current.png'); width: 233px;}
.side_button9_current {background-image: url('../images/side_button9_current.png'); width: 233px;}

.side_button10_current {background-image: url('../images/side_button10_current.png'); width: 233px;}
.side_button11_current {background-image: url('../images/side_button11_current.png'); width: 233px;}

/*
 * Form fields
 */

.Form{
	background-color: #F0FAF3;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:10px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: 50px;
	float:left;
	width: 600px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


.Form2{
	background-color: #F7F0F0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:10px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: 50px;
	float:left;
	width: 600px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.Forminputcontainer{
	clear:left;
}
.Forminputcontainerlabel{
	width: 100px;
	float: left;
	padding-top:5px;
	font-weight: bold;
	padding-right:10px;
}
.Forminputgroup{
	float:left;
	padding-bottom:10px;
}
.Forminputdropdown,
.Forminputstring,
.Forminputtelephone,
.Forminputgeboortedatum,
.Forminputemail,
.Forminputdate,
.Forminputmoney{
	float:left;
	padding-bottom:20px;
	padding-right: 20px;
	width: 150px;
}
.Forminputmarkdown{
	float:left;
	padding-bottom:20px;
	padding-right: 20px;
	width: 560px;
}
.Forminputdropdown select{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:4px;
	border:1px solid #D6D6D6;
	width: 100%;
}
.Forminputdropdown select:focus,
.Forminputstring input:focus,
.Forminputtelephone input:focus,
.Forminputgeboortedatum input:focus,
.Forminputemail input:focus,
.Forminputdate input:focus,
.Forminputmarkdown input:focus,
.Forminputmoney input:focus{
	/* background-color: lightyellow; */
}
.Forminputgroup .Forminputdropdown,
.Forminputgroup .Forminputstring,
.Forminputgroup .Forminputtelephone,
.Forminputgroup .Forminputgeboortedatum,
.Forminputgroup .Forminputemail,
.Forminputgroup .Forminputdate,
.Forminputgroup .Forminputmarkdown,
.Forminputgroup .Forminputmoney{
	padding-bottom:10px;
}
.Forminputstring input,
.Forminputtelephone input,
.Forminputgeboortedatum input,
.Forminputemail input,
.Forminputdate input,
.Forminputmarkdown textarea,
.Forminputmoney input{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px;
	border:1px solid #D6D6D6;
	width: 100%;
}
.Forminputmarkdown textarea{
	height: 60px;
}

.Form h3 {
	clear: both;
}

.subtitle{
	font-size: 11px;
	color: gray;
}

.validation-failed {
	background: #fee !important;
	border-color: #f88 !important;
}

.infotext {
	background: #e9eeff;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
    border: 1px solid #D6D6D6;
    padding: 15px;
    margin-bottom: 6px;
}

.Formbuttons {
	clear: both;
	display: block;
	float: right;
	margin-top: 30px;
}
button {
	color: #555555;
	margin-left:5px;
	background:-moz-linear-gradient(90deg, #DBDBDB, #FEFEFE 90%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DBDBDB));
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-color:#D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
	border-right:1px solid #B4B4B4;
	border-style:solid;
	border-width:1px;
	display:block;
	float:right;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	line-height:100%;
	min-width:99px;
	padding:3px 12px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px rgba(255, 255, 255, 0.75);
	text-transform:uppercase;
	margin-bottom: 20px;
	overflow: visible;
	white-space: pre;
}
button:disabled {
	color:#aaa;
}
button:active {
	background:#F7F7F7;
	border-color:#B4B4B4;
	color:#333333;
}

.meerprijs {
	float: right;
	margin-top: 4px;
}

@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: local('Istok Web Bold'), local('IstokWeb-Bold'), url(https://themes.googleusercontent.com/static/fonts/istokweb/v5/2koEo4AKFSvK4B52O_MwanhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  src: local('Istok Web Regular'), local('IstokWeb-Regular'), url(https://themes.googleusercontent.com/static/fonts/istokweb/v5/EvPKapBawcLZ3hbihjhqAT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.container {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;

    min-height: 500px;
    margin-top: -350px;

    width: 600px;
    margin-left: -300px;
	
	overflow: hidden;
	background: #dce8de;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cacaca;
	box-shadow: inset 0 0 0 1px white;
	padding: 20px;

}