body {
font-size: 15px;
}

h1 {
font-size: 20px;
}

h2 {
 margin-left:25px;
 color:#662E91;
}
h2a {
font-size: 17px;
color:#662E91;
}

.colorwell {
color: #039EE1;
//#00AEED;
}

.colorwork {
color: #652082;
//#662E91;
}
.colorgray {
color : #86898F;
}
.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

li {
color: #7B519F; /* bullet color */
}
li span {
color: black;
font-size: 15px;

}

 hr {
  position:absolute;
  top:85px;
  width:99%;
  border : 0px;
 color: #FFFFFF;
background-color: #039ee1;
height: 3px;
}

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

a:link   {

 text-decoration:none;
}




a.vetlink:visited, a.vetlink:link {
font-weight:bold;
color: #000000;
}
a.vetlink:hover {
 text-decoration:underline;
 }

#werknemer2 {
position:absolute;
left:250px;
font-size:22px;
text-align:center;
padding-top:8px;
padding-bottom:8px;
background: url(../images/butblauw.png) no-repeat;
width:230px;
height:40px;
}

.right
{

text-align:right;
}

#werknemer {
  font-family:times new roman;
  font-size:25px;
  color:#FFFFFF;
  background: url("../images/butblauw.png") no-repeat;

  padding:4px;
  text-align:center;
  position:absolute;
  top:85px;
  width:230px;
  height:40px;
  left: 250px;
}

#werkgever {
  font-family:times new roman;
  font-size:25px;
  color:#FFFFFF;
  background: url("../images/butblauwtop.png") no-repeat;

  padding:4px;
  text-align:center;
  position:absolute;
  top:45px;
  width:230px;
  height:40px;
  left: 500px;
  border: 0px;
}


#werknemer:hover {
background: url(../images/butpaars.png) no-repeat;
}

#werkgever:link {
}
#werkgever:visited {
background: url(../images/butpaarstop.png) no-repeat;

}


#werkgever:hover {
background: url(../images/butpaarstop.png) no-repeat;
}

#werkgever:active {
background: url(../images/butpaarstop.png) no-repeat;
}
a#werkgever.wgactive:link
{
background: url(../images/butpaarstop.png) no-repeat;
}

a#werknemer.wnactive:link
{
background: url(../images/butpaars.png) no-repeat;
}

#menulinks {
        font-family:times new roman;
        font-size:14px;
        position:absolute;
        top: 100px;
        left:0px;
        float:left;
        margin:0 auto;
        width:190px;

}

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

    #menurechts {
        font-family:times new roman;
        font-size:13px;
        text-decoration:bold;
        position:absolute;
        top: 100px;
        right:0px;
        float:right;
        margin:0 auto;
        width:180px;
    }

    #menurechts ul {
        /* remove list style */
        list-style:none;
        padding:0;
        margin:0;

        /* set the layer position */
        position:relative;
        z-index:5;
    }

        #menurechts li {
            /* set the styles */
            //background:#ccc url(bg.gif) no-repeat 0 0;
            font-size:17px;
            padding:2px;
            margin:2px;
            cursor:pointer;

        }



         #menurechts li a {
            font-weight:bold;
            color:#009AE3;
        }
        #menurechts li a:hover{
            //background-color:#039ee1;
            color:#009AE3;
            opacity:0.6;

        }
        #menurechts li a:active{
            //background-color:#039ee1;
            color:#009AE3;
            opacity:0.1;
            }

  a.menurechts:link, a.menurechts:visited { font-size: 16px; color:#000000;}
   a.menurechts:hover  { color:red;}
   a.menurechts:active  { color:red;}
   
   a.focusrechts:link, a.focusrechts:visited { opacity:0.5;}

  #menurechtstitel  {
   position:relative;
   top:10px;
   padding:5px;
   font-style:italic;
   font-weight:bold;
   font-size:14px;
   color: #00AEED;
  }

  #menurechtsinfo  {
   position:absolute;
   top:10px;
   padding:5px;
   font-size:13px;
   color: #86898F;
  }

  #poppaars {
   position: absolute;
   top: 5px;
   width: 230px;
   left: 500px;
  }

  #popblauw {
   position: absolute;
   top: 5px;
   width: 230px;
   left: 0px;
  }
  
 #popblauwtop {
   position: absolute;
   top: 100px;
   width: 90px;
   left: 70px;
  }
  
 #popblauwbody {
 position:relative;
 border-radius: 10px;

 top: 0px;
 left: -50px;
 height: 545px;
 width:190px;
 background-color: #039EE1;
 overflow:hidden;
}

.popblauwtekst {
 font-size: 24px;
 color:#FFFFFF;
 margin-left: 35px;
 margin-right: 30px;
 font-weight:bold;
}
.popblauwgroot {
 font-size: 35px;
}

  #frontpagetitle {
   position: absolute;
   top: 35px;
   width: 480px;
   left: 250px;
  }

  #frontpagetext {
   position: absolute;
   top: 90px;
   width: 480px;
   left: 250px;
  }

  #popgrijs {
   position: absolute;
   top: 109px;
   width: 230px;
   left: 250px;
  }

  #tekstpop {
  position:absolute;
  padding: 20px;
  color: #FFFFFF;
  font-size:18px;
  top:100px;
  }

  #tekstpopgrijs {
  position:absolute;
  padding: 20px;
  color: #662E91;
  font-size:18px;
  top:-10px;
  }
#poppaars $popblauw img
{
z-index:-1;
}


#menuactueel {
 position:absolute;
 top: 345px;
 left: 250px;
 width:480px;
 //background-color: #86898f;
 overflow:visible;
}

#menuactueelgrijs {
 position:relative;
 border-radius: 10px;
 top: 0px;
 //left: 250px;
 width:480px;
 background-color: #86898f;
 overflow:hidden;
}


#toprightbox {
 position:absolute;
 top:0px;
 left:500px;
 opacity: 0.5;
}

#twitterbox {
 position:absolute;
 top:345px;
   right:0px;
        float:right;
        margin:0 auto;
        width:180px;

}

#bottombox {
 position:absolute;
 top:100px;
 width:99%;
 border-top:solid 2px;
 border-color: #00AEED;
 opacity: 0.5;
 background:lightgray;

}

#bottombox a {
color:black;
}

#bottombox a:hover {
text-decoration:underline;
}

#maindiv {
 position:static;
}
.textboxtitle {
position:absolute;
top: 55px;
left:200px;
width:400px;
font-size:20px;
font-weight:bold;
}

#textbox {
position:absolute;
top: 90px;
left:200px;
width:550px;
}

.mainlinks {
 font-weight:bold;
 font-size:18px;
}


form fieldset        {padding:2px 0px;margin:0em;border:2px solid #00AEED; width:550px;

 #ccc;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;border-bottom-width:10px;}


form legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}

form input,
textarea, select      {border:1px solid #ccc;width:250px;margin-bottom:5px; }

form select          {position:relative; top:0px;border:1px solid;}
form input:focus,
form textarea:focus  {background:#ffc;}

form textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif; width:300px;}
form label          {color:#000000; width:190px;float:left;   }
form label:after     {}
form label.error     { color:red;float:none;margin:0px 10px; top:0px; width:140px; }
form label.error,
form input.submit { margin-left: 190px; }
form label.error:after {} // dit werkt
form button          {display:block;float:left;clear:both;margin:1em 0 1em 90px;}

form input.digits {width: 50px;}
form input.number {width: 75px;}
form input:hover {
  background:#FAFAD2;  //LightGoldenRodYellow;
 }