/*------------------------------------------------------------------
[Master Stylesheet]

Project		: De Baak
Created		: 2010-02-13
Assigned to	: Marc Bruisten (mb)
Made by		: Evident

--------------------------------------------------------------------

	style 0 white background with orange text 

	style 1 : opleidingen 	: #c3d500 
	style 2 : maatwerk		: #8CD840 
	style 3 : accomodatie 	: #D4665E 
	style 4 : over ons		: #69C7B3 
	style 5 : events		: #E09C40
	style 6 : contact		: #ABA778 
	style 7 : mijn baak		: #57CDEB 

------------------------------------------------------------------*/

	body {	
		font-family:Arial, Helvetica, sans-serif;
		color:#1f191a;
		background-color:#fff;
		font-size:62.5%;
	}
	
	img.floatlleft {
		float:left;
		margin-right:5px;
	}
	
/*	global layout
---------------------------------------------- */

	.wrapper {
		width:auto;
		position:relative;
		margin:0 auto;
	}

	.masthead {
		height:92px;
		margin-bottom:7px;
		overflow:hidden;
		background-color:#fff;
		color:white;
		border-bottom:1px solid #d7d7d7;
	}

	.colwrapper {
		position:relative;
		width:930px;
		min-height:400px;
		height:auto !important;
		height:400px;
		margin:0 auto;
		padding:110px 0 0 0;
		background-repeat: repeat-y;
		background-position:-2px 0px;	
		background-image:url('../image/bg-cw.gif');
		z-index:10;
        overflow: hidden;
	}

	.colwrapperHome {
		position:relative;
		min-height:605px;
		height:auto !important;
		height:605px;
		background-repeat: repeat-y;
		background-position:-2px 0px;	
		background-image:url('../image/bg-cw.gif');
		z-index:10;
		margin: 0 auto;
	}
		.videos .colwrapper,
		.debaaktv .colwrapper {
			background-image:url('../image/bg-cw-nocenterline.gif');
		}

		/* colwrapper variations */
		.journey .colwrapper {
			background-image:url('../image/bg-cw-journey.gif');
			background-repeat: repeat-y;
			background-position:-232px 0px;	
		}
		
		.journey .colwrapperHome {
			background-image: url("../image/bg-cw-journey.gif");
			background-position: -232px 0;
			background-repeat: repeat-y;
		}

	.mainCol, 
	.sideCol, 
	.mainColRight, 
	.mainColLeft {float:left;}

    .mainCol {width: 690px;}
  
	.mainColLeft {
		width:175px;
		padding:20px 4px 10px 16px;
		overflow:hidden;		
		min-height:100px;
		height:auto !important;
        height:100px;
	}	

		.traininglisting .mainColLeft {padding-top:5px;}
		.zoeken .mainColLeft {padding-top:0px;}	
			
	.mainColRight {
		width:465px;
		padding:0 17px 0 10px;
		overflow:hidden;
	}	
	
	.trainingOverview {
		width:687px;	
		overflow:hidden;
		background:white;
	}
		.trainingOverview .column {
			width:185px;
			float:left;	
			padding:0 29px 0 0;
			margin:0 0 0 15px;
		}
	
	#blogdetail .mainColRight,
	.videos .mainColRight {
		padding-left:0px;
		margin-left:-2px;
		padding-right:0px;
		width:495px;
	}

	.sideCol {
		padding:20px 0px 80px 0px;
		width:215px;
	}
	.sideCol > h2 {padding:0 0 10px 14px}
	

/* footer
---------------------------------------------- */	

#footer {
    background-color: #F6F4F5;
    border-top: 10px solid #D7D7D7;
    height: 250px;
    padding-bottom: 20px;
    line-height: 18px;
}
    #footer .inner {
        width: 940px;
        margin: 0 auto;
        position: relative; 
    }
  
#footer ul {
  display: block;
  padding-bottom: 20px;
  width: 960px; }

#footer ul ul {
  width: auto;
  padding-bottom: 0; }

#footer li {
  display: block;
  float: left;
  width: 172px;
  margin-right: 20px;
  list-style: none; }

#footer li a {
  display: block;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  margin: 20px 0 10px 0;
  float: left; font-weight: normal; }
  #footer li a:hover {
    color: #132dac; }

#footer li li a {
  background: url(/includes/image/home/listitem.png) no-repeat left 4px;
  padding-left: 9px;
  font-size: 12px;
  color: #9c9c9c;
  margin: 0; }
  #footer li li a:hover {
    background-image: url(/includes/image/home/listitem-hover.png); }

/*	global styling
---------------------------------------------- */

	.clear {clear:both}

	ul.clearfix, 
	ol.clearfix {list-style-type:none}

	ul.clearfix li,
	ol.clearfix li {float:left}

	#teamListing a,
	.colwrapper a {color:#0000d1;text-decoration:none;font-weight:bold;}

	a:hover {text-decoration:underline}



	
	/* *****************************************************************************
    START GLOBAL MASTHEAD STYLING

    ********************************************************************************/
    
    #header {
        height: 100px;
        padding-top: 10px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        background-color: #fff;
        -moz-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, .25);
        -webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, .25);
        box-shadow: 10px 0 30px 0 rgba(0, 0, 0, .25);
    }
    
    .no-boxshadow #header {
        height:130px;
        background:transparent url(/includes/image/headershadow.png) repeat-x 0 0; 
    }
    
    
    #header .inner {
        width: 940px;
        margin: 0 auto;
        position: relative;
        height: 90px; 
    }

    #logo {
        text-decoration: none;
        display: inline-block;
        float: left; 
     }
    #logo img { display: block; }

    #alliance {
        position: relative;
        float: left;
        top: 14px;
        left: -5px;
        font-size: 11px;
        line-height: 29px;
        padding-left: 28px;
        color: #132dac;
        text-transform: uppercase;
        background: url(/includes/image/home/logo_alliance.png) no-repeat left bottom; 
    }

    #area {float:left; margin: 17px 0 0 25px; }
    
    #area li {
        list-style: none;
        font-size: 10px;
        color: #9c9c9c;
        display: inline-block;
        margin-right: 10px;
        float: left; 
    }
    #area li a {text-decoration: none; color: #9C9C9C;}
    #area li a:hover {color: #132DAC;}

    #language {
        position: absolute;
        right: 170px;
        top: 9px; 
    }
    #language li {
        list-style: none;
        display: inline-block;
        float: left;
        margin-left: 5px; 
    }
    #language a {
        display: inline-block;
        line-height: 17px;
        height: 21px;
        vertical-align: middle;
        color: #fff;
        text-decoration: none;
        font-size: 10px;
        padding-left: 5px;
        background: #9c9c9c url(/includes/image/home/bg_languageItem.png) no-repeat left top; 
    }
        #language a abbr {
            display: inline-block;
            border-bottom-width: 0;
            float: left; 
        }
        #language a span {
            display: inline-block;
            float: left;
            width: 5px;
            height: 21px;
            background: #9c9c9c url(/includes/image/home/bg_languageItem.png) no-repeat right top; 
        }
        #language a:hover, #language a:hover span { background-color: #333333; }

    
#header #navigation { position:absolute; bottom:-12px; left:0; font-size:1.5em; }
#header #navigation > div { height: 56px; padding: 0 0 0 20px; background: url(images/navigation.png) no-repeat 0 0; }
#header #navigation li { position: relative; float: left; }

#header #navigation li:first-child { border-left: 0; }
#header #navigation li:last-child { border-right: 0; }
#header #navigation li a { display:block; color: #132DAC; text-decoration: none; padding: 15px 8px;}
#header #navigation li ul {
  position: absolute; top:45px; left:0; display: none; min-width: 200px; font-size: .85em; text-transform: none; padding: 8px 0; border: solid 1px #d7d7d7; border-color: rgba(0,0,0,.1); border-top: 0; background: #f3f3f3;
  background: -moz-linear-gradient(#fbfbfb, #e6e6e6); background: -webkit-linear-gradient(#fbfbfb, #e6e6e6); background: -o-linear-gradient(#fbfbfb, #e6e6e6); background: -ms-linear-gradient(#fbfbfb, #e6e6e6);
  -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px;
}
#header #navigation li:hover > a {color: #333333;}
#header #navigation li:hover > a:last-child {
  background: -moz-linear-gradient(#fff, #e5e5e5); background: -webkit-linear-gradient(#fff, #e5e5e5); background: -o-linear-gradient(#fff, #e5e5e5); background: -ms-linear-gradient(#fff, #e5e5e5);
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#header #navigation li:hover ul { display: block; }
#header #navigation li li { float: none; padding: 0; border-right: 0; border-top: solid 1px #ddd; border-left: 0; }
#header #navigation li li > a { display: block; color: #4c4c4c; padding: 10px 20px; text-shadow: none; /*background: url(images/bullets.png) no-repeat -40px -11px !important;*/  }
#header #navigation li li:hover > a {
  color: #0000D1; text-decoration: underline;
  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
#header #navigation li li:first-child { border-top: 0; }
#header #navigation li li:last-child { border-bottom: 0; }
      
      
      
/*	Navigational elements
---------------------------------------------- */

/*
	#mainnav {
		padding:7px 0 7px 10px;
		min-height:154px;
		overflow:hidden;
	}

		#mainnav span {
			color:#0000d1;
			text-transform:lowercase;
			font-family:arial, Helvetica, sans-serif;
			cursor:hand;cursor:pointer;
			font-weight:normal;
			font-size: 1.5em;
		}

			#mainnav span a 
			{
				font-size:19px;
				color:#0000d1;
				font-weight:bold;
				margin-left:0;
				outline:none;
			}

			#mainnav a {
				font-size:15px;
				font-weight:bold;

				display:block;
				margin-left:10px;
				color:#0000d1;
				text-transform:lowercase;
			}
			#mainnav a:hover {
				text-decoration:none		
			}
	/*---------------------------------------------- */

	.box {
		margin:20px;
		padding:10px;
	}

	/*---------------------------------------------- 

	.opleidingen  #subnav .inner .current a,
	#mainnav .opleidingen a:hover,
	#mainnav .opleidingen a.active,
	#mainnav .opleidingen a.current {color:#c3d500}

	.maatwerk #subnav .inner .current a,
	#mainnav .maatwerk a:hover,
	#mainnav .maatwerk a.active,
	#mainnav .maatwerk a.current {color:#8CB840}

	
	.accomodatie #subnav .inner .current a,
	#mainnav .accommodatie a:hover,
	#mainnav .accommodatie a.active,
	#mainnav .accommodatie a.current {color:#D4665E}

	.over-ons #subnav .inner .current a,
	#mainnav .overons a:hover,
	#mainnav .overons a.active,
	#mainnav .overons a.current {color:#69C7B3}

	.events #subnav .inner .current a,
	#mainnav .events a:hover,
	#mainnav .events a.active,
	#mainnav .events a.current {color:#E09C40}
	
	.contact #subnav .inner .current a,
	#mainnav .contact a:hover,
	#mainnav .contact a.active,
	#mainnav .contact a.current {color:#ABA778}

	#mainnav .mijnbaak a:hover,
	#mainnav .mijnbaak a.active,
	#mainnav .mijnbaak a.current {color:#57CFEB}

	/*---------------------------------------------- */



	/* *****************************************************************************
    END GLOBAL MASTHEAD STYLING

    ********************************************************************************/



	h1,.h1 {
		background-repeat:no-repeat;	
		background-position:top left;
	}
	h2,.h2 {
		font-size:11px;
		font-weight:bold;
		padding:2px 1px;
		color:#1f191a;
	}
	
	.mainColLeft h2 {
		text-transform:uppercase;
	}
	
	/* training overview exception */
	.opleidingen .trainingoverview h2 {
		background-color:#fff;
		font-size:160%;
	}

	h3,.h3 {font-size:1.5em;font-weight:bold;}
	h4,.h4 {font-size:1.2em;font-weight:bold;}
	h5,.h5 {font-size:1.2em;font-weight:bold;}
	h6,.h6 {font-size:1.2em;font-weight:bold;}

	#studyfilter h4,
	.mainColLeft h2 {
		padding-left:24px;
		padding-right:14px;
		background-position:13px top;
		background-repeat:no-repeat;
		background-image:url("/includes/image/headerScribbles/width_18.gif");
		height:32px;
		width:175px;
	}
	.sidebar h2 {
		padding:8px 14px 0 24px;
		background-position:13px top;
		background-repeat:no-repeat;
		background-image:url("/includes/image/headerScribbles/width_18.gif");
		height:32px;
		width:175px;
		text-transform:uppercase;
	}
	
	
	.traininglisting #studyfilter h2,
	#searchresults .mainColLeft h2 {
		background-image:none;
	}
	
	.traininglisting #studyfilter h2 {
		padding-top:0px;
		margin-top:-3px;
	}
	
	#studyfilter h4 {background-image:url("/includes/image/headerScribbles/width_18_ongreen.gif");}
	
	#studyfilter h4.width6 {background-image:url("/includes/image/headerScribbles/width_6_ongreen.gif");}
	
	#studyfilter h4.width10 {background-image:url("/includes/image/headerScribbles/width_10_ongreen.gif");}
	
	#studyfilter h4.width14 {background-image:url("/includes/image/headerScribbles/width_14_ongreen.gif");}

	#studyfilter h4 {
		padding-left:15px;
		background-position:left top;
	}

	.mainColLeft h2.width6,
	.sidebar h2.width6 {
		background-image:url("/includes/image/headerScribbles/width_6.gif");
	}
		
	.mainColLeft h2.width10,
	.sidebar h2.width10	{
		background-image:url("/includes/image/headerScribbles/width_10.gif");
		background-position:13px 3px;
	}
	
	.mainColLeft h2.width14,
	.sidebar h2.width14	{
		background-image:url("/includes/image/headerScribbles/width_14.gif");
	}

	.traininglisting #studyfilter h2 .inner 	{
		font-size:14px;
		font-weight: normal;
		text-transform:none;
		max-width:145px;
	}
	
	#studyfilter h4 .inner,
	.mainColLeft h2 .inner,
	.journey .sidebar h2 .inner {
		line-height:32px;
		height:32px;
		overflow:hidden;
		white-space:nowrap;
		max-width:125px;
		display:block;
		float:left;
	}
	

	/*---------------------------------------------- */

	h1.overons {
		width:345px;
		height:92px;
		text-indent:-5000px;
		background-image:url("../image/h1_overons.jpg");
	}

	/*---------------------------------------------- */

	li.opleidingen h3,
	li.opleidingen a,
	.style1 h3 {color:#c3d500}

	li.maatwerk h3,
	li.maatwerk a,
	.style2 h3 {color:#8CB840}

	li.accommodatie h3,
	li.accommodatie a,
	.style3 h3 {color:#D4665E}

	li.overons h3,
	li.overons a,
	.style4 h3 {color:#69C7B3}

	li.events h3,
	li.events a,
	.style5 h3 {color:#E09C40}

	li.contact h3,
	li.contact a,
	.style6 h3 {color:#ABA778}

	li.mijnbaak h3,
	li.mijnbaak a,
	.style7 h3{color:#57CFEB}
	
/*	content
---------------------------------------------- */	

	.content {padding:10px 35px 10px 35px;}

		.content p {
			font-size:1.2em;
			color:#1f191a;
			line-height:150%;
			padding-bottom:1em;
		}
			.content p.intro {
				font-size:1.2em;
				font-style:italic;
			}
	.content ul li a {
	}

	/*---------------------------------------------- */

	.user-generated {
		color:#1f191a;
		/*padding-top:9px;*/
	}

	.user-generated p,
	.user-generated ul, 
	.user-generated ol,
	table, 
	blockquote, 
	fieldset, 
	.box {
		font-size:12px;
		line-height:17px;
		margin-bottom:16px; 
		color:#1f191a;
	}
	.user-generated p {
	    /*float:left;*/
	    clear:both;
	    position:relative;
	}

	.user-generated p p,
	.user-generated ul ul, 
	.user-generated ol ol ,
	table table {
		font-size:1em;
		line-height:1em;
		margin-bottom:0em; 
	}

	.user-generated ul, 
	.user-generated ol {
		list-style-type:disc;
		margin-left:20px;
	}
	.user-generated ol {
		margin-left:1.8em;
		list-style-type:decimal;
	}

	ol.pagingtop,
	.user-generated ol.pagingtop {
		margin-bottom:0px;
	}

	 ol.pagingbottom ,
	.user-generated ol.pagingbottom {
		margin-top:-15px;
	}

		ol.paging li,
		ol.paging li a,
		.user-generated ol.paging li,
		.user-generated ol.paging li a {
			font-size:11px;
			font-weight:bold;
			color:#0000d1;
			text-decoration:none;
		}

		ol.paging li,
		.user-generated ol.paging li {
			margin-left:4px;
		}

		ol.paging li.current,
		.user-generated ol.paging li.current {
			color:#1f191a;
			font-size:12px;
		}
	/*---------------------------------------------- */

	table {
		border-width:0;
		border-collapse:collapse;
		border-color:#fff;
		border-spacing: 0px;
	}

		table th {
			padding:4px 5px;
			border-color:#fff;
			border-width:1px;
			border-style:solid;
			font-weight:bold;
		}

		table td,
		table tr {
			background-color:#f6f6f6;
			padding:3px 5px;
			border-color:#fff;
			border-width:1px;
			border-style:solid;
			vertical-align:top;
			line-height:17px;
		}
		
		.user-generated table td p,
		.user-generated table td *,
		table td p,
		table td * {
			line-height:17px;
		}

/*	list styling
---------------------------------------------- */

	.content ul {
		margin-left:0px;
		list-style-type:none;
		font-weight:bold;
		color:#1f191a;
		font-size:1.1em;
		margin-bottom:1em;
	}

		.content ul li {
			padding-left:15px;
			list-style-type:none;
			font-weight:bold;
			color:#1f191a;
			font-size:1.1em;
			background-image:url("../img/icons.gif");
			background-repeat:no-repeat;
			background-position:0px 0px;
		}

	.content ol {
		margin-left:19px;
		list-style-type:decimal;
	}


/* header styles
---------------------------------------------- */
	
	.headerstyle0 .level-3,
	.headerstyle0 .level-2,
	.headerstyle0 .level-1 {
		background-color: #fff;
		color:#1f191a;
	}

	.headerstyle1 .level-3,
	.headerstyle1 .level-2,
	.headerstyle1 .level-1 {
		background-color: #c3d500;
		color:#fff;
	}

	.headerstyle2 .level-3,
	.headerstyle2 .level-2,
	.headerstyle2 .level-1 {
		background-color: #8CB840;
		color:#fff;
	}

	.headerstyle3 .level-3,
	.headerstyle3 .level-2,
	.headerstyle3 .level-1 {
		background-color: #D4665E;
		color:#fff;
	}

	.headerstyle4 .level-3,
	.headerstyle4 .level-2,
	.headerstyle4 .level-1 {
		background-color: #69C7B3;
		color:#fff;
	}

	.headerstyle5 .level-3,
	.headerstyle5 .level-2,
	.headerstyle5 .level-1 {
		background-color: #E09C40;
		color:#fff;
	}

	.headerstyle6 .level-3,
	.headerstyle6 .level-2,
	.headerstyle6 .level-1 {
		background-color: #ABA778;
		color:#fff;
	}

	.headerstyle7 .level-3,
	.headerstyle7 .level-2,
	.headerstyle7 .level-1 {
		background-color: #57CFEB;
		color:#fff;
	}

/* box styles
---------------------------------------------- */
	
	.boxstyle0 {
		background-color:#fff;
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
	}

	.boxstyle1 {
		background-color:#c3d500;
		color:#fff;
		padding:3px 5px;
	}

	.boxstyle2 {
		background-color:#8CB840 !important;
		color:#fff !important;
		padding:3px 5px;
	}

	.boxstyle2 .level-1, 
	.boxstyle2 .level-2,
	.boxstyle2 .level-3	{
		background-color:#8CB840 !important;
		color:#fff !important;
	}

	.boxstyle3 {
		background-color:#D4665E;
		color:#fff;
		padding:3px 5px;
	}

	.boxstyle4 {
		background-color:#69C7B3;
		color:#fff;
		padding:3px 5px;
	}

	.boxstyle5 {
		background-color:#E09C40;
		color:#fff;
		padding:3px 5px;
	}

	.boxstyle6 {
		background-color:#ABA778;
		color:#fff;
		padding:3px 5px;
	}

	.boxstyle7 {
		background-color:#57CFEB;
		color:#fff;
		padding:3px 5px;
	}


	
		
	
	
/* search box with autosuggest in page header and on search results page
---------------------------------------------------------------------- */

    #headerSearch {
        position:absolute;
		top:5px;
		right:0;	
	}
	#regularSearch {
		position:absolute;
		top:80px;
		left:205px;
	}
	    #regularSearch .searchinfo {
			font-weight:bold;
			font-size:12px;
			margin-top:2px;
			color:#1F191A;
		}
    
	#headerSearch .search {	
		width:165px;
		height:26px;
		margin:0px;
		background:transparent url('../image/bg-searchbox.gif') no-repeat top left;		
	}
		#headerSearch  label {
			display:none;
		}

	#headerSearch .searchInput {
		position:absolute;
		padding:0 0 0 8px;
		height:24px;
		line-height:24px;
		font-size:12px;
		background-color:transparent;
		border:none;
		color:#1f191a;
	}
	
	#headerSearch .searchSubmit {
		width:28px;
		height:28px;
		padding:0;
		background-color:transparent;
		border:none;
		cursor:hand;
		cursor:pointer;
		text-indent:-5000px;
		line-height:100px;
		float:right;
	}
	
	#regularSearch .searchInput {
			float:left;
			width:375px;
			background-image:url("/includes/image/bg-searchbox-large.gif");
			background-position:left top;
			background-repeat:no-repeat;
			border:0px;
			background-color:transparent;
			color:#1f191a;
			font-size:12px;
			height:26px;
			line-height:26px;
			margin-top:-4px;
			padding:0px 10px 0px 9px;
		}
	
	#regularSearch .searchSubmit {
		float:left;
		background-image:url("/includes/image/button-fixed-44px.gif");
		background-position:left 8px;
		background-repeat:no-repeat;
		background-color:transparent;
		font-size:11px;
		color:#FFF;
		width:44px;
		height:36px;
		margin-top:-11px;
		border:0px;
		font-weight:bold;
		font-family:Arial;
	}
	
    .suggestedlist {
        position:absolute;
        background-color:#fff;
		padding:5px 0px;
		display:none;
		border:1px solid #ccc;
    }	
	    #headerSearch .suggestedlist {
		    left:-10px;
		    top:30px;
		    z-index:100;
		    width:163px;
		    min-width:155px;
		    margin-left:10px;
		    margin-top:-5px;
		
	    }
	    #regularSearch .suggestedlist {
		    margin-top:20px;
		    margin-left:0px;
		    top:1px;
		    left:0px;
		    width:390px;
	    }
	    .suggestedlist strong {
		    font-size:12px;
		    color:#1f191a;
		    font-weight:bold;
		    padding-left:5px;
	    }
	    .suggestedlist li {
		    padding:2px 5px;
		    font-size:1.1em;
		    cursor:hand;
		    cursor:pointer;
		    border-bottom:1px solid #fff;			
	    }
		.suggestedlist li:hover {
		    background-color:#EEE;
			border-bottom:1px solid #DDD;
			cursor:hand;
			cursor:pointer;
		}				
		.suggestedlist li.active {
			border-bottom:1px solid #DDD;
			background-color:#AAA;
			color:#fff;
			cursor:hand;
			cursor:pointer;
		}
		
		
		
		
		
		
		
			

	/*---------------------------------------------- */

	.share { /* absolute positioned from .colwrapper */
		position:absolute;
		left:690px;
		bottom:0;
		padding:5px 5px 20px 5px;
		border-top:1px solid #efefef;
	}

	/*---------------------------------------------- */
	/* journey exceptions */


/*************************/

	.generallisting img {
		margin-right:7px;
	}

	.generallisting .info {
		font-size:11px;
		color:#1F191A;
		font-weight:normal;
		margin-left:105px;
	}
	    ul#TrainingList li {
	        font-size:11px;
	    }
	    ul#TrainingList li h2,
	    .maincolRight h2 {
	        font-size:18px;
	    }
		#TrainingList .info {
			margin-left:65px;
		}
	
		.generallisting .info h2 {
			font-size:18px;
			line-height:21px;
			color:#1F191A;
			font-weight:bold;
			margin:0px;
			padding:0px;
		}
		
		#TrainingList .course_details {font-size:11px;}
		#TrainingList .course_details tr,
		#TrainingList .course_details td,
		#TrainingList .course_details th {
			border:0;
			background:transparent;
			padding:0 5px;
		}
		#TrainingList .course_details th { padding:0 5px 0 0; }
	
			.generallisting .info h2 a:link,
			.generallisting .info h2 a:visited,
			.generallisting .info h2 a:hover,
			.generallisting .info h2 a:active {
				color:#1f191a;
				text-decoration:none;
			}
			
			.generallisting .info p {
				margin-bottom:0px;
				clear: none;
			}
	
	
	
	#errorpage {
		background-image:url("../image/bg-cw.gif");
		background-position:left top;
		background-repeat:repeat-y;
		padding-bottom:20px;
	}
	
	#errorpage .masthead {
		margin-bottom:20px;
	}
	
	#ErrorTopPanel,
	#ErrorPanel {
		border-bottom:0px;
		background-color:#fdd;
		border-bottom:0px;
		border:2px solid red;
		color:#1f191a;
		height:auto;
		padding:10px;
	}
	
	#ErrorMorePanel {
		background-color:#fff;
		border:1px solid #f00;
	}
	
/*************************
Search results page
*************************/

	#searchresults .heading-imageholder {
		height:168px;
		border-bottom:1px solid #EFEFEF;
		position:relative;
		width:451px;
		padding-right:45px;
		background-image:url("/includes/image/background_zoekresultaten.jpg");
		background-position:1px top;
		background-repeat:no-repeat;
	}
	
	#searchresults .heading-imageholder h1 
	{
		font-size:18px;
		font-weight:bold;
		line-height:22px;
		background-color:Transparent;
		margin-top:0px;
		padding-top:15px;
	}
	
		#searchresults #sr_pagingtop
		{
			bottom:5px;
			height:35px;
			overflow:hidden;
			position:absolute;
			right:28px;
			width:460px;
		}
	
	#searchresults .searchresulstlisting {width:450px;list-style-type:none;}
	#searchresults .user-generated {padding-top:0px;}
	#searchresults .searchresulstlisting li	{border-bottom:1px solid #EFEFEF;}
	    #searchresults .searchresulstlisting li img {float:left;margin-right:10px;}
        .searchresulstlisting .info {padding:10px 0px;float:left;}
		
		.searchresulstlisting .info h3 {
			font-size:11px;
			line-height:11px;
			font-weight:bold;
			color:#1F191A;
			text-transform:uppercase;
		}
			
		.searchresulstlisting .info h2,
		.searchresulstlisting .info h2 a
		{
			font-size:14px;
			line-height:14px;
			font-weight:bold;
			color:#0000d1;
			text-transform:inherit;
		}
			
		.searchresulstlisting .info p
		{
			font-size:12px;
			line-height:17px;
			font-weight:normal;
			color:#1f191a;
			margin:0px;
		}
	
	#searchresults .crosslisting {margin-top:20px;}
	
	#searchresults .crosslisting .cl-artikel,
	#searchresults .crosslisting .cl-testemonial,
	#searchresults .crosslisting .cl-video,
	#searchresults .crosslisting .cl-audio,
	#searchresults .crosslisting .cl-blog,
	#searchresults .crosslisting .cl-artikel,
	#searchresults .crosslisting .cl-gedicht,
	#searchresults .crosslisting .cl-boek {
		background-position:0 1px;
	}

		#searchresults .crosslisting li a.displayAll {
			border:0px;
			font-size:11px;
			line-height:22px;
			color:#1F191A;
			font-weight:normal;
		}

		#searchresults .crosslisting li a {
			font-size:12px;
			line-height:22px;
		}
	
	
/**********************/

	.buttonbar {
		height:30px;
		margin-bottom:20px;
		/*clear:both;*/
		float:right;
        position: relative;
        z-index: 1;		
	}    
	#coursetabinfo .buttonbar {
	    float:none;
	}
	.buttonbar .button, .buttonbar-up .button {
		display:block;
		float:right;
		color:#1f191a;
		font-weight:bold;
		font-size:11px;
		background-image:url("../image/button_cta_left.gif");
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:10px;
		margin-left:5px;
		line-height:28px;
		height:28px;
		margin-top:1px;
	}
	.colwrapper .gray {background-image:url("../image/button-cta-left-gray.png");}
		.colwrapper .button-subscribeform:hover,
		.colwrapper .button:hover {
			background-image:url("../image/button_cta_left_Hover.gif");
		}
		
	.colwrapper .gray:hover {
	    background-image:url("../image/button-cta-left-gray-Hover.png");
	}

	.button a, .button span {
		padding-right:35px;
		background-image:url("../image/button_cta_right.gif");
		background-repeat:no-repeat;
		background-position:right top;
		line-height:28px;
		display:block;
		color:#1f191a;
		text-decoration:none;
	}
	.gray a, .gray span	{background-image:url("../image/button-cta-right-gray.png");}
	
	div.theme-intro-bottom div.buttonbar-down .button a,
	div.theme-intro-bottom div.buttonbar-down .button span,
	div.theme-intro div.buttonbar-up .button a,
	div.theme-intro div.buttonbar-up .button span {
		padding-right:35px;
		background-image:url("../image/theme_button_cta_right.gif");
		background-repeat:no-repeat;
		background-position:right top;
		line-height:28px;
		display:block;
		color:#1f191a;
		text-decoration:none;
	}
	

	.registratformoverview .button a {background-image:url("../image/button_cta_right_ongray.gif");}
	
	.button-subscribeform a,
	.button-subscribeform span {
		padding-right:35px;
		background-image:url("../image/button_cta_right.gif");
		background-repeat:no-repeat;
		background-position:right top;
		line-height:28px;
		display:block;
		color:#1f191a;
		text-decoration:none;		
	}
	
		.button-subscribeform a:hover,
		.button-subscribeform span:hover,
		.button a:hover,
		.button span:hover
		{
			background-image:url("../image/button_cta_right_Hover.gif");
		}
		.gray a:hover,
		.gray span:hover
		{background-image:url("../image/button-cta-right-gray-Hover.png");
		}
		
		div.theme-intro-bottom div.buttonbar-down .button a:hover,
		div.theme-intro-bottom div.buttonbar-down .button span:hover,
		div.theme-intro div.buttonbar-up .button a:hover,
		div.theme-intro div.buttonbar-up .button span:hover
		{
			background-image:url("../image/theme_button_cta_right_Hover.gif");
		}
	
		.registratformoverview .button a:hover 
		{
			background-image:url("../image/button_cta_right_Hover_ongray.gif");
		}
		
	.button-subscribeform a,
	.button a {
		margin-left:-10px;
		padding-left:10px;
	}


/**/

	.vacancy-type,
	.vacancy-location 
	{
		font-size:12px;
		color:#1f191a;
	}

		.vacancy-location span 	
		{
			font-weight:bold;
			color:#69C7B3;
		}

		.vacancy-type span 	
		{
			font-weight:bold;
			color:#69C7B3;
		}
		
		div.vacancy-info {
		    width: 318px;
		    display: inline-block;
		    
		}
		
	.vacancy h2 
	{
		text-transform:inherit;
		font-size:1.3em;
		padding:0px;
	}
	
	.buttonbar-vacancy-up {
	    margin-top: 5px;
	    display:inline-block;
	    margin-right:-5px;
	}
	
/****************************************/

	.breadcrumb {
		font-size:1.2em;
		padding:10px 0 10px 205px;
	}
	
	.maatwerk .breadcrumb,
	.opleidingen .breadcrumb {
		border-bottom:1px solid #efefef;
		padding:10px 0 10px 0;
		background-color:white;
	}
	/* training detail exception*/
	.opleidingen .trainingdetail .breadcrumb {
		border-bottom:0;
		border-top:0;
		background-color:transparent;
    overflow: hidden;
	}
  .opleidingen .trainingdetail .breadcrumb > span {
    display: block;
    padding: 0 10px;
  }
	/* training listing exception*/
	.opleidingen .traininglisting .breadcrumb {
		border-bottom:0;
	}
	
	/* training overview exception */
	.opleidingen .trainingoverview .breadcrumb {
		border-bottom:0;
		border-top:0;
		background-color:white;
	}
	
	.heading-imageholder ~ .breadcrumb {border-top:1px solid #efefef;}
	
	.breadcrumbleft,
	.maatwerk .breadcrumbleft,
	.opleidingen .breadcrumbleft  {
		padding:10px 0 0 40px;
		background-color:white;
		border:0;
	}

	.videos .slogan {
		padding:10px 0px 10px 10px;
		width:470px;
	}

	.maatwerk .slogan {
		padding:10px 0px 0px 40px;
		margin-bottom:-10px;
		width:490px;
	}

	#ctrSlogan {
	    color:#1f191a;
	    font-size:18px;
		font-weight:bold;
		width:640px;		
	}
	
	.slogan {		
		padding:10px 0px 5px 40px;
		background-color:#fff;
		overflow:hidden;
		position:relative;
		width: 430px;
	}
	#maatwerk_homepage #ctrSlogan {
	    color:#1f191a;
	    font-size:18px;
		font-weight:bold;
		min-height:28px;
		height:auto !important;
		height:28px;
		width:640px;		
	}
	
	#maatwerk_homepage .slogan {		
		padding:10px 0px 18px 40px;
		background-color:#fff;
		overflow:hidden;
		position:relative;		
	}
	.slogan .source {
	    position:relative;
	    font-size:11px;
	    color:#888;
	    display:block;
	    font-style:italic;
	    font-weight:normal;
	}
	
	#NL404 H2,
	#EN404 H2,
	#NL500 H2,
	#EN500 H2 {
		text-transform:none;
	}
	
	
/****************************/
	
	#mainform .scfForm 
	{
		font-family:Arial,Helvetica,sans-serif;
	}

	.form {
		margin-bottom:15px;
	}

	.form,
	.mainColRight .scfForm 
	{
		border: 1px solid #ddd;
		padding:5px 10px 10px 10px;
		background-color:#f5f5f5;
		font-size:11px;
		line-height:17px;
		margin-top:6px;
		width:450px;
		display:block;
		clear:both;
	}

	.confirm-text 
	{
		border: 1px solid #ddd;
		padding:10px;
		background-color:#f5f5f5;
		font-size:11px;
		line-height:17px;
		margin-top:5px;
		width:450px;
		display:block;
	}


		.form .scfSingleLineTextLabel,
		.form label,	
		.scfForm label 
		{
			font-weight:normal;
			font-size:12px;
		}
		
		.scfCheckboxListGeneralPanel label,
		.scfRadio label 
		{
			padding-left:5px;
		}
		
		.scfRadio
		{
		    float: left;
		}
		
		div.confirm-text 
		{
		    font-size: 12px;		   
		}
			.scfCheckboxListGeneralPanel table,
			.scfCheckboxListGeneralPanel td,
			.scfCheckboxListGeneralPanel tr,
			.scfSingleLineGeneralPanel table,
			.scfSingleLineGeneralPanel table td, 
			.scfSingleLineGeneralPanel table tr {
				background-color:Transparent;
				border:0px solid #FFFFFF;
				padding:3px;
				margin-bottom:0px;
			}
		

			.scfSingleLineGeneralPanel select,	
			.scfEmailGeneralPanel input,
			.scfMultipleLineGeneralPanel textarea,
			.scfSingleLineGeneralPanel input,
			.scfSingleLineGeneralPanelSmall input
			{
				border:1px solid #e6e6e6;
				padding:4px;
				font-size:11px;
				color:#333;
				background-color:#fff;
			}
			
			.scfEmailGeneralPanel,
			.scfSingleLineGeneralPanel,
			.scfSingleLineGeneralPanelSmall {
				padding:2px 0px 4px;
			}
			
			.scfForm .scfTitleBorder {
				font-size:14px;
				background-color:#fff;
				border-bottom:1px solid #e6e6e6;
				margin:-5px -10px 0px -10px;
				padding:7px 5px 7px 10px;
				display:none;
				color:#1f191a;
			}
	        
	        
	.form textarea:focus,
	.form input:focus,
	.scfForm textarea:focus,
	.scfForm input:focus {
		-moz-box-shadow: 0px 0px 4px #666;
		-webkit-box-shadow: 0px 0px 4px #666;
	}

	.scfForm .scfSectionBorderAsFieldSet  {
		border:0px solid #fff;
		border-bottom:1px solid #ccc;
		margin:0px 0px 5px 0px;
		padding-bottom:5px;
		font-size:11px;
		font-weight:normal;
	}

	.scfForm table,
	.scfForm table td,
	.scfForm table tr {
		border:0px solid #fff;
		background-color:inherit;
	}
	
		.scfForm td {
			font-size:11px;
		}
		
			.scfForm td input {
				margin-right:5px;
			}	
			
		.scfCheckbox input {
			margin-right:5px;
		}
		
	.scfForm .scfSectionLegend  {
		font-weight:bold;
		margin-left:-5px;
		padding:0px;
		text-decoration:none;		
	}
	
	.scfForm .scfSectionContent {
		margin:5px 0px;
	}
	
	.scfSubmitButtonBorder {
		height:30px;
	}

	.scfSubmitButtonBorder input:hover {
		background-image:url("../image/button-gray150_Hover.gif");
	}
	
	.scfSubmitButtonBorder input {
		background-image:url("../image/button-gray150.gif");
		background-position:right 5px;
		background-repeat:no-repeat;
		color:#FFFFFF;
		float:right;
		font-size:11px;
		height:28px;
		line-height:24px;
		line-height:22px;
		padding-right:15px;
		text-indent:8px;
		border:0px solid #fff;
	}
	
	.scfSectionUsefulInfo {
		display:inline;
	}
	
	.scfValidationSummary {
		border:1px solid red;
		padding:5px;
		background-color:#fee;
		margin:5px 0px 10px;
	}
	
	#pv_emailinput .error span {
		display:block;
		width:140px;
	}

	#pv_emailinput .error span,
	.error,
	.errormessage {
		background-color:#fee;
		border:1px solid red;
		padding:5px;
		color:Red;
		margin-bottom:10px;
		width:445px;
	}
		.error ul,
		.errormessage ul {
			padding:0px;
		}
	
		#blogdetail .errormessage {
			width:425px;
		}
	
	.scfValidatorRequired, 
	.scfRequired {
		font-size:18px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		margin-top: 7px;
		position: relative;
	}
	.scfRequiredImageInit
	{
		background-image:url("/includes/image/course_placesavailable.gif");
		background-repeat:no-repeat;
        position: relative;
        background-position:right top;
	}
	.scfRequiredImage
	{
		background-image:url("/includes/image/warning.jpg");
		background-repeat:no-repeat;
        position: absolute;
        background-position:right top;
        right: 0;
        top: 0;
        width: 18px;
        height: 18px;
        
	}
	
	.scfRequiredImageOK
	{
		background-image:url("/includes/image/course_placesavailable.gif");
		background-repeat:no-repeat;
		background-position:right top;
        position: relative;
	}
	/*ImageAlign="AbsMiddle" Height="18px" Width="18px" */
	img.info
	{
	    height: 18px;
	    width: 18px;
        position: absolute;
        top: 0px;
        right: 10px;
	}
	.scfInfoPanel
	{
	    position: relative;
	}

	.tab-bar {
		margin-top:10px;
		height:19px;
		position:relative;
		z-index:5;
	}
	
		.tab-bar a {
			display:block;
			font-size:10px;
			height:20px;
			line-height:20px;
			padding:2px 8px 2px 5px;
			text-transform:uppercase;
			float:left;
			background-color:#FFF;
			border:1px solid #E6E6E6;
			color:#999;
		}

		.tab-bar a.current {
			background-color:#F5F5F5;
			border-bottom:1px solid #F5F5F5;
			border-width:1px;
			color:#1f191a;
		}
	
	/***********************/
	
	#regularSearch .submit {
		cursor:hand;
		cursor:pointer;
	}
	
	/***********************/
	
	#headflash {
		width:100%;
		min-height:578px;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	/***************************/
	
	.scfEmailGeneralPanel, 
	.scfMultipleLineGeneralPanel, 
	.scfSingleLineGeneralPanel, 
	.scfPasswordGeneralPanel, 
	.scfNumberGeneralPanel, 
	.scfDateGeneralPanel, 
	.scfRadioButtonListGeneralPanel, 
	.scfCheckBoxListGeneralPanel, 
	.scfFileUploadGeneralPanel, 
	.scfDateSelectorGeneralPanel, 
	.scfCreditCardGeneralPanel, 
	.scfConfirmPasswordGeneralPanel, 
	.scfCaptchaGeneralPanel {
		display:block;
		float:left;
		margin:0 3px;
		width:65%;
	}	

	.scfSingleLineGeneralPanelSmall {
		display:block;
		float:left;
		margin:0 3px;
		width:44%;
	}
	
	.scfSingleLineGeneralPanelXSmall {
		display:block;
		float:left;
		margin:0 3px;
		width:22%;
	}
	
	.form .linkMoreInfo {
		float:right; 
		margin-right:50px; 
	}
	
	.form .linkMoreInfoBTWfree {
		float:right; 
		margin-right:50px;  
		margin-top: 9px;
	}
	
	.scfSingleLineGeneralPanel.scStreetNo {
	width:20%; 
	}
	
	.scfDropListLabel, 
	.scfEmailLabel, 
	.scfMultipleLineTextLabel, 
	.scfSingleLineTextLabel, 
	.scfPasswordLabel, 
	.scfNumberLabel, 
	.scfDateLabel, 
	.scfRadioButtonListLabel, 
	.scfCheckBoxListLabel, 
	.scfListBoxLabel, 
	.scfFileUploadLabel, 
	.scfDateSelectorLabel, 
	.scfCreditCardLabel, 
	.scfConfirmPasswordLabel, 
	.scfCaptchaLabel {
		display:block;
		float:left;
		padding:3px 0;
		width:30%;
	}

	.form .buttonbar .next {
		background-image:url("../image/button-gray150.gif");
		background-position:right top;
		background-repeat:no-repeat;
		border:0 solid #FFFFFF;
		color:#FFFFFF;
		float:right;
		font-size:11px;
		height:22px;
		line-height:22px;
		padding-right:15px;
		text-indent:8px;
		margin-top:5px;
	}
	.form .buttonbar .yellow
	{
	    background-image:url("../image/button_yellow150.png");
	    height:24px;
	    width:75px;
	    color:Black;
	    text-indent:18px;
	}
	
	.form .buttonbar .previous {
		background-image:url("../image/button-gray150_flipped.gif");
		background-position:left top;
		background-repeat:no-repeat;
		border:0 solid #FFFFFF;
		color:#FFFFFF;
		float:left;
		font-size:11px;
		height:22px;
		line-height:22px;
		padding-left:15px;
		padding-right:8px;
		margin-top:5px;
	}

	.form .buttonbar .previous:hover {
		background-image:url("../image/button-gray150_Hover_flipped.gif");
	}

	.form ul {
		border:1px solid red;
		padding:5px;
		background-color:#fee;
		margin:5px 0px;
	}

	.form .attention{
	    background-color: #FFCD00;
		border: 1px solid #000;
		margin: 5px 0;
		padding: 5px;	
	}
	.registratformoverview label {
		display:block;
		float:left;
		width:200px;
		padding-bottom:5px;
		margin-right:5px;
		font-size:11px;
	}

	.registratformoverview {
		font-weight:bold;
		padding-bottom: 18px;
	}

	.registratformoverview h3 {
		margin:5px 0px 5px;
		padding-top:5px;
		color:#000;
		border-top:1px solid #E6E6E6;
	}

		.registratformoverview h3.first {
			border-width:0px;
			margin:0px 0px 5px;
			padding-top:0px;
		}

		.registratformoverview .courselocation h3 {
			border-top:0px;
		}

	.registratformoverview br {
		clear:both;
	}


	/*********************/
	
	#headerHTML {
		cursor:hand;
		cursor:pointer;
	}
	
	.js .flashbackup {
		display:none;
	}
	
	#actionbutton {
		position:absolute;
		z-index:1000000;
	}
	
	#flashHomeHolder {
		width:850px;
		height:578px;
		float:left;
		background-image:url("../image/background-journey-tile.gif");
		background-position:0px 0px;
		background-repeat:repeat;
	}
	
	.scfTitleBorder {
		color:#1f191a;
	}


/*********************************/

	#videodetail {
		background-repeat: repeat-y;
		background-position:-2px 0px;	
		background-image:url('../image/bg-cw-videodetail.gif');
	}

	#videodetail .mainColLeft {
		padding-top:0px;
	}
	
/******************************/