/* CSS Document trainingvideos */

* {
	margin: 0;
	padding: 0;
}


a{
color: #000;
}




#page{
margin: 0 auto;
display: block;
width: 1002px;
font-family: verdana;
font-size: 11px;
}

#logo{
display: block;
float: left;
margin-left: 15px;
margin-top: 40px;
}

#logo img{
border:0;
}

#leaderboard{
margin-right: 10px;
margin-top: 15px;
display: block;
float: right;
margin-bottom: 0px;
}

#menu{
display: block;
float: left;
width: 954px;
margin-top: 15px;
background: url(../images/menu_bg.gif) repeat-x;
}

#menu_corner_left{
clear: right;
display: block;
float: left;
margin-top: 15px;
width: 24px;
height: 38px;
background: url(../images/menu_corner_left.gif) no-repeat left top;
}

#menu_corner_right{
display: block;
float: left;
margin-top: 15px;
width: 24px;
height: 38px;
background: url(../images/menu_corner_right.gif) no-repeat right top;
}

#menu ul{

list-style: none;
font-family: verdana;
font-size: 13px;
color: #FFFFFF;
margin-left: -10px;
}


#menu li {
padding-top: 15px;
padding-left: 25px;
padding-right: 25px;
float: left;    
height:38px;
background: url(../images/menu_line.gif) no-repeat right top;

}

#menu .active{
font-weight: bold;
}

#menu li a {

}


#content{
display: table;
clear: left;

width: 1002px;  /* 24 */
background: url(../images/bg_bar.gif) repeat-y left top;
}


#content_lc{
margin-top: -15px;
float: left;    
width: 24px;  /* 24 */
height: 18px;
background: url(../images/corner_left.gif) no-repeat left top;
}

#content_rc{
margin-top: -15px;
float: right;    
width: 24px;  /* 24 */
height: 18px;
background: url(../images/corner_right.gif) no-repeat right top;
}

#shade_left{
clear: left;
float: left;    
width: 9px;  /* 24 */
display: block;
background: url(../images/shade_left.gif) repeat-y left top;
}

#shade_right{
float: right;    
width: 9px;  /* 24 */
display: block;
background: url(../images/shade_right.gif) repeat-y right top;
}

.breadcrumbs{
display: block;
margin-top: -5px;
margin-left: 25px;
margin-bottom: 10px;
}

.breadcrumbs a{
text-decoration: none;
}

.header_txt{
display: block;
margin-left: 23px; /* 9 - 24  +  */
}


#tip{
display: block;
border: 1px rgb(183,183,183) dashed;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
width: 400px;

}



#videobar{
margin-top: 10px;
margin-left: 24px;
display: block;
float: left;
width: 950px;
height: 40px;
background-color: #2a2a2a;
}

.videobar_icon{
display: block;
float: left;
}

.videobar_txt{
display: block;
float: left;
margin-left: 16px;
margin-top: 11px;
font-size: 14px;
color: #FFF;
}

#videobar a{
color: #fff;
}


.hoofdstuk{
display: block;
float: right;
margin-right: 10px;
margin-top: 8px;
color: #FFF;
font-size: 13px;
font-weight: bold;
}

#placeholder{
margin-left: 24px;
display: block;
float: left;
}

#link_holder{
display: block;
float: left;
width: 250px;
height: 500px;
background-color: rgb(244,244,244);
position: relative;
}

#scroll_holder{
margin-top: 10px;
position: relative;
display: block;
width: 250px;
bottom: 0;
border-top:1px #999 solid;
}


#scroll_holder img{
float: left;
border:0px;

}



#videoblock{
height: 70px;
width: 237px;
margin: 5px;
background-color: rgb(250,250,250);
border: 1px rgb(204,204,204) solid;
}


#videoblock:hover{
background-color: rgb(234,234,234);
border: 1px #999 solid;
}

.videoimg{
display: block;
float: left;
margin-top: 4px;
margin-left: 4px;
border: 1px #999 solid;
}

.videotitle{
display: block;
width: 139px;
height: 40px;
float: left;
margin-top: 4px;
margin-left: 6px;
font-weight: bold;
font-size: 10px;

}


.videotxt{
display: block;
float: left;
width: 139px;
margin-top: 4px;
margin-left: 6px;
font-size: 10px;
height: 25px;
}

.videolink {
margin-top: 4px;
margin-left: 6px;
display: block;
float: left;
width: 139px;
}

.videolink a{
color: #000;
text-decoration: underline;
}

.videotitle a{
color: #000;
text-decoration: none;
}

.videotxt a{
color: #000;
text-decoration: none;
}




#content_lcd{
clear:left;
float: left;    
width: 24px;  /* 24 */
height: 23px;
background: url(../images/lcd.gif) no-repeat left top;
}

#content_rcd{
float: right;    
width: 24px;  /* 24 */
height: 23px;
background: url(../images/rcd.gif) no-repeat right top;
}

#down_shade{
display: block;
float: left;
width: 954px;
height: 23px;
background: url(../images/dshade.gif) repeat-x left top;
}

.copyright{
margin-top: 20px;
margin-left: 14px;
display: block;
float: left;
width: 950px;
text-align: center;
color: rgb(147,147,147);
}

/*  help */ 

#txtcontent_holder{
display: block;
width: 950px; 
margin-left: 25px;
}

.title_txth{
font-size: 18px;
font-family: Arial, sans-serif;
}

.title_txt{
font-size: 11px;
font-weight: bold;
font-family: verdana, sans-serif;
}

/* overzicht*/

#prog_block{
display: block;
float: left;
width: 300px;
height: 75px;
border: 1px #ccc solid;
padding: 5px;
margin-top: 4px;
margin-left: 4px;
}

#prog_block:hover{
display: block;
width: 300px;
height: 75px;
float: left;
background-color: rgb(240,240,240);
}

#prog_block img{
float: left;
margin: 5px;
}

.title_prog{
font-size: 13px;
font-weight: bold;
font-family: verdana, sans-serif;
}

#prog_txt{
display: block;
margin-left: 65px;
}

#prog_txt_soon{
display: block;
margin-left: 65px;
color: #999;
}

#bekijk_btn img{
display: block;
border:0;
float: right;
margin-top:-2px;
}



#holder_hoofdstukken{
display: block;
margin-left: 10px;

}

#holder_hoofdstukken ul li{
list-style: none;
margin: 5px;
width:500px;
}

.title_hoofdstuk{
border-bottom: 1px dotted;
border-color: #ccc;}

/*
.light{
background-color: #ccc;
}

.dark {
background-color: #999;
}

*/


.time{

float: right;

}

.title_hoofdstuk{
font-weight: bold;

}