html                  {
                      height: 100%;
                      }

body                  {   
                      padding: 0px;
                      margin: 0px; 
                      color: #000000;
          					  font-size: 11px;
          					  font-family: Arial, Tahoma, Verdana; 
          					  line-height: 18px;                                            
                      }
                      
td                    {  font-family: Arial, Tahoma, Verdana; line-height: 18px;   }                      

body.site             {      
                      width: 100%;
                      height: 100%;
                      background-image: url(../images/frame_bg.jpg);
                      background-position: top center;
                      background-repeat: repeat-y;
                      background-color: #ffffff; 
                      }

a                     { color: #3ebd54; text-decoration: none; font-family: Arial; } 
a:hover                     { color: #3ebd54; text-decoration: underline; font-family: Arial; }
                    
h1                    {
                      font-family: Tahoma, Verdana, Arial; 
                      font-size: 12px;
                      color: #000000; 
          					  line-height: 25px;
          					  height: 25px;
          					  border-bottom: 2px solid #f59734;
          					  margin-top: 15px;
                      }
                      
div.container         { width: 100%; height: 100%;  text-align: center;  }                      
div.topper            { position: absolute; top: 0px; left: 0px; height: 32px; width: 100%; background-image: url(../images/top_balken.jpg); background-repeat: repeat-x;  }
div.frame             {
					            margin: 0px auto 0px auto;
                      width: 865px;
					            
					            padding-top: 32px;
          					  
          					  padding-bottom: 20px;
          					  text-align: left;
          					  position: relative;
                      }

div.content				{
						margin-left: 55px;
						}

div.header				{ 	
						width:750px;
						height: 175px;
						}

div.logo              {
					             margin-top: 52px;
					             float: left;
                       width: 302px;
					             height: 80px;
                      }

div.pola              {
                      margin-top: 13px;
					  width: 320px;
					  height: 168px;
					  float: left;
					  margin-left: 35px;
					  
                      }
					  
div.icons             {
					  position: absolute;
					  right: 47px;
					  top: 39px;
					  width: 100px;
					  height: 20px;
                      margin-top: 6px;
					  margin-left: 8px;
                      }

                      
div.contenttekst       {
					  margin-left: 150px;
                      width: 600px;
                      text-align: justify;
					  font-size: 11px;
					  
                      }   

div.menu              {
					  float: left;
                      font-family: Arial, Tahoma, Verdana;
                      font-size: 11px;
                      width: 130px;
					  margin-top: 14px;
					  
                      }
                      
                      
div.hoofdmenu   { font-size: 12px; background-image: url(../images/arrow.jpg); background-position: 6px 9px; height: 21px; width: 150px; background-repeat: no-repeat; line-height: 25px; cursor: pointer;  }
div.hoofdmenu a {  text-decoration: none; color: #000000; font-weight: normal; margin-left: 18px; line-height: 25px; }
div.hoofdmenu a:hover { text-decoration: none; color: #000000; font-weight: normal; margin-left: 18px; line-height: 25px; }
div.hoofdmenu_ov  {font-size: 12px; background-image: url(../images/arrow.jpg); background-position: 6px 9px; height: 21px;  width: 150px;background-repeat: no-repeat; line-height: 25px;  cursor: pointer; }                 
div.hoofdmenu_ov a {  text-decoration: none; color: #3cbd54; font-weight: normal; margin-left: 18px; line-height: 25px; }
div.hoofdmenu_ov a:hover { text-decoration: none; color: #3cbd54; font-weight: normal; margin-left: 18px; line-height: 25px; }

div.submenu   { font-size: 12px; background-image: url(../images/arrow.jpg); background-position: 35px 11px; height: 25px; width: 150px; background-repeat: no-repeat; line-height: 25px; cursor: pointer;  }
div.submenu a {  text-decoration: none; color: #000000; font-weight: normal; margin-left: 50px; line-height: 25px; }
div.submenu a:hover { text-decoration: none; color: #000000; font-weight: normal; margin-left: 50px;line-height: 25px; }
div.submenu_ov  { font-size: 12px;  background-image: url(../images/arrow.jpg); background-position: 35px 11px; height: 25px;  width: 150px;background-repeat: no-repeat; line-height: 25px;  cursor: pointer; }                 
div.submenu_ov a {  text-decoration: none; color: #3cbd54; font-weight: normal; margin-left: 50px; line-height: 25px; }
div.submenu_ov a:hover { text-decoration: none; color: #3cbd54; font-weight: normal; margin-left: 50px; line-height: 25px; }


/* KANDIDATEN */
td.kandidaatoverzicht { font-size: 11px; color: #000000; }
td.kandidaatoverzicht strong  { font-size: 13px; }


/* FORMULIER */
.formulier {
	width: 250px;
	border: 0;	
}

.formulier .zichtbaar td {
	padding: 4px;
	font-size: 10px;
	color: #767676;
}

.formulier .header td {
	font-weight: bold;
	padding: 4px;
	vertical-align: top;
	font-weight: bold;
	background-color: #F0F0F0;
}

.formulier .veld td {
	padding: 4px 0px;
	min-height: 24px;
	border-bottom: 1px solid #F0F0F0;
	vertical-align: top;
}

.formulier .naam label {
	width: 200px;
	line-height: 23px;
	display: block;
	font-size: 11px;
}

.naamform { width: 200px; line-height: 23px; }
.veldform { width: 288px; line-height: 23px; }

.formulier .input textarea {
	border: 1px solid #A8A8A8;
	margin: 1px;
	font-size: 11px;
	width: 288px;
	height: 160px;
	padding: 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.formulier .input textarea:focus {
	border: 2px solid #666666;
	margin: 0px;
}

.formulier .input .inputveld {
	border: 1px solid #A8A8A8;
	margin: 1px;
	font-size: 11px;
	width: 160px;
	padding: 2px 3px;
}

.formulier .input .inputveld-postcode {
	text-transform: uppercase;
}

.formulier .input .inputveld:focus {
	border: 2px solid #666666;
	margin: 0px;
}

.formulier .input select {
	border: 1px solid #A8A8A8;
	margin: 1px;
	font-size: 11px;
	min-width: 166px;
}

.formulier .input select.tijd {
	min-width: 30px;
}

.formulier .input select:focus {
	border: 2px solid #666666;
	margin: 0px;
}

.formulier .input select option {
	padding: 1px 5px;
}

.formulier .input, .formulier .knop {
	width: 172px;
	position: relative;
}

.formulier .input div.error-tekst {
	font-size: 10px;
	color: #E03131;
	width: 200px;
	margin-top: 4px;
	min-height: 16px;
	padding: 6px 4px 4px 24px;
	background: #FFE5E5 url(../images/icoon-error.gif) no-repeat 4px 4px;
	border: 1px solid #FF7373;
}

.formulier .input .error-tekst {
	margin: 0px;
	border: 2px solid #FF7373;
	background-color: #FFF8F8;
}

.formulier .input .info-tekst {
	position: absolute;
	left: 172px;
	top: 0px;
	width: 159px;
	font-size: 10px;
	display: none;
	z-index: 30;
}

.formulier .info-tekst .pijl {
	float: left;
	width: 6px;
	height: 8px;
	z-index: 10;
	background-image: url(../images/formulier-bg-trans.png);
	position: absolute;
	left: 0px;
	top: 6px;
	font-size: 0px;
}

.formulier .info-tekst .inhoud {
	margin-left: 5px;
	float: left;
	width: 124px;
	min-height: 16px;
	height: auto;
	padding: 6px 4px 4px 24px;
	background: #F2F2F2 url(../images/icoon-help.gif) no-repeat 4px 4px;
	border: 1px solid #B9B9B9;
}

.formulier .info-opmerkingen {
	color: #656565;
	padding: 2px;
	font-size: 10px;
}

.formulier img {
	border: 1px solid #656565;
	margin: 0px 1px 3px 1px;
}