/* CSS Document */

/*
-----------------------------------------------
pure-communication.be
Author:   Jim Faes
Version:  6/10/08
Client:	  vrt - canvas	
----------------------------------------------- */
/*
------------------------------------------------

    CSS MENU :
    ----------
	RESET
	GENERIC
	STRUCTURE	
	NAVIGATION
	SIDE-NAVBAR
	HEADER	
	CONTENT	
	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-weight: inherit;
	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;
}
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
----------------------------------------------- */
body, html{
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	color:#5E5E60;
	text-align:left;
}

body{
	font-size:62.5%;	
	margin:0 auto;
}

a{
	color:#008496;
	text-decoration:none;
}
a:hover{
	color:#A00720;	
}

strong, b{
	font-weight:bold;
}

h1{
	color:#A00720;
	font-size:1.5em;
	margin-bottom:40px;
}
h2{	
	font-size:1.3em;
}
h3{
	font-weight:bold;
	font-size:1.1em;
}

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

#content-wrapper {	
	width:945px;
	margin:0px auto;
	text-align:left;	
	background-image:url(../images/bg_mainContainer.gif);
	background-position:0px 0px;
	background-repeat:repeat-y;
	position:relative;
}

#main-container{	
	width:872px;
	margin-left:38px;
	font-size:1.2em;	
	font-family:Arial, Helvetica, sans-serif;	
}

#side-navbar{
	position:absolute;	
	left:911px;
	top:15px;
}

/* = NAVIGATION */
#main-container #navigation{		
	font-size:12px !important;	
}

/* = SIDE-NAVBAR
----------------------------------------------- */
#side-navbar a{
	display:block;
	width:36px;
	height:30px;
	overflow:hidden;
	text-indent:-3000px;
	background-repeat:no-repeat;
	background-position:0px 0px;	
}

#side-navbar a:hover{
	background-position:0px -30px;
}

#side-navbar a.home{ background-image:url(../images/side/button_home.jpg); }
#side-navbar a.mail{ background-image:url(../images/side/button_mail.jpg); }
#side-navbar a.info{ background-image:url(../images/side/button_info.jpg); }
#side-navbar a.sitemap{ background-image:url(../images/side/button_sitemap.jpg); }



/* = HEADER
----------------------------------------------- */
#header{	
	width:872px;		
}

#header #header-branding{
	width:872px;	
	height:148px;
	overflow:hidden;
	position:relative;
}

#header #header-branding #logo{
	position:absolute;
	top:13px;
	right:14px;
}

#header #header-branding #language-choise{
	position:absolute;	
	bottom:5px;
	right:90px;
}

#header #header-branding #language-choise a{
	font-weight:bold;
	color:#5E5E60;
	margin-right:5px;
}
#header #header-branding #language-choise a:hover, #header #header-branding #language-choise .selected{
	color:#008496;
}

#header #search-container{
	height:29px;
	background-color:#008496;
}

#header #search-container .search-form{					
	margin-left:605px;		
	padding-top:3px;	
}

#header #search-container .search-form .search-text{
	height:17px;
	width:170px;
	border:0px;
}

#header #search-container .search-form .search-submit{	
	overflow:hidden;
    text-indent:-3000px;
	width: 21px;
    height: 21px;   
    border: 0;
    background: transparent url(../images/btn_search.gif) no-repeat center top;	
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */	
	
	margin-left:2px;
}

#header #search-container .search-form .submit_button{
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:-3000px;
}

/* = CONTENT
----------------------------------------------- */
#content{	
	margin-top:100px;
	margin-left:106px;
}

#content #contentLeft{
	float:left;
	width:415px;		
}

#content #contentLeft p, #content #contentLeft li{
	line-height:1.5em;	
}

#content #contentRight{
	float:left;
	width:312px;
	margin-left:38px;	
}

/* RAAD VAN BESTUUR */
#content .raad-van-bestuur{
	float:left;
	margin-right:10px;
	/*width:120px;	*/
}

/* LIST */
#content ul{	
	list-style:disc;
	padding-left:15px;	
	margin-left:0px;	
}

#content li{
	margin-top:10px;
}


/* SEARCH RESULTS */
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

input.zoom_button {  }
input.zoom_searchbox {  }		

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { border-top:1px solid #E1E2E3;padding-top:10px;}
.result_pagescount { visibility:hidden;}

.searchtime { font-size: 80%; }

.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}

center{
	visibility:hidden;	
}

/* TABLE */
#content table {
  border-collapse: collapse;
  border: 1px solid #008496;
}

#content td, #content th {
  border: 1px solid #008496;
  padding: 0.5em; 
}
#content thead th, #content tfoot th {
  font-weight:bold;  
  text-align: left;
  color: #FFFFFF;
  background: #008496;
  border-right: 1px solid #FFF; 
}
#content thead th:last-child{
	border-right: 1px solid #008496; 
}

#content tbody td {
  vertical-align: top;
  text-align: left;

}
#content tfoot td { 
  background:#C3DEE2;    
}


/* FORM*/
#content form p{
	margin-top:0;
	margin-bottom:5px;	
	position:relative;	
}

#content label{
	width: 10em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
}

#content input.text{	
	background:#CFE4E9;
	border: 0;
	height:20px;
	line-height:20px;
	padding:0 5px 0 5px;
	width:270px;
}

#content input.submit{
	color: #FFF;
	background:#008496;
	font-weight:bold;
	border:0;
	padding:5px;
	float:right;
	margin-right:10px;
}

#content label.error { 	
	color:#990000; font-style:italic; font-size:0.8em ;	
	height:18px;	
	width:200px;
	padding-left:5px;
	position:absolute;
	left:410px;
	top:0px;	
}
#content input.error { background:#990000; color:#FFFFFF; }

/* DOWNLOADS*/
#content .download-list{
	color:#008496;
	margin:			0;
	padding:		0;
	list-style:		none;
	width:220px;
	border-bottom:1px solid #B3B4B6;
}

#content .download-list li{
	padding:5px;
	border-top:1px solid #B3B4B6;
}

#content .download-list li a{
	text-decoration:underline;
}

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

#footer {
	background-color:#B3B4B6;
	margin-top:20px;
	text-align:right;
	padding:5px 50px 5px 0;
	color:#FFFFFF;	
	text-decoration:none;		
	clear:both;
}

#footer a{
	color:#FFFFFF;	
	text-decoration:none;
}

#footer a:hover{
	color:#A00720;		
}