/*	css by artform media
	comments by	k. vd broek @ artform media */

/* div container for graphical user interface */
div#container { text-align:left;  border:0px solid #fff; margin:0;}
div#container { width:850px !important;width:850px; margin:0 auto; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
*+html div#container { width:850px !important;width:850px; margin:0 auto; }

/* div header image */
div#header { float:left; width:100%; height:69px;  background-image:url('../images/gui/header.jpg'); background-repeat:no-repeat; background-position:top center; }

/* div top menu (sitemap, colofon etc) + font styling */
div#topmenu { padding:5px 5px 0 5px; position:relative; float:right; border:0px solid #ff0000;}
div#topmenu a, div#topmenu p { color:#fff; font-size:8pt; margin:0 5px 0 0;}

/* div navigation - menu styling > mainmenu.css */
div#nav{
	float:left;
	width:100%;
	height:22px;
	background-image:url('../images/gui/bgnav2.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	border:0px solid #ff0000;
	line-height:0px;
	z-index: 1;
}

/* div background wrapper for three columns */
div#wrapper { float:left;width:100%; background-image:url('../images/gui/bgwht.jpg'); background-repeat:repeat-y;}

/* div left column + font styling */
/*div#left{ float:left; position:relative; left:-1px; width:164px; margin:0; padding:0; background:#; background-image:url('../images/gui/bgronding.jpg'); background-position:top; background-repeat:no-repeat; }*/
div#left{ float:left; position:relative; left:-1px; width:164px; height:100%; margin:0; padding:0; background-color: #FFFFFF;}
div#left{ font-size:8pt; }
/* div left column top image */
div#lefttop { position:relative; width:164px; height:36px; background-image:url('../images/gui/lefttop2.jpg'); background-repeat:no-repeat; background-color:#FFFFFF; border:0px solid #ff0000;}

/* div sub navigation + menu/font styling */

/*div#lengte {float:left; position: absolute; top:80px; left:0px; height:480px; width:164px; background-image:url('../images/gui/bgronding.jpg'); border:0px solid #ff0000;}*/

div#subnav { 
	float:left; 
	margin: 0 0 0 16px; 
	position:relative; 
	width:auto; 
	padding: 15px 0 0 0; 
	border: 0;
	background: url(../images/gui/menu-top.jpg) no-repeat top left;
}
div#subnav li {	
	display:inline; 
	margin:0; 
	padding:0; 
	height:30px;  
}

div#subnav ul {	
	padding: 0 0 15px 0; 
	margin:0; 
	background: url(../images/gui/menu-bot.jpg) no-repeat bottom left #E8E8E8;;
}
div#subnav a {
	display:block;
	color: #003366;
	width:134px !important;
	margin: 0 10px;
	padding:2px 0 0 10px;
	height:auto;
	border-bottom:1px solid #ffffff;
	text-decoration: none;
	font-size: 11px;
}

div#subnav li#first {
	display: block;
	height: 15px;
	width: 164px;
	background: url(../images/gui/menu-top.jpg);
	border: 0;
}

div#subnav li#last {
	display: block;
	height: 15px;
	width: 164px;
	background: url(../images/gui/menu-bot.jpg);
	border: 0;
}

div#subnav img {
	border: 0;
	padding: 0;
	margin: 0;
}
	
div#subnav a:hover { color: #FFF; font-weight:normal; background-color:#fc7C00; text-decoration:bold; }{font-size:8pt; color: #FFFFFF; margin:0; padding:0px 0 0 20px;}

div#subnavtitel {
	display:block;
	color: #003366;
	width: auto;
	margin:0 0 0 6px;
	padding:3px 0 0 10px;
	height:36px;
	text-decoration: none;
	background-color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height:30px;
	}



/* image buttons subnav & specific properties  */
/* mouse-overs handled with a negative background position 
div#subnav a.IiP { background:url('../images/buttons/IiP.gif') 0 0 no-repeat; background-position: 0 0; height:100px; border-bottom:1px solid #fff; }
div#subnav a.IiP:hover { background: url('../images/buttons/IiP.gif') 0 0 no-repeat; background-position: 0 0; height:100px; border-bottom:1px solid #fff; }
div#subnav a.esf { background:url('../images/buttons/esf.gif') 0 0 no-repeat; background-position: 0 0; height:50px; border-bottom:1px solid #fff; }
div#subnav a.esf:hover { background:url('../images/buttons/esf.gif') 0 0 no-repeat; background-position: -150px 0; height:50px; border-bottom:1px solid #fff; }*/

/* div content */
div#content {
	float:left;
	width:545px;
	margin:25px 0 0 0;
	border:0px solid #ff0000;
	z-index: 2;
}
div#titel { width:auto; height:auto; padding:0 0 0 15px; }

/* div right + font styling */
div#right { float:left; position:relative; left:0; width:150px; margin:0; margin:0; border:0px solid #ff0000; }
div#right p { font-size:8pt; line-height:1.4; margin:2px; }
/* div right column top image */
div#righttop { position:relative; width:150px; height:4px; }

/* div bannernav */
div#bannernav { float:right; position:relative; top:0px; width:134px; height:100%; padding:0; border:0px solid #ff0000; }
div#bannernav li { display:inline; }
div#bannernav ul { padding:0; margin:0; }
div#bannernav a { display:block; width:134px; margin:0; padding:0 0 5px 0; float:left; }

/* image buttons subnav & specific properties  */
div#bannernav a.alle-oenc { background:url('../images/buttons/alle_opleidingen.jpg') 0 0 no-repeat; background-position: 0 0; height:135px; }
div#bannernav a.alle-oenc:hover { background: url('../images/buttons/alle_opleidingen.jpg') 0 0 no-repeat; background-position: -134px 0; height:135px; }
div#bannernav a.dewebdecaan { background:url('../images/buttons/webdecaan.jpg') 0 0 no-repeat; background-position: 0 0; height:135px; }
div#bannernav a.dewebdecaan:hover { background: url('../images/buttons/webdecaan.jpg') 0 0 no-repeat; background-position: -134px 0; height:135px; }
div#bannernav a.stagemeldpunt { background:url('../images/buttons/mbo_ers.jpg') 0 0 no-repeat; background-position: 0 0; height:135px; }
div#bannernav a.stagemeldpunt:hover { background: url('../images/buttons/mbo_ers.jpg') 0 0 no-repeat; background-position: -134px 0; height:135px; }
div#bannernav a.watvindjij { background:url('../images/buttons/wat_vind_jij.jpg') 0 0 no-repeat; background-position: 0 0; height:135px; }
div#bannernav a.watvindjij:hover { background: url('../images/buttons/wat_vind_jij.jpg') 0 0 no-repeat; background-position: -134px 0; height:135px; }
div#bannernav a.HCLogo { background:url('../images/gui/hc-logo.jpg') 0 0 no-repeat; background-position: 0 0; height:120px;}
div#bannernav a.Iip { background:url('../images/gui/iip.jpg') 0 0 no-repeat; background-position: top center; height:120px; margin:-50px 0 0 0}

/* div topleftmenu + font styling */
div#topleftmenu { clear:left; position:relative; width:40px; height:0px; }
/* div topleftnav */
div#topleftmenunav { float:left; position:relative; left:0px;  top: 20px;  width:300px; margin:0; padding:0; border:0px solid #ff4567; }
*+html div#topleftmenunav { float:left; position:relative; left:0px;  top: 0px;  width:300px; margin:0; padding:0; border:0px solid #ff4567; }
div#topleftmenunav p{ font-size:8pt; color:#FFFFFF; margin:0; padding:1px 0 0 20px; }
div#topleftmenunav a { color: #FFFFFF; font-weight:normal; text-decoration:none; }
div#topleftmenunav a:hover { color: #FF9900; font-weight:normal; text-decoration:underline;}{ font-size:8pt; color: #FFFFFF; margin:0; padding:1px 0 0 20px; }

/*a:hover { color: #013366; font-weight:normal; text-decoration:underline;}

/* div footer + font styling 
div#footer { clear:left; position:relative; width:100%; height:110px; background-image:url('../images/gui/footer3.gif'); background-position:bottom center; background-repeat:no-repeat; } */
div#footer {
	clear:left;
	position:relative;
	width:100%;
	height:40px;
	background-color: #FFFFFF;
}
/* div copyrights */
div#copyrights { float:left; position:relative; left:40px; width:210px; margin:0; padding:0; border:0px solid #ff0000; }
div#copyrights p { color:#fff; font-size:8pt; margin:0; padding:0px 0 0 5px; }
/* div footernav */
div#footernav { position:relative; left:-1px; width:400px; margin:0 auto 0 auto; padding:0; border:0px solid #ff0000; }
div#footernav p { font-size:8pt; margin:0; padding:10px 0 10px 20px; }
div#footernav a { color: #09367A; font-weight:normal; text-decoration:none; }
div#footernav a:hover { color: #FF9900; font-weight:normal; text-decoration:underline;}{ font-size:8pt; color: #FFFFFF; margin:0; padding:1px 0 0 20px; }

/* define a minimal height for all content: left div, center div and right div */
.prop {	float:left; width:1px; }
.clear { clear:both; height:1%; overflow:hidden; }
.min600 { height:600px; }

div#knoppen{border:1px solid #FF0000; height: 50px; background-color:#00FF00; position:absolute; bottom: 10px; left: 10px; width: 80%;}
/* These are standard sIFR styles... do not modify 
.sIFR-flash { visibility:visible !important; margin:0; }
.sIFR-replaced { visibility:visible !important;}
span.sIFR-alternate { position:absolute; left:0; top:0;	width:0; height:0; display:block; overflow:hidden; }*/

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. 
.sIFR-flash + div[adblocktab=true] {  display:none !important; }*/

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up with 
the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... 
any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 
.sIFR-hasFlash h1 {	visibility:hidden; letter-spacing:-9pt; font-size:16pt; }
.sIFR-hasFlash h2 {	visibility:hidden; letter-spacing:-4pt; font-size:12pt;  }*/