/* Styles voor tekst */

body  {
	font-family: verdana, arial, Helvetica;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: center;
	background: #ffffff;
	height: 100%;
	 }
html {overflow: -moz-scrollbars-vertical;}	 

 .endless #container {
	width: 946px;
	background: #FFFFFF;
	background-image:url(../back/back2.jpg);
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left; /* dit overschrijft text-align: center van het body element. */
	height: 85%;
	
} 

#flash { position: absolute;
    top:91px;
	height: 201px;
	width: 900px;
	margin: 0px 0px 0px 17px;
	background: #ffffff;
	
}

#adres {
	position: absolute;
        margin: 0px 0px 0px 752px;
    	top:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	color: #ab2888;
	font-size: 11px;
	text-align:center;
	width: 164px;
        line-height: 1.6em;

 }    

#adres a {
	color: #999999;
	text-decoration: none;
}

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

 
			} 
.nieuwskop {
	font-family:  verdana, Arial, Helvetica;
	font-size: 13px;
	color: #339933;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	
	}
	
	#tipbg {
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	font-size: 11px;
	font-family: verdana;
	font-weight:normal;
	border-color:#D4D4D4;
	border-style:solid;
	border-width: 1px;
	text-align:left;
	width: 175px;
			}
			
	#tipsmall {
	font-family: verdana, Arial, Helvetica;
	font-size: 10px;
	color: #666666;
	line-height: 1.8em;
	font-weight: normal;
	background-repeat : repeat-x;
	background : url(../back/seperator.gif);
	padding: 1px 3px 2px 0px;
	width: 175px;
	
}

#nieuwsbg {
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#F4F4F4;
	border-color:#D4D4D4;
	border-style:solid;
	border-width: 1px;
	text-align:left;
	width: 230px;
			}
 
#small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 1.8em;
	font-weight: normal;
	background-repeat : repeat-x;
	background : url(../back/seperator.gif);
	padding: 1px 3px 2px 0px;
	width: 230px;
	
}
.small1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	line-height: 1.7em;
	color: #21214b;
	font-weight: normal;
}


#logo {  position: absolute;
    top: 6px;
	width: 230px;
	margin: 0px 0px 0px 353px;
	
}

#bovag {  position: absolute;
top: 810px;
    	width: 180px;
	margin: 0px 0px 0px 45px;
	
}

#vaarbewijs {  position: absolute;
top: 540px;
    	margin: 0px 0px 0px -170px;

}

#novl {  position: absolute;
top: 680px;
    	margin: 0px 5px 0px -170px;
	
}

#ris {  position: absolute;
top: 732px;
    	width: 180px;
	margin: 0px 0px 0px 52px;
	
}

#top {margin: 0px 0px 0px 500px;
      width: 150px;
     font-style:italic;
	 text-decoration: underline
   
}

#headerrechts { position: absolute;
    top:3px;
	margin: 0px 0px 0px 800px;
	letter-spacing: 1;
	padding: 0 0 0;
	color: #ffffff; 
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 1.4em;
	}

#headerrechts a {
	letter-spacing: 2;
	padding:0 0 0 0;
	color:#ffffff;
	text-decoration:none
}

#headerrechts a:hover  {
	letter-spacing:2;
	padding:0 0 0 0;
	color: #FF0000;
	text-decoration:none;
}

#headerrechts a.selected  { 
    letter-spacing: 2;
 	padding:0 0 0 0;
    color: #ffffff;
    text-decoration: none }

/* Inhoud tekst. */

#content { 
    margin: 40px 0px 0px 202px; /* positie text  */
	padding: 0 10px; /*  padding is de ruimte binnenin div box en margin is de ruimte buiten de box */
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.6em;
	} 

#content p{ 
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.6em;
	} 
#content  A:link { color: #0066CC; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

#content  A:active { color: #0066CC; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

#content  A:visited { color: #0066cc; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

#content A:hover  { color: #FF0000; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }



#links {
	float: left; 
	width: 190px; 
	background: #EBEBEB; 
	padding: 0px 0px 0px 0px; /* padding zorgt ervoor dat content van div tags bij de rand vandaan blijven */
}

#rechts {
	float: right;
	width: 1px;
	background: #EBEBEB;
	padding: 0px;
	background-image:url(../back/blank.gif)
}

  #foto { 
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.6em;
	color: #333333;
	text-decoration: none;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:left;
	
}


#opsomming ul{
	list-style-image: url(../buttons/pijl1.gif);
	list-style-position: outside;
	vertical-align: baseline;
	
}

#opsomming ul li{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	margin-top: 0.4em;
	padding-left: 0.5em;
	list-style-image: url(../buttons/pijl1.gif);
	text-transform: none;
	font-variant: small-caps;
	vertical-align: middle;
}


/* Styles voor formulier */

.invul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	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;
	margin: 2px;
	padding: 1px;
	float: right;
	height: 20px;
}

.formkop {
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21214b;
	font-weight: normal;
	margin: 2px;
	padding: 1px;
	float: left;
	height: 22px;
	width: 140px;
}

.formkop1 {
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21214b;
	font-weight: normal;
	margin: 3px;
	padding: 10px;
	width: 50px;
	height: 20px;
	
}

.verstuur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	width: 270px;
	height: 55px;
	float: right;
}


textarea.invul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;
}

.pulldown {
	    font-family: verdana,geneva,helvetica,arial,sans-serif; 
        font-size: 12px; width: 273px; 
        height: 24px; color : #000000; 
        background-color: #ffffff; 
		float: right;
		margin: 2px;
		padding: 1px;
        border: 2px groove #BBBBBB}
.pulldown2 {
	    font-family: verdana,geneva,helvetica,arial,sans-serif; 
        font-size: 12px; width: 70px; 
        height: 24px; color : #000000; 
        background-color: #ffffff; 
		float: right;
		margin: 2px;
		padding: 1px;
        border: 2px groove #BBBBBB}

#form {
	color: #E0E0E0;
	border: 1px solid #BBBBBB;
	padding: 8px 8px 4px 4px;
	margin: 5px 0px 20px 0px;
	font-weight: bold;
	font-size: 13px;
	width: 500px;
	height: 420px;
	background-color: #E5E5E5;
}

#form1 {
	color: #E0E0E0;
	border: 1px solid #BBBBBB;
	padding: 8px 8px 4px 4px;
	margin: 5px 0px 20px 0px;
	font-weight: normal;
	font-size: 13px;
	width: 500px;
	height: 480px;
	background-color: #E5E5E5;
}

 
/* Styles voor footer */


.link A:link  { color: #999999; font-weight: normal; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1; text-decoration: none }

.link A:active  { color: #999999; font-weight: normal; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1; text-decoration: none }

.link A:visited  { color: #999999; font-weight: normal; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1; text-decoration: none }

.link A:hover  { color: #ff0000; font-weight: normal; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1; text-decoration: none }



/* navigatie hor */

#navigatie {position: absolute;
    top: 64px;
	padding:0px 0px 0px 0px;
	color: #c6c7c8;
	margin: 0px 0px 0px 17px;
	width: 931px;
}

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

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

#navigatie li a{ float:left;
	display:block;
	padding:4px 0px 4px 0px;
	margin: 0px 0px 0px 4px;
	text-decoration:none;
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width: 173px;
	height: 14px;
	background-color: #c6c7c8;
        border-bottom: 2px solid #c6c7c8;
}

#navigatie li a:hover{	
border-bottom: 2px solid #ab2888;
text-decoration: none;
color: #FFFFFF;}

#navigatie li a.selected {
border-bottom: 2px solid #ab2888;
text-decoration: none;
color: #ffffff;}



html>body #navigatie li a {
	width: 178px;
	height: 14px;
	
}

/************* navigatie links *************/

#menu {  margin: 0px 0px 0px 22px;
	position: absolute;
	top: 296px;
	} 
/*lijn bovenknop*/
        #menu ul {
	width: 170px;
	padding: 0 0 0 0;
	margin: 0;
		 }	
#menu ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
        text-align: left;
  }
#menu li a {
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
	text-align:center;
	display: block;
	height: 16px;
	border-top: 0px solid #d9dadb;
	border-bottom: 1px solid #d9dadb;
	border-left: 1px solid #d9dadb;
	border-right: 1px solid #d9dadb;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	width:164px;
	}

#paars {
	color: #ffffff;
	background-color: #ab2888;
	padding: 3px;
	text-align:center;
	display: block;
	height: 16px;
	border-top: 0px solid #C47EAF;
	border-bottom: 1px solid #C47EAF;
	border-left: 1px solid #C47EAF;
	border-right: 1px solid #C47EAF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	width:164px;
	}

html>body #menu li a {
	width: 164px;
	height: 16px;
	border: 1px solid #d9dadb;
}
#menu li a:hover{
	background-color:#d9dadb;
	}
#menu li a.selected{
	width: 164px;
	height: 16px;
	color: #000000;
	background-color: #d9dadb;	
       	}
		
		
		
/***** menu rechts **********/

#button {  margin: 0px 0px 0px 752px;
	position: absolute;
	top: 296px;
	} 
/*lijn bovenknop*/
        #button ul {
	width: 163px;
	padding: 0 0 0 0;
	margin: 0;
		 }	
#button ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
        text-align: left;
  }
#button li a {
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	text-align:center;
	display: block;
	border-top: 0px solid #d9dadb;
	border-bottom: 1px solid #d9dadb;
	border-left: 1px solid #d9dadb;
	border-right: 1px solid #d9dadb;
	font: 12px Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	width:163px;
	}
html>body #button li a {
	width: 164px;
	height: 16px;
	border: 1px solid #d9dadb;
}
#button li a:hover{
	background-color:#d9dadb;
	}
#button li a.selected{
	color: #000000;
	background-color: #d9dadb;	
       	}

/************* footer *************/

#footer {
	position: relative;
	margin: 0px 0px 0px 22px;
	padding: 0px 0px 0px 0px;
	width:920px;
}

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

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

#footer li a{ float:left;
	width:172px;
	background-color: #C47EAF;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	
}

#footer li a:hover  {
	width:172px;
	background-color: #ab2888;
}

#footer li a.selected  {
	width:172px;
	background-color: #ab2888;
}

html>body #footer li a {
width:172px;
background-color: #C47EAF
}
/************* footer tekst *************/

#footer1 {
	position: relative;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #ab2888;
	font-weight: normal; 
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#footer2 {
	position: relative;
	margin: 10px 0px 60px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #ab2888;
	font-weight: normal; 
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
} 

#footer2 a {
	color: #999999;
	text-decoration: none;
}

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

#footer2 a.selected  {
	color: #ab2888;
	text-decoration: none;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* belangrijk voor het sluiten van de hoofdcontainer */
	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}


  .box {  
    background: #cbcbcd;  
   }  
  .boxtop {  
  background: url(../back/ne.gif) no-repeat top right;  
  }  
  .boxtop div {  
 
  height: 10px;  
  background: url(../back/nw.gif) no-repeat top left;  
  }  
 .boxbottom {  
  background: url(../back/se.gif) no-repeat bottom right;  
 }  
 .boxbottom div {  
  height: 10px;  
  background: url(../back/sw.gif) no-repeat bottom left;  
  }  
 .boxcontent {  
  padding: 0px 10px 0px 10px;  
 }  

/* Styles voor koppen */
h1
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	color: #ab2888;
	font-size: 14px;
}
	

h2
{letter-spacing: 1px; 
          margin: 0;
	  font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 14px; 
          color: #000000;
          font-weight: bold;}


h3
{letter-spacing: 1px;
          margin: 0;
	  font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 14px; 
          color: #000000;
          font-weight: bold;}
		   
h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	color: #ab2888;
	font-size: 14px;

 }

h5
{       letter-spacing: 1px;
        margin: 0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px; 
        line-height: 1.5em; 
        color: #000000;
        font-weight: bold;}

h6
{
	letter-spacing: 1px;
	margin: 0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

p
{}


/* Styles voor streepjes */

.seperator
{
	background-repeat : repeat-y;
	background : url(../back/column_separator.gif);
}

.separatorx
{
	background-repeat : repeat-x;
	background : url(../back/separator.gif);
        
}

a:link       {
	text-decoration: none;
	color: #3399FF
}
a:active     { text-decoration: none; color: #3399FF  }
a:visited    { text-decoration: none; color: #3399FF }
a:hover      { text-decoration: none; color: #ff0000 }