@charset "utf-8";
body {
	/**behavior:url("http://www.ultimoo.nl/css/csshover.htc");*/
	}
	
	

html, body { 
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #89b94e;
	scrollbar-track-color: #eef0eb;
	
	scrollbar-shadow-color: #b2b5ae;
	scrollbar-lightshadow-color: #b2b5ae;
	scrollbar-darkshadow-color: gray;
	
	scrollbar-highlight-color: dbe4d1;
	scrollbar-3dlight-color: #b2b5ae; 
}
body{
	margin:0px; 
	padding:0px; 
	background:#ffffff; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#1c0063
}

a img { border:0;}	

#main {
	position: relative; 
	top: 5px; 
	height:	604px;
	width: 892px;
	margin: 0px;
	min-width: 892px;
	padding: 0px;
	z-index:1;
	left:50%;
	margin-left:-446px;
}

* html #main {
	text-align: left;
}

a{text-decoration:none; color:#1c0063}
a:hover{color:#ba1d76; text-decoration:underline}


h1{color:#ba1d76; 
	font-size:12px; 
	font-weight:bold; 
	padding:0px; 
	padding-top:8px; 
	margin:0px; 
	text-transform:uppercase}

#top_bar{
	position: absolute; 
	top: 5px; 
	left:25px;
	height:	17px;
	width: 492px;
	margin: 0px;
	min-width: 492px;
	text-align:left;
	font-size:10px;
	z-index:2
	}	

#lang_icon{	
	position: absolute; 
	top: 0px; 
	left:0px;
}	
#top_bar a.selected{color:#ba1d76}
	
#stripes{
	position: absolute; 
	top: 192px; 
	left:0px;
	height:	17px;
	width: 660px;
	z-index:4
}

#logo{
	position: absolute; 
	top: 24px; 
	left:0px;
	height:	185px;
	width: 440px;
	z-index:2;
	text-align:left;
	background:url(/img/menu_bg.gif) top right no-repeat;
	
	
	}
.logo_pic{height: 185px; width: 220px; border:0px; }

#menu{
	position: 			absolute; 
	top: 				24px; 
	left:				220px;		
	width: 				220px;
	font-size:			10px;
	background-color:	#221a4f;		
	z-index:			400;	
	line-height:		22px; 
	padding-top:		10px;
	overflow-y:			auto;
	overflow-x:			hidden;
	height:				auto;
	}
	
	#menu p{padding-left:22px;  margin:0px; padding-top:10px; padding-bottom:10px;} 
	#menu a{color:#FFFFFF; font-weight:bold; padding:0px; margin:0px; }
		#menu a:hover{color:#e70284}
		
	#menu .current	{}
	
	#menu .selected	{color:#e70284; font-weight:bold;}
	#menu .sub		{padding-left:12px}
	#menu li		{list-style:none}
	#menu ul		{padding:0px; margin:0px; text-indent:0px; padding-left:22px; padding-bottom:4px;}

	
#banner{
	position: absolute; 
	top: 24px; 
	left:440px;
	height:	185px;
	width: 220px;	
	z-index:2;	
	}


/*
#flashbanner{
	position: absolute; 
	top: 24px; 
	left:660px;
	height:	181px;
	width: 232px;
	border:2px solid #ba1d76;
	z-index:10;
	}
*/

#middle{
	position: absolute; 
	top: 207px; 
	left:0px;
	height:	369px;
	width: 892px;
	border:2px solid #ba1d76;	
	z-index:1;
	}

#als_klant{
	position: absolute; 
	top: 209px; 
	left:2px;
	height:	185px;
	width: 218px;	
	z-index:2;
	text-align:center;
	font-size:11px;
	}
	
#als_klant a {color:#ba1d76}
#als_klant a:hover{color:#e70284}	
	
#als_klant p{width:196px; margin:0px; padding:0px; padding-top:50px; padding-left:11px;}	
.small{font-size:16px; font-weight:bold}	
.big{font-size:16px; font-weight:bold}
.big b{font-size:36px; font-weight:bold}



#als_collega{
	position: absolute; 
	top: 393px; 
	left:2px;
	height:	185px;
	width: 218px;
	font-size:11px;
	text-align:center;	
	z-index:2;
	background:#ba1d76;
	}
	
#als_collega p{width:196px; margin:0px; padding:0px; padding-top:50px; padding-left:11px;}


#als_collega a {color:#ffffff}
#als_collega a:hover{color:#ffffff}
	
#pic_long_higher{
	position: absolute; 
	top: 209px; 
	left:0px;
	height:	185px;
	width: 440px;	
	z-index:2;	
	}	

#pic{
	position: absolute; 
	top: 209px; 
	left:220px;
	background:#221a4f;
	height:	185px;
	width: 218px;	
	z-index:2;
	}

#pic_long_lower{
	position: absolute; 
	top: 393px; 
	left:2px;
	height:	183px;
	width: 440px;	
	z-index:20;
	background:url(images/green_bg.gif) left repeat-y;
	}

#menu_wat{
	position: absolute; 
	top: 209px; 
	left:220px;
	height:	185px;
	width: 218px;	
	z-index:5;
	}

	
	/*#menu_wat a{color:#ba1d76; font-weight:bold; line-height:22px;background:#ffffff}
		#menu_wat a:hover{color:#221a4f}
		
	#menu_wat .current{color:#221a4f}
	#menu_wat .sub{padding-left:12px}*/
	


#menu_over{
	position: absolute; 
	top: 394px; 
	left:220px;
	height:	184px;
	width: 222px;	
	z-index:2;
	background:#ba1d76;	
	font-size:10px;
	}
	
	#menu_over p{padding-left:22px; padding-top:15px; margin:0px;} 
	#menu_over a{color:#FFFFFF; font-weight:bold; line-height:22px;background:#ba1d76}
		#menu_over a:hover{color:#221a4f; background:#ba1d76}
		
	#menu_over .current{color:#221a4f}
	#menu_over .sub{padding-left:12px}

	
#slogan{
	position: absolute; 
	top: 394px; /*was 424px zonder knop*/
	left:222px;
	height:	164px;
	width: 220px;	
	z-index:2;
	vertical-align:middle;
	text-align:left;
	color:#BA1D76;
	font-style:italic;
	line-height:26px
	}


#content {
	height:	369px;
	width: 414px;
	top: 209px;
	left:480px;
	overflow: auto;
	position: relative;
	z-index:2;
	}

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

.vscrollerbase, .vscrollerbar {
width: 15px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(/images/vscroller_pink.png) 0px -10px;
width: 15px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(/images/vscroller_pink.png);
width: 15px; height: 10px;
}

.hscrollerbarbeg {
/*left image holder for horizontal scroll bar*/
background: url(/images/hscroller.png) -10px 0px;
height: 15px;
/* width is auto set by the script to fit the scrollbar */
}

.hscrollerbarend {
/*right image holder for horizontal scroll bar*/
background: url(/images/hscroller.png);
height: 15px; width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(/images/scrollbaseback.png);
}

.hscrollerbasebeg {
height: 15px;
background: url(/images/scrollbases.png) -22px 0px no-repeat;
/* width is auto set to fill the base */
}

.hscrollerbaseend {
height: 15px; width: 7px;
background: url(/images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
width: 15px;
background: url(/images/scrollbases.png) -7px -8px no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
height: 7px; width: 15px;
background: url(/images/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 15px; height: 15px;
top: auto; left: auto; bottom: 0px; right: 0px;
background: white url(/images/scrolljog.png) 50% 50%;
}

/*	
#content{
	position: absolute; 
	top: 218px; 
	left:480px;
	height:	335px;
	width: 380px;	
	z-index:2;
	vertical-align:middle;
	text-align:left;
	line-height:22px;
	}
	
	#content a{color:#ba1d76}
	#content span.date{color:#ba1d76; padding-right:18px;}
*/
#path{
	font-size:10px;
	text-align:left;
	color:#221a4f
	}
	
	#path p{margin:0px; padding:0px;}
	
	#path a{
		font-size:10px;		
		color:#221a4f
		}
		#path a:hover{color:#ba1d76}
		

#search_results{width:380px; line-height:1.3}

.button{
	background-color:#ba1d76; 
	color:#ffffff; 
	padding-left:8px; 
	padding-right:8px; 
	line-height:20px; 
	height:20px;
	border:0px;
	font-weight:bold;
	font-size:11px;
	}
	
.textfield{border:1px solid #ba1d76; }

.green{color:#ba1d76}

.burlinq_green {
	color:#ba1d76;
}
#top_search {
	position:absolute;
	top:1px;
	right:0px;
}
	
#contact-form {
	width: 350px;
	height:210px;
	/*border:1px #BA1D76  solid;*/
	padding:10px;
	position:relative;
}

input { border:1px solid #7F9DB9 }

#contact-form label { float:left; font-weight:bold; text-align:right; width:100px; margin-right:10px;  }
#contact-form-email { float:left; width:220px;  }
#contact-form select { width:224px; }
#contact-form input.button { float:right; margin-right:16px; }
#contact-form textarea { width:220px;height:120px; }
#contact-form form div { width:100%; float:left; margin-bottom:5px; }	
#loader { display:block; margin:0 auto; margin-top:50px; }
#contact-form-message { text-align:center; margin-top:55px; }

input.short {width:130px;}

.faq { }
	.faq a{ color:#ba1d76; font-weight:bold; padding:0px; margin:0px; }
	.faq a:hover{ color:#1C0063 }
	.faq .answer {margin-left:25px; margin-top:5px; margin-bottom:5px;}

#content .file {margin-top:10px; }
	#content .File a, #content .Article a{ color:#BA1D76; font-weight:bold; padding:0px; margin:0px; }
	.File a:hover{ color:#1C0063 }


#sentences{
	position:absolute;
	top: 180px;
	left: 680px;
	width: 200px;
	vertical-align:middle;
	text-align:center;
	color:#ba1d76;
	font-style:normal;
	font-family:verdana;
	line-height:26px;
	font-size:14px;
	font-weight:bold;
	z-index:5;
	
	height: 30px;
}

#second-module-menu { 
	position: 			absolute; 
	top: 				209px; 
	left:				220px;		
	width: 				220px;
	font-size:			10px;
	background-color:	#fff;		
	z-index:			4;	
	line-height:		22px; 
	padding-top:		10px;
	overflow-x:			hidden;
	overflow-y:			auto;
	height:				auto;
	min-height:			177px;
	}	
	
	#second-module-menu ul		{padding:0px; margin:0px; text-indent:0px; padding-left:22px; overflow-x:hidden;list-style:none;}	
	#second-module-menu li		{overflow:hidden;}	
	
	#second-module-menu a{color:#1C0063; font-weight:bold; padding:0px; margin:0px;}		
	#second-module-menu a:hover {color:#221A4F}
	#second-module-menu .selected {color:#221A4F}
	#second-module-menu .current {color:#221A4F}	
	
	
	
#third-module-menu { 
	position: 			absolute; 
	/*top: 				394px; */
	bottom:				26px;
	left:				220px;		
	width: 				220px;
	font-size:			10px;
	background-color:	#BA1D76;		
	z-index:			4;	
	min-height:			185px;
	}	
	
	#third-module-menu ul		{padding:0px; margin:0px; text-indent:0px; padding-left:22px; overflow-x:hidden;list-style:none;}	
	#third-module-menu li		{overflow:hidden;padding:0px; margin:0px;padding-top:6px;padding-bottom:6px}
	
	#third-module-menu a{color:#fff; font-weight:bold; padding:0px; margin:0px;}		
	#third-module-menu a:hover {color:#1C0063}
	#third-module-menu .selected {color:#1C0063}		
	#third-module-menu .current {color:#1C0063}		

.footer, .footer a{font-size:10px; color:#999999}

#flash_top{
	position:absolute;
	top: 60px;
	left: 670px;
	width: 236px;
	height:75px;}