/* CSS Document */

/* 
Title:		upsi - bvs master screen styles
Author: 	info@9000.be
Copyright:  2008, 9000.be  All rights resevered (please don't re-use without permission).
Version:	00.1 (2008. FEB. 18)
*/

/*
icons made by: Mark James
website :  http://www.famfamfam.com/lab/icons/silk/
with respect and kind regards
*/

body {background:#FFFFFF url(../images/background.jpg) 0 0 repeat-x; font:0.87em/1em "Trebuchet MS", Helvetica, sans-serif ; font-weight:300 }
.menu li { float:left}
em { font-style:italic!important}

.titeltwocolumns{font-family:"Trebuchet MS", Helvetica, sans-serif; color:#6785a2; background:none; font-variant:small-caps}
.boldblue{color:#7eaec2; font-weight:bold;}
.bgColorLight{background-color:#efefef;}

/*====== LAYOUT ======*/
#wrapper{ width:935px; margin:0 auto;}
#header{ height:100px; background:#FFFFFF;}
#topnavigation{ height:40px; margin:5px 0;background: #6785a2}
#content{ background:#FFFFFF; padding:10px 0 0 0; width:100%}
#leftcolum{ width:250px; float:left; padding: 0 15px 0 20px;}
#centercolum{ width:465px; float:left ; border-left: 1px solid #e5eaef; position:relative; left:-8px; padding:0 0 0 10px; display:block}
#rightcolum{ float:right;  position:relative; width:160px; right:10px; top:-7px}
#footer{ clear: both; position:relative; top:20px; color:#666666; font-size:70%; padding-bottom:20px}
#footer a, #footer a:link, #footer a:active, #footer a:visited{color:#666666; text-decoration:underline;}
#footer a:hover{text-decoration:none;}

#centertotalcolum{ width:625px; float:left ; border-left: 1px solid #e5eaef; position:relative; left:-8px; padding:0 0 0 10px; display:block}

/*====== HEADER ======*/
.branding { padding:20px 0px 0 20px} 

#header ul { position:relative; margin-top:-40px; right:20px} 
#header li { margin-bottom:5px; text-align:right}
#header a:link,#header a:visited { color:#0e4f83; font-style:italic; text-decoration:none }
#header a:hover,#header a:active { color:#cebe75; text-decoration:underline }

/*====== TOP NAVIGATION ======*/
.botpic {position:relative; top:15px; left:-10px}
.MenuBarHorizontal a {color:#FFFFFF!important; line-height:23px}


.googlecolor {background-color:#709deb!important; }
.googlecolor li {background-color:#6785a2!important; }
.googlecolor li a:hover { background:url(../images/lightblueroll.jpg) center -2px}
.googlecolor ul li {background-color:#709deb!important; }
.googlecolor ul ul a { border-bottom:1px solid white; line-height:15px!important;}
.googlecolor ul ul a:hover { background:#21467a!important}
.googlecolor ul li { border-right:1px solid white!important}

.colblue {background-color:#6785a2!important; }
.colblue li {background-color:#6785a2!important; }
.colblue li a:hover { background:url(../images/SelectedNavigationRll.jpg) center -2px}
.colblue ul li {background-color:#6785a2!important; }
.colblue ul ul a { border-bottom:1px solid white; line-height:15px!important;}
.colblue ul ul a:hover { background:#21467a!important}
.colblue ul li { border-right:1px solid white!important}

.colbrow { background:#c7aa22!important;}
.colbrow li {background-color:#c7aa22!important; }
.colbrow li a:hover { background:url(../images/brownroll.jpg) center -2px}
.colbrow ul li {background-color:#c7aa22!important; }
.colbrow ul ul a { border-bottom:1px solid white; line-height:15px!important;}
.colbrow ul ul a:hover { background:#a48c1e!important}
.colbrow ul li { border-right:1px solid white!important}

.colpink { background:#b46b66!important;}
.colpink li {background-color:#b46b66!important; }
.colpink li a:hover { background:url(../images/pinkroll.jpg) center -2px}
.colpink ul li {background-color:#b46b66!important; }
.colpink ul ul a { border-bottom:1px solid white; line-height:15px!important;}
.colpink ul ul a:hover { background:#782f2a!important}
.colpink ul li { border-right:1px solid white!important}

.colnosbiens { background:#d51e13!important;}
.colnosbiens li {background-color:#d51e13!important; }
.colnosbiens li a:hover { background:url(../images/pinkroll.jpg) center -2px}
.colnosbiens ul li {background-color:#d51e13!important; }
.colnosbiens ul ul a { border-bottom:1px solid white; line-height:15px!important;}
.colnosbiens ul ul a:hover { background:#782f2a!important}
.colnosbiens ul li { border-right:1px solid white!important}

.collightblue { background:#7897b2!important; }
.collightblue li {background-color:#7897b2!important; }
.collightblue li a:hover { background:url(../images/lightblueroll.jpg) center -2px; }
.collightblue ul li {background-color:#7897b2!important;  }
.collightblue ul ul a { border-bottom:1px solid white; line-height:15px!important; }
.collightblue ul ul a:hover { background:#38597c!important}
.collightblue ul li { border-right:1px solid white!important;}


.colyellow { background:#9f4c9c!important; }
.colyellow li {background-color:#9f4c9c!important; }
.colyellow li a:hover { background:url(../images/yellowroll.jpg) center -2px; }
.colyellow ul li {background-color:#9f4c9c!important;  }
.colyellow ul ul a { border-bottom:1px solid white; line-height:15px!important; }
.colyellow ul ul a:hover { background:#723970!important}
.colyellow ul li { border-right:1px solid white!important;}

.colblack { background:#657736!important; }
.colblack li {background-color:#657736!important; }
.colblack li a:hover { background:url(../images/blackroll.jpg) center -2px; }
.colblack ul li {background-color:#657736!important;  }
.colblack ul ul a { border-bottom:1px solid white; line-height:15px!important; }
.colblack ul ul a:hover { background:#4a5827!important}
.colblack ul li { border-right:1px solid white!important;}

.colbrown2 { background:#54a050!important; }
.colbrown2 li {background-color:#54a050!important; }
.colbrown2 li a:hover { background:url(../images/brown2roll.jpg) center -2px; }
.colbrown2 ul li {background-color:#54a050!important;  }
.colbrown2 ul ul a { border-bottom:1px solid white; line-height:15px!important; }
.colbrown2 ul ul a:hover { background:#287924!important}
.colbrown2 ul li { border-right:1px solid white!important;}


.colred { background:#66171c!important; }
.colred li {background-color:#66171c!important; }
.colred li a:hover { background:url(../images/redroll.jpg) center -2px; }
.colred ul li {background-color:#66171c!important;  }
.colred ul ul a { border-bottom:1px solid white; line-height:15px!important; }
.colred ul ul a:hover { background:#b31620!important}
.colred ul li { border-right:1px solid white!important;}


/*====== LEFT COLUM ======*/	
#leftcolum fieldset { margin-top:17px !important;}
#leftcolum h1 a:link, #leftcolum h1 a:visited { color:#6785a2}
#leftcolum h1 a:hover, #leftcolum h1 a:active { color:#000000 }
#leftcolum h2 { padding-left:25px}
#leftcolum h3 { font-variant:small-caps; letter-spacing:0.12em; border-bottom:1px solid #7eaec2; width:220px; color:#6785a2; padding-left:35px!important }


.agenda h3 { background:#FFFFFF url(../images/agendaheader.jpg) 5% 60% no-repeat ;font-size:180% !important; }
.agenda p { background:#f4f9ff url(../images/agedaItem.jpg) 10px 1px no-repeat; padding:0 10px 10px 30px  }
.agenda{line-height:22px;}
.agenda a, .agenda a:active, .agenda a:link, .agenda a:visited{text-decoration:none;}
.agenda a:hover{text-decoration:none;}

.adres h3 { background:#FFFFFF url(../images/agendaheader.jpg) 5% 60% no-repeat ;font-size:180% !important; }
.adres p { position:relative; top:-10px;}
.adres{line-height:22px;}
.adres a, .adres a:active, .adres a:link, .adres a:visited{color:#668CB3; text-decoration:underline;}
.adres a:hover{text-decoration:none;}

.linkdiv h3 { background:#FFFFFF;font-size:180% !important; }
.linkdiv p { position:relative; top:-10px;}
.linkdiv{line-height:22px;}
.linkdiv a, .linkdiv a:active, .linkdiv a:link, .linkdiv a:visited{color:#668CB3; text-decoration:underline;}
.linkdiv a:hover{text-decoration:none;}

.documents { background-color:#fdf9f9; }
.documents h3 { background:#FFFFFF url(../images/pdfgroot.jpg) 5% 50% no-repeat ; }
.documents p { background:#fdf9f9 url(../images/pdfklein.jpg) 10px 1px no-repeat; padding:0 10px 10px 30px}

.raisons { margin-top:15px }
/*.raisons img { border-bottom: 1px solid white; }*/
.raisons p { padding:10px 0 10px 10px !important ; margin-top:-20px; color:#000000; background-color:#fafce8; }
.raisons h3 { /*background:#FFFFFF url(../images/shield.jpg) 5% 50% no-repeat*/ background:url(../images/5raisons4.jpg) 20% 0 no-repeat!important; text-indent:-9999px; letter-spacing:0.05em!important; height:61px; border:none!important }


/*====== CENTER COLUM ======*/
#topgedeelte { padding:0 15px; line-height:110%}
#text { padding:0 !important; width:435px; margin-bottom:40px; }
#text p { font-size:90%; padding: 0 0 0 25px; margin:15px 0; clear:both; line-height:120%}
#text p.noindent { font-size:90%; padding: 0 0 0 0px; margin:15px 0; clear:both}
#text label { margin:10px 0!important; padding-left:20px }
#text input[type=text], #text textarea, #text select { width:90%; margin:8px 0 8px 20px; border: 1px solid #7eaec2; padding:3px 2px} 
#text input[type=button] { margin-left:25px; padding:5px}

#text ul, #centercolum ul { list-style: url(../images/voorList.jpg) outside!important;font-size:90%; padding: 0 0 0 50px; margin:15px 0; clear:both; line-height:120%}
#text ol, #centercolum ol { list-style:decimal; font-size:90%; padding: 0 0 0 50px; margin:15px 0; clear:both; line-height:120%}
#text li, #centercolum li { margin:10px 0}
#text .tellen, #centercolum .tellen { list-style:decimal!important}

#text ul, #centertext ul { list-style: url(../images/voorList.jpg) outside!important;font-size:90%; padding: 0 0 0 50px; margin:15px 0; clear:both; line-height:120%}
#text ol, #centertext ol { list-style:decimal; font-size:90%; padding: 0 0 0 50px; margin:15px 0; clear:both; line-height:120%}
#text li, #centertext li { margin:10px 0}
#text .tellen, #centertext .tellen { list-style:decimal!important}

#centertotaltext { padding:0 !important; width:625px; margin-bottom:30px; }
#centertotaltext p { font-size:90%; padding: 0 0 0 25px; margin:15px 0; clear:both}
#centertotaltext p.noindent { font-size:90%; padding: 0 0 0 0px; margin:15px 0; clear:both}


.colpinkbkgrnd { background-color:#f8f4f4}
.commison  { background:url(../images/commiIcon.jpg) 0px 2px no-repeat; min-height: 16px;  }
.publication { background:url(../images/publiIcon.jpg) 0px 2px no-repeat; min-height: 16px;  }
	.publicationback {background:#ebece2;}
.subtitel, .subtitelNoBorder, .subtitelfirst, .subtitelNoBorderHome {font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:130%!important; color:#6785a2; background:none; font-variant:small-caps;}
.subtitelNoBorderHome span{height:50px!important; line-height:50px!important;}
.subtitelNoBorderHome a{color:#6785a2!important; text-decoration:underline!important; font-size:13px!important; padding-right:105px!important; display:block!important; height:50px!important; position:relative!important; top:-17px!important; background:url(../images/icon-news.png) no-repeat center right;}
	.subtitelNoBorderHome a:hover{text-decoration:none!important;}
	
.subtitel { border-left:10px solid #6785a2; border-bottom:1px solid #7eaec2; padding: 0 0 10px 10px !important; margin-top:30px!important; line-height:110%  }
.subtitelNoBorder { border-bottom:1px solid #7eaec2; padding: 0 0 10px 10px !important; margin-top:30px!important; line-height:110%}
.subtitelNoBorderHome { border-bottom:0px solid #7eaec2; padding: 0 0 0 10px !important; margin-top:1px!important; line-height:110%}
.subtitelfirst { border-left:10px solid #6785a2; border-bottom:1px solid #7eaec2; padding: 0 0 10px 10px !important; line-height:110%}

.subtitelfirstblauw { border-left:10px solid #6785a2; border-bottom:1px solid #6785a2; padding: 0 0 10px 10px !important; line-height:110%  }
.subtitelfirstpink { border-left:10px solid #be9693; border-bottom:1px solid #be9693; padding: 0 0 10px 10px !important; line-height:110%  }
.subtitelfirstbrow { border-left:10px solid #7e8049; border-bottom:1px solid #7e8049; padding: 0 0 10px 10px !important; line-height:110%  }

.kaderblauw{border: 1px solid #6785a2; position: relative; top: -16px; border-top-width:0px; padding:10px;}
.kaderpink{border: 1px solid #be9693; position: relative; top: -16px; border-top-width:0px; padding:10px;}
.kaderbrow{border: 1px solid #7e8049; position: relative; top: -16px; border-top-width:0px; padding:10px;}

.helftkaderblauw{border: 1px solid #6785a2; position: relative; top: -16px; padding:5px;}

.grootkaderblauw{border: 1px solid #6785a2; position:relative; top: 0px; padding:25px; border-top-width:0px;}
.grootkaderblauwtop{border: 1px solid #6785a2; position:relative; top: 0px; padding:25px; border-top-width:1px;}
.grootkaderblauwtophome{border: 1px solid #6785a2; position:relative; top: 0px; padding:10px; border-top-width:1px;}

.seminair { background:url(../images/semIcon.jpg) 0px 2px no-repeat; min-height:16px;}
.seminairback{ background-color:#faf3f2; }
.topimg { margin:10px 5px; background:#FFFFFF;}

.grootkaderblauw ul, .subtitelfirstblauw ul, .subtitelfirstpink ul, .subtitelfirstbrow ul, .helftkaderblauw ul, .grootkaderblauw ul{list-style:disc; padding-left:40px;}
.grootkaderblauw ol, .subtitelfirstblauw ol, .subtitelfirstpink ol, .subtitelfirstbrow ol, .helftkaderblauw ol, .grootkaderblauw ol{list-style: decimal; padding-left:40px;}


/*====== RIGHT COLUM ======*/

#rightcolum img { border-bottom: 1px solid #CCCCCC ; padding: 10px 0 ; }
.partenair { font-size:99%; text-align:left !important; margin-top:13px; padding-left:10px}
#rightcolum h5 { border-left:none !important}

/*====== CLASSES ======*/
fieldset { margin:10px 0 10px 0 !important; padding:5px 10px !important; border:1px solid #7eaec2; border-width: 1px 0 0 0;}
fieldset p { font-variant:small-caps ; margin:5px 0 0 0!important; color:#6785a2; padding:5px 00px!important;}
fieldset span { font-size:80%; color:#000000; font-variant:normal }
fieldset span a:link { text-decoration:underline}
fieldset input[type="text"] { margin:2px 0; width:95%; border: 1px solid #7eaec2; padding:2px;  }
fieldset input[type="radio"] { vertical-align:middle}
fieldset input[type="submit"] { display:block; width:40%}

#centercolum fieldset { border:none!important; margin-top:0!important}
#centercolum fieldset p { font-variant: normal!important; line-height:120% }
#centercolum fieldset input[type="text"] { margin:5px 0!important; width:95%; border: 1px solid #7eaec2; padding:3px 2px;  }

.bold { font-weight:bold!important}
.borderaroundppic {border:1px solid aqua; padding:5px}
.contact {  border:none !important; float:right !important; margin-right:10px!important }
.colorblack { color:#000000 !important;}
.firstli{ margin-top:-20px}
.fontnormal { font-variant:normal!important }
.fontsize70{ font-size:70%}
.letspac17 {letter-spacing:0.17em}
.letspac10{letter-spacing:0.10em}
.noborder { border:none !important;}
.nopadding { padding:0 !important}
.nomargin { margin:0!important}
.paddingLeft25{ padding-left:25px}
.resetpadding{ padding:0 !important;}
.title { font-weight:bold; color:#3b546a; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:130%; text-decoration:underline;}
.topborder { border-top:1px #7eaec2 solid; margin: 10px 0 0 0}
.vmiddle{ vertical-align:middle}

.pix12{font-size:14px;}


/*====== HEADINGS ======*/
h1 { font-size:100%; font-variant:small-caps; line-height:1.5em; background-color:#f7f9d6; color:#6785a2 }
h2 { font-size:130%; color:#6785a2; line-height:1.7em; letter-spacing:0.12em}
h3 { font-size:150%; line-height:1.5em; }
h4 { font-size:90%; color:#6785a2; letter-spacing:0.12em; margin:-5px 0}
h5 { font-size:160% ; padding-bottom:10px!important; margin-bottom:10px; border-bottom: 1px solid #7eaec2;line-height:0.6em;  color:#0e4f83;  font-family:Verdana, Arial, Helvetica, sans-serif; border-left: 10px solid #6785a2; padding-left:10px!important ; line-height:110% }



/*====== LINKS ======*/
a:link,a:visited { color:#666666; text-decoration:underline; }
a:hover,a:active { color:#000000; text-decoration:underline; }
p a:link,a:visited { color:#666666; text-decoration:underline; }
p a:hover,a:active { color:#000000; text-decoration:underline; }

a.print:link,a.print:visited { background:#FFFFFF url(../images/printicon.jpg) 0 0 no-repeat; padding-left:25px; color:#0e4f83!important; font-style:italic; position:relative; top:5px }
a.print:hover,a.print:active { color:#cebe75; text-decoration:underline }

a.forgot:link, a.forgot:visited{ float:right; margin-top:-35px; font-size:80%; color:#6785a2 !important; position:relative; right:5px }
a.forgot:hover, a.forgot:active{ text-decoration:underline }

a.savoirplus:link, a.savoirplus:visited{ float:right; font-size:70%; color:#969c72 !important; margin-top:10px }
a.savoirplus:hover, a.savoirplus:active{ text-decoration:underline }

#leftcolum a:link, #leftcolum a:visited { color:#000000}
#leftcolum a:hover, #leftcolum a:active { text-decoration:underline; color:blue}

a.downlpdf:link, a.downlpdf:visited{ background:  url(../images/pdfklein.jpg)  right top no-repeat; color:#0e4f83; float:right; text-decoration:underline; padding-right:17px;  }
a.downlpdf:hover, a.downlpdf:active { text-decoration:underline}

a.sign:link, a.sign:visited{ color:#CCCCCC; }
a.sign:hover, a.sign:active { color:#000000 }

/*a.under:link, a.under:visited { text-decoration:none}
a.under:hover, a.under:active { text-decoration:underline!important }

.seminair a:link, .seminair a:visited { }
.seminair a:hover, .seminair a:active { text-decoration:underline }*/


/* === TABLE === */
.directionTabel { margin-top:15px; margin-left:20px; width:100%; line-height:150%; font-size:90%}
.directionTabel tr { vertical-align:top; }
.directionTabel td td:first-line { font-weight:bold}
.directionTabel th { font-weight:bold; padding-bottom:10px; text-align:left; color:#7eaec2}


.memberstype {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999999;}
.memberstypedark {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#555555;}
.memberspic {
max-height:70px;}

.onderlijnlink{text-decoration:underline;}

.marginbot3{margin-bottom:3px;}

.vacaturefoto{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; margin-left:10px; text-decoration:none; border:0!important}
.vacaturefoto:hover{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

.inschrijvingtekst{border: 1px solid #6785a2; padding:10px; border-top-width:1px; width:377px; margin-left:19px;}

.inschrijvingverzend{width:397px; margin-left:20px; border: 1px solid #6785a2;}

.newstxtright{font-size:11px; padding-left:8px; margin:8px 0px 15px 0px;}

#pager a, #pager img{text-decoration:none!important; border-bottom:solid 0px #ff0000;}

.meerlezenlink{text-align:right; display:block; font-size:12px; text-decoration:underline!important;}
	.meerlezenlink:hover{text-decoration:none!important;}

.tablesorterpps td{padding-bottom:10px;}
.tablesorterpps a{text-decoration:none;}
.prev, .next{cursor:pointer;}

/* Easy Slider */
	
	#fotoloopcontainer{position:relative; margin:0 0 0px 0; height:200px;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:432px;
		height:200px;
		overflow:hidden; 
		text-align:center;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:15px;
		height:25px;
		position:absolute;
		left:0px;
		top:80px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:430px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:15px;
		height:25px;
		background:url(../images/arrowleft.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/arrowright.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */