@import url("Reset.css");



/* BODY */
body, html, .main {
	margin						: 0;
	padding						: 0;
	height						: 100%;
	background-color	: #C8C8C8;
	font-family				: Arial;
	font-size					: 13px;
/*	font-size		: px;
	color			: #;
	*/
	}

img 
{
	border: none;
}

.consoleContainer {
	width						: 955px;
	height					: auto;
	background-color: #FFFFFF;
}

#divActionControls {
	width						: 955px;
	height					: auto;
}

.divlogin 
{
	text-align: left;
	float						: right;
}

.tdLogin {
	min-width:60px;
}

#ActionMenu 
{
	float						: right;
}
/*
#pubConsole
{
	float						: left;
	width						: 955px;
	height					: auto;	
}*/

.main {
  margin					: 0 auto;
	width						: 955px;
	height					: 600px;
	
	}

/* FOOTER REMOVE THE FLOAT FROM .FOOTER UL LI FOR VERTICAL MENU */

.footer ul {
	margin					: 0;
	padding 				: 0;
	list-style 			: none;
	list-style-type	: none;
}

.footer ul li {
	margin					: 0 5px; /* SELECT MARGIN FOR FOOTER */
	padding					: 0 5px; /* SELECT PADDING FOR FOOTER */
	float 					: left; /* REMOVE FOR VERTICAL MENU */
	list-style-type	: none;
	color						: #000;
}

.footer ul li a {
	margin					: 0;
	padding					: 0;
	color						: #FF0000; /* CHANGE COLOR FOR THE LINKS */
	text-decoration : none;
}
	
.footer ul li a:hover {
	margin					: inherit;
	padding					: inherit;
	color						: inherit;
	text-decoration : underline;
}

/* END FOOTER */

/* FORM CONTROLS */
.input, 
.checkbox, 
.radiobutton, 
.button, 
.textarea, 
.label {
  margin					: 0;
  padding					: 0;
}
  
.checkbox_radio_holder {
  vertical-align	: top; 
  height					: 13px; 
  line-height			: 13px; 
  font-size				: 10px; 
}

/* FOR CHECKBOX WITHOUT ANY MARGIN USE A DIV WITH THE CLASS CHECKBOX_RADIO_HOLDER  */
.checkbox {
  background			: #FFF;
  margin					: 0; /* for FF */ 
  width						: 13px; /* for ie */ 
  height					: 13px; /* For ie */ 
}
  
/* FOR RADIO WITHOUT ANY MARGIN USE THE CLASS CHECKBOX_RADIO_HOLDER */  
.radio {
  background			: #FFF; 
  margin					: 0; /* for FF */ 
  width						: 13px; /* for ie */ 
  height					: 13px; /* For ie */ 
}
  
.button {
	width						: auto;
}
/*
label {
	margin  				: 3px 0 0 0;
  float						: left;
  width						: 75px;
  text-align			: right;
  margin-right		: 15px;
}
*/
	
input, select {
	display					:block;
}
/* END FORM CONTROLS */

/* HEADERS */

/* DEFAULT VALUES VOOR THE HEADER */
.content_holder h1 ,
.content_holder h2 ,
.content_holder h3 ,
.content_left_holder h1 ,
.content_left_holder h2 ,
.content_left_holder h3 ,
.content_center_holder h1 ,
.content_center_holder h2 ,
.content_center_holder h3 ,
.content_right_holder h1 ,
.content_right_holder h2 ,
.content_right_holder h3 {
	margin			: 0;
	padding			: 0;
}

.content_text h1 {
  margin        : 0 0 10px 0;
  font-size     : 15px;
  color         : #2B2062;
  width					: 260px;
  font-weight		: bold;
}	

.content_text h2 {
  font-size     : 13px;
  color         : #2B2062;
  font-weight   : bold;
}	


.headerh1, .headerh2, .headerh3, .headerh4, .headerh5, .headerh6 {
  margin        : 0;
  padding       : 0;
}

/* END HEADER */

/* LISTS */
ul {
  margin			    : 5px 0 5px 10px;
  padding			    : 0;
  list-style		  : none;
  list-style-type	: none;
}
 
ul li {
  margin  			  : 7px 0;
  padding 			  : 0;		
  list-style		  : none;
  list-style-type	: none;
  color				    : #000;
}

ul li a ,
ul li a:link ,
ul li a:visited {
	margin			    : 0;
	padding			    : 0;
	color			      : #2A2062; /* CHANGE COLOR FOR THE LINKS */
	text-decoration : none; 
}
	
ul li a:hover {
	margin			    : 0;
	padding			    : 0;
	color			      : #2A2062;
	text-decoration : none;
	font-weight     : bold;
}
/*
.activeItem
{
	margin			    : 0;
	padding			    : 0;
	color			      : #FFFFFF;
	text-decoration : none;
	font-weight     : bold;
}
*/
/* END LISTS */

/* HORIZONTAL MENU */
/* FOR A VERTICAL MENU REMOVE THE FLOAT LEFT FROM .MENU UL LI */

.menu_holder ul {
	margin			    : 0;
	padding 		    : 0;
	list-style 		  : none;
	list-style-type	: none ;
	font-family     : Arial, verdana;
	font-size       : 10px;
	}

.menu_holder ul li {
	margin			    : 0 1px; /* SELECT MARGIN FOR MENU */
	padding 		    : 0 1px; /* SELECT PADDING FOR MENU */
	float			      : left; /* REMOVE FOR VERTICAL MENU */
	list-style 		  : none;
	list-style-type	: none;
	color			      : #2D1D66; /* CHANGE COLOR FOR THE LINKS */
	}

.menu_holder ul li a ,
.menu_holder ul li a:link ,
.menu_holder ul li a:visited {
	margin			  : 0;
	padding		  	: 0;
	color			    : #2D1D66; /* CHANGE COLOR FOR THE LINKS */
	text-decoration : none; 
	}
	
.menu_holder ul li a:hover ,
.menu_holder ul li a:active {
	text-decoration : underline;
	font-weight: normal;
	}



/* CSS MENU DROPDOWN */

/* --- CONTENT_HOLDER MENU --- */
  
.content_holder_menu .content_menu ul {
  margin :            0 0 0 10px;
  padding :           7px 0 0 0;
  list-style :        none;
  height :            28px;
  }

.content_holder_menu .content_menu ul li {
  float :             left;
  height :            28px;
  margin :            0 25px 0 0;
  }

.content_holder_menu .content_menu ul li img {
  margin :            -3px 0 0 0;
  padding :           0;
  position :          absolute;
  
}

.content_holder_menu .content_menu ul li a {
  padding :           0 0 0 25px;
  
}

.content_holder_menu .content_menu ul li ul {
  margin :            10px 0 0 0;
  padding :           0 0 10px 0;
  list-style :        none;
  position :          absolute;
  left :              -1000px;
  background-color :  #E5E5E5;
  height :            auto;
}

.content_holder_menu .content_menu ul li ul li {
  float :             none;
}

.content_holder_menu .content_menu li:hover ul, 
.content_holder_menu .content_menu li.ie_does_hover ul {
  left :              auto;
  background-position: 0 0;
}

.content_holder_menu .content_menu ul li a {
  display:            block;
  margin:             2px 5px 3px 5px;
  text-decoration:    none;
  font-weight:        bold;
  font-size:          12px;
  color:              #000;
}
.content_holder_menu .content_menu ul li ul li {
  height:             15px;
  }
.content_holder_menu .content_menu ul li ul li a{
  
  font-weight :       bold;
  color :             #000;
  
}
.content_holder_menu .content_menu ul li a img {
  margin :            5px 0 0 2px;
  
  padding :           0;
  position :          absolute;
  }


/* IE only hack \*/

* html .content_holder_menu ul li, * html .content_holder_menu ul ul li{
  border-bottom :     3px solid #FFF;
  }

* html .content_holder_menu ul ul li{
  border-top :        0;
}

/* END MENU */

/* POSITIONING OBJECTS */

.header_holder ,
.logo_holder ,	
.menu_holder , 
.content_holder ,
.content_left_holder ,
.content_center_holder ,
.content_right_holder,
.footer_holder {
	margin		: 0;
	padding		: 0;
	float		: left;
	}
	
.header_holder {
  background: url('images/bg_header.gif') no-repeat top left;
  height: 137px;
  width: 955px;
	}
	
	
.logo_holder {
  margin      : 23px 0 0 19px;
/*  background  : url('images/logo.gif') no-repeat top left;*/
  height      : 80px;
  width       : 235px;
  float       : left;
  border			: none;
	}
	
.menu_holder {
  margin      : 18px 17px 0 0;
	float       : right;
	}
	
.content_holder {
  float       : left;
	clear		    : both;
	height      : 463px;
	width       : 955px;
	}

.content_left_holder {
  background  : url('images/bg_menu_left.gif') no-repeat top left;
  height      : 463px;
  width       : 259px;
  float       : left;
	}

.content_center_holder {
  background  : url('images/bg_content.gif') no-repeat top left;
  height      : 463px;
  width       : 437px;
  float       : left;
	}

.content_background {
  margin      : 0;
  padding     : 0;
  position    : absolute;
  width       : 437px;
  height      : 250px;
  background  : url('images/bg_background.png') no-repeat top left;
  }
  
.content_voorgrond { 
  margin      : 230px 0 0 -10px;
  padding     : 0;
  position    : absolute;
  width				: 400px;
  height			: 232px;
  }

.content_right_holder {
  background  : url('images/bg_right.gif') no-repeat top left;
  height      : 463px;
  width       : 259px;
  float       : left;
	}

.content_text_holder {
  margin      : 30px 0 0 -49px;
  padding     : 0;
  width       : 308px;
  height      : 355px;
  position    : absolute;
}

.content_text {
  margin      : 30px 0 0 -49px;
  padding     : 10px;
  width       : 240px;
  height      : 330px;
  position    : absolute;
  color       : #2B2062;
 }
 
.scrollbar {
  margin      : -25px 0 0 265px;
  position    : absolute;
  
}

.scrollbar1 
{
  clear       : both;
  overflow-y  : scroll;
  width       : 285px;
  height      : 290px;
}

	
.menu_overao {
  margin      : 126px 0 0 14px;
  padding     : 0;
  position    : absolute;
  }	

.menu_vacatures {
  margin      : 115px 0 0 116px;
  padding     : 0;
  position    : absolute;
  }	


.menu_mensen {
  margin: 108px 0 0 197px;
  padding: 0;
  position: absolute;
  }	


.footer_holder {
	clear		: both;
	}
	
.print_holder {
  position    : absolute;
  margin      : 0 0 0 262px;
}

.menu_popup_holder_menu1,.menu_popup_holder_menu2,.menu_popup_holder_menu3 {
  position : absolute;
  width: 151px ;
  }
  
.menu_popup_holder_menu1 {
  margin: 0px 0 0 70px;
  padding: 0;
  display:none;
  z-index: 1000;
  }

.menu_popup_holder_menu2 { 
  margin: 90px 0 0 160px;
  padding: 0;
  display:none;
  z-index: 1000;
  }  

.menu_popup_holder_menu3 {
  margin: 90px 0 0 220px;
  padding: 0;
  z-index: 1000;
  display:none;
  }
.pop_bg {
  background: url('images/bg_menu_pop_cen.gif') repeat-y bottom left;
  width: 151px;
}
.popup_top {
  
  margin      : 0;
  padding     : 0;
  background  : url('images/bg_menu_pop_top.gif') no-repeat bottom left;
  height      : 5px !important;
  width       : 151px ;
  }

.popup_center {
  float:left;
  margin:0;
  padding : 0;
  background: url('images/bg_menu_pop_bg.gif') no-repeat top left;
  width: 149px ;
  border-left: 1px solid #5F5889;
  border-right: 1px solid #5F5889;
}

.popup_bottom {
  clear:both;
  margin:0;
  padding : 0;
  background: url('images/bg_menu_pop_bot.gif') no-repeat top left;
  height: 5px;
  width: 151px ;
}
/* END POSITIONING */

/* SCROLLBAR */
.root  {
	position  : relative;
	height    :	300px;
	width     :	290px;
	margin    :	0;		
	padding   : 0;
	float     : left;
	z-index   : 1000;
	}
	
.root p 	{
	margin    :	10px 10px 5px 0;
	}

.thumb {
	position  :	absolute;
	height    :	9px;
	width     : 0;
	left      : 0;
	margin    : 14px 0 0 0;
	}

.scrollContainer { 
	position  :	absolute; 
	width     :	300px; 
	height    :	300px; 
	/*clip      :	rect(0 467 100 0); */
	overflow  :	auto; 
	margin    : 0;
	padding   : 0;
	}

.scrollContent { 
	position  : absolute; 
	/*height		: 10px;*/
	left      :	0px; 
	top       :	0px; 
	}

	
.button_holder {
  margin      : 0 10px 0 0;
  padding     : 0;
  position    : absolute;
  height      : 300px;
  width       : 17px;
  right       : 0;
  background  : url('images/bg_scroll.gif') no-repeat top left;
  z-index     : -100;
  
}

.menu_overao img, .menu_vacatures img, .menu_mensen img{
  cursor:default;
}

.up, .dn {
position: absolute;
height: 17px; 
margin : 0 0 0 -2px;
}

.dn {
margin: 65px 0 0 -2px;
}