* {padding: 0; margin: 0; } 

body {
	font-family: arial;
	text-align:center;
	background:#fff;
	/* background:url(../images/achtergrond-body.gif) repeat-x; */
}

/* containers */

#bg-header {
	width: 100%;
	height: 109px;
	background-color:#ffffff;
	z-index:1;
}

label {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#wrapper {width:100%; height:100%; z-index:3;}
#header_container {height:109px; background: #ffffff;}

/*===================== zoeken =======================*/
	td#print-zoeken a {float:right; padding:20px 40px 5px 0; margin-right:5px; text-decoration:underline;}
	td#print-zoeken a:hover {text-decoration:none;}

	#ctl00_lnkPrint, #print {padding-right:40px; background:url(../images/print.gif) right 10px no-repeat;}
	
	#ctl00_imgStuurDoor {padding-right:40px; background:url(../images/stuurdoor.gif) right 10px no-repeat;}
	#ctl00_lnkPrint, #print, #ctl00_imgStuurDoor, #stuurdoor {font-size:11px; color:#58C2CD; font-weight:bold;}
	
	#ctl00_imgStuurDoor:hover {cursor:pointer;}

	.zoek-veld {float:right; background:url(../images/zoekveld.gif) left 7px no-repeat; margin-top:12px; }
	.zoek-veld #ctl00_zoeken {float:left; border:1px solid #fff; font-size:10px; margin:9px 2px 0 4px;}
	
/*===================== einde zoeken =======================*/
#header {
	width: 926px;
	height: 109px;
	padding:0 auto;
	margin: 0 auto;
	text-align:left;
	background-color: #ffffff;
	background-image:url(../images/header_idmk2010.gif);
	background-repeat:no-repeat;
}

#main {
	position: relative;
	width:926px;
	padding:0;
	height: auto;
	background-color:#FFFFFF;
	margin: 0 auto 0 auto;
}

#inhoud-links {
	float:left;
	width: 538px;
	height:auto;
	text-align: left;
	padding-top:5px;
}

#inhoud-links-scroll{
	float:left;
	width: 540px;
	text-align: left;
	height: 500px;
	overflow-y: scroll;	
	font-size:12px;
  	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #00adef;
	scrollbar-track-color: #fff;
}

	#inhoud-links-scroll ul {margin-left:5px;}
	
	.artikel-wrap {float:left; width:500px; margin-bottom:10px;}
		.artikel-wrap img {float:left;}


#rechts1 {
	position:absolute;
	top:120px;
	left:542px;
	width: 185px;
	height:500px;
	clear: none;
	text-align:left;

}

#rechts2 {
	position:absolute;
	top:120px;
	left:732px;
	width:185px;
	height:500px;
	text-align:left;
}

#rechts1 a, #rechts2 a {text-decoration:none;} 
#rechts1 a:hover , #rechts2 a:hover {text-decoration:underline;}

div.rechts1_blok, div.rechts2_blok {height:208px; width:185px;}
h1 {font-size:16px; color:#333; margin:5px;}

h1.analyse {font-size:16px; color:#009CAC; margin:5px;}
h1.online {font-size:16px; color:#90A932; margin:5px;}
h1.schrijven {font-size:16px; color:#CD9B16; margin:5px;}
h1.dialoog {font-size:16px; color:#864171; margin:5px;}

h2 {font-size:14px; color:#333; margin:5px;}

h2.analyse {font-size:13px; font-weight:bold; color:#009cac; margin:5px;}
h2.online {font-size:13px; color:#90A932; font-weight:bold; margin:5px;}
h2.schrijven {font-size:13px; color:#CD9B16; font-weight:bold; margin:5px;}
h2.dialoog {font-size:13px; color:#864171; font-weight:bold; margin:5px;}

h3 {
	font-size: 13px;
	color:#FFFFFF;
	margin: 5px;
	padding-left:5px;
	background-color: #00adef;
	height: 20px;
	width: auto;
	text-align:left;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	font-size: 13px;
	color:#FFFFFF;
	padding-left:5px;
	background-color: #00adef;
	height: 20px;
	width: auto;
	text-align:left;
	text-decoration:underline;
}

h4 {
	font-size: 14px;
	color:#e51b24;
	margin: 5px;
}

h5 {
	font-size: 11px;
    height: 17px;
	color:#FFFFFF;
	background-color:#00ADEF;
	margin: 0px;
}

p {
	color:#333333;
	font-size: 12px;
	line-height: 17px;
	margin: 5px;
}

p a:link, p a:visited, p a:hover, p a:active {
	color:#666666;
	font-size: 12px;
	line-height: 17px;
	text-decoration:underline;
}
li a:link, li a:visited, li a:hover, li a:active{
	color:#666666;
	font-size: 12px;	
}


.datum, .curcus-info, .curcus-info_locatie, .curcus-info_docent {color: #00adef; font-weight: bold;}
#main .curcus-info, .curcus-info_locatie, curcus-info_locatie, .curcus-info_docent {display:block; margin-top:3px; font-size:12px;}
.curcus-info_locatie, .curcus-info_docent {margin-left:0;}

.datum-kalender {
	color: #00adef;
	font-size:10px;
	line-height:18px;
	font-weight: bold;
}

#inhoud-links-scroll tr {padding-bottom:5px;}
#inhoud-links-scroll td a {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding-left:5px;
	text-decoration:none;
}

#inhoud-links-scroll td a:hover {text-decoration:underline;}

.tables {
	position:relative;
	background-color: #f2f2f2;
	margin: 0px;
	padding: 0px;
	height:284px;
	width: 180px;
	border: 1px solid #b5b5b5;
	visibility: visible;
	margin-left:3px;
}
.tables-breed {
	position:relative;
	background-color: #f2f2f2;
	margin: 17px 0 0 0;
	padding: 0px 0 0 0;
	height:284px;
	width: 520px;
	border: 1px solid #b5b5b5;
	visibility: visible;
	margin-left:3px;
}
div.cursusoverzicht-links{ 
	width:260px;
	height:284px;
	overflow:hidden;
	float:left;
}
div.cursusoverzicht-rechts{ 
	width:260px;
	height:284px;
	overflow:hidden;
	float:right;
}
#txtData, #ctl00_cphKolomRechts_lblLocatie a, #ctl00_cphKolomRechts_lblDocenten a  {font-size:12px; color:#000;}

.tables_inhoud {width:180px;}
	#main .tables_inhoud p a:link, 
	#main .tables_inhoud p a:active, 
	#main .tables_inhoud p a:visited {color:#000; text-decoration:none; font-size:12px;} 
	#main .tables_inhoud p a:hover {text-decoration:underline;}

.lichtgrijs {
background-color: #f2f2f2; 
height: 56px;
margin: 0px;
padding: 0px;
}

.donkergrijs {
background-color: #dedede; 
height: 56px;
margin: 0px;
padding: 0px;
}

.lichtgrijs2 {
background-color: #f2f2f2; 
height: 24px;
margin: 5px;
padding: 0px;
}

.donkergrijs2 {
background-color: #dedede; 
height: 24px;
margin: 5px;
padding: 0px;
}

.img-home {float:left; margin:1px 1px 1px 1px; padding:5px;}

#boxIntro{
	height:197px;
	overflow:hidden;
	overflow-y: scroll;	
    scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #00adef;
	scrollbar-track-color: #fff;
}

.pijltjewit, .pijltjerood {float: right; margin: 2px 2px 2px 2px;}
.waarderingscijfer {position:absolute;bottom:0;right:2px;}
.cursusvdmnd {background:url(../images/bg_cursus_vd_maand.gif) no-repeat;}
.onlinemarketing {background:url(../uploadedImages/IDMK_nov_07/online_marketing_cursussen.gif) no-repeat; height:120px; width:167px;}

.dmmarketing {
	background-image:url(../uploadedImages/IDMK_nov_07/DMcursussen.gif);
	background-repeat:no-repeat;
	height:120px;
	width:167px;
}

.webwinkel {
	background-image:url(../uploadedImages/IDMK_nov_07/webwinkel_cursussen.gif);
	background-repeat:no-repeat;
	height:120px;
	width:167px;
}

.cursusinfo-bg {
	background-image:url(../images/bg_cursusinfo.gif);
	background-repeat:repeat-y;
	height:400px;
}

.blokjes-tekst {
	font-size:10px;
	font-style:italic;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
	line-height: 14px;
}

.cursusoverzicht {
	font-size:11px;
	color:#e51b24;
	font-style:italic;
	font-weight: bold;
	text-align: right;
	padding-top:10px;
	padding-right: 35px;
}

#cursusoverzicht a:link, #cursusoverzicht a:visited, #cursusoverzicht a:hover,#cursusoverzicht a:active{
	font-size:11px;
	color:#e51b24;
	font-style:italic;
	font-weight: bold;
	text-align: right;
	padding-top:10px;
	padding-right: 35px;
	text-decoration:underline;
}

.tabellink {
	color:#FFFFFF;
	font-size:11px;
	margin: 5px;
	padding-top:5px;
	font-weight: bold;
}

.article-text {
	float:left; 
	width:445px; 
	display:inline;
	margin-left:5px;
}

.waardering-wrap {width:450px; float:left;}
	.waardering {float:left; margin-left:5px; display:inline;}
	.leesartikel-verder {
		float: left;
		color:#e51b24;
		padding:0 25px 0 0;
		background:url(../images/roodpijltje_opwit.gif) right top no-repeat;
		font-size:11px;
		margin:-28px 0 0 370px;
		display:inline;
		font-style:italic;
		height:24px;
	}

.artikel-waardering {float:left;}	
.paginering {
	float:left; 
	display:inline; 
	text-align:right; 
	width:100px;
}		   

.leesverder {
	float: right;
	color:#e51b24;
	font-size:11px;
	margin: 2px 2px 2px 2px;
	font-style:italic;
}

.cursus {
	color:#7d7d7d;
	font-size:11px;
	font-style:italic;
}

.bekijkcursus {
	color:#00adef;
	font-size:11px;
	font-style:italic;
	font-weight: bold;
}

.table {
	border: 1px solid b5b5b5;
	background-color: f2f2f2;
}
/* ============= footer ============= */

#footer {
	position:absolute; 
	top:650px;
	left:0;
	width: 926px;
	height: 25px;
	text-align:left;
	background-color:#ffffff;
	margin:0 auto;
}

#footer-container {
	z-index:0;
	position:absolute; 
	top:650px;
	left:0;
	width: 100%;
	height: 25px;
	background-color:#ffffff;
	text-align:left;
}

	.footer-text {
		position:relative;
		border-bottom:1px solid #CD9B16;
		margin:0 auto; 
		text-align:left; 
		width:926px; 
		height:25px;
		padding:0;
	}
	
		#footer-container .footer-text p {position:absolute; left:0; top:0; color:#7d7d7d; font-size:12px;}
		#footer-container .footer-text a:link, 
		#footer-container .footer-text a:active, 
		#footer-container .footer-text a:visited {color:#7d7d7d; text-decoration:none;}
		#footer-container .footer-text a:hover {
			color:#000; 
			text-decoration:none;
			background:url(../afbeeldingen/bg-link_redline.gif) repeat-x left bottom;
		}


/* AJAX Toolkit Controls */

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.popupStuurDoor {
	width:443px;
	text-align:left;
}

.popupStuurDoor .popup_header
{
    background-image: url(/afbeeldingen/stuur_door_header.png);
    background-repeat:no-repeat;
    width:443px;
    height:35px;
    margin:0px;
    padding:0px;
}

.popupStuurDoor .popup_body
{
    float:left;
    background-image: url(/afbeeldingen/stuur_door_bg.png);
    background-repeat:repeat-y;
    width:413px;
    height:200px;
    margin:0px;
    padding:15px;
    z-index:9000;
}

.popupStuurDoor .popup_footer
{
    float:left;
	background-image: url(/afbeeldingen/stuur_door_footer.png);
    background-repeat:no-repeat;
    width:443px;
    height:11px;
    margin:0px;
    padding:0px;
}

.popupStuurDoor .popup_body img
{
    margin-top:20px;
}

.popupStuurDoor .popup_body input.textbox
{
    border: solid 1px #AAAAAA;
    width:225px;
    margin-top:5px;
}

.popupStuurDoor .popup_body input.button
{
	background-color:#00adef;
	color:#ffffff;
    border: solid 1px #00adef;
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/afbeeldingen/FilledStar.png);
    /*background-image: url(Images/starFilled.png);*/
}

.emptyRatingStar {
    background-image: url(/afbeeldingen/EmptyStar.png);
    /*background-image: url(Images/starEmpty.png);*/
}

.savedRatingStar {
    background-image: url(/afbeeldingen/SavedStar.png);
    /*background-image: url(Images/starSaved.png);*/
}
a.linkblauw, a#ctl00_cphKolomLinks_lnkTerug {
	font-weight:bold;
	color:#000;	
	text-decoration:none;
	font-style:italic;
}

a#ctl00_cphKolomLinks_lnkTerug {
	font-weight:bold;
	color:#000;	
	text-decoration:underline;
	font-style:italic;
}

a#ctl00_cphKolomLinks_lnkTerug:hover {
	font-weight:bold;
	color:#00ADEF;
	text-decoration:none;
	font-style:italic;
}


a.linkblauw:hover, a#ctl00_cphKolomLinks_lnkTerug:hover {
	font-weight:bold;
	color:#00ADEF;
	text-decoration:underline;
	font-style:italic;
}

div.cursussen{
	height:224px;
	overflow:hidden;
}

#boxIntroductie, #boxInformatie, #boxProgramma, #boxReviews {
	height:400px;
	width:502px;
	/*overflow:hidden;*/
	overflow-y: scroll;	

    scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #00adef;
	scrollbar-track-color: #fff;
	font-size: 12px;
}

#boxIntroductie, #boxInformatie, #boxProgramma, #boxReviews {
	padding-left:8px;
}

#boxIntroductie p, #boxInformatie p, #boxProgramma p, #boxReviews p {
	margin:0px;
	padding:0px;

}

#boxIntroductie img, #boxInformatie img, #boxProgramma img, #boxReviews img {
	margin-right:5px;
	margin-left:5px;
}

#boxIntroductie ul, #boxInformatie ul, #boxProgramma ul, #boxReviews ul {
	list-style-type: square;
	font-size: 12px;
	margin:0px;
	padding:0px;
	padding-left:25px;

}

div.ArtikelItemContainer{
	width:486px;
	float:left;
	margin-bottom:22px; /*12px;*/
}
div.ArtikelImage{
	width:60px;
	float:left;
}
div.ArtikelItem{
	width:426px;
	float:left;
}
div.ArtikelType{
	width:26px;
	float:left;
	font-weight:bold;
}
div.ArtikelTeaser{
	width:426px;
	float:left;
}
div.ArtikelWaardering{
	/*width:119px;*/
	width:145px;
	float:left;
	font-weight:bold;
}
div.ArtikelWaardering div
{
    display:inline;
    float:right;
    margin-top:-12px;
}

div.boxArtikel{
	width:521px;
	float:left;
	height:324px;
	overflow:auto;
}
div.boxArtikelFooterLinks{
	width:283px;
	float:left;
	color:#626262;
	margin-top:10px;
}

div.boxArtikelFooterRechts{
	width:238px;
	float:left;
	color:#626262;
	margin-top:10px;
}

