/*html, body {  li,ul,*/
html, body {      
	height: 100%;
	/*background: url("../back/bg.png") repeat-x scroll 0px 0px  !important;*/
	background-color: #FFF !important;
	text-align: left !important;
	font-family: "Trebuchet MS", sans-serif !important; 
	font-size: 11pt !important;
	line-height: 1.6em !important;
    color: #333333 !important;
}
body {
	margin: 0 auto;
	padding: 0;
}
/* scrollbar bg in firefox 2.03*/
html {overflow: -moz-scrollbars-vertical;}
html {overflow-y: scroll;}

/*------------------------------ Start layout default-----------------------------*/

/*--------------------Responsive Template------------------*/
#wrap{
min-height:100%;
}
	.main_content{
		margin: 6px auto;
		width: auto;
		max-width: 1230px;
		overflow:auto;
		padding-bottom: 140px;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #ffffff !important;
	}

	#header{
		max-width:1230px !important;
		margin:0 auto;
		/*background-color: #e4d2ba !important;*/
	}
		}
	#header1{
		max-width:1230px !important;
		margin:0 auto;
		/*background-color: #e4d2ba !important;*/
	}
	.logo{
		position:relative;
		width:100% ;
		max-width:100px ;
		padding: 5px 0px 10px 0px;
		color:#000;
		
	}
	.logosmall{
		position:relative;
		width:60px !important;
		padding: 0px 0px 0px 0px;
		color:#000;
	}
	
#topright{ 
	margin: 0px 30px 0px 0px;
	color: #10325D;
	font-weight: bold;
	font-size: 11pt;
	float: right;
	text-align: right;
	}

	#rechts{ position:relative;
	margin: 0px 30px 0px 0px;
	float: right;
	text-align: right;
	display:inline;
	}
	
	/*   menu top */
	
#menu {
	display:inline;
	margin:0 auto;
	width: 1230px;
	min-height: 40px;
	padding: 0;
	font-weight: normal !important;
}
.has-form{
background-color:#53493f !important;
}
.has-form .search{
height:28px;
}
		
		/*   Mobile menu nav top */
	
	.nav-bar {
		background:#023A7A !important;
		max-width:100% !important;
		border-bottom: 5px solid #F7A600 !important;
	}
	.top-bar{
		max-width:1174px !important;
		background:#023A7A !important;
		margin:0 auto !important;
		text-transform: uppercase;
	}
    .top-bar-section ul li:hover > a {
		background: #F7A600!important;
		color: white !important; 
		text-transform: uppercase;
	}
	.top-bar-section ul li.active > a {
		background: #F7A600! important;
		color: white !important; 
		
	}
    .top-bar-section ul li.active > a:hover {
		background: #F7A600! important; 
	}
	.top-bar-section .has-dropdown{
		z-index:201;
	}
	.top-bar-section ul li > a {
   	font-family: Arial !important; 
	font-size: 11pt !important;
	font-weight: bold !important;
	}
	
	.top-bar-section right ul li > a {
   	float: right !important;
	text-align: right !important;
	display:inline !important;
	}
	
	/* End Mobile menu nav top */
	
	/* Footer */
	
	/* Footer */
	
	footer {
		width:100%;
		background-color:#023A7A;
		position: relative;
		margin-top: -129px; /* negative value of footer height */
		min-height: 129px;
		clear:both;
		overflow:hidden;		
	}
	footer .container{
		margin:0 auto;
		max-width:1260px;
		min-height:90px;
		color:#FFF;
		margin-top:-10px;
		padding:0px 10px 15px 10px;
	
	}
	footer .bottom-container{
		width:100%;
		overflow:hidden;
	}
	footer .copyright{
	    margin:0 auto;
		text-align:center;
		max-width:1260px;
		height:40px;
		line-height:40px;
		color:#FFF;
		font-size:0.6em;
		padding:0px 10px 0px 10px;
	}
	
	footer .copyright a{color:#FFF;}
		
	footer .copyright a:hover{	color:#FFF;text-decoration: underline;}
	
	footer .small{text-align:left;line-height: 1.4em;font-family: arial, verdana;font-size: 11px;color: #fff !important;}
	footer .small a{color: #fff !important;}
	footer .small a:hover{	color: #ccc !important;text-decoration: underline;}
	
	footer .footer .column {
		float: left;
		width: 50px;
		margin-left:10px;
		margin-right:10px;
		margin-top:50px;
		text-align:left;
	}
	footer .footer .colhead {
	width: 170px;	
	color:#ffffff;
	font-size: 15px;  
	line-height: 1.2em
	}
	footer .footer .column ul {
		margin:0;
		padding:0;
	}
	footer .footer .column ul li {
		margin-bottom: 3px;
		list-style:none;
		line-height: 1.0em !important;
	}
	footer .footer .column a {
		/*background: url("../images/header-li-bullet.png") no-repeat scroll left center transparent;*/
		color:#ffffff;
		font-size: 10px;
		padding-left: 15px;
		text-decoration: none;
	}
	footer .footer .column a:hover {text-decoration: underline;	}
	footer .social_menu{float:right; width: 250px; margin-top: 15px;}
	footer .social_menu1{float:left; width: 250px; margin-top: 0px;}
	footer .social_menu ul li {float:right; display:inline;list-style-type:none; padding: 0 0 0 0; margin: 0 0 0 0;}
	footer .social_menu .colhead {color:#0f75bc}
	footer .social_menu li{width:35px;}
	
	
/*------------------------------------- css responsive end ----------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.rcatalogbox {max-width: 100%;padding:10px; overflow:hidden;}
.rformbox {float:left; max-width: 350px;padding:10px; margin-right:5px; margin-bottom:10px;}
.roffertebox {float:left; max-width: 625px;padding:10px; margin-right:5px; margin-bottom:5px;}

/*------- Contact pagina -------*/
.contact_form{float:left; min-width:100%;}
.contact_velden{float:left; width:300px;
    letter-spacing: 1px;
	line-height: 1.4em;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	}
.contact_velden_small{float:left; width:300px;
    letter-spacing: 1px;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	}
	
	#map-wrap{
	float:left;
	width:100%;
	max-width:534px;
	overflow:hidden;
	}
.map{
    position: relative;
    padding-bottom: 80.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.info{
float:left;
width:100%;
max-width:1130px;
background:#F1F1F1;
margin-bottom:10px;
padding:10px 10px 10px 10px;
}
/*-------------------------*/
	#headbg{max-width: 800px;}
	
.imgbg{
	padding-top: 56.25%;  /* 450px/800px = 0.5625 */
	background-size: cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position: center;  /* Internet Explorer 7/8 */
}

table {max-width: 100%;  background-color: transparent;}

th {text-align: left;}

.table {  width: 100%;  margin-bottom: 20px;}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  font-size: 1rem !important;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;}
  
.table thead > tr > th {vertical-align: bottom;border-bottom: 2px solid #dddddd;}

p {	text-align:left;
	padding:0px;
	font-family: "Trebuchet MS", sans-serif; 
	font-size: 11pt;
    line-height: 1.6em;
}
.logotext{display:none}.hide{visibility:hidden}
 
#aantal{float: left;margin:0px 0px 0px 12px;} 
#aantal1{float: right;margin:-45px 60px 0px 0px;font-size: 10px;} 
#aantal2{float: right;margin:-35px 20px 0px 0px;} 
/*navigatie versie 2.03*/
.menu{
    display: block;
    margin: 28px 0px 10px 0px;
	text-align:left;
	padding: 0;
	}

 
.menu .head{
height:23px;
padding: 10px 0px 10px 10px;
color:#FFFFFF;
background:#0F75BC;
font-weight:bold;
word-wrap:break-word;
display:block;
}

a#selected {
	background:#333333;
	color:#fff;
	border-bottom: 1px solid  #ffffff;
}
.menu a.menuitem{
    display: block;
    padding: 7px 0px 7px 7px;
	text-decoration:none;
	font-size: 10pt;
	font-family: "Arial"; 
	font-weight:bold;
	color:#ffffff;
	background:#F7A600;
	width:100%;
	border-bottom: 1px solid  #ffffff;
	position: relative; /* positie status ikoontje */
	overflow:hidden;
	text-transform: uppercase;
	text-align:left;
}

.menu a.menuitem.active{
    background:#023A7A;
	color:#fff;
	border-bottom: 1px solid  #ffffff;
}

.menu a.menuitem .statusicon{ /*CSS positie voor icoon welke wordt toegevoegd aan headers*/
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
}
.menu a.menuitem:hover{
    color:  #fff;
	background:#023A7A;
	border-bottom: 1px solid  #ffffff;
}
.menu a.menuitem .selected{
    color:  green;
}
.menu div.submenu{ /*DIV van het sub menu */
	float:left;
	width: 100%;
    display: block;
    color:#000;
	text-align:right;
	overflow:hidden;
}
.menu div.submenu ul{ /*UL van het sub menu*/
    list-style:none;
	 margin: 0px 0px 0px -16px; list-style-position:outside /*belangrijk*/
	}
.menu div.submenu ul li{
	display: block;
	margin:0px 0px 0px 0px;
}
.menu div.submenu ul li a{
    display: block;
    padding: 7px 0px 7px 20px;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 10pt;
	font-family: "Arial"; 
	font-weight:bold;
	color:#000;
	background:#E0EBCD;
	max-width: 100%;
	border-bottom: 1px solid  #fff;
}
.menu div.submenu ul li a:hover{
     color:  #333333;
	 background:#cccccc;
     text-decoration:none;
}
.menu div.submenu ul li a.visited{
        text-decoration:none;
        color:#ff0000;
}
.menu div.submenu ul li a.selected{
    color:red;
}
html>body .menu div.submenu ul li{
	margin:0px 0px 0px 0px;
     text-align:left;
	  list-style-position:outside
	}
	
DIV.clearfix { 
	    content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;  }

/*sitemap*/	  
#sitemap ul{text-align: left;vertical-align: top;}
#sitemap ul li{text-align: left;font-size: 12pt;text-transform: none;line-height: 1.6em;list-style-position: inside;}	
#sitemap a{color: #666666 !important;}
#sitemap a:hover{color: #000000 !important;}	

/*Positie meer nieuws*/

#mnews {	font-size:9pt; 
	float: left;
	text-align: left;
	font-weight:bold; 
	padding: 5px;
	margin:-15px 0px 5px 0px;
}	
#mnews a{text-decoration: none;color: #10325D;}  
#mnews a:hover {text-decoration: none;color: #1b429a;} 
#mnews a:active     { text-decoration: none; color: #000000;}

		
/*nieuws*/
.lees p{ text-decoration: none; text-align:left; padding:0px 15px 0px 0px;}
.lees  { text-decoration: none; text-align:left; padding:0px 15px 0px 0px;}

#lees p {font-size: 11pt; 
      	text-decoration: none; 
		text-align:left; 
		padding:0px 0px 0px 0px;
		color: #999999;
		 }
#lees  { font-size: 10pt; 
       	text-decoration: none; 
		text-align:left;
		padding:0px 0px 0px 0px;
		text-align: justify;
		color: #999999}
#lees a:link     { font-size: 10pt; text-decoration:none ; color: #999999}
#lees a:visited  { font-size: 10pt; text-decoration:none ; color: #999999}
#lees a:hover    { font-size: 10pt; text-decoration:none ; color: #000000}

.leesintro  { 
         text-decoration: none; 
		 text-align:left;
		 line-height: 1.4em;
		 padding:0px 0px 0px 0px;
		 color: #333333}
.leesintro  p{ 
        text-decoration: none; 
		 text-align:left;
		 line-height: 1.4em;
		 padding:0px 0px 0px 0px;
		 color: #333333}
.leesintro ul li { 
         text-decoration: none; 
		 text-align:left;
		 line-height: 1.4em;
		 padding:0px 0px 0px 0px;
		 color: #333333}
/*breadcrumb*/
#klein            {margin:3px 0px 0px 0px;font-size: 7pt; font-family: arial, verdana; text-decoration: none; text-align:left; color: #999999}
#klein a:link     { font-size: 7pt; text-decoration:underline ; color: #999999}
#klein a:visited  { font-size: 7pt; text-decoration:underline ; color: #999999}
#klein a:hover    { font-size: 7pt; text-decoration:underline ; color: #000000}

#kleinr            { padding: 0px 25px 0px 0px;  font-size: 7pt; font-family: arial, verdana; text-decoration: none; text-align:right; float: right;}
#kleinr a:link     { font-size: 7pt; text-decoration:none; color: #999999}
#kleinr a:visited  { font-size: 7pt; text-decoration:none; color: #999999}
#kleinr a:hover    { font-size: 7pt; text-decoration:none; color: #000000}

.klein            { font-size: 7pt; font-family: arial, verdana; text-decoration: none; text-align:right; color: #999999}
.klein a:link     { font-size: 7pt; text-decoration:underline ; color: #999999}
.klein a:visited  { font-size: 7pt; text-decoration:underline ; color: #999999}
.klein a:hover    { font-size: 7pt; text-decoration:underline ; color: #000000}

#r { color: #2c74cc; font-weight:bold;}
.r { color: #2c74cc; font-weight:bold;}

.maint {
    background-color:#ffffff;
    padding: 5px;	
}

/*ruimte is gelijk aan de footer*/
.clearfooter { height: 230px;clear: both;}

/* footer socialmedia */	
#iconright {
		clear: both;
		float: right;
		font-family: arial, verdana; 
		font-size: 9px;
		color: #cccccc;
		margin: 15px 0 0 0;
}

.small {line-height: 1.4em;
        font-family: arial, verdana; 
		font-size: 10px;
		color: #333!important;
}
.small a { color: #fff;}
.small a:hover { color: #cccccc;
}

/* formulier */

.req input {border: 2px solid #0f75bc}	

.invul {
	font-weight: normal;
	font-size: 13px;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	background-color: #ffffff;
	width: 270px;
	margin: 1px;
	padding: 0px;
	float: left;
	height: 20px;
}

.req input {border: 2px solid #0f75bc}	

.checkbox {
	letter-spacing: 1px;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	margin: 3px;
	padding: 10px;
	width: 120px;
	height: 20px;
    float: right;
}

.verstuur {
	font-weight: normal;
	font-size: 13px;
	width: 270px;
	height: 55px;
	float: left;
}

textarea.invul {
	font-size: 12px;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	background-color: #ffffff;
	width: 270px;
	height: 60px;
}

.rbox {border-radius:4px;background-color:#f1f1f1; border: 1px solid #d4d2d2; }
.box      { background: #f3f2f1; border-radius:2px; border: 1px solid #d4d2d2; padding:10px; max-width: 1130px;}  
.boxcontent { padding: 0px 10px 0px 10px; }  

#catalogusbox {margin:  20px 20px 0px 0px; width: 690px; }
.sponsorbox {width: 240px; }

.tipbox {width: 175px; }
#tipbox {width: 175px; }

.downloadbox {width: 430px; }
.nieuwsbox {width: 95%; padding: 10px 2px; border-bottom: 1px solid  #ccc;}
.nieuwsbox:hover{background: #f4f7f9; padding:10px 2px;border-bottom: 1px solid  #ccc;}
.inhoudbox {width: 490px; }

.trans img        { filter:alpha(opacity=70);
                -moz-opacity: 0.7; 
                opacity: 0.7; 
                -khtml-opacity: 0.7;
 }

.trans:hover img { filter:alpha(opacity=100); 
                   -moz-opacity: 1.0; 
                   opacity: 1.0; 
                   -khtml-opacity: 1.0; 
 }
 
 .trans2 img        { background: #464646;filter:alpha(opacity=80);
                    -moz-opacity: 0.8; 
                    opacity: 0.8; 
                   -khtml-opacity: 0.8;
 }

.trans2:hover img { filter:alpha(opacity=100); 
                   -moz-opacity: 1.0; 
                   opacity: 1.0; 
                   -khtml-opacity: 1.0; 
 }
 
 .trans1 img       { filter:alpha(opacity=100);
                    -moz-opacity: 1.0; 
                    opacity: 1.0; 
                   -khtml-opacity: 1.0;
 }

.trans1:hover img { background: #f3f3f3;filter:alpha(opacity=80); 
                   -moz-opacity: 0.8; 
                   opacity: 0.8; 
                   -khtml-opacity: 0.8; 
 }

/* Styles voor koppen */
h1
{	font-size: 24px !important;
	color: #10325d !important;
 }
h2
{   font-size: 22px !important;
	color: #10325d !important;
	}

h3
{	font-size: 20px !important;
	color: #10325d !important;
	}
		   
h4
{   font-size: 16px !important;
	color: #10325d !important;
	font-weight:900 !important;
}

h5
{   font-size: 14px !important;
	color: #10325d !important;}

h6
{   font-size: 12px !important;
	color: #10325d !important
}

#toTop {
    background: url("../images/ui.totop.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    bottom: 30px;
    display: none;
    height: 51px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: 100%;
    width: 51px;
}
#toTopHover {
    background: url("../images/ui.totop.png") no-repeat scroll left -51px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 51px;
    opacity: 0;
    overflow: hidden;
    width: 51px;
}
#toTop:active, #toTop:focus {
    outline: medium none;
}

/*beheerpagina*/
.login {
	background: url(../images/login.png);
	border: none;
	width: 95px;
	height: 30px;
	display: block;
	cursor: pointer;
}

.Btn {
	width: 95px;
	height: 30px;
	cursor: pointer;
	margin-right: 5px;
}

.Btn:hover,.Btn:active {
	background-position: bottom left;
}


.loginbox {
	background: url(../images/loginbk.png);
	border: none;
	width: 426px;
	height: 203px;
	display: block;
}

/*navigatie beheer versie 2.03*/
#button {  margin: 5px 0 0 0; max-width: 100%; /*breedte button tot editor*/ }

#button ul {   text-align:left;line-height: 1em !important;}
	
#button ul li {  display:block;
    max-width: 100%;
    padding: 4px 0px 0px 4px; 
    text-align:left;
	text-decoration: none;
	border-bottom: 1px solid  #ffffff;
	background:#023A7A;
  }
    
#button  li a{
    padding: 4px 0px 0px 4px; 
	font-family: Arial, Verdana, Tahoma,  Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color:#ffffff;
	text-decoration: none;
	width: 220px;
	list-style: none;
	border-bottom: 1px solid  #ffffff;
	}
	
html>body #button li a {
      width: 220px;
      text-align:left;
	  list-style: none;
	 }

#button li a:hover{
    padding: 4px 0px 0px 4px; 
    color:  #F7A600; 
	width: 220px;
	border-bottom: 1px solid  #ffffff;
	}

#button li a.selected{
   background:#023A7A;
	color:#fff;
	border-bottom: 1px solid  #ffffff;
       	}
		
	/*voor collapser*/	
#button li a.open{
     color:  #000000;
     border-top: 1px solid #ffffff;
    border-bottom: 1px solid  #ffffff;
 	}
	
	/*subnavigatie onder*/
#subnav1 { 
   float:right;
   display:block;
   padding:1px 6px 3px 6px;
   border: 1px solid #ffffff;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #005591;
   text-align:center
 }
  
.subnav1 a { 	
   list-style:none; 
   color:#0000;
  }

#subnav ul { 
   list-style:none; 
   padding: 0px 0 0 0px; 
   margin: 0 0 0 0; 
}
#subnav ul li { 
   list-style:none; 
   float:left
}
#subnav input { 	
   float:left;
   display:block;
   padding:4px 5px 4px 5px;
   border: 1px solid #ffffff;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #005591;
   text-align:center
}

#subnav a { 	
   float:left;
   display:block;
   padding:4px 5px 4px 5px;
   border: 1px solid #ffffff;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #005591;
   text-align:center
}

#subnav a:hover{ 
   color:#000000;
   border: 1px solid #ffffff;
   border-right-width: 1px;
   background-color: white}

#subnav a.selected { 
   border: 1px solid #ffffff;
   border-right-width: 1px;
   color:#000000;
  background-color: #ffffff}

#subnav2 { 	
   margin: 2px 0px 0px 0px;
   display:block;
   padding:0px 0px 0px 0px;
   text-decoration:none;
   color:#000000;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
  }

#subnav2 a { 	
   float:left;
   margin: 5px 0px 0px 2px;
   display:block;
   padding:4px 5px 4px 5px;
   border: 1px solid #ffffff;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #005591;
   text-align:center
}

#subnav2 a:hover{ 
   color:#000000;
   border: 1px solid #ffffff;
   border-right-width: 1px;
   background-color:orange}

#subnav2 a.selected { 
   border: 1px solid #ffffff;
   border-right-width: 1px;
   color:#000000;
  	background-color: #ffffff}
	
.kopje
{   text-align: left;
	padding: 0px 0px 0px 2px;
	font-family: "arial", sans-serif; 
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
    line-height: 1.6em;
}

.opt1 {
	background-color:#E3E4FA;
	font-weight: bold;
}
.opt2 {
	font-size: 6pt;
}
.pulldown {
	font-family: "Trebuchet MS", sans-serif; 
    padding: 2px;
	font-size: 11px; max-width: 36px; 
	height: 19px;
	}
	
.pulldown_wide {
	font-family: verdana; 
    font-size: 10px; width: 42px; 
    color : #000000; 
	height: 24px;
 padding: 1px;	
   }
	
/* no border link firefox */
a:focus, a:active {   
	outline: 0 none;   
	-moz-outline: 0 none;   
}


	/* Slider container */
	.slider-container{border:solid 0px #f1f1f1;	margin:0px auto;}
    .navbar {overflow: hidden;}