/* 
Title: 	Vlabotex
Updated: 02/11/07
Version: 1.0
Author: yse
*/


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clr{clear:both;}
.right{	float: right;}
.left	{	float: left;}

/* Set up the document
-----------------------------------------------------------------------------*/

body
	{
	font: 62.5%/1.5   "Lucida Sans Unicode","Lucida Sans", "Lucida Console", Verdana;
	background: #DCE3E2 url('../images/body.bg.jpg') repeat-x top left; 
	color: #000000;	
	text-align:center;
}



#wrapper
	{ 
	width: 950px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	background: #FFFFFF url('../images/subnav.bg.jpg') repeat-y top left;
	margin-top: 16px;
	margin-bottom: 5px;
	position:relative;
	font-size: 120%;
	color: #4F6E6D;
}


/* Typography
-----------------------------------------------------------------------------*/

h1{	 font-size: 2em; /* Equivalent to 22pt */}	
h2	{	font-size: 1.6em;margin-top: 1em;color: #7DA2A0;}
h3	{	font-size: 1.4em; /* Equivalent to 18pt */}
h4	{	font-size: 1.2em; /* Equivalent to 18pt */}
h5	{	font-size: 1.1em; /* Equivalent to 14pt */}
p, q, cite	{	margin-bottom: 1em; }
ul, ol, dl	{	list-style: none; margin-bottom: 1em;}
li, dd, dt	{		}

a { color: #0099FF;}
a:hover { color: #0066FF;}
.date { color: #DCE3E2; font-size: 10px; margin-bottom: 1em;}

.update { color: #FF9900; font-size: 10px;}

/* Header
-----------------------------------------------------------------------------*/
#header { background: #FFF; height: 145px;} 
#mainlogo { width: 196px; text-align:center; padding: 15px;}

#mainnav { position:absolute; left: 226px; top:-17px; margin:0; padding:0; }
#mainnav li {display:inline; float:left;}
#mainnav a { 	float: left;	padding: 162px 0 0 0;	overflow: hidden;height: 0px !important;height /**/: 162px; /* for IE5/Win only */width: 181px;}
#mainnav .li-vlabotex a { background: url('../images/menu/vlabotex.gif') no-repeat top left; }
#mainnav .li-droogkuis a {background: url('../images/menu/droogkuis.gif') no-repeat top left;}
#mainnav .li-professioneel a {background: url('../images/menu/professioneel.gif') no-repeat top left;}
#mainnav .li-links a {background: url('../images/menu/links.gif') no-repeat top left;}


#mainnav a:hover, #mainnav .active a { background-position: 0 -162px;}



/* SubNavigation
-----------------------------------------------------------------------------*/
#subnav {float:left; width: 226px; }
#subnav ul#nav { background: url('../images/subnav.top.jpg') no-repeat top left;padding-top: 15px;}
#subnav ul#nav li { background: url('../images/subnav.li.gif') repeat-x bottom left;  display: block;}
#subnav ul#nav li a { padding: 5px 23px; text-align:right; color:  #B9C00C; text-decoration:none; font-size: 12px; display:block; height:auto;1em}
#subnav ul#nav li a:hover { background: #B9C00C; color: #FFF;}
#subnav ul#nav li.active a,#subnav ul#nav li.active a:hover { background: url('../images/subnav.active.gif') no-repeat 95% 60%; color: #4D6D6C}

.newslist { padding: 0 10px; width: 206px; clear:both; position:relative; position:absolute; top: 430px;}
.newsticker {
	margin: 0;
}
#news span { margin:0;margin-bottom: -3px;color: #CCCCCC; font-size: 10px; display:block;}
#news a { color: #333333; }

.col { width: 60%; margin-right: 30px; float:left;}
.col.last { width: 35%; margin-right:0;}

#permanent { background: #D9DD7C; border: 1px solid #CED354; width: 194px; padding:  6px; margin: 20px 0 0 10px;}
#permanent a { text-decoration:none; color: #666666; font-size: 10px;}
#permanent a span { display:block;text-align:right; font-size: 11px; font-weight:bold; margin-top: 3px;}



/* Footer
-----------------------------------------------------------------------------*/
#footer {background: #4F6E6D; padding: 5px 0px; color: #FFF; clear:both; position:relative;  font-size: 90%; }
#footer a { color: #CCC; text-decoration:none;}
#subfooter { position:absolute; top: -20px; left: 170px;}
#subfooter img { margin-right: 5px;}
#realfooter { padding: 0 20px;text-align:right;}




/* Blockmain
-----------------------------------------------------------------------------*/
#blockmain {  clear:both; float:left;  min-height: 500px;_height: 500px;}

#blockcontent {float:right; width: 623px; background: url('../images/blockcontent.bg.jpg') repeat-x 0 1px; border-left: 1px solid #FFF; min-height: 300px; _height: 300px;
	padding: 45px 50px;}
	
#blockcontent ol  { margin-left: 3em; list-style:decimal}
#blockcontent ul { margin-left: 2em; list-style:square;}
#blockcontent li { margin: .5em 0;}

#blockcontent ul.files, 
#blockcontent ul.files li { list-style:none; color: #999999; font-size: 10px; line-height: 16px;padding-bottom: 5px;}
#blockcontent ul.files li a { font-size: 12px;}
#blockcontent ul { margin-left: 0;}

.pdf { background: url('/images/pdf.gif') no-repeat top left; padding-left: 20px; line-height: 16px;}
.exe { background: url('/images/exe.gif') no-repeat center left; padding-left: 20px; line-height: 16px;}

.answer { display:none;}
#blockcontent a.question { font-weight:bold;margin-bottom: .5em; display:block; color: #666666; font-weight:normal; border-top: 1px solid #DCE3E2; text-decoration:none;padding-top: 3px; }
.answer { background: #E9EDEC url('/images/question.gif') no-repeat 0 0; padding: 25px 10px 3px 10px;margin-bottom: 1em; }

.gallery {  padding: 10px 0px 7px 15px;  float:left; width: 94.3%; margin-top: 1em;}
.gallery a { margin: 5px 11px 10px 0px; padding: 2px;background:#E9EDEC;height: 60px; width: 60px;display:block;float:left;}
.gallery img { 	filter:alpha(opacity=70);-moz-opacity: 0.7;	opacity: 0.7;}
.gallery a:hover { background:#999999;}
.gallery a:hover img { filter:alpha(opacity=100);-moz-opacity: 1;	opacity:1;}




/* Forms
-----------------------------------------------------------------------------*/



input.text
	{
	padding: 3px;
	border: 1px solid #999999;	
}


/* Tables 
-----------------------------------------------------------------------------*/



table
 	
	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 
	
	{
  	text-align: left;
	font-weight: normal;
}

.table { margin-bottom: 1em; width: 100%;}
.table th, .table td { padding: 5px 5px; vertical-align:top; }
.table th { background: #E9EDEC; border-bottom: 1px solid #FFF; color: #7DA2A0; width: 150px;}
.table td { border-bottom: 1px solid #E9EDEC; padding-left: 10px;}



/* Body
----------------------------------------------- */

ul.list { padding: 0; margin: 0; list-style:none;}
ul.list li { list-style:none; padding-bottom: .5em;}
ul.list li span { margin-right: 10px;  font-size: 10px; color: #CCCCCC;}
ul.list a { text-decoration:none;}
ul.list li { border-bottom: 1px solid #DCE3E2;}

.subnav { padding-top: 20px;}
.subnav h1 { font-size: 12px; border:0; letter-spacing: 0;}
.subnav ul li { padding-bottom: .5em;}
.subnav ul li a { text-decoration:none;}


.thumb { padding: 5px; background: #DCE3E2; border: 1px solid #C5D1CF;}
.thumb.left { float:left; margin: 5px 10px 5px 0;}
.thumb.right { float:right; margin: 5px 0 5px 10px;}




/* Slimbox
----------------------------------------------- */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('/images/lightbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/images/lightbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/images/lightbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/images/lightbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}