*
    {
        margin:0px;
        padding:0px;
    }
    html, body
    {
        width:100%;
        height:100%;
        overflow:hidden;
        font-family:Arial;
        font-size:11px;
        /* background-color:#000000; */
    }
    .SubContainerBlock
    {
        position:absolute;        
        left:0px;
        height:100%;
        width:780px;
        display:block;
    }
    .ContentAreaBlock
    {
    	top:25%;
        width:100%;
        height:auto;
        left:134px;
        display:block;
        position:relative;
    }
    
    .ContentAreaBlock .ContentBig
    {
    	position:relative;
    	display:block;
    	float:left;
    	width:760px;
    	height:161px;
    	color:#000;
    	margin-right:0px;
    	padding:10px;
    }
    
    .ContentAreaBlock .ContentBig .txt .flexcroll
    {
    	position:relative;
    	display:block;
    	width:711px;    /*360*/
    	height:161px;
    	overflow:auto;
    	overflow-x:hidden;
    	padding-left:37px;
    	line-height:21px;
    	padding-right:10px;
    }
    
    .ContentAreaBlock .ContentSmallLeft
    {
    	position:relative;
    	display:block;
    	float:left;
    	width:420px; /*401*/
    	height:161px;
    	color:#000;
    	margin-right:8px; /*9*/
    	padding:10px;
    	overflow:hidden;
    }
    
    .ContentAreaBlock .ContentSmallLeft .txt .flexcroll
    {
    	position:relative;
    	display:block;
    	width:379px;    /*360*/
    	height:161px;
    	overflow:auto;
    	overflow-x:hidden;
    	padding-left:37px;
    	line-height:21px;
    }
    
    .ContentAreaBlock .icon
    {
    	position:relative;
    	top:0px;
    }
    
    
    .skybanner
    {
    	position:absolute;
    	display:block;
    	width:120px;
    	height:100%;
    	background-color:#000;
    	padding:10px;
    	top:0px;
    	right:0px; 
    	z-index:-2;  	
    }
    
    .ContentAreaBlock .ContentSmallRight
    {
    	position:relative;
    	display:block;
    	float:left;
    	width:268px;
    	
    	/*height:161px;*/
    	min-height:161px;
    	max-height:197px;
    	
    	color:#000; 
    	padding:10px;
    	padding-left:32px;
    	padding-right:32px;	
    }
    
    .ContentAreaBlock .ContentSmallRight table
    {
    	position:relative;
    	display:block;
    	width:258px;
    	margin-top:15px;
    	margin-bottom:35px;
    }
    
    .ContentAreaBlock .ContentSmallRight table tr td input
    {
    	position:relative;
    	display:block;
    	width:100%;
    	border:1px solid #000;
    	padding:2px;
    	color:#000;
    	font-family:Arial;
    	font-size:10px;
    	margin-bottom:3px;
    	background-color:Transparent;
    }
    
    .ContentAreaBlock .ContentSmallRight table tr td input.submit, table.vacature tr td table tr td input.submit
    {
    	padding:0px;
    	margin:0px;
    	color:#ed0677;
    	font-size:13px;
    	border:0px;
    	background-color:transparent;
    	margin-left:5px;
    	cursor:pointer;
    }
    
    .menuAreaBlock
    {
       /* width:961px;*/
        width:914px;
        height:65px;
        display:block;
        background-color:#ffffff;
        position:absolute;
        top:70%;
        _z-index:-1;
    }
    
    .menuAreaBlock .logo
    {
    	position:relative;
    	display:block;
    	float:left;
    	/*width:181px;*/
    	width:134px;
    	height:65px;
    }
    
    .menuAreaBlock ul.menu
    {
    	position:relative;
    	display:block;
    	width:780px;
    	height:65px;
    	float:left;
    	list-style-type:none;
    	margin:0px;
    	padding:0px;
    } 
    
    ul.menu li, ul.menu li a
    {
    	position:relative;
    	display:block; 
    	font-size:12px;
    	/* padding:3px; */
    	padding-left: 8px;
    	padding-right: 8px;
    	padding-top:25px;
    	padding-bottom:25px;
    	font-family: arial;
    	color:#000;
    	text-decoration:none;
    	text-transform:uppercase;
    	float:left;
    }
    
    ul.menu li a.last
    {
    	padding-left:10px;
    	padding-right:10px;
    }    
   
    ul.menu li
    {
    	position:relative;
    	display:block;
    	float:left;
    	padding:0px;
    	padding-top:0px;
    	padding-bottom:0px;
    }
    
    ul.menu li a:hover
    {
    	text-decoration:none;
    }
       
	ul.menu li a.active
    {
    	background-color:#ed0677;
    	color:#fff;
    	text-decoration:none;
    }
    
    ul.menu li a:hover span, ul.menu li a.active span
    {
    	visibility:hidden;
    }
    
    table.vacature
    {
    	width:418px;
    	margin:0px;
    	margin-top:35px;
    	padding:0px;
    }
    
    table.vacature tr td table tr td table tr td input, table.vacature tr td table tr td input
    {
    	background-color:transparent;
    	border:1px solid #000;
    	color:#000;
    	font-family:Arial;
    	font-size:10px;
    	margin-bottom:1px;
    	padding:2px;
    	width:100%;
    }
    
    table.vacature tr td table tr td table tr td input.inputsmall
    {
    	width:52px;
    }
    
    table.vacature tr td table tr td textarea
    {
    	width:202px;
    	height:60px;
    	background-color:transparent;
    	border:1px solid #000;
    	color:#000;
    	font-family:Arial;
    	font-size:10px;
    	margin-bottom:1px;
    	padding:2px;
    }
    
   div.fileupload-rebrush {
	position: relative;
	background-color: transparent;
	overflow: hidden;
}

div.fileupload-rebrush input.fileupload-rebrush-button {
	background-color: #ed0677;
	color: #fff;
	font-family: arial;
	font-size: 10px;	
	padding: 1px;
	margin-left: 0px;
	width:51px;
	border:1px solid #000;
	border-left:0px;
}

div.fileupload-rebrush input.fileupload-rebrush-field {
	border: 1px solid #000;
	border-right:0px;	
	background-color: transparent;
	background-image:url('/images/cv.gif');
	background-position:top left;
	background-repeat:no-repeat;
	color: #000;
	font-family: arial;
	font-size: 10px;
	padding: 2px;
	width: 129px;
	padding-left:25px;
	z-index: 3;
	position: relative;
}
   
      
.FooterBlock
{
    /* 
    width:257px;
    height:21px;
    */
    background-color:#000000;
    line-height:21px;
    position:absolute;
    bottom:0px;
    right:0px;
    text-transform:uppercase;
    color:#ffffff;
    padding: 0px 10px 0px 10px;
    display:block;
    font-size:13px;
    width:100%;
    z-index:-1;
}

.FooterBlock div
{
	position:relative;
	display:block;
	float:left;
	margin-left:20px;
	font-size:11px;
}
.FooterBlock div a
{
	color:#fff;
	text-decoration:none;
}
.FooterBlock div a:hover, .FooterBlock div a.active
{
	color:#ed0677;
}
.FooterBlock span
{
	position:relative;
	display:block;
	float:right;
}  
img.source-image 
{
    width: 100%;
    height: auto;
    left: -10000px;
    position: static;
    top: 0;
    z-index:-1000;
}

img
{
	border:0px;
}

#loader
{
    Z-INDEX: -1000; 
    POSITION: absolute; 
    MIN-WIDTH: 1002px; 
    WIDTH: 100%; 
    BACKGROUND: #000000; 
    HEIGHT: 100%; 
    OVERFLOW: hidden; 
    TOP: 0px; 
    LEFT: 0px;
}
.ContainerBlock
{
    width:100%; height:100%; position:absolute; display:block;

}
.backgroundGridDiv
{
    background-position: top left;
    background-repeat:repeat;
    opacity:0.4;
    /* in Ie toont hij de background image niet altijd als het Alpha filter aanstaat */
    filter: Alpha(Opacity=40); 
    position:absolute;
    display:block;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:-500;
}
.backgroundGridDivLoaded
{
    background-image: url('/images/gridblock.gif');
}

/*global classes */

h1
{
	color:#ed0677;
	font-size:19px;
	font-family:Arial;
	padding:0px;
	margin:0px;
	padding-top:22px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-weight:lighter;
}
.txt
{
	z-index:9999;
	position:relative;
	display:block;
}   
.clear
{
	clear:both;
}
.witbg
{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	/*width:100%;*/
	height:100%;
	background-color:#ffffff;
	opacity:0.8;
    /* in Ie toont hij de background image niet altijd als het Alpha filter aanstaat */
    filter: Alpha(Opacity=80); 
}
.witbgDropdown
{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:0.6;
    /* in Ie toont hij de background image niet altijd als het Alpha filter aanstaat */
    filter: Alpha(Opacity=60);
    z-index:-1;
}
.submenuAreaBlock
{
    position:absolute;
    margin-top:20px;
    /*left:181px;*/
    left:134px;
    display:none;
    bottom:76%;
    height:23px;
    width:780px; /*goede totale breedte*/
}
/*
ul.ulSubmenu
{
	position:absolute;
	display:block;
	 top:-300px; 
}
*/


.notvisible
{
    display:none;
}
.visible
{
    display:block;
}

ul.ulSubmenu li, ul.ulVesmenu li
{
	position:relative;
	display:block; 
	font-size:12px;
	line-height:23px;
	float:left;
	background-color:transparent;

}
ul.ulSubmenu li a, ul.ulVesmenu li a
{
    	padding-right:10px;
    	padding-left:10px;
    	line-height:23px;
    	text-decoration:none;
	    text-transform:uppercase;
	    font-weight:bolder;
	    display:block;
	    font-family: arial;
	    color:#000;
}
.witbg100
{
    width:100%;
    }

ul.ulSubmenu li a:hover, ul.ulSubmenu li a.active, ul.ulVesmenu li a.active, ul.ulVesmenu li a:hover, .theactiveone
{
	background-color:#ed0677;
	color:#fff;

}
ul.ulSubmenu li a:hover span, ul.ulSubmenu li a.active span,ul.ulVesmenu li a:hover span, ul.ulVesmenu li a.active span
{
	visibility:hidden;
}
.clsDivBanner
{
    position:absolute;
    padding-bottom:0px;
    height:40px;
    border:1px solid #FFFFFF;
    width:400px;
    background-color:#ffffff;
    margin-right:auto;
    margin-left:auto;
}
.vacature
{
    width:424px;
    height:auto;
    display:block;
    float:left;
    }
    
    .margin3
    {
    	margin-right:3px;
    }

a
{
	color:#ed0677;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

.line
{
	position:relative;
	display:block;
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:#6e6c6c;
}
   
.btnNext
{
	position:absolute;
	display:block;
	width:100px;
	right:10px;
	top:25px;
	color:#ed0677;
	font-family:verdana;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	background-image:url('/images/arrow_right.gif');
	background-position:right 1px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	text-decoration:none;
}

.btnPrev
{
	position:absolute;
	display:block;
	width:78px;
	right:130px;
	top:25px;
	color:#ed0677;
	font-family:verdana;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	background-image:url('/images/arrow_left.gif');
	background-position:left 1px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	text-align:right;
	text-decoration:none;
}
    
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:175px; background:transparent; position:absolute;  border:1px solid #000; top:22px; _margin-top:-12px; left:0; overflow:hidden; z-index:9999; display:block; visibility:visible;}
.newListSelected 
{
	width:171px; 
	font-size:10px; 
	font-family:Verdana; 
	color:#000; 
	padding:2px;
	padding-bottom:3px;
	border:1px solid #000; 
	float:left; 
	background:url('/images/arrow.gif') no-repeat;
	background-position:159px 1px;
}
.newListSelected span {width:171px; display:block;}
ul.newList li {padding:3px 8px;}
.selectedTxt {width:145px; overflow:hidden; padding:0 23px 0 0;}
.hiLite {color:#000!important;}
.newListHover {background:#ed338c!important; color:#fff!important; cursor:pointer;}
.newListSelHover, .newListSelFocus {background:url('/images/arrow_down.gif') no-repeat;
	background-position:159px 1px; cursor:pointer;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:0px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}





.divScollerContainer {
	
}
.divScollerContent {

}

/* SCROLLER STYLE */
/* VERTICAL */
.divVScrollerBar {
	width: 10px;
	margin-left: 1px;
}

/* ORIZONTAL */
.divOScrollerBar {
	height: 10px;
	margin-top: 1px;
}

/* AREA UP */
.divVScrollerBarUp {
	cursor: pointer;
	height: 10px;
}
/* AREA LEFT */
.divOScrollerBarLeft {
	cursor: pointer;
	width: 10px;
}
/* AREA DOWN */
.divVScrollerBarDown {
	cursor: pointer;
	height: 10px;
}
/* AREA RIGHT */
.divOScrollerBarRight {
	cursor: pointer;
	width: 10px;
}
/* ARROW UP AND DOWN */
.divVScrollerBarUp span,
.divVScrollerBarDown span {
	display: block;
	background-color:#000;
	width: 10px;
	height: 10px;
}
.divVScrollerBarUp span {

}
.divVScrollerBarDown span {

}
/* ARROW LEFT AND RIGHT */
.divOScrollerBarLeft span,
.divOScrollerBarRight span {
	display: block;
	height: 10px;
	width: 10px;
}
.divOScrollerBarLeft span {

}
.divOScrollerBarRight span {
}

/* ARROWS HOVER */
.divVScrollerBarUp span.hover,
.divOScrollerBarLeft span.hover,
.divVScrollerBarDown span.hover,
.divOScrollerBarRight span.hover {
	background-color: #000;
}

/* TRACE */
.divVScrollerBarTrace, .divOScrollerBarTrace {
	background-color: #000;
}

/* CURSORS */
.divVScrollerBarCursor {
	cursor: pointer;
}
.divOScrollerBarCursor {
	cursor: pointer;
}
.divVScrollerBarCursor span {
	display: block;
	height: 100%;
	width: 10px;
	background: #eb046b;
}
.divOScrollerBarCursor span {
	display: block;
	height: 100%;
	width: 10px;
	background: #eb046b;
}
/* CURSORS HOVER */
.divVScrollerBarCursor span.hover {
	background-color: #eb046b;
}
.divOScrollerBarCursor span.hover {
	border-top: 1px solid #a3bbce;
	border-bottom: 1px solid #a3bbce;
	background-color: #527fa2;
}


ul.ulSubmenu li a.active, ul.ulVesmenu li a.active
{
	background-color:transparent;
	color:#000;
}


#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 450px;
height: 280px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0.3em auto;
padding: 15px;
margin-top: 25px;
left: -56px;
text-align: left;
}



/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(/images/scrollbar.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(/images/scrollbar.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(/images/scrollbar.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(/images/scrollbar.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(/images/scrollbar.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(/images/scrollbar.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(/images/scrollbar.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(/images/scrollbar.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(/images/scrollbar.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(/images/scrollbar.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(/images/scrollbar.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */