/*
	CSS Include

	Name:	 	: CSS Global
	Address		: http://www.juriwel.be	
	Copyright	: Smartsite Software BV	
	Author	 	: Hank Brandwijk
	Created	 	: 2003-11-23T22:33:15

	About this CSS:
	This CSS containts the site lay-out setting the container div elements.
*/

/*
------------------------------------------------

    CSS MENU :
    ----------
	RESET
	GENERIC
	STRUCTURE
	HEADER
	LEFT-COLUMN
	RIGHT-COLUMN
	FOOTER
	
----------------------------------------------- */

/* = RESET
----------------------------------------------- */

html, body, div, span, applet, object, iframe
/*h1, h2, h3, h4, h5, h6, p, blockquote*/, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,/* ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
.tabletest {
	border-collapse: separate;
	border-spacing: 10;
	border-style:solid;
	border-width:5px;
	border-color:#98bf21;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* = GENERIC
----------------------------------------------- */

.clear{clear:both;display:block;}

body, html{
	height:100%;
	margin:0px;
	padding:0px;
	background:url(/layout/images/bg-repeat.jpg) repeat top center;
}

body{font-size:62.5%;}

a{text-decoration:none;color:#666666;}
a.pdf{background:url(/layout/images/icon-pdf.jpg) no-repeat 6px 0px;}

a.print{
	background:url(/layout/images/icon-print.jpg) no-repeat 0px 0px;
	padding-left:21px;
	height:16px;
	display:block;
	width:100px;
}

a.mail{
	background:url(/layout/images/icon-mail.jpg) no-repeat 0px 0px;
	padding-left:18px;
	height:16px;
	display:block;
	width:97px;
}

a.download{
	background:url(/layout/images/icon-pdf.jpg) no-repeat 0px 1px;
	padding-left:16px;
	height:16px;
	display:block;
	width:128px;
}

h1,h2,h3,h4,h5,h6{font-family:Trebuchet MS,Arial, Helvetica, sans-serif;}

/* = STRUCTURE
----------------------------------------------- */

#wrapper{position:relative;width:100%;}

#container{
	width:975px;
	margin:auto auto;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	height:100%;
	position:relative;
	background:url(/layout/images/bg-logo.png) no-repeat top left;
}


/* = HEADER
----------------------------------------------- */

#header{
	height:122px;
	background:url(/layout/images/bg_header.jpg) no-repeat 250px top ;
	position:relative;
}

#header h1{
	float:left;
	margin:50px 0px 0px 15px;
	width:582px;
	height:64px;
	display:inline;
	text-indent:-9000px;
	background:url('layout/images/header-juriwel-txt.png') no-repeat top left;
}

#header h1 a{
	width:582px;
	height:64px;
	display:block;
}

#header #logo-vlaamseoverheid{
	display:block;
	width:60px;
	height:47px;
	position:absolute;
	top:63px;
	left:887px;
	text-indent:-9000px;
	background:url('layout/images/logo_vl.jpg') no-repeat top left;
}

#header #logo-vlaamseoverheid a{
	display:block;
	width:67px;
	height:53px;
}

#header-nav{
	height:24px;
	padding:0px;
	margin:0;
	position:absolute;
	right:240px;
	top:10px;
}

#header-nav li{
	display:inline;
	float:left;
	height:24px;
	line-height:24px;
	background:url('layout/images/divider-header-nav.gif') no-repeat 0px -3px;	
	padding:0 7px 0 9px;
	overflow:hidden;
}

#header-nav li a{font-weight:bold;}
#header-nav li a:hover,
#header-nav li a:focus{color:#999900;}

#search-container{
	position:absolute;
	right:0px;
	top:0px;
	width:148px;
}

#search-container form{
	width:148px;
	height:26px;
	background:url(/layout/images/bg-search-form.jpg) no-repeat top left;
	margin:8px 0px 0px 0px;
}

#search-container form input{
	display:inline;
	float:left;
}

#search-container form input.input-txt{
	color:#666600;
	border:none;
	height:16px;
	width:112px;
	margin:5px 0px 5px 4px;
	padding:0px 0px 0px 2px;
	background:none;
}

#search-container form input.input-submit{margin:6px 0px 5px 7px;}

#search-container #geavanceerd-zoeken{
	color:#ADADAD;
	text-decoration:underline;
	font-size:10px;
	margin:0px 0px 0px 8px;
	line-height:15px;
	
}

#search-container #geavanceerd-zoeken:hover,
#search-container #geavanceerd-zoeken:focus{color:#666666;}


/* = LEFT-COLUMN
----------------------------------------------- */

#left-column{
	width:250px;
	float:left;
	margin-top:14px;
	padding-bottom:25px;
}

#left-column h2{
	width:250px;
	height:15px;
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	text-indent:-9000px;
	overflow:hidden;
}

#left-column h2#title-thema{background-image:url(/layout/images/title-thema.jpg);}
#left-column h2#title-nieuwsbrief{background-image:url(/layout/images/title-nieuwsbrief.png);behavior: url(iepngfix.htc);}


/* --- left nav // accordion --- */

#accordion{background:url(/layout/images/bg-left-nav-container.png) top left repeat-y;}

#left-nav{
	margin:0px 10px 0px 20px;
	padding:10px 0px 0px 0px;
}

#left-nav li a{
	min-height:1.1em;
	padding:0.4em 0px 0.4em 0px;
	background:url(/layout/images/bg-left-nav-list.jpg) no-repeat bottom left;
	display:block;
	color:#000000;
}

#left-nav li.active{
	background:url(/layout/images/bg-toggler-active.jpg) no-repeat 0px 7px;
	padding-left:10px;
}

#left-nav li.active a{
	font-weight:bold;
	color:#333333;
	background:none;
}

#left-nav li.active a:hover,
#left-nav li.active a:focus{background:none;padding-left:0px;}

#left-nav li a:hover,
#left-nav li a:focus{
	color:#333333;
	background:url(/layout/images/bg-toggler-active.jpg) no-repeat 0px 7px;
	padding-left:10px;
}

#left-nav ul.level1{
	margin:0px 0px 0px -10px;
	padding:0px;
}

#left-nav ul.level1 li{
	padding-left:10px;
	background:url(/layout/images/bg-left-nav-list.jpg) no-repeat bottom left;
}

#left-nav li.active ul.level1 li{
	background:url(/layout/images/bg-left-nav-list.jpg) no-repeat bottom left;
	padding-left:10px;
}

#left-nav ul.level1 li a,
#left-nav ul.level1 li a:hover,
#left-nav ul.level1 li a:focus{
	font-weight:normal;
	color:#666666;
	background:url(/layout/images/bg-level1-list.gif) no-repeat 0px 8px;
	padding:0.4em 0px 0.4em 10px;
}

#left-nav ul.level1 li a:hover,
#left-nav ul.level1 li a:focus{background:url(/layout/images/bg-level1-list-over.gif) no-repeat 0px 8px;}

/* --- nieuwsbrief --- */

#nieuwsbrief-container p{margin:12px 20px 12px 20px;}

#nieuwsbrief-container form{
	width:250px;
	/*height:20px;*/
	background:url(/layout/images/bg-newsletter-form.jpg) no-repeat 20px 1.2em;
	margin:0 0px 0px 0px;
}

#nieuwsbrief-container form input{
	display:inline;
	float:left;
}

#nieuwsbrief-container form input.input-txt{
	color:#CCCCCC;
	border:none;
	height:1.2m;
	width:190px;
	margin:5px 0px 5px 23px;
	padding:0px;
	background:none;
}

#nieuwsbrief-container input.input-submit{margin:5px 0px 5px 10px;}

#nieuwsbrief-container span,
#nieuwsbrief-container label{
	color:#776F00;
	font-weight:bold;
	margin:0px 20px 0 20px;
}

/* --- banners --- */

#banners{
	width:220px;
	margin:0px 10px 0px 20px;
}

#banners p{
	width:208px;
	margin:20px 0px 0px 0px;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #E8E8E8;
	display:block;
}

#banners img{width:208px;}

/* = RIGHT-COLUMN
----------------------------------------------- */

#right-column{
	float:right;
	width:725px;
	position:relative;
	height:100%;
	margin-top:-5px;
	padding-top:5px;
	color:#333333;
}

#right-column a{text-decoration:underline;}

body.home #right-column{background:url('layout/images/bg-right-column.png') no-repeat top right;}

body.home #right-column #title-actualiteit-container{
	position:relative;
	top:0px;
	right:0px;
	background-color:#FF0000;
}

body.home #right-column #title-actualiteit-container #title-actualiteit{
	position:absolute;
	top:px;
	right:27px;
}


.text-blok{
	width:723px;
	margin-bottom:-17px;
}

.text-blok-top{
	height:36px;
	width:723px;
	overflow:hidden;
	background:url(/layout/images/bg-text-blok-top.gif) no-repeat top right;
}

.text-blok-top h2{
	margin:0px;
	height:36px;
	background:url(/layout/images/bg-text-blok-title.gif) repeat-x top left;
	float:left;
	font-size:1.6em;
	font-weight:normal;
	line-height:36px;	
	padding:0px 0px 0px 14px;
}

.indekijker .text-blok-top h2{font-size:1.7em;}

.text-blok-top-left{
	width:12px;
	height:36px;
	background:url(/layout/images/bg-text-blok-top-left.gif) repeat-y top left;
	float:left;
}
.text-blok-top-right{
	width:54px;
	height:36px;
	background:url(/layout/images/bg-text-blok-top-right.gif) repeat-y top left;
	float:left;
}

.text-blok-content{
	background:url(/layout/images/bg-text-blok-content.gif) repeat-y top left;
	padding:0px 25px 25px 25px;
	border-top:1px solid transparent;
}

.text-blok-content .date{float:right;margin-top:15px;}

.text-blok-content p{line-height:1.2em;margin:0px;padding-bottom:1.2em;}

.text-blok-content a.leesmeer{
	display:block;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:underline;
	width:6em;
}

.text-blok-content .date,
.text-blok-content p a{color:#6F6F00;}

.text-blok-content p a.leesmeer:hover,
.text-blok-content p a.leesmeer:focus{color:#827400;}

.indekijker .text-blok-content .date,
.indekijker .text-blok-content a{color:#990000;}
.indekijker .text-blok-content a:hover,
.indekijker .text-blok-content a:focus{color:#600000;}

div.line hr{display:none;}

div.line { 
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:#FFFFFF;
	background:url(/layout/images/hr.jpg) repeat-x top left #fff;
	margin:25px 0px 10px 0px;
	border:none;
	clear:both;
}

.text-blok-bottom{
	height:9px;
	background:url(/layout/images/bg-text-blok-bottom.png) no-repeat top left;
	behavior: url(iepngfix.htc);
}


.text-blok-img{
	position:relative;
	width:110px;
	height:72px;
	overflow:hidden;
	float:left;
	margin:0px 18px 0px 0px;
	clear:both;
}

.overlay{
	position:absolute;
	width:110px;
	height:72px;
	top:0px;
	left:0px;
	z-index:1;
	background:url(/layout/images/roundedcorners-overlay.png) no-repeat top left;
	behavior: url(iepngfix.htc);
}

.meerbeslissingen{
	width:131px;
	height:21px;
	display:block;
	overflow:hidden;
	text-indent:-9000px;
	background:url(/layout/images/btn_meerbeslissingen.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:10px 0px 0px 0px;
	float:right;
}

.meerbeslissingen:hover,
.meerbeslissingen:focus{background-position:0px -21px;}

#top-link{
	width:725px;
	text-align:center;
	height:100%;
	background:url(/layout/images/bg-text-blok-content.gif) repeat-y top left;
	padding:20px 0px 20px 0px;
}

#top-link #link-top{
	text-transform:uppercase;
	color:#6F6F00;
	font-weight:bold;
	background:url(/layout/images/bg-top-btn.jpg) no-repeat top center;
	padding-top:8px;
}	

#top-link #link-top:hover,
#top-link #link-top:focus{color:#B3A000;}	


/* = FOOTER
----------------------------------------------- */

#footer{
	width:100%;
	height:2em;
	position:absolute;
	background-color:#898D3F;
	left:0px;
	line-height:2em;
	text-align:center;
	z-index:2;
}

#footer ul{
	margin:0px;
	padding:0px;
	margin:0px 0px 0px 230px;
}

#footer ul li{display:inline;}
#footer ul li.divider-footer{margin:0px 10px 0px 10px;}

#footer ul li,
#footer ul li a{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer ul li a:hover,
#footer ul li a:focus{text-decoration:underline;}

sup { vertical-align: super }