/*
Groen: #8fb53c
Grijs: #464646
Donkergroen: #52813b
*/


*{
    margin: 0px;
    padding: 0px;
}

body,html {
    text-align:center;
    margin:0;
    font-size: 11px;
    font-family: Arial,verdana,helvetica;
    background: transparent url(/gfx/bg.jpg) repeat-x;
}

#container {
    text-align: left; /*voor IE */
    width: 992px;
    overflow: hidden;
    margin:0 auto;
    padding:0;
    border:0px;
}

#textvoorwaarden {
  padding: 10px;
  border: 1px solid #9bbe3c;
  margin: 10px 10px 10px 23px;
}

#logo {
    height: 82px;
}

.trainingkop {
  font-size: 14px;
  font-weight: bold;
}

.logopic {
    margin-left: 40px;
    border: 0px;
}

#contenttable {
    width: 992px;
    margin:0px;
    padding:0px;
    border:0px;
    margin-bottom: 35px;
}

#left_shadow {
    width:13px;
    background: url(/gfx/bg_left.jpg) repeat-y;
}


#right_shadow {
    width:13px;
    background: url(/gfx/bg_right.jpg) repeat-y;
}

#header {
    margin:0px;
    text-align: right;
    position: relative;
    padding:0px;
    width: 966px;
    height: 218px;
    border:0px;
}

#zoekform {
    position: absolute;
    bottom: 0px;
    right: 5px;
    width: 165px;
    height: 28px;
}

.zoeksubmit {
    width: 14px;
    height: 14px;
    margin-top: 5px;
    border: 0px;
    background: transparent url(/gfx/zoek_button.jpg) no-repeat;
}

.zoek_input {
    font-size: 10px;
    float: left;
    color: #88898a;
    width: 135px;
    height: 12px;
    border: 1px solid #9bbe3c;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    background-color: #202016;
}

#header_schaduw {
    background: url(/gfx/header_schaduw.jpg) no-repeat;
    text-align: right;
    margin:0px;
    padding:0px;
    width: 992px;
    height: 18px;
    border:0px;
}


#footer {
    background: url(/gfx/footer_bg.jpg);
    width: 956px;
    height: 22px;
    padding-right: 10px;
    text-align: right;
    padding-top: 5px;
}

#footer a { margin: 0px 10px 0px 10px; }

#footer a:link,#footer a:visited, #footer a:active { color: #adabac; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline;  }

#menu_footer {
    background: url(/gfx/menu_footer.jpg);
    margin-top: 100px;;
    width: 194px;
    height: 127px;
}

#content {
    text-align: left; /*voor IE */
    background: url(/gfx/content_bg.jpg);
    width: 920px;
    height: 100%;
    overflow: hidden;
    margin:0;
    padding: 0 0 0 46px;;
    vertical-align: bottom;
}

#left {
    background: url(/gfx/menu_top.jpg) no-repeat;
    width:200px;
    color:#000;
    float: left;
}

#main {
    margin-left:195px;
    padding: 23px 60px 30px 46px;
    color:#757374;
    line-height: 18px;
}

table {
    color:#757374;
    margin-top: 10px;
}

#main a:link,#main a:visited, #main a:active { color: #52813b; text-decoration: underline; }
#main a:hover { color: #8fb53c; text-decoration: underline;  }


#main h1 {
    color: #52813b;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0 20px 0;
}

#main p {
    margin: 10px 0 10px 0;
}

#main ul {
    margin: 10px 0 10px 30px;
}

.fout {
  color: #ff0000;
}

table {
    font-size: 11px;
}

.menu{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    width: 195px;
}

.menu li a{
    font: bold 11px "Arial";
    color: #adabac;
    height: 23px;
    display: block;
    padding-left: 20px;
    padding-top: 5px;
    width: auto;
    text-decoration: none;
}

.menu li a:link, .menu li a:visited, .menu li a:active{
    color: #444444;
    background: none;
}

.menu li a:hover{
    color: #fff;
    background: url(/gfx/menu_over.jpg) no-repeat;
}

.menu .actief {
    background: url(/gfx/menu_over.jpg) no-repeat;
    color: #ffffff;
}

#hoofdactief {
    background: url(/gfx/menu_over.jpg) no-repeat;
    color: #ffffff;
}

#hoofdactief a:link,#hoofdactief a:visited, #hoofdactief a:active { color: #ffffff; text-decoration: none; }
#hoofdactief a:hover { color: #ffffff; text-decoration: none;  }

#submenu {
    list-style-type: none;
    margin: 0 0 25px 0;
border-bottom: 1px solid #444444;
    padding: 5px 0px 5px 0px;
    width: 195px;
    color: #fff;
    background-color: #737373;
}

#submenu li {
    font: 11px "Arial";
    color: #9bbf3c;
    height: 23px;
    display: block;
    padding-left: 20px;
    padding-top: 5px;
    width: auto;
    text-decoration: none;
}

#submenu li a:link, #submenu li a:visited, #submenu li a:active{
    color: #fff;
}

#submenu li a:hover{
    color: #9bbf3c;
}

#submenu .actief {
    background-image: none;
    color: #686868;
}

#submenu a:link,#submenu a:visited, #submenu a:active { color: #fff; text-decoration: none; }
#submenu a:hover { color: #000; text-decoration: none;  }

.subactief a:link,.subactief a:visited, .subactief a:active { color: #000; text-decoration: none; }
.subactief a:hover { color: #000; text-decoration: none;  }

.img_login {
    border: 0px;
    margin-right: 15px;
}

#medewerkers {
  width:592px; margin-bottom: 45px;
}

#medewerkers .fotomain {
  height: 53px; background: url(/gfx/medewerker_bg.jpg) repeat-x;
}

#medewerkers .foto {
  float: left; width: 53px; height: 53px;
}

#medewerkers .naamfunctie {
  float: left; margin-left: 53px;
}

#medewerkers .naam {
  color: #5e8743; font-size: 14px; font-weight: bold;
}

#medewerkers .functie {
  color: #000; font-weight: bold;
}

#medewerkers .tekst {
  padding-left: 106px;
}


#links {
  width:592px; margin-bottom: 45px;
}

#links .fotomain {
  background: url(/gfx/medewerkers_bg.jpg) repeat-x;
  display: block;
}

#links .foto {
  float: left;
  margin-right: 20px;
  display: block;
}

#links .naamfunctie {

}

#links .functie {
  display: block;
}

#links .naam {
  color: #5e8743; font-size: 14px; font-weight: bold;
}



#testimonials {
  width:592px;
  margin-bottom: 45px;
}

#testimonials .top{
  height:75px;
  width: 592px;
  background: url(/gfx/testimonials_bg.jpg) repeat-x;
}


#testimonials .logo {
  width:100px;
  height: 60px;
  float: left;
}

#testimonials .titel{
  color: #5e8743;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 0 20px;
  width:100px;
  float: left;
}

#testimonials .meerlink{
  padding: 10px;
}

#testimonials .tekst{
  margin-left: 120px;
  margin-top: 10px;
}

#testimonials .adres {
  padding: 0 0 0 20px;
  width:100px;
  float: left;
}

#testimonials .meer {

}

#bedrijven {
  width: 592px;
}

#bedrijven .rij {
  display: inline;
}

#bedrijven .lijn {
  background: url(/gfx/klanten_lijn.jpg) repeat-x;
  height: 15px;
  margin: 10px 0 10px 0;
}

#bedrijven .logo {
  margin: 24px;
  border: 0px;
}

#toonpersoneel {
  margin-top: 20px;
}

#toonpersoneel .foto {
  float: right;
  width: 175px;
  height: 175px;
  text-align: right;
}

#toonpersoneel .tekst {

}

.perskop {
  margin-left: 10px;
  color: #52813b;
  font-weight: bold;
}

.clearleft {
  clear: left;
}

input {
        border: 1px solid #a5acb2;
        width:256px;
        height: 17px;
        color: #443;
        font: 11px verdana, sans-serif;
}
textarea {
        border: 1px solid #a5acb2;
        width:256px;
        height: 140px;
        overflow: auto;
        color: #443;
        font: 11px verdana, sans-serif;
}
select {
        border: 1px solid #a5acb2;
        width:258px;
        height: 19px;
        color: #443;
        font: 11px verdana, sans-serif;
}

.radiotje {
  width: 20px;
  border: 0px;
}

.vet {
  font-weight: bold;
}

.melding {
  margin: 10px 0px 10px 0px;
  padding: 5px;
}

.goed {
  border: 1px solid #25d431;
  background-color: #d3f6d6;
}

.fout {
  border: 1px solid #d2160d;
  background-color: #ffb9b9;
}