/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #93826b;	
}
a.wit:link, a.wit:visited
{
	color:#ffffff;
	text-decoration:none;
}

a {
	color:#df117a;
	text-decoration:none;
}


a.zwart, a.zwart:visited,a.zwart:link, a.zwart:hover, a.zwart:active
{
	color:#000000;
	text-decoration:none;
}
.menubox
{
		border:1px solid #ffffff;
		text-decoration:none;
			vertical-align:top;
			
}
p 
{
	margin:0;
	line-height:17px;
}



.train_links 
{
	background:url(../images/train_links.gif) no-repeat;
	height:22px;
	color:#FFFFFF;
	padding:7px 0 0 5px;
	font-weight:bold;
	cursor:hand;
}
.train_links_over
{
	background:url(../images/train_links_over.gif) no-repeat;
	height:22px;
	cursor:hand;
	color:#93826B !important;
	padding:7px 0 0 5px;
	font-weight:bold;
	cursor:hand;
}

input.inschijving
{
	font:normal 11px verdana;
	color:#000000;
	width:120px;
	}
	
.articlelink {background-image: url(../images/arrows.gif);background-repeat: no-repeat;vertical-align: middle; background-position: left center; }

.articlelink a:link {color: #df117a; margin-left: 30px;line-height: 17px; }
.articlelink a:visited {color: #df117a; margin-left: 30px;line-height: 17px; }
.articlelink a:hover {color: #df117a; margin-left: 30px;line-height: 17px; }
.articlelink a:active {color: #df117a; margin-left: 30px;line-height: 17px; }

.leftheader {
background: url(../images/headerback.gif) no-repeat;

margin:0 0 0 0px;
padding:0 0 0 5px; 

}

.leftheadertext 
{
margin-left: 5px;
line-height: 24px;
color: #ffffff;
font-weight: bold;
font-size: 12px;
}

.rightheader {

background-image: url(../images/menuback.gif);
background-repeat: repeat-x;
width: 265px;
height: 24px;
}
.pink {
color: #df117a;
text-decoration:none;

}
.wit {
color: #ffffff;
text-decoration:none;

}
table.training tr
{
	padding:0 0 10px 0; 
}

table.training tr li
{
	margin:0 0 0 24px; 
}


.rightheadertext 
{
margin-left: 5px;
line-height: 24px;
color: #ffffff;
font-weight: bold;
font-size: 12px;
}

.maincontent {
width:180px;
vertical-align: top;
}

.rightcontent {
width: 600px;
vertical-align:top;
}


.leftcontent {
width: 215px;
vertical-align: top;
}

.rightcontent2 {
width: 580px;
vertical-align:top;
}

/* Nieuwe left kolom */

#content_left_training 
{
	width:190px;

}

#afscheur_kolom 
{

	margin:-6px 0 0 0;
	width:170px;
	background-color:#ffffff;

}

.blok_bruin_training
{
	width:162px;
	height:73px;
	color:#ffffff;
	cursor:pointer;
	padding:4px 4px 4px 4px; 
	/*background:#93826B;*/
	background: url(../images/blokbruin2.gif);
}


.blok_bruin_training_o
{	width:162px;
	height:73px;
	padding:4px 4px 4px 4px; 
	background: url(../images/blokbruin_bg.gif);
	cursor:pointer;

}


.blok_bruin
{
	width:162px;
	color:#ffffff;
	padding:0 4px 0 4px; 
	background:#93826B;
}

.zwart 
{	
	color:#000000;
	
}

.foto
{
	border:1px solid #93826B;
	padding:1px;
}
a.zwart 
{	
	color:#000000;
	text-decoration:none;
	
}
a.zwart:VISITED 
{	
	color:#000000;
	text-decoration:none;
	
}
.size10 
{
	font-size:10px !important;

}
.bold 
{
	font-weight:bold;
}

.selected_option
{
color:#ffffff;
	background-color:#00BBF3;
}

#datum_select 
{
	position:relative;
	left:450px;
	top:-50px;
	width:144px;
	height:20px;
	padding:2px 0 0 5px;
	color:#ffffff;
	background: url(../images/datum_flip1.gif);


}

#datum_nu 
{
	position:relative;
	left:240px;
	top:-31px;
	width:200px;
	text-align:right;
	padding:2px 0 0 5px;
	color:#ffffff;
	
}

#datum_box 
{
	position:absolute;
	left:0px;
	top:22px;
	line-height:22px;
	display:none;
	width:145px;
	padding:2px 0 0 5px;
	background-color:#00BBF3;
	z-index:50;
}

	
.blok_blauw
{
	width:162px;
	color:#ffffff;
	padding:0 4px 0 4px; 
	background:#01BCF4;
}

.blok_blauw2
{
	cursor:hand;
	width:162px;
	height:50px;
	color:#ffffff;
	padding:4px 4px 0 4px; 
	background:#01BCF4;
	background: url(../images/blauw_links_o.gif);
}

.blok_blauw2_o
{
		cursor:hand;
	width:162px;
	height:50px;
	color:#00BBF3;
	padding:4px 4px 0 4px; 
	background:#01BCF4;
	background: url(../images/blauw_links.gif);
}

.scheurlijn_br_bl
{
	width:170px;
	height:8px;
	background: url(../images/br-bl_blok.gif) 0 8px;
}

.scheurlijn_bl_br
{
	width:170px;
	height:16px;
	background: url(../images/bl_br-blok.gif);
}

.scheurlijn_bl_br2
{
	width:170px;
	height:8px;
	background: url(../images/bl_br-blok.gif) 0 8px;
}
.scheurlijn_br_br
{
	width:170px;
	height:16px;
	background: url(../images/br-br_scheur.gif);
}
.bl_bl
{
	width:170px;
	height:16px;
	background: url(../images/bl-bl_blok.gif);
}

.br_br
{
	width:170px;
	height:8px;
	background: url(../images/br-br_scheur.gif);
}


.br_onder
{
	width:170px;
	height:8px;
	background: url(../images/br-br_blok.gif);
}

.bl_boven
{
	width:170px;
	height:8px;
	background: url(../images/bl-bl_blok.gif) bottom;
}

#training_form_main 
{
}

#training_form_left 
{
	float:left;
	width:290px;
	
}
.inpageimage { 
	float: left; 
	margin:5px 10px 5px 0px;
	clear:both;
} 


#training_form_right
{
	float:right;
	text-align:justify;
	width:290px;
	
}
.left10 
{
	
	margin:0 0 0 0px;

}

.lh17 
{
	line-height:17px;	
}
ol {margin:0;}

/* end */


.training_blok
{
	background:#ffffff;
	height:100px;
	padding:10px 0 10px 0;
	
	}

.training_blok_o
{
	cursor:pointer;
	/*background:#E1DCD6;*/
	background:url(../images/pattern1.gif);
	height:100px;
	padding:10px 0 10px 0;
}
input.verstuur 
{
	border:0;
	color:#ffffff;
	width:155px;
	text-align:left;
	padding:0 0 0 5px;
	cursor:pointer;
	height:22px;
	background:url(../images/btn_bg-155x22.png);
	
}
.training_left
{
	text-align:center;
	color:#ffffff;
	float:left;
	height:100px;
	width:65px;
	line-height:17px;
	border:1px solid #93826B;
	background:#01BCF4;
	}
	
.training_right
{
	float:right;
	width:520px;
	height:97px;
	overflow:hidden;	
	}

.stippelijn 
{
	border-top:1px dotted #000000;
}
.blokjescontainer
{
	width:50px;
	height:18px;
	margin:4px 0 0 0 ;
}
.niveau_blokje_groen 
{
	width:12px;
	float:left;
	margin:0 0 0 2px;
	height:6px;
    border:1px solid #000000;
    background:#0C8A2D;
    
     }

.niveau_blokje_wit  
{
	float:left;
	margin:0 0 0 2px;
	width:12px; 
	height:6px;
    border:1px solid #000000;
	background:#FFFFFF; 
   }
.training_kopje 
{
	font-size:14px;
	font-weight:bold;
}
.zwart_bold
{
	font-weight:bold;
	color:#000000;
	}

.footer {

height: 24px;
color: #FFFFFF;
text-align:center;
line-height: 24px;
background-image: url(../images/headerback.gif);
background-repeat: repeat-x;
}

.footer a:link {color:#ffffff;}
.footer a:visited {color:#ffffff;}
.footer a:hover {color:#ffffff;}
.footer a:active {color:#ffffff;}

.quotes {
margin-top: 20px;
margin-bottom: 10px;
}

.counter {
float: right;
}

.logo {
float: left;
}

#menu 
{

height: 30px;
width:790px;
background-image: url(../images/menuback.gif);
background-position: top;
background-repeat: repeat-x;
}


a.itemmenu:link, a.itemmenu:visited, a.itemmenu_s:link, a.itemmenu_s:visited
{
	padding:0 17px 0 17px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
a.itemmenu:hover
{
	color:#666666;
}
a.itemmenu_s:link, a.itemmenu_s:visited
{

	color:#666666;
}




table.menu td 
{
	padding:5px 0 0 0;
	text-align: center;
}
.selected {color:#666666;}

.menuitem a:link 
{
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	vertical-align:top;
}

.menuitem a:visited, .menuitem a.visited
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.menuitem a:hover,
.menuitem a:active 
{
	color: #666666;
	text-decoration: none;
}


.menuitem2 a:visited, .menuitem a:hover, .menuitem a:active,.menuitem2 a:hover, .menuitem2 a:active 
  {color: #666666; text-decoration: none;}




.bluelink 
{
	color: #00bbf3;
}

.bluelink a:link {color: #00bbf3;}
.bluelink a:visited {color: #00bbf3;}
.bluelink a:hover {color: #00bbf3;}
.bluelink a:active {color: #00bbf3;}


.imagearticle
{
width: 100px;
float: left;

vertical-align: top;
}

.maincontenttable
{

	width: 590px;
	
}

.textarticle
{

	color: #93826b;
}

.article
{
	width: 585px;
	margin-left: 5px;
	margin-right: 10px;
	
}

.articleblack
{
	width: 485px;
	margin-left: 5px;
	margin-right: 10px;
	color: #000000;	
}

.blogarticles
{
	width: 255px;
	margin-left: 5px;
	margin-right: 10px;
	color: #93826b;
	float:left;	

}

.blogtitlebold
{
	font-weight: bold;
}

.blogtitlegrey
{	
	color: #93826b;
	text-decoration: underline;

}

.blogdategrey 
{
	color: #93826b;
	font-size: 10px;
	font-style: italic;
}

.blogdate 
{
	font-size: 10px;
	font-style: italic; 
}

.driehoekje 
{
	text-align: center;
}

.icblok
{
    width: 270px;
	height: 75px;
	background-color: #94826c;
	color: #ffffff;
	padding: 10px
}


.tableIC
{
	width: 485px;
	margin-left: 5px;
	margin-right: 10px;
	color: #93826b;	

}

.tableIC td
{

	vertical-align: top;
}

.logos
{
	vertical-align:middle;
	margin-left: 10px;
	border:none;
	
}

.Paging, .onPage{margin-right:5px;}

.MoreTraining{border-bottom:1px solid #00bbf3;padding-top:5px;}



a.hmenu, a.hmenu:visited 
{
	
    background: transparent url('../images/button_a.png') no-repeat scroll top right;
    color:#FFFFFF;
    display: block;
    float: left;
    font: bold 11px verdana, sans-serif;
    height: 24px;
    margin-right: 0px;
    padding-right: 14px; 
    text-decoration: none;
}

a.hmenu span 
{
	   color: #FFFFFF;
    background: transparent url('../images/button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 8px;
} 

a.hmenu:visited span 
{
	
    background: transparent url('../images/button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 8px;
} 

a.hmenu:hover {
    background-position: bottom right;
    color: #5D4E3B !important;
    outline: none; 
}

a.hmenu:hover span 
{
	   color: #5D4E3B !important;
    background-position: bottom left;
  
} 

a.hmenu_sel, a.hmenu_sel:visited
{
    background: transparent url('../images/button_a.png')  bottom right;
    color: #5D4E3B !mportant;
    display: block;
    float: left;
    font: bold 11px verdana, sans-serif;
    height: 24px;
    margin-right: 0px;
    padding-right: 14px;
    text-decoration: none;
}

a.hmenu_sel span {
    background: transparent url('../images/button_span.png')  bottom left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 8px;
}