body {
	background: #efefef url(/themes/site_themes/commitments/images/bkg_commitments.jpg) repeat-y 100% 100%;
	color: black;
}
img,
img a.link,
img a.visited,
img a.hover {
	border: 0 none;
}

.img_right {float:right;}
.img_left {float:left;}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:transparent;
        width:960px;
}

.skip, 
.hideme, 
.print, 
dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }
.skip:focus, 
.skip:active {
    position: static;
    left: 0;
    top:0;
  }

textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }


/* headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight:normal;
    margin: 0 0 0.25em 0;
    line-height:1.2em; 
    margin-bottom:.3em;
  }

h2,h3,h4,h5,h6 {
	margin-top: 10px;
}


h1 { font-size: 200%; color:#F00; }           /* px */
h2 { font-size: 175%; color:#F00;}             /* px */
h3 { font-size: 150%; color: #369;}                       /* 18px */
h4 { font-size: 133.33%; }                    /* 16px */
h5 { font-size: 116.67%; }                    /* 14px */
h6 { font-size: 116.67%; }                    /* 14px */

h1 a,
h2 a,
h3 a {
	font-weight:normal;
	text-decoration: none;
}

blockquote {
	padding-left:1em;
	border-left:4px solid #369;
}
blockquote cite {font-size:.9em;}


/*---------*/  
.home_col {
	border: 1px solid #369;
	margin:  1%;
	height: 300px;
}
.blok { margin:1.5em 0;background:#369 url(/bronnen/layout/images/bg-blok-top.gif) 50% 0 no-repeat;width:500px; }
.blok div {background:url(/bronnen/layout/images/bg-blok-bottom.gif) 50% 100% no-repeat;padding:1.636em;padding-bottom:1px }
.blok div .clr {display:block;clear:both;}

#content .blok ul {list-style:none;margin-left:0}
#content .blok li {padding-left:11px;background:url(../images/bg-blok-li.gif) 1px .6em no-repeat;  }
#content .blok li a {font-weight:bold;}

#topmenu {
	font-size: 80%; 
	color: #000;
	padding:  10px;
	}
#topmenu a:link, #topmenu a:visited, #topmenu a:active {
	color:  black;
	text-decoration: underline;
}
#topmenu a:hover {
	color:  red;
	border-bottom-color: #F00;
	text-decoration: none;
}
#topmenu #menu {float:left;}
#topmenu #zoek {float:right;text-align:right;}  

.page { 
    margin-top: 5px;
    padding: 0px;
    border: 1px solid #888;
    background-color:  #fff;
    width: 958px;
}

#header, #header img {
	margin:10px 5px 10px 0px;
	padding: 0px ; 
	color: #000; 
	float:right;
}
#bread_crumb {
	margin-top: 10px;
        margin-bottom: 10px;
	color:  black;
	font-size: 80%;
	}
#bread_crumb a:link, 
#bread_crumb a:visited, 
#bread_crumb a:active {
	text-decoration: underline;
	color:  black;
}
#bread_crumb a:hover {
	color:  red;
	text-decoration: none;
}

#linker_col {
	margin-top: 0px;
	margin-bottom: 20px;
	}
#linker_col h3, #linker_col h4 {
	margin-top: 0px;
        padding-left:10px;
	}
#linker_col .vast_menu {
	margin: 20px 0;
}

ul#linkermenu, ul#linkermenu ul {
  list-style-type:none;
  margin: auto 10% auto 5%;
  padding: 0;
  
}

ul#linkermenu a {
  display: block;
  text-decoration: none;	
   font-size: 80%;
}

ul#linkermenu li {
  margin-top: 1px;
  margin-left:  0px;

}

ul#linkermenu li a {
  background: #369;
  color: #fff;	
  padding: 0.5em;
}

ul#linkermenu li a:hover {
    background: #036 url(/bronnen/layout/images/nav_bg_over_2k.png) 50% 50% repeat-x; /* hover achtergrond menu */
}

ul#linkermenu li ul li a {
  background: #036;
  color: #FFF;
  padding-left: 10px;
}

ul#linkermenu li ul li a:hover {
  background: #F00 url(/bronnen/layout/images/nav_bg_over_2k.png) 50% 50% repeat-x; /* hover achtergrond menu */
  border-left: 5px #036 solid;
  padding-left: 5px;
}


#main_col {
	border-right:  1px solid #F00;
	padding: 0px 10px 20px 0px;
	margin-bottom: 30px;
}
#main_col strong {
	font-variant: small-caps;
	font-weight: bold;
}
#main_col .intro {
	font-style: italic;
	font-size: 90%;
}
#main_col p a:link, 
#main_col p a:active,
#main_col p a:visited,
#main_col li a:link, 
#main_col li a:active,
#main_col li a:visited {
	color: #369;
	text-decoration: underline;
}
#main_col p a:hover,
#main_col li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #369;
}
#main_col a:hover img,
#main_col a img,
#main_col img {vertical-align:text-bottom;}

#hp_blok {
 width: 220px;
 border: 1px solid #000;
}
#main_footer {
	border-top: 1px solid #888;
	padding:  10px 0;
	margin: 0 20px;
}
#main_footer p {
	font-size: 80%;
}
#rechter_col {
	padding-left: 0px;
}
#rechter_col img {
    text-align: center;
    display:block;
    margin:  0 auto;
}
#footer { 
	padding: 10px 20px; 
	color:#666; 
	background: #f9f9f9; 
	border-top: 5px #efefef solid;
}

#tabs {
   margin-top: 20px;
}
#tabs li a:link,
#tabs li a:visited,
#tabs li a:active {
	text-decoration: none;
        color: #000;
}

#tabs li a:hover {
	text-decoration: none;
        color: #fff;
}


/* articles en trainers
----------------------------------------------- */
.testimonials {
	font-family: "Courier New", Courier, mono;
	border: 1px solid #369;
	margin-bottom: 10px;
	padding:  2%;
}
.testimonials p.deelnemer {
	text-align: right;
	font-style: italic;
	text-transform: uppercase;
	color:  #369;
	margin-bottom: 2px;
}
ul.pagination li {
     display: inline;
     float:  right;
     list-style-type: none;
     border-right: 1px solid #369;
     padding-right:  20px;
}
.cursussen,
.trainers {padding:0;}
.cursussen h2,
.trainers h2 {margin:0;}
#cursussen,
#trainers {padding-top:0;}
.cursus,
.trainer {padding-top:.5em;}
.cursus h2,
.trainer h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.cursus h3
.cursus h3 a.link,
.cursus h3 a.visited,
.trainer h3
.trainer h3 a.link,
.trainer h3 a.visited  {
	margin-bottom:.2em;
	font-size:1.6em;
	color: #369;
	text-decoration: none;
}
.box .first {border-top:none;}
.cursus .image,
.cursus .image_solo,
.trainer .image,
.trainer .image_solo,
.img_home {
	float: left;
	margin:3px 10px 3px 0; 
	padding:6px;
	/*border:1px solid #bbb;*/
	vertical-align:text-bottom;
    border: 0px solid #fff;
    background-color: #FFF;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.cursus a.image,
.trainer a.image
{
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
	vertical-align:text-bottom;
}
.cursus a.image:hover,
.trainer a.image:hover
 {
	float:left; 
	border:1px solid #666;
	background-color: #369 ;
	vertical-align:text-bottom;
}
.trainer .image_solo,
.cursus .image_solo {float:right;}
.img_home {float:right;margin:0 0 5px 5px;
}
p.meta,
.cursus p.meta,
.trainer p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}



/* forms
----------------------------------------------- */
form {overflow:hidden;}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {width:98%;}
fieldset p input {width:98%;}
fieldset p select {width:99%;}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {width:60%;}
fieldset.login input.button {margin-left:35%;}
form p.notice {font-weight:bold;}
input.search.text {width:66%;}
input.search.button {
	width:28%;
	margin-left:2%;
}

/* Formulier */

.form {margin:0 auto;padding:10px;}
	#stylized {border:solid 2px #369;background:#efefef;}
	#stylized p {font-size:11px;color:#666666;margin-bottom:20px;border-bottom:solid 1px #b7ddf2;padding-bottom:10px;}
	#stylized label{display:block;font-weight:bold;text-align:right;width:200px;float:left;}
	#stylized .small{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:200px;}
	#stylized input {float:left;font-size:12px;padding:4px 2px;border:solid 1px #369;width:250px;margin:2px 0 20px 10px;}
	#stylized textarea {float:left;font-size:12px;padding:4px 2px;border:solid 1px #369;width:250px;height:200px;margin:2px 0 20px 10px;}
	#stylized button{clear:both;margin-left:140px;width:125px;height:31px;background:#369;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold;}
	#stylized select{ float:left;font-size:12px;padding:4px 2px;border:solid 1px #369;width:250px;margin:2px 0 20px 10px;}

/*
	#style_enquete {border:solid 2px #b7ddf2;background:#eee;}
	#style_enquete p {font-size:11px;color:#666666;margin-bottom:20px;border-bottom:solid 1px #b7ddf2;padding-bottom:10px;}
	#style_enquete label{display:block;font-weight:bold;text-align:right;width:540px;float:left;}
	#style_enquete .small{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:540px;}
	#style_enquete input {float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:200px;margin:2px 0 20px 10px;}
	#style_enquete textarea {float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:200px;margin:2px 0 20px 10px;}
	#style_enquete button{clear:both;margin-left:150px;width:125px;height:31px;background:#666666;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold;}
*/

.content blockquote {color:#567880;margin:0 35px 10px 18px;padding-left:8px;border-left:8px solid #CFDCDF;}


TABLE.agenda { border-collapse: separate; border-spacing: 4px 4px; border: 1px solid #C0C0C0; background-color: #FFFFFF; }
TD.agenda    { border: 1px solid #C0C0C0; text-align: left; color: #000000; background-color: #eeeeee; padding:2px; }
TH.agenda    { border: 1px solid #C0C0C0; text-align: left; font-weight: bold; color: #FF0000; background-color: #eeeeee; padding:2px; }
TD.agenda ul {margin-left: -30px; list-style: none}

/* NEWSLETTER SIGNUP BOX */
.boxSubscribe {width:100%;margin-top:10px}
.boxHeaderSubscribe {font-weight:normal;font-size:11px;font-family:Verdana;background:url('ww_002/images/boxheaderbg.jpg');color:#ffffff;padding-left:7px;height:27px;}
.boxFormSubscribe {padding:7px;text-align:left;background:#f5f5f5}
.boxButtonSubscribe {padding-left:7px;padding-bottom:15px;text-align:left;white-space:nowrap;background:#f5f5f5}
.btnSubscribe {font-family:Verdana;font-size:8pt;}