html{

}
body{
	margin: auto;
	color:#000;
	font-size:87%;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}
td
{
	vertical-align:top;
}
#back_umain{
	background: #fff url("Img/back_umain.gif") repeat-x left top;
}
#back_unext{
	background: #fff url("Img/back_unext.gif") repeat-x left top;
}
#container{
	margin: 0 auto;
	background: none;
	width: 100%;
}
#header{
	padding: 0;
	margin: 0;
	width:	860px;
	height:100px;
	background: none;
	margin-left: auto;
	margin-right: auto;
}
#content_holder{
	padding: 0;
	margin: 0;
	width:100%;
	background: none;
}
.wrap{
	padding:3px 0 0 0;
	margin: 0;
	color:#fff;
	height:230px;
	width:860px;
	background:none;
	clear:both;
	margin-left: auto;
	margin-right: auto;
}
.wrapper{
	padding:3px 0 0 0;
	margin: 0;
	color:#fff;
	height:70px; 
	width:860px;
	background:none;
	clear:both;
}
#footer{
	padding: 0;
	margin: 0;
	height:140px;
	width:860px;
	background: #fff url("Img/footer.gif") repeat-x left bottom;
	text-align:right;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	
}	
/*////////////////////////////////onderdelen////////////////////////////////////////*/

/*--------------------------------navigatie main---------------------------------------------*/
#navcontainer
{
	padding: 0;
	font-size:12px;
	font-weight: 600; 
	height: 28px;
	width:860px;
	background:#0171c0 url("Img/menu_back_umain.gif") repeat-x left top;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li
{
	margin: 0;
	float: left;
	text-align: center;
	background:url("Img/menu_umain_spacer.gif") no-repeat  100% 50%;
}

#navcontainer ul li a
{
	padding: 8px 23px;
	margin: 0;
	color: #fff;
	background: none;
	text-decoration: none;
	display: block;
	text-align: center;
}
#navcontainer ul li a:hover
{
	color: #fff;
	background:#0171c0 url("Img/menu_umain_hover.gif") repeat-x left top;
}

li.active
{
	background:transparent url("Img/menu_umain_hover.gif") repeat-x left top;
	color: #fff;
	list-style-type: none;
	
}
#navcontainer li.active a
{
	color: #fff;
}
/*--------------------------------navigatie top---------------------------------------------*/
#navtop
{
	padding:  0 ;
	margin: 0;
	width:860px;
	font-size:9px;
	background:none;
	overflow:hidden;
}

#navtop ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navtop ul li
{
	padding: 0;
	margin:  0 0 0 4px;
	display: block;
	float: right;
	text-align: center;
}

#navtop ul li a
{
	padding: 4px 14px;
	margin: 0 0 0px 0;
	color: #fff;
	background: #003366;
	text-decoration: none;
	display: block;
	text-align: center;
}
#navtop ul li a:hover
{
	color: #fff;
	background: #003366;
	text-decoration:underline;
}
#navtop a:active
{
	color: #fff;
	background: #003366;
	text-decoration:underline;
}

#navtop li#active a
{
	background: #003366;
	color: #fff;
}
/*--------------------------------navigatie left---------------------------------------------*/
#navleft { 
	font-size:95%;
	margin:0 ;
	padding:0;
	width: 187px; 
	float: left;
	display:block;
}

#navleft ul
{
	margin:0 ;
	padding:0;
	list-style-type: none;
}

#navleft a
{
	display: block;
	padding: 3px 19px 3px 13px;
	width: 155px;
	background: #fff;
	border-bottom: 1px solid #eee;
	text-decoration:none;
}

#navleft a:link, #list a:visited
{
	color: #777;
	text-decoration: none;
}

#navleft a:hover
{
	background:#CCCCCC url("Img/arrow_u.gif") no-repeat 98% 50%;
	color: #fff;
}
#navleft li.active a, #navleft li.active a:active, #navleft li.active a:visited
{
	background: #CCCCCC url("Img/arrow_u.gif") no-repeat 98% 50%;
	color: #fff;
}
#navleft li.document1 a, #navleft li.document1 a:active, #navleft li.document1 a:visited
{
	background: #F8F8F8 url("Img/vink.gif") no-repeat 98% 50%;
	color: #777;
}
#navleft li.sub a, #navleft li.sub a:hover, #navleft li.sub a:visited /*, #navleft li.subactive a, #navleft li.subactive a:hover, #navleft li.subactive a:visited */
{
	background:#0082E4 url("Img/more.gif") no-repeat 98% 50%;
	color: #fff;
}


/*///////////////////////////////////////////////////////////////*/


#navleft li.subactive  a, #navleft li.subactive a:visited
{
	background: #0082E4 url("Img/down.gif") no-repeat 98% 50%;
	color: #fff;
}
#navleft li.subactive a:hover
{
	background: #0082E4 url("Img/down.gif") no-repeat 98% 50%;
	color: #fff;
}


/* --- fix... --- */
#contentContainer 
{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
#menuContainer 
{
	width: 100%;
	background-color: #F4F3F3;
	height: 65px;
	background-image: url("Img/bg_sub_menu.jpg");
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
#menuContainer2
{
	width: 100%;
	background-color: #F4F3F3;
	height: 31px;
	background-image: url("Img/bg_sub_menu.jpg");
	background-repeat: repeat-x;
}
#subMenuContainer 
{
	width: 100%;
	height: 230px;
	background-image: url("Img/bg_subsub_menu.jpg");
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
#subDefined 
{
	width: 860px;
	height: 230px;
	margin-left: auto;
	margin-right: auto;
}

#subMenu 
{
	width: 591px;
	background-image: url("Img/logo_u.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	height: 230px;
	float: left;
}
#subMenuRight 
{
	float: right;
	height: 230px;
	width: 175px;
	background-image: url("Img/image_umain.jpg");
	background-position: right;
	background-repeat: no-repeat;
	
}
#blueBox 
{
	width: 257px;
	height: 132px;
	background-image: url("Img/menu_umain_ad1.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	margin-right: 50px;
	padding: 15px 15px 0px 15px;
	color: #fff;
}
#orangeBox 
{
	color: #fff;
	padding: 20px 15px 0px 15px;
	width: 257px;
	height: 132px;
	background-image: url("Img/menu_umain_ad2.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
/*--------------------------------colom---------------------------------------------*/

.col_main {
	float:left;	
	padding:  0 10px 30px 23px;
	margin: 0 0 0 -6px;
	color:#777;
	width:450px;
	background: transparent ;
	position: relative;
}
.col_right 
{
	position: relative;
	float:right;
	padding: 0;
	margin: 0;
	width:175px; /*	width:223px;*/
	background:none;
	text-align:right;
}
/*--------------------------------tekst---------------------------------------------*/
.wrap h1{
	padding:28px 0 7px 0;
	margin:0px 0;
	font-size:180%;
	line-height:18px;
}
.small {

	padding:0;
	margin: 0;
	font-size:80%;
	font-weight: normal;
	line-height:14px;
}
.wrap p{
	float:left;
	margin:20px 10px 80px 10px;
	padding: 10px 10px;
}

.col_main p{
	margin:0;
	padding:0;
	color:#777;
	text-align:left;
	font-size:95%;
}
/*related links*/

p.related {
	margin: 40px 0 ;

}
p.related a{
	margin:0 ;
	padding: 0 0 0 40px;
	color: #003366;
	text-decoration:none;
    background: #fff url("../image/arrow_u2.gif") no-repeat 0% 0%;
}

.tabel {
	margin:10px;
	padding:10px;
	color:#777;
	text-align:left;
	font-size:15%;
}
p .spacer {
	margin:0 0 0 80px;
	padding:0 0px;

}
.col_main h2{
	padding:0 ;
	margin:5px 20px 5px 0;
	color:#777;
	font-size:110%;
}
.col_main h3{
	padding:0 ;
	margin:5px 20px 5px 0;
	color:#777;
	font-size:120%;
}
.col_main h4{
	float:left;
	padding:0 ;
	margin:0 20px 0 0;
	color:#777;
	font-size:90%;
	width:210px;
	overflow:hidden;
}
.col_right p{
	padding: 5px 0 0 5px;
	margin: 0;
}
#navleft p { 
	margin:0 ;
	padding:0;
	color:#777;
}
#footer p {
	font-size:80%;
	padding: 40px 5px 0 0px;
	color:#0171c0;
	margin: 0;
}
#footer p a, #footer p a:hover, #footer p a:visited {
	padding: 40px 5px 0 0px;
	color:#0171c0;
	margin: 0;

}
/*--------------------------------headers---------------------------------------------*/
.col_main h1{
	font-size: 130%;
	color:#203f81;
	margin: 0 0 35px 0;
}
.col_main h{
	font-size: 130%;
	color:#203f81;
	margin: 0 0 35px 0;
}


/*--------------------------------bloks---------------------------------------------*/
.blok_left {
	padding: 0;
	margin: 0;
	border:0;
	width:317px;
	background: transparent url("../image/menu_umain_ad1.jpg") no-repeat left top;
}
.blok_right {
	float:right;	
	padding: 0;
	margin: 0;
	width:365px;
	background: transparent url("../image/menu_umain_ad2.jpg") no-repeat left top;
}
.blok_left h2{
	color:#fff;
	padding: 30px 0 0 18px;
	margin: 0;
}
.blok_right h2{
	color:#fff;
	padding: 30px 0 0 18px;
	margin: 0;
}
.blok_left p{
	color:#fff;
	padding: 0px 120px 170px 25px;
	margin: 0;
	text-align:left;
}
.blok_right p{
	color:#fff;
	padding: 0px 120px 100px 25px;
	margin: 0;
	text-align:left;

}
.blok_left p a, .blok_right p a, #blueBox a, #orangeBox a{
	color:#fff;
	font-weight:bold;
	font-size: 13px; font-weight: bold; text-decoration: none;
}
.blok_left p a:hover, .blok_right p a:hover{
	color:#fff;
	font-weight:bold;
}
/*--------------------------------image---------------------------------------------*/
.logo_background {
	float:right;
	padding: 0;
	margin: 0 80px 0 0;
	height:149px;
	width:149px;
	background: url("../image/logo_u.jpg") no-repeat left top;
}
.rotating {
	float:right;
	padding: 0;
	margin: 0;
	height:230px;
	width:176px;
	background: url("../image/image_umain.jpg") no-repeat left top;
}

a.blue {
	padding: 0 0 0 30px;
	line-height: 20px;
    font-size:95%;
	color:#203f81;
	background: url("../image/arrow_u2.gif") no-repeat left center;
	text-decoration:none;
}
a:hover.blue {
	background: url("../image/arrow_u2.gif") no-repeat left center;
	text-decoration:underline;
		color:#203f81;
}
a {
	color:#333;
	text-decoration:underline;
	
}



img, img a, img a:hover {
	border:none;
}
img.main {
	float:right;
	margin: 0 20px;
}
img.abright {
	margin:0 20px;
	padding: 0;
}


/*--------------------------------forms---------------------------------------------*/
.form{
	border:1px solid #ccc;
	width:350px;
	background:#F4F4F4;

}
#contact p, #zoeken p{
	 padding:0;
	 margin: 10px 0 0 0;
}
#zoeken .raio{
	float:right;
}
#zoeken .space {
	margin:10px;
	padding: 0 100px;
}
#my .form{
	border:1px solid #ccc;
	background:#F4F4F4;
}
.inschrijven select{
	margin:3px 0;
	color:#666;
	border:1px solid #ccc;
	background:#eee;
	width:354px;
}

.input_right {
	margin:3px 0;
	color:#666;
	border:1px solid #ccc;
	background:#eee;
	width:350px;
}
.input_button {

	width:270px;
}

.input select{
	color:#666;
	border:1px solid #ccc;
	background:#eee;
}
.grey {
	color:#666;
	border:1px solid #ccc;
	background:#eee;
}
/*talen*/
.left {
	float:left;
}
#talen {
height:400px;
}

/*--------------------------------table---------------------------------------------*/
.table {
	padding:3px 0 ;
	margin:3px 0;
	width:450px;
	background:#fff;
}
.table_left {
	padding: 0;
	margin: 0;
	width:200px;
	background:none;
}
.table_main {
	float:right;	
	padding: 0;
	margin: 0;
	width:100px;
	background:none;
}
.table_right {
	float:right;
	padding: 0;
	margin: 0;
	width:100px;
	background:none;
}
#mobNav{display:none;}


/*------------------------------skins----------------------------------*/
.btn
{
	background:#fff URL(Img/btn.png) no-repeat;
	border: 0px;
	width:148px;
	height:27px;
	color:#666;
	font-weight:bold;
}

.GridView
{
	
	color:#333;
}
.GridView tr td a
{
 color:Navy;
 text-decoration:none;
}
.GridView a:hover
{
	text-decoration:underline;
}
.GridView tr td
{
	text-transform:lowercase;
}
.GridView tr td:first-letter
{
	text-transform:uppercase;
}
.GridView td
{
	
	padding-bottom:15px;
}
/* ---------- Voorpagina ----------- */

.leaderText
{
	background-color:Transparent;
	color:#fff;
	border:0px solid #fff;
	width:480px;
	height:150px;
	margin-left: 150px;
	clear:none;
	float:left;
}
.vacKopje
{
	margin-top:12px;
	font-weight:bold;
}

/*---------- VacOverzicht -----------*/
.vacItem
{
	
	margin-top: 8px;
	margin-bottom:4px;
}
.vacItem a.vacLink
{
	display:block;
	font-size:11pt;
	font-weight:bold;
}
.vacItem a.vacLink:first-letter
{
 text-transform:uppercase;
}
.vacItem a.vacLeesmeerLink
{
	font-size:9pt;
}
.vacItem .vacInfo
{
	display:block;
 font-size:9pt;
}
.vacItem .vacInfoFooter
{
	display:block;
	text-align:right;
 font-size:8.5pt;
}
td.vet
{
	font-weight:bold;
}
.vacItem
{
	font-weight:bold;
	margin-top:8px;
	display:block;
}