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

/* Useful */

.clear {
	clear:both;
}

label {
	cursor:pointer;
}

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

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

.radio {
	border:0;
}

form small {
	font-style:italic;
	color:#F00;
	line-height: 20px;
	margin-left: 5px;
}
form.std {
	margin-top: 15px;
}
form.std label {
	float: left;
	width: 120px;
	line-height: 20px;
	clear: left;
}
form.std input[type="text"], form.std select {
	border: #CCC 1px solid;
	border-radius: 3px;	
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	-o-border-radius: 3px;
	float: left;
	padding: 3px;
	margin-bottom: 5px;
	width: 150px;
	font: 11px Arial, Helvetica, sans-serif;
}
form.std input[type="text"]:focus {
	border: #999 1px solid;
}
form.std input[type="submit"] {
	background: #c3292f url(../img/bg_button.gif) repeat-x;
	border-radius: 5px;	
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;	
	-o-border-radius: 5px;
	border: #FFF 1px solid;
	padding: 5px;
	color:#FFF;
	font-size: 13px;
	cursor: pointer;
}

a.bigbutton {
	background: url(../img/bg_button_left.jpg) top left no-repeat;
	text-transform: lowercase;
	color: #FFF!important;
	letter-spacing: 1px;
	text-decoration: none!important;
	border: 0px;
	overflow: hidden;
	line-height: 45px!important;
	height: 45px!important;
	display: inline-block;
	position:relative;
	margin-right: 5px;
	padding-left: 12px;
	padding-right: 10px;
}
a.bigbutton span {
	background: #000 url(../img/bg_button_right.jpg) top left no-repeat;
	color: #FFF;
	height: 45px!important;
	width: 10px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

/* CSS */

body {
	background:#b0defe url(../img/bg_80.jpg) center top no-repeat fixed;
	font:11px Helvetica, Verdana, Arial, sans-serif;
}

a {
	color:#ed1c24;
	font: Helvetica, Verdana, Arial, sans-serif;
}
#right h2 a {
	text-decoration:none;
}
#right a.more {
	color:#5C5C5C;
}
#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:right;
	 margin-top:-10px;
}

#extralogo a {
	height: 24px;
	width: 24px;
	float: left;
	margin-right: 4px;
	text-indent: -9999px;
}
#extralogo a.facebook {
	background:url(../img/icons/facebook.png) no-repeat;
}
#extralogo a.twitter {
	background:url(../img/icons/twitter.png) no-repeat;
}
#extralogo a.youtube {
	background:url(../img/icons/youtube.png) no-repeat;
}
#extralogo a.linkedin {
	background:url(../img/icons/linkedin.png) no-repeat;
}

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 Helvetica, Verdana, Arial, sans-serif;
      text-decoration: none;
    }

ul#tabs {
	float:right;
	height:37px;
	margin: 16px 5px 0 0;
	*margin: 16px 1px 0 0;
	*width: 630px;
	/*margin: 16px 25px 0 0;
	*margin: 16px 21px 0 0;*/
}
  ul#tabs li {
	display:inline;
    font: normal 13px/37px Helvetica, Verdana, Arial, sans-serif;
    letter-spacing:1px;
    margin-left:2px;
	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:8px;
      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 8px 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:#757075;
	float:left;
	font:13px/18px Helvetica, Verdana, Arial, sans-serif;
	margin:20px 0 0 38px;
	width:450px;
}
  #intro em {
    color: #231f20 ;
  }
  #intro h1 {
    background: url(../img/sprite.png) no-repeat 0 -537px;
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 410px;
  }
  #intro p { padding: 6px 0 0; }

  #intro a {
    color: #757075;
    text-decoration: none;
  }

  #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;
  }
  /* Slideshow */
  #slideshow {
    position:relative;
    height:264px;
	float:right;
    width:389px;
	margin:10px 26px;
  }

  #slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
  }

  #slideshow IMG.active {
    z-index:10;
    opacity:1.0;
  }

  #slideshow IMG.last-active {
    z-index:9;
  }

#columns {
	width:980px;
	margin:15px 12px 0px 12px;
}
  #columns .center {
    float:left;
    margin:18px 30px 5px;
    color:#5c5c5c;
    font:11px/16px Helvetica, Verdana, Arial, sans-serif;
  }
    #columns .center ul {
	  padding-top:7px;
	}
    #columns .center ul li {
      line-height:19px;
      /*list-style-image:url(../img/icons/li.gif);*/
	  list-style: none;
	  border-bottom: #ddd 1px dotted;
	  /*
	  font: 12px/1.2em "lucida grande", lucida, tahoma, helvetica, arial, sans-serif;
	  */
	  color: #757075; 
	  font:13px/18px Helvetica, Arial, sans-serif;
	  padding: 5px 0px;
    }
    #columns .center h3 {
	  text-indent: -9999px;
	  background:url(../img/h3_trots.png) no-repeat;
	  height: 26px;
	  width: 75px;
	  display: block;
    }
#first {
	width:447px;
	height:275px;
	background:url(../img/bg_index_column.gif) repeat-x;
	background:url(../img/bg_index_block.gif) no-repeat;
	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 {
  line-height: 19px;
  margin: 0.5em 0;
}
#twitter_widget {
	width:450px;
	background:url(../img/bg_index_column.gif) repeat-x;
	float:left;
	margin-left:17px;
}

#columns a { color: #5C5C5C; }
#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 Helvetica, Verdana, Arial, 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;
	/* Aanpassing Jasper Reijn 31-5-2010 */
	display: none;
  }
  #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 Helvetica, Verdana, Arial, sans-serif;
    margin: 0 0 0 35px;
  }

#people {
	width:966px;
	height:59px;
	margin:0px 19px 0px 19px;
	background:url(../img/img_people.jpg) center no-repeat;
	/* Aanpassing Jasper Reijn 31-5-2010 */
	display: none;
}

#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 h2 a {
	  text-decoration: none;
	  white-space: nowrap;
	  margin-left: -15px;
  }
  #left ul {
    border-left:#dfdfdf 1px solid;
    border-right:#dfdfdf 1px solid;
  }
  #left ul li {
  	margin:0px;
	padding:0px;
  }
  #left ul li a.nosub,
  #left ul li a {
    background:#f7f7f7;
    border-bottom:#dfdfdf 1px solid;
    color:#616161;
    display: block;
    font: normal 11px/15px Verdana;
    padding:10px 5px 10px 13px;
    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;
    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;
  }*/
  #left .image {
    margin:12px 0 0;
    width:218px;
    height:218px;
	background:url(../img/left_col_plezierwerkt.gif) no-repeat;
  }

#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 Helvetica, Verdana, Arial, sans-serif;
	padding:18px 32px 28px 32px;
	border-bottom:#e9e9e9 1px solid;
	border-left:#e9e9e9 1px solid;
	border-right:#e9e9e9 1px solid;
	overflow:hidden;
}

#right .content h1 {
	font:normal 30px Helvetica, Verdana, Arial, sans-serif;
	color:#fff;
	padding-bottom:10px;
}

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

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

#right a {
	color:#ed1c24;
}

.twtr-tweet-text p, .twtr-tweet-text a.twtr-user {
	font: 13px/18px Helvetica, Arial, sans-serif!important;
	color: #231F20!important;
}
#copyright {
	color:#5c5c5c;
	font:11px/35px Helvetica, Verdana, Arial, sans-serif;
	height:33px;
	margin: 4px 37px 0;
  width:930px;
  text-align:center;
}
  #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;
}