/* CSS Document */

*{ margin:0; padding:0;
webkit-padding-start: 0px; }

html,body {
   width:100%;
   font-family: Arial;
   font-size: 12px;
   color: black;
   background-color: #fff;
   margin: 0;
   padding:0;
   text-align:center;
   
}

html {
   overflow:-moz-scrollbars-vertical;
   overflow-y: scroll;	
}

#wrapper{
   width: 1020px;
   margin:0 auto;
/*background: white url(../images/backline5.jpg) 0 0 repeat-y;*/
}

#container{
/*background: url(../images/top6.jpg) 0 0 no-repeat;*/
    background-color: #bbbcbc;
	}

#top{
   background: url(../images/top_bckgr.gif) 0 0 no-repeat;
   position:relative;
   height: 100px;
  color: #000;
}

#topnav{
    position: relative;
    top:2px;
    margin: 0 0 0 670px;
}


/*navigatie boven*/
#hornav { 
   position: relative;
   padding:0px 0px 0px 0px;
   border-bottom: 1px solid white;
   border-top: 0px solid white;
   color: #ffffff;
   margin: 0px 0px 0px 1px;
   width: 1018px;
   background-color: #0f75bc;
   height: 26px;
}
#hornav ul
 { 
   list-style:none; 
   padding: 0px 0 0 0px; 
   margin: 0 0 0 0; 
}
#hornav ul li { 
   list-style:none; 
   float:left
}
#hornav li a { 	
   float:left;
   display:block;
   padding:4px 0px 5px 0px;
   border-right: 1px solid #ffffff;
   width: 167px;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #0f75bc;
   text-align:center
}
#hornav li a:hover{ 
   color:#000000;
   border-right: 1px solid #ffffff;
   border-right-width: 1px;
   background-color: #bbbcbc}

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


/*subnavigatie onder*/
#subnav { 
   position: relative;
   padding:0px 0px 0px 0px;
   border-right: 1px solid white;
   color: #ffffff;
   margin: 5px 0px 0px 2px;
   width: 744px;
   background-color: #0f75bc;
   border-bottom: 1px solid white;
   height: 24px;
}
#subnav ul { 
   list-style:none; 
   padding: 0px 0 0 0px; 
   margin: 0 0 0 0; 
}
#subnav ul li { 
   list-style:none; 
   float:left
}
#subnav li a { 	
   float:left;
   display:block;
   padding:4px 0px 4px 0px;
   border-right: 1px solid #ffffff;
   width: 123px;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #0f75bc;
   text-align:center
}

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

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



/*subnavigatie boven*/
#nav { 
   position: relative;
   padding:0px 0px 0px 0px;
   border-bottom: 1px solid white;
   border-top: 1px solid white;
   color: #ffffff;
   margin: 0px 0px 0px 0px;
   width: 1020px;
   text-align:center;
   height:25px;
   background-color: #0f75bc;
}

#nav ul { 
   list-style:none; 
   padding: 0px 0 0 0px; 
   margin: 0 0 0 0; 
   width:100%;
    text-align:center;
}

#nav ul li { 
   list-style:none; 
   float:left
}

#nav li a { 	
   float:left;
   display:block;
   padding:4px 11px 5px 10px;
   border-right: 1px solid #ffffff;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #0f75bc;
   text-align:center
}

#nav li a:hover{ 
   color:#000000;
   border-right: 1px solid #ffffff;
   border-right-width: 1px;
   background-color: #bbbcbc}

#nav li a.selected { 
   border-right: 1px solid #ffffff;
   color:#000000;
   background-color: white}

/*navigatie beheer*/
#navbeh { 
   position: relative;
   top: 1px;
   border-bottom: 1px solid white;
   border-top: 1px solid white;
   color: #ffffff;
   margin: 0px 0px 0px 0px;
   width: 1018px;
   text-align:center;
   height:26px;
   background-color: #0f75bc;
}
#navbeh ul
 { 
   list-style:none; 
   padding: 0px 0 0 0px; 
   margin: 0 0 0 0; 
}
#navbeh ul li { 
   list-style:none; 
   float:left
}
#navbeh li a { 	
   float:left;
   display:block;
   padding:4px 0px 5px 0px;
   border-right: 1px solid #ffffff;
   width: 167px;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #0f75bc;
   text-align:center
}
#navbeh li a:hover{ 
   color:#000000;
   border-right: 1px solid #ffffff;
   background-color: #bbbcbc}

#navbeh li a.selected { 
   border-right: 1px solid #ffffff;
   color:#000000;
   background-color: white}
   
   
/*subnavigatieterug*/
#terug { 
   position: relative;
   top: 1px;
   padding:0px 0px 0px 0px;
   border: 0px solid #ffffff;
   color: #ffffff;
   margin: 0px 0px 0px 1px;
   width: 1018px;
   text-align:center;
   height:26px;
   background-color: #0f75bc;
}

#terug ul { 
   list-style:none; 
   padding: 0px 0 0 0px; 
   margin: 0 0 0 3px; 

}
#terug ul li { 
   list-style:none; 
   float:left
}

#terug li a { 	
   float:left;
   display:block;
   padding:4px 10px 5px 10px;
   border: 0px solid #ffffff;
   text-decoration:none;
   color:#ffffff;
   font-size: 13px;
   font-family: "Arial"; 
   font-weight:bold;
   background-color: #0f75bc;
   text-align:center;
}
#terug li a:hover{ 
   color:#000000;
   border: 1px solid #ffffff;
   border-right-width: 1px;
   background-color:#ffffff}

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

#content{
   clear:both;
   height: auto;
   background-color: #f2f1f1;
}
#main{
   float: right;
   width: 750px;
   padding:1px;
   margin: 10px 2px 5px 2px;
   display: inline;
   background-color: #cccccc;
}

#mainl{
   float: right;
   width: 1014px;
   padding:1px;
   margin: 10px 2px 5px 2px;
   display: inline;
   background-color: #cccccc;
}
#map {
	position:relative;
	
	top:21px;
	left:500px;
	background-color: yellow;
	width:200px;
	height:181px;
}
#footer{
   clear:both;
   margin-top: 10px;
   height:22px;
   padding-top: 6px;
   text-align: right;
   background-color:#0f75bc
/*background: url(../images/onder6.jpg) 0 0 no-repeat;*/
}

/*subnavigatie links*/
#left{
   margin:10px 0 0 0px;
   float: left;
   width: 254px;
   background-color: #cccccc;
}

#left ul {
   list-style:none;
   width: 150px;
   text-align:left;
   padding:0;margin:0;
   margin-top:5px;
   font-family: Arial;
   font-weight: strong
  }

#left ul li {
   display:block;
   height: 20px;
   padding: 3px 0 0 0;
}	

#left li a{
   padding-left: 4px;
}

#left li a:hover{
   padding-left: 4px;
}

#left li a:selected{
   padding-left: 4px;
}	

/************* navigatie vert *************/


#button {
	clear: both;
	margin:0px 0 0 0px;
   float: left;
   width: 250px;
   background-color: #ffffff;
   border-top: 1px solid #bbbcbc;
} 
#button ul {
   padding: 0px 0px 0px 0px;   
   margin: 0;
      
}

#button ul li {
   margin: 0;
   padding: 0px 0px 0px 0px;   
   list-style: none;
   text-align: left;
  }

#button li a {
   display: block;
   padding: 4px 0px 3px 3px;
   border-right: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
   font-family: Arial;
   font-weight: bold;
   text-align: left;
   font-size: 12px;
   background-color: #0f75bc;
   color: #ffffff;
   text-decoration: none;
   width: 245px
	}
html>body #button li a {
   width: 245px;
   margin: 0px 0px 0px 0px;     
	}

#button li a:hover{
         border-right: 1px solid #ffffff;
         border-left: 1px solid #ffffff;
         border-bottom: 1px solid #ffffff;
        background-color: #bbbcbc;
        color: #000000;
	}

#button li a.selected{
         border-right: 1px solid #ffffff;
         border-left: 1px solid #ffffff;
         border-bottom: 1px solid #ffffff;
        background-color: white;
        color: #000000;
       	}

#adres1 {
   BACKGROUND: url(../images/adres_bg.jpg) no-repeat; 
   POSITION: bottom; 
   TEXT-ALIGN: left; 
   PADDING-BOTTOM: 5px; 
   MARGIN: 200px 0px 0px 10px; 
   PADDING-LEFT: 10px; 
   WIDTH: 170px; 
   PADDING-RIGHT: 5px; 
   FONT-FAMILY: verdana; 
   HEIGHT: 140px; 
   COLOR: #999999; 
   FONT-SIZE: 11px; 
   TOP: 510px; 
   PADDING-TOP: 10px
}

#login_box {
   POSITION: relative;
   top: 0;
   left: 0; 
   TEXT-ALIGN: left; 
   WIDTH: 450px; 
   HEIGHT: 150px; 
   COLOR: #999999; 
   background-color: #fff;
}


.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: 148px;
	display: block;
}


table {
   margin: 0;
   font-family: Arial;
   color: black;
   text-align: left;
   font-size: 12px;	
   border-spacing:0px;
}

input { 
   font-family: arial, verdana, ms sans serif; 
   padding: 2px;
}

.submit input {
   background-color: #fff;
   color: #000;
   font-weight: bold;
   font-size: 14px;
   height: 20px;
   font-family: courier, arial, verdana, ms sans serif; 
} 

select {
   width: 100%;
   
   font-family: Arial;
}

   textarea {
   width: 98%;
   font-family: Verdana;
   font-size: 10px;
   padding: 2px;	
}


.kort {
      padding: 1px 3px 1px 0px;
      background-color: #cccccc;
}

.kortselect {
    width: 100px;
    padding: 1px 3px 1px 0px ;
    background-color: #ffffff;	
    
}
.kort input {
   width: 100px;
   padding: 1px 3px 1px 3px;
   background-color: #ffffff;
}

.lang {
  
   padding: 1px 1px 1px 0px;
background-color: #cccccc;
}
.langg{
   width: 97%;
   padding: 1px 3px 1px 3px;
	
}


.lang input {
   width: 98%;
   padding: 1px 3px 1px 3px;
background-color: #ffffff;
}

h2 {
    letter-spacing: 1px; 
    font-family:  Arial, verdana,;
    font-size: 18px; 
    line-height: 1.6em; 
    color: #0f75bc;
    font-weight: bold
}

h5 {
    letter-spacing: 1px; 
    font-family:  Arial, verdana,;
    font-size: 15px; 
    color: #000000;
    line-height: 1.8em; 
    font-weight: bold
}

a:link       { text-decoration: none; color: #273E87 }
a:active     { text-decoration: none; color: #273E87 }
a:visited    { text-decoration: none; color: #273E87 }
a:hover      { text-decoration: none; color: #F21106 }


.vraag {
   font-family: Arial;
   font-size: 12px;
   color: #000000;
   margin: 0;
   padding: 0;
   cursor: pointer;
   height:auto;
}
	
.antwoord {
   position:relative;
   border:1px solid #006666;
   background-color:#cccccc;
   visibility:hidden;
   height:0px;
   overflow:hidden;
   margin: 0 5px 5px 5px;
}
	
.antwoordInhoud {	
   position:relative;
   font-family: Arial;
   font-size:12px;	
   padding:4px;
}



.antwoordkop{
   color: red;
   text-decoration: underline;
   font-size: 8pt;	
}

.kop2{
   color: red;
   text-decoration: none;
   font-size: 10px;	
}

table.sortable thead{
   background-color: #eeeeee;
   color: #666666;
   font-weight: bold;
   cursor: default;
}

.knopje {
   border: gray solid 1px;
   background:#ffffff; 
   text-align: center;
   cursor:hand; 
   *cursor:hand; /*alternate cursor for IE*/
   padding: 1px 2px 1px 2px;
}

.knopje2 {
   border: black solid 1px;
   background:#ffffff;
   text-align: left;
   cursor:hand; 
   *cursor:hand; /*alternate cursor for IE*/
   padding: 1px 2px 1px 2px;
   margin:1px;
}
.view {
   background-color: #cccccc;
   border: white 0px solid;
   padding: 0px 0px 0px 0px ;
}



.viewdet {
   background-color: #cccccc;
   border: white 0px solid;
   padding: 1px 1px 1px 2px ;
}

.viewdet a {
       text-decoration: underline;
       color: #0f75bc;
	   font-weight: bold;
	}

.view a {
   border: 1px solid #ffffff;
   display: block;
   padding: 4px 0px 4px 3px;
   font-family: Arial;
   font-weight: bold;
   text-align: left;
   font-size: 12px;
   background-color: #0f75bc;
   color: #ffffff;
   text-decoration: none;
   width: 250px	}
	
.view a:hover{
        background-color: #ffffff;
        color: #000000;
	}
	
.view a.selected {
        background-color: #ffffff;
        color: #000000;
	}




.viewsel {
   background-color:white;
   font-weight:bold;
   padding:3px;
   border: navy 1px solid;
}
.viewsel a:hover{
        background-color: #ffffff;
        color: #000000;
	}

.viewl{
   background-color: #f9f9f9;
   border: #7f9db9 1px solid;
   padding: 2px ;
   } 
   
 .viewl a {
   display: block;
   padding: 2px;
   font-family: Arial;
   font-weight: bold;
   text-align: left;
   font-size: 10px;
   text-decoration: none;
   	}
   
.vieww a {
   display: block;
   padding: 2px;
   font-family: Arial;
   font-weight: bold;
   text-align: left;
   font-size: 10px;
   color: #ffffff;
   text-decoration: none;
   width: 80px	}
   
   
.viewmidden{
   background-color: #f9f9f9;
   border: #7f9db9 1px solid;
    padding: 0px 2px 0px 2px;
   } 
   
 .viewmidden a {
   display: block;
   padding: 0px 2px 0px 2px;
   font-family: Arial;
   font-weight: bold;
   text-align: left;
   font-size: 10px;
   text-decoration: none;
   
   
   	}
   
   
.date-pick{
  
   background-color: #f9f9f9;
   border: #7f9db9 1px solid;
   padding: 2px ;
} 


.list {
   background-color:#ffffee;
   border: white 0px solid;
   font-family: arial;
   font-size: 9px;
   padding:1px;
}

.ch {
   background-color:#669900;

}

.unch {
   background-color:#990000;

}

.viewseo a {
   border: white 1px solid;
   display: block;
   padding: 2px 0px 2px 2px;
   font-family: Arial;
   font-weight: bold;
   text-align: left;
   font-size: 12px;
   background-color: #0f75bc;
   color: #ffffff;
   text-decoration: none;
   width: 90%;
   margin:1px;

	}
	
.viewseo a:hover{
   background-color: #ffffff;
   color: #000000;
	}
	
.viewseo a.selected {
   background-color: #ffffff;
   color: #000000;
	}

	

/*omlijning in firefox verwijderen*/
a:focus, a:active {   
outline: 0 none;   
-moz-outline: 0 none;   
}  

.pulldown {
   font-family: arial, verdana, ms sans serif; 
   padding: 2px;
}

.pulldown1 {
   font-family: arial, verdana, ms sans serif; 
   padding: 2px;
   margin: 0 0 0 0px;
    background-color: #ffffff;
}

input.kleineButton {
height:20px;
margin-right: 1px;
margin-left: 1px;
font:11px tahoma, arial;
cursor:pointer;
border:1px solid #000;
background:#f9f9f9;
}
.knopje {
	display:block;
	color: black;
	font-size: 12px;
	height:16px;
	text-decoration: none;
	text-align: center;
}
.knopje a {
	display:block;
	color: white;
	background-color: #003366;
	border: 1px solid white;
	font-size: 12px;
	height:16px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.knopje a:hover {
	color: #0f75bc;
	background-color: white;
	border: 1px solid #003366;
}