html {
 height: 100%;
 margin-bottom: 1px;
}

body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #313D46;
}

input, textarea, select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bodycontent {
 position: static;
 float: none;
 width: 950px;
 margin-left: auto; 
 margin-right: auto;
 background-color: #FFF;
}


/* footer vervolg */
#footercontainer {
 position: static;
 clear: both;
 width: 950px;
 height: 30px;
}

div {
 float: left;
}

td {
 font-size: 12px;
}

dl {
 padding-left: 20px;
 padding-right: 20px;
}

h1 {
 text-align: left;
 color: #ffffff;
 font-size: 18px;
 font-weight: bold;
 margin: 0;
 padding-left: 20px;
 padding-top: 3px;
 overflow: hidden;
 }

h2 {
 text-align: left;
 color: #ffffff;
 font-size: 18px;
 font-weight: bold;
 margin: 0;
 padding-left: 20px;
 padding-top: 5px;
 }

h3 {
 text-align: left;
 color: #1C6CA7;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 0;
 }

h4 {
 text-align: left;
 color: #1C6CA7;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding-left: 0px;
 padding-top: 15px;
 padding-bottom: 5px;
 white-space: nowrap;
 }

h5 {
 text-align: left;
 color: #1C6CA7;
 font-size: 18px;
 font-weight: bold;
 margin: 0;
 padding-left: 20px;
 padding-top: 5px;
 }

h6 {
 text-align: left;
 color: #1C6CA7;
 font-size: 11px;
 font-weight: bold;
 margin: 0;
 padding-top: 0px;
 }

body.print {
 margin: 10px;
 padding: 0;
 background-color:  white;
 font-family:       Arial, Helvetica, sans-serif;
 font-size:         9pt;
 color:             #000;
 background-image: none;
}
 
div.printcontent {
width: 600px;
}

.printcontent h1, .printcontent h2 {
color: #000; 
}

ul {
list-style: circle;
}


a {
 color: #1C6CA7;
 text-decoration: none;
}

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

.messages {
clear: both;
color: #ff0000;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

#topcontent {
width: 950px;
clear: both;
}

#bottomcontent {
position: relative;
clear: both;
width: 950px;
background-color: #E9F1F7;
}

#container_kop {
width: 950px;
height: 79px;
background-image: url(../images/kop.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#zoekcontainer {
 position: relative;
 width: 950px;
 height: 33px;
}

#zoekcel1 {
 position: relative;
 width: 214px;
 float: left;
 height: 33px;
 background-color: #E9F1F7;
 cursor: pointer;
 }

#homecel {
 position: relative;
 width: 213px;
 float: left;
 height: 30px;
 background-color: #E9F1F7;
 border-right: 1px solid #ffffff;
}
.homelink
 {
 padding-top: 7px;
 padding-left: 10px;
 padding-right: 0px;
 padding-bottom: 0px;
 text-align: left;
 color: #1C6CA7;
 font-size: 15px;
 font-weight: bold;
 }

.zoekcel1_hover {
 background-color: #FFD96B;
 } 

#zoekcel2 {
 width: 736px;
 float: left;
 height: 33px;
 background-image: url(../images/zoekbg.jpg);
}

.zoekcontent {
 padding-top: 0px;
 padding-left: 12px;
 padding-right: 12px;
 padding-bottom: 0px;
 text-align: right;
 vertical-align: middle;
 color: #1366A2;
 font-size: 11px;
}

.zoekcontent1 {
 width: 260px;
 float: right; 
 padding-top: 1px;
 padding-right: 5px;
}

.zoekcontent2 {
 width: 130px; 
 float: right; 
 padding-left: 5px;
 padding-right: 5px;
}

.zoekcontent3 {
 width: 200px; 
 float: right; 
 padding-top: 4px;
 padding-right: 5px;
}

/* formulier */

.formelement {
background-color: #ffffff;
color: #7F7F7F;
FONT-WEIGHT: normal;
font-size: 12px;
width: 	129px;
height:	18px;
border: 1px solid #1C6CA7;
padding-left: 4px;
padding-top: 2px;
margin-bottom:	5px;
}

/* content links - navigatie */
#contentlinks
 {
 position: relative;
 float: left;
 width: 214px;
background-color: #E9F1F7;
background-image: url(../images/bgmenu.gif);
background-repeat: repeat-y;
background-position: left top;
 }

#links1
 {
 position: relative;
 width: 214px;
 float: left;
 clear: left;
 }

#hoofdmenu
{
width: 213px;
text-align: left;
background-color: #1C6CA7;
}

#links2
 {
 position: relative;
 width: 214px;
 float: left;
 clear: left;
 background-color: #E9F1F7;
 }

.kolomlinks {
 width: 170px; 
 padding-top: 18px;
 padding-left: 18px;
 padding-right: 18px;
 padding-bottom: 18px;
 text-align: left;
 color: #005A9C;
 font-size: 11px;
 border-bottom: 1px solid #ffffff;
 cursor: pointer;
 overflow: hidden;
 }

.kolomlinks_hover  {
 padding-top: 18px;
 padding-left: 18px;
 padding-right: 18px;
 padding-bottom: 18px;
 text-align: left;
 color: #005A9C;
 font-size: 11px;
 border-bottom: 1px solid #ffffff;
 background-color: #FFD96B;
 cursor: pointer;
 overflow: hidden;
 }


/* Styles for Menu Items */

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

ul#nav li {
  position: relative;
  float: left;
  width: 213px;
  height: 23px;
  background-color: #1C6CA7;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  overflow: hidden;
} 

ul#nav li a, ul#nav li a:link,ul#nav li a:active,ul#nav li a:visited, ul#nav li a:hover {
  display: block;
  text-align: left;
  vertical-align: middle;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-image: url(../images/navigbol.gif);
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
}

ul#nav li a:hover {
    color: #1C6CA7; 
    background-color: #FFD96B;
 } 


/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }

ul#subnav  {  
list-style: none;
padding: 0;
margin: 0;

}

ul#subnav li {
  position: relative;
  float: right;
  width: 204px;
  height: 21px;
  /*height: 20px; heeft geen zin om deze te setten omdat IE het niet mee neemt als display weer op block wordt gezet*/
  /*wordt dus in de JS code gezet*/
  background-color: #FFF6DB;
  color: #000000;
  padding-left: 10px;
  border-bottom: 2px solid #FFF6DB;
} 

ul#subnav li a, ul#subnav li a:link,ul#subnav li a:active,ul#subnav li a:visited, ul#subnav li a:hover {
  display: block;
  text-align: left;
  vertical-align: middle;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-image: none;
  text-decoration: none;
}

ul#subnav li a:hover {
    color: #000; 
    background-color: #FFF6DB;
    text-decoration: underline;
 } 


/* Fix IE. Hide from IE Mac \*/
* html ul#subnav li { float: left; height: 1%; }
* html ul#subnav li a { height: 1%; }


ul#sublinks  {
list-style: circle;
list-style-position: inside;
margin: 0;
padding: 0;
}

ul#sublinks li {
  position: relative;
  float: left;
  background-color: #fff;
  color: #1C6CA7;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 15px
} 

ul#sublinks li a, ul#sublinks li a:link,ul#sublinks li a:active,ul#sublinks li a:visited, ul#sublinks li a:hover {
  text-align: left;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  background-image: none;
  white-space: nowrap;
}

ul#sublinks li a:hover {
    background-color: #fff;
    color: black;
 } 

/* End */
/* END Styles for Menu Items */

#contentmain {
position: relative;
float: left;
clear: right;
width: 736px;
background-color: #fff;
}

#contentmain2 {
position: relative;
float: left;
width: 950px;
background-color: #fff;
text-align: left;
margin: 0;
padding: 0;
}

#thema {
width: 736px;
height: 151px;
float: left;
clear: both;
}

#thema1 {
width: 548px;
float: left;
height: 151px;
background-color: #E9F1F7;
border-left: 1px solid #ffffff;
background-image: url(../images/kopimage.jpg);
background-repeat: no-repeat;
background-position: left top;
z-index: 1;
}

#thema2 {
 width: 186px;
 float: left;
 height: 151px;
 background-color: #E9F1F7;
 border-left: 1px solid #ffffff;
}

.themacontent {
 padding-top: 15px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 text-align: left;
 color: #005A9C;
 font-size: 11px;
 }

#paginacontainer1 {
 position: relative;
 float: left;
 text-align: left;
 width: 736px;
 clear: both;
 background-color: #fff;
 }

#contentcenter1 {
 position: relative;
 float: left;
 width: 550px;
 text-align: left;
}

#contentcenter2 {
 position: relative;
 float: left;
 width: 716px;
 text-align: left;
 background: #FFF;
 padding: 0;
 margin: 0;
}

.paginafunctie {
float: right;
margin-right: 5px;
}

form.web {
position: relative;
float: left;
padding: 0;
margin: 0;
width: 549px;
border-top: 1px solid #1C6CA7;
}

form.webFrame {
position: relative;
float: left;
padding: 0;
margin: 0;
width: 736px;
border-top: 1px solid #1C6CA7;
}

form.extra {
padding: 0;
margin: 0;
width: 734px;
border-top: 1px solid #1C6CA7;
}

form.edit {
padding: 0;
margin: 0;
width: 950px;
border-top: 1px solid #1C6CA7;
}

#titel {
 position: relative;
 float: left;
 width: 549px;
 height: 40px;
 background-image: url(../images/bg_header.gif);
 background-repeat: repeat-x;
}

#titel h1 {
float: left;
width: 400px;
overflow: hidden;
}

#titelFrame {
 position: relative;
 float: left;
 width: 736px;
 height: 40px;
 background-image: url(../images/bg_header.gif);
 background-repeat: repeat-x;
}

#titelFrame h1 {
float: left;
width: 700px;
overflow: hidden;
}

#rechtstitelcel {
width: 186px;
height: 40px;
background-image: url(../images/bg_header.gif);
background-repeat: repeat-x;
border-top: 1px solid #1C6CA7;
}


#nieuwsrechts {
 width: 186px;
 float: left;
 margin-bottom: 10px;
}

.content {
 padding-top: 10px;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 10px;
 text-align: left;
 font-size: 12px;
}

#maintext {
font-size: 12px;
text-align: left;
vertical-align: top;
padding-left: 20px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
}
.kaart {
float: right;
margin-bottom: 10px;
/*border: 1px solid #1C6CA7;*/
width: 700px;
height: 500px;
}

.image {
float: right;
clear: right;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
}

.image img {
 width: 250px;
}

.image2 {
float: left;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}

.image2 img {
width: 500px;
}

.content_groter  {
 padding-top: 10px;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 10px;
 text-align: left;
 font-size: 15px;
 }
.content_rechts {
 float: left;
 padding-top: 13px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 13px;
 text-align: left;
 font-size: 11px;
 border: 1px solid #BAD3E4;
 color: #005A9C;
 margin-bottom: 10px;
 overflow: hidden;
 width: 158px;
 }



.footercontent1 {
 width: 214px;
 text-align: right;
 background-color: #E9F1F7;
 height: 30px;
}

.footercontent1 a, .footercontent1 a:hover {
 color: #E9F1F7;
 }

.footercontent2 {
 width: 735px;
 height: 30px;
 background-image: url(../images/bg_header.gif);
 background-repeat: repeat-x;
 border-left: 1px solid #ffffff;

}

.footertext {
float: right;
 color: #ffffff;
 font-size: 10px;
 padding-top: 6px;
 padding-right: 8px;
}

.footertext a {
color: #FFF;
}

#quotecontainer {
 width: 510px; 
 height: 150px; 
 background-image: url(../images/bg_quote.gif);
 }

.quotecontent {
 font-size: 12px;
 font-weight: bold;
 color: #1C6CA7;
 padding-left: 55px;
 padding-top: 55px;
 padding-right: 30px;
 }

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* Extranet */

#contentb {
margin-left: 0px;
border:	1px;
border-style: solid;
border-color: #000000;
}
#containerb {
position: relative;
float: left;
}

#line {
position: relative;
float: left;
height: 5px;
background-color: #FFFFFF;
clear: both;
}

.scrolla {
position: relative;
float: left;
width: 150px;
height: 200px;
overflow: auto;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 3px;
padding: 3px;
background-color: #DEDEDE;
border-style: solid;
border-width: 1px;
}

.scrollb {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 3px;
width: 500px;
height: 250px;
padding: 3px;
background-color: #DEDEDE;
overflow: auto;
border-style: solid;
border-width: 1px;
}

.scrollc {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 3px;
width: 150px;
height: 250px;
padding: 3px;
background-color: #DEDEDE;
border-style: solid;
border-width: 1px;
overflow: auto;
}

#navigatiecontainerb {
position: relative;
float: left;
background-color: #000000;
height: 39px;
}

#inhoudb {
position: relative;
float: left;
text-align: left;
background-color: #ffffff;
background-image: none;
}

#tekstb {
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 20px;
padding-right: 5px;
text-align: left;
}

.pathinfo {
float: left;
clear: both;
height: 20px;
border:	1px;
padding-top: 41px;
padding-left: 240px;
margin-bottom: 5px;
}

.path {
text-align: left;
clear: both;
width: 510px;
border:	1px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 10px;
}

.knoppenbalk {
width: 706px;
clear: both;
text-align: left;
margin: 0;
padding: 0;
}

.knop {
text-align: center;
margin-left: 0;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
}

.usertable {
float: left;
margin-top: 5px;
margin-bottom: 5px;
clear: both;
}

.buttonblock {
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
}

.contentblock {
margin-top: 5px;
padding: 0;
}

.clearblock {
float: left;
margin-top: 5px;
padding: 0;
clear: both; 
}

.linksblock {
width: 503px;
border-top: 1px dashed #1C6CA7;
border-bottom: 1px dashed #1C6CA7;
margin-top: 10px;
padding-top: 5px; 
padding-bottom: 5px;
margin-bottom: 10px;
clear: left;
}

.blockwide {
margin-top: 5px;
padding: 0;
width: 503px;
}

.block {
position: absolute;
left: 0;
top: 0;
}

.clearrightblock {
position: relative;
float: left;
margin-top: 5px;
padding: 0;
clear: right; 
}

.clearleftblock {
position: relative;
float: left;
margin-top: 5px;
padding: 0;
clear: left; 
}

.textBox {
font-size: 11px;
}

.selectBox {
font-size: 11px;
}

.textArea {
font-size: 11px;
}

.regel {
clear: both;
margin-top: 4px;
margin-bottom: 4px;
}

.regeltext {
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
font-size: 11px;
color: #1C6CA7;
}

#folderlist ul {
margin: 0;
}

#folderlist li {
list-style-image: url(../images/folders.gif); 
font-size: 12px;
width: 650px;

}

#folderlist li a {
padding-left: 3px;
}

#documentlist ul {
margin-top: 5px;
}

#documentlist li {
color: #000; 
list-style-image: url(../images/paginas.gif); 
font-size: 12px; 
width: 650px;
}
#documentlist li a {
padding-left: 3px;
}

/*ajax upload progress bar*/

#ajaxProgressBox { 
padding-top: 5px; 
padding-bottom: 5px; 
}

#progressBarBox { 
width: 350px; 
height: 20px; 
border: 1px inset; 
background: #eee;
padding-top: 5px; 
padding-bottom: 5px;
}

#progressBarBoxContent { 
width: 0; 
height: 20px; 
border-right: 1px solid #1C6CA7; 
background: #1C6CA7;
padding-top: 5px; 
padding-bottom: 5px; 
}

/*Dynamisch aantal file velden*/
.fileLabel
{
    width: 113px;
    float: left;
}
.fileBox
{
    height: 24px;
    clear: both;
    padding-top: 2px;
    padding-left:0px;
}

/* sitemap */
.maplevel1 { FONT-SIZE: 18px; padding-top: 30px;}
.maplevel2 { FONT-SIZE: 15px; padding-top: 20px;}
.maplevel3 { FONT-SIZE: 13px; padding-top: 10px;}
.maplevel4 { FONT-SIZE: 12px; padding-top: 5px;}
.maplevel5 { FONT-SIZE: 11px; padding-top: 3px;}
.maplevel6 { FONT-SIZE: 10px; padding-top: 1px;}

.maptext { FONT-SIZE: 10px;}
.maptext a    { FONT-SIZE: 10px; text-decoration: none}
.maptext a:visited { color: #000000; text-decoration: none}
.maptext a:hover   { color: #000000; text-decoration: underline}
.maptext a:active  { color: #000000; text-decoration: none}

/* Thema en slideshow */

.Caption {
position: absolute;
left: 170px;
top: 60px;
width: 370px;
font-weight: bold;
font-size: 20px;
/* color: #1B6CA3; */
color: #1B6CA3;
z-index: 2;
text-align: left;
}

.thematext {
position: absolute;
left: 170px;
top: 60px;
width: 370px;
font-weight: bold;
font-size: 20px;
/* color: #1B6CA3; */
color: #1B6CA3;
z-index: 2;
text-align: left;
}