/* CSS Job Training @charset "utf-8"; */

/* Useful */

.clear {
	clear:both;
}

label {
	cursor:pointer;
}

input {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:2px;
	border:#CCCCCC 1px solid;
}

textarea {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:2px;
	border:#CCCCCC 1px solid;
}

.radio {
	border:0;
}

/* CSS */

body {
	background:#b0defe url(../img/bg_80.jpg) center top no-repeat fixed;
}

#humorworkshop {
	background:url(../img/bg_humor.png) right top no-repeat fixed;
	margin-top:13px;
}

#container {
	margin:0 auto 25px;
	width:1004px;
}
  #top {
    background:url(../img/cont_bt.png) 0px 0px no-repeat;
    height:11px;
    width:100%;
  }
  #middle {
    background:url(../img/cont_bg.png) repeat-y;
    width:100%;
    /*min-height:550px;*/
  }
  #bottom {
    background:url(../img/cont_bt.png) 0px -11px no-repeat;
    height:11px;
    width:100%;
  }


#header {
	height:76px;
	background:url(../img/cont_bt.png) 0px -443px no-repeat;
	width:100%;
	padding:15px 0 0;
}
  .home {
    height:362px !important;
    background:url(../img/cont_bt.png) 0px -22px no-repeat !important;
    position: relative;
  }
a#logo {
	background:url(../img/images.png) 0px 0px no-repeat;
	display:block;
	float:left;
	height:50px;
	margin-left:20px;
	text-indent:-9999px;
	width:288px;
}

#extralogo {
	 float:left;
	 margin-left:12px; 
	 margin-top:-17px;
}

ul#menu {
	margin:0 37px 0 0;
	float:right;
}
  ul#menu li {
    border-left:#ddd 1px solid;
    float:left;
    margin-left:35px;
    padding-left:5px;
  }
    ul#menu a {
      color:#5c5c5c;
      font: normal 12px/15px Arial;
      text-decoration: none;
    }

ul#tabs {
	float:right;
	height:37px;
	margin: 16px 25px 0 0;
	*margin: 16px 21px 0 0;
  width:  530px;
}
  ul#tabs li {
	display:inline;
    font: normal 13px/37px Arial;
    letter-spacing:1px;
    margin-left:2px;
    text-transform:lowercase;
	width: auto;
  }
    ul#tabs a {
      float:left;
      background:url(../img/sprite.png) -10px -89px no-repeat;
      cursor: pointer;
      display:block;
      height:35px;
      text-align:center;
	  padding-left:19px;
      text-decoration:none;
	  width: auto;
    }
      ul#tabs a span {
        float:left;
        background:url(../img/sprite.png) right -89px no-repeat;
        color:#fff;
        display:block;
        height:35px;
        line-height: 35px;
        padding: 0 17px 0 0;
      }
      ul#tabs a.active,
      ul#tabs a:hover {
        background:url(../img/sprite.png) -10px -50px no-repeat;
        border-bottom: 2px solid #fff;
      }
      ul#tabs a.active span,
      ul#tabs a:hover span {
        background:url(../img/sprite.png) right -50px no-repeat;
        color: #666;
      }

#intro {
	color:#231f20;
	float:left;
	font:14px/22px "Trebuchet MS", Tahoma, Verdana;
	margin:20px 0 0 38px;
	width:450px;
}
  #intro em {
    color:#ed1c24;
  }
  #intro h1 {
    background: url(../img/sprite.png) no-repeat 0 -537px;
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 340px;
  }
  #intro p { height: 188px; padding: 6px 0 0; }

  #intro a {
    color: #ed1c24;
    font: normal 11px/25px Verdana;
    text-decoration: underline;
  }

  #intro a#werkpleziertips {
    background:url(../img/sprite.png) -10px -124px no-repeat;
    display:block;
    height:46px;
    text-indent:-9999px;
    width:161px;
	margin-top:-20px;
	padding:0px;
  }
    #intro a#werkpleziertips:hover {
      background:url(../img/sprite.png) -10px -170px no-repeat;
      display:block;
      height:46px;
	  margin-top:-20px;
	  padding:0px;
    }
  #image {
    background:url(../img/sprite.png) 0px -216px no-repeat;
	margin:10px 19px;
    height:320px;
    position: absolute;
    width:471px;
    right: 20px;
  }

#columns {
	width:980px;
	margin:15px 12px 0px 12px;
}
  #columns .left {
    background:url(../img/sprite.png) 0 0 no-repeat;
    height:178px;
    width:5px;
    float:left;
  }
  #columns .center {
    float:left;
    margin:18px 25px 5px 25px;
    color:#5c5c5c;
    font:11px/16px Verdana, Arial, Helvetica, sans-serif;
  }
    #columns .center ul {
	  padding-top:7px;
	}
    #columns .center ul li {
      line-height:19px;
      list-style-image:url(../img/icons/li.gif);
    }
    #columns .center h3 {
      font-size:18px;
      font-weight:normal;
    }
  #columns .right {
    background:url(../img/sprite.png) -5px 0 no-repeat;
    height:178px;
    width:5px;
    float:left;
  }
#first {
	width:447px;
	background:url(../img/bg_index_column.gif) repeat-x;
	float:left;
}
#second {
	width:193px;
	background:url(../img/bg_index_column.gif) repeat-x;
	float:left;
	margin-left:17px;
}
#third {
	width:303px;
	background:url(../img/bg_index_column.gif) repeat-x;
	float:right;
}
#first .center { width: 387px; }
#second .center { width: 133px; }
#third .center { width: 243px; }

#first .center p,
#third .center p {
  margin: 21px 0 0;
  line-height: 19px;
}
#columns a { color: #ed1c24; }
#second a { color: #5c5c5c; text-decoration: none; }

#reference {
  color: #ed1c24;
  font: normal 12px/20px Verdana;
	height:120px;
  margin: 0 18px 0 0;
	padding:15px 130px 0 42px;
	width:814px;
}
  #reference p strong {
    color: #5c5c5c;
    display: block;
    font:   bold 11px/15px Verdana;
    padding: 0 0 10px;
  }
  #reference p a {
    color:#5c5c5c;
    display: block;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0 0;
    text-decoration:underline;
  }
  #reference .raqo {
    background: url(../img/sprite.png) no-repeat -292px -124px;
    display: inline-block;
    height: 35px;
    margin: 0 0 -22px 5px;
    width: 20px;
    text-indent: -9999px;
  }
  #reference #open { float: left; background-position: -268px -124px; margin: 0 20px 25px 0; }
  .clean {
    background:url(../img/bg_plezierwerkt.gif) right no-repeat;
    height:80px !important;
    margin: 15px 0 0 !important;
    padding:0 130px 0 42px !important;
  }
  #reference em {
    color: #8b8b8b;
    font: bold 11px/14px Verdana;
    margin: 0 0 0 35px;
  }

#people {
	width:966px;
	height:59px;
	margin:0px 19px 0px 19px;
	background:url(../img/img_people.jpg) center no-repeat;
}

#wrapper {
	margin:0px 12px 0px 12px;
	width:980px;
}

#left {
	float:left;
  overflow: hidden;
	width:218px;
}
  #left h2 {
    background:url(../img/gradients.jpg) 0 0 repeat-x;
    border:#dfdfdf 1px solid;
    border-top: 0;
    color:#ed1c24;
    font:bold 12px/23px Verdana;
    height:30px;
    text-indent:28px;
    width:216px;
  }

  #left ul {
    border-left:#dfdfdf 1px solid;
    border-right:#dfdfdf 1px solid;
  }
  #left ul li {
  	margin:0px;
	padding:0px;
  }
  #left a.nosub,
  #left a {
    background:#f7f7f7;
    border-bottom:#dfdfdf 1px solid;
    color:#616161;
    display: block;
    font: normal 11px/15px Verdana;
    padding:10px 5px 10px 28px;
    text-decoration:none;
  }
  #left a:hover {
    background:#fff;
    border-bottom:#dfdfdf 1px solid;
  }
  #left a.active {
    background:#fff;
    border: 0;
    font-weight:bold;
    padding: 10px 5px 10px 28px;
    border-bottom:#dfdfdf 1px solid;
  }
  #left ul ul,
  #left ul ul a { border: 0 !important; }
  #left ul ul a { background: #fff !important;  }
  #left ul ul { border-bottom:#dfdfdf 1px solid !important; }

  #left .image {
    margin:12px 0 0;
    border: 1px solid #dfdfdf;
    /*height:181px;*/
    padding:1px;
    position: relative;
    width:214px;
  }
  #left #watermark {
    background:url(../img/sprite.png) -195px -125px no-repeat;
    bottom: 1px;
    display: block;
    height:68px;
    left: 1px;
    position: absolute;
    width:68px;
  }

#right {
	width:751px;
	float:right;
	background:url(../img/gradients.jpg) 0 -50px repeat-x;
}

#right .content {
	background:url(../img/content.jpg) no-repeat  180px 0;
	width:685px;
	color:#5c5c5c;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:18px 32px 28px 32px;
	border-bottom:#e9e9e9 1px solid;
	border-left:#e9e9e9 1px solid;
	border-right:#e9e9e9 1px solid;
}

#right .content h1 {
	font:normal 30px "Trebuchet MS", Tahoma, Verdana;
	color:#fff;
	padding-bottom:10px;
}

#right .content ul {
	list-style:circle;
	margin-left:15px;
}

#right .content .item {
	padding-bottom:20px;
}

#right a {
	color:#ed1c24;
}

#copyright {
	color:#5c5c5c;
	font:11px/35px Verdana, Arial, Helvetica, sans-serif;
	height:33px;
	margin: 4px 37px 0;
  width:930px;
}
  #copyright a {
    color:#5c5c5c;
    text-decoration: none;
  }

  .right {
    float: right;
  }

.trainer_image {
	margin-top:50px;
	padding-left:40px;
	padding-right:20px;
	max-height:200px;
	max-width:200px;
	display:block;
	padding-bottom:20px;
	float:right;
}

#imagetable {
	padding:5px;
}

table.referentietable td{ text-align: center !important; font-size:9px; height:90px; line-height:1.1em; }

table.referentietable img{ margin-bottom:5px; }

table.referentietable a{ text-decoration:none; }

.replacement {
    max-width:700px;
}