﻿/* CSS Document */
html *{
	margin: 0;
	padding: 0;
	border: none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	color: #333;
	text-align:center;
	min-width:990px;
	height: 100%;
	background:#8ed9ee;
	line-height:1.3em;
}

html {
	height:100%;
}

#wrapper {
	width:972px;
	margin:0 auto;
	text-align:left;
	min-height: 100%;
	_height:100%;
	background:url(images/en/bg_wrapper.jpg) repeat-y top center;
}

	#padding {
	padding:15px 6px 0;
	background:url(images/en/bg_padding.jpg) no-repeat center top;
	}

.hide {
	display:block;
	position:absolute;
	left:-9999em;
}

#main p {padding-bottom:10px;line-height:1.5em;}
.home #main p {line-height:1.3em;}

/* Nodig voor news slider */
.fl {
	float:left;
	display:inline;
}img.fl {margin:0 10px 10px 0;}
.fl.last {margin-right:0;}

.fr {
	float:right;
	display:inline;
}img.fr {margin:0 0 10px 10px;}
			
			
.lijntje {
	border-bottom:1px solid #ccc;
	padding-top:20px;
	margin-bottom:20px;
}

.toplink {
	text-align:right;
	margin:20px 0;
}
	
/* Nodig voor jquery.flash */
.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

a {color:#333;text-decoration:underline;}
a:hover {background:#00adef;color:#fff;text-decoration:none;}

blockquote {
	position:relative;
	color:#FF9900;
	font-size:1.9em;
	line-height:1em;
	margin:20px auto 10px auto;
	width:320px;
	width/**/:/**/260px;
	padding:0 30px 0 30px;
	text-align:left;
}

	blockquote .leftquote {
		display:block;
		background:url(images/en/bg_quote.gif) no-repeat top left;
		position:absolute;
		top:0;
		left:0;
		height:16px;
		width:15px;
	}
	blockquote .quote {
	
	}
	blockquote .rightquote {
		display:block;
		background:url(images/en/bg_quote.gif) no-repeat top left;
		position:absolute;
		bottom:0;
		right:0;
		height:16px;
		width:15px;
	}
	
	.author{
		margin: 0 auto 40px auto;
		width:320px;
		width/**/:/**/260px;
		color:#999;
		font-size:0.8em;
		line-height:1em;
	}

#main .smalltekst {font-size:0.8em;color:#999;line-height:1em;}

.bull_black {
	text-align:left;
	padding-bottom:10px;
}

	.bull_black a {
		/*
		background:url(images/en/bull_black.gif) no-repeat top right;
		padding-right:20px;
		*/
		background:url(images/en/bull_black.gif) no-repeat 0 2px;
		padding-left:20px;
		line-height:1em; /*  line-height:12px; */
		color:#014577;
		font-size:1em;
		text-decoration:none;
		font-weight:bold;
	}.bull_black a:hover {text-decoration:underline;background:url(images/en/bull_black.gif) no-repeat 0 2px;color:#014577;}

/* -------------------------------------------------------------------------------------------------
	#topbar
------------------------------------------------------------------------------------------------- */
#topbar {
	text-align:left;
	height:40px;
	padding: 1px 15px 0px;
}
#topbar #phonenrs {
	float: right;
	height: 28px;
	background: url(images/en/bg_padding_left.jpg) no-repeat left top;
	padding-left: 10px;
}
#topbar #phonenrs li {
	background: url(images/en/bg_padding_mid.jpg) repeat-x;
	line-height: 28px;
	font-weight: bold;
	color: #0e416c;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
}
#topbar #phonenrs li span {
	color: #189bc7;
}
		
		
/* -------------------------------------------------------------------------------------------------
	#masthead
------------------------------------------------------------------------------------------------- */		
#masthead {
	height:110px;
}

	#logo {
	float:left;
	margin:3px 0 0 20px;
	display:inline;
	}

	#masthead_tools {
	float:right;
	width:209px;
	margin:10px 30px 0 0;
	display:inline;
	}
		
		#masthead_tools ul {
			list-style:none;
			margin:0;
			line-height:1.3em;
		}
		
			#masthead_tools ul li {
				float:right;
				display:inline;
				margin-left:20px;
				color:#014577;
				background:none;
				padding:0;
				font-weight:bold;
			}
			
				#masthead_tools ul li a {
					color:#014577;
					font-weight:bold;
					text-decoration:none;
				}#masthead_tools ul li a:hover, #masthead_tools ul li a.in {color:#FF9900;background:none;}
		
		#search {
			background:url(images/en/bg_search.gif) no-repeat bottom left;
			position:relative;
			height:30px;
			width:209px;
		}
		
			#searchbox {
				width:146px;
				height:16px;
				position:absolute;
				bottom:2px;
				left:2px;
				border:0;
				font-family:Arial, Helvetica, sans-serif;
				color:#666;
			}
			
			#search .submit {
				position:absolute;
				bottom:0;
				right:0;
				border:0;
			}
	

/* -------------------------------------------------------------------------------------------------
	#topflash
------------------------------------------------------------------------------------------------- */
#topflash {
	border-bottom:1px solid #e6e6e6;
	z-index: 1;
	height: 237px;
}

/* -------------------------------------------------------------------------------------------------
	#main
------------------------------------------------------------------------------------------------- */
#main {
	padding:0 0 0 22px;
}
.home #main {padding:50px 22px 13px 22px;}

.home #main p a {text-decoration:none;display:block;}
.home #main p a:hover {background:none;color:#333;}

	.home .row1 {margin-bottom:15px;}
	.home .row2 {padding-bottom:10px;position:relative;} /* padding ipv margin om die grijze bg van nav2 te kunnen laten doorlopen */
	.home #col-r .chat {padding-bottom:0px;} 
	
	
/* -------------------------------------------------------------------------------------------------
	#crumb
------------------------------------------------------------------------------------------------- */
#main #crumb {
	color:#666;
	font-size:0.8em;
	width:672px;
	margin:15px 20px 15px 0;
	min-height:30px;
	_height:30px;
	padding:0;
	float:right;
	display:inline;
}

	#crumb span.left {
		float:left;
		display:block;
		margin-right:5px;
		line-height:1.2em;
	}
	#crumb span.middle {
		display:block;
		float:left;
		width:350px;
		line-height:1.2em;
	}
	
		#crumb .print {
			float:right;
			width:53px;
			text-align:right;
			padding-right:20px;
			display:block;
			background:url(images/en/bg_print.gif) no-repeat top right;
			line-height:17px;
			position:relative;
			top:-2px;
		}#crumb .print:hover {background:url(images/en/bg_print.gif) no-repeat top right;color:#666;text-decoration:underline;}
		

	#crumb a {
		color:#666;
		text-decoration:none;
	}#crumb a:hover {background:#00adef;color:#fff;text-decoration:none;}
	
	

/* -------------------------------------------------------------------------------------------------
	#col-l
------------------------------------------------------------------------------------------------- */
#col-l {
	width:220px;
	float:left;
	margin:46px 25px 0 0;
	display:inline;
	padding-bottom:25px;
}
.home #col-l {margin-top:0;padding-bottom:0;}


/* -------------------------------------------------------------------------------------------------
	#col-m
------------------------------------------------------------------------------------------------- */
#col-m {
	width:430px;
	float:left;
}
.home #col-m {
	width:380px;
}

	.home #col-l .row1, .home #col-r .row1 {border-bottom:1px solid #fff;}
	
	.home #col-m .row3 {
		background:url(images/en/f_colm_row1.jpg) no-repeat bottom right;
	}
	
	.home #col-m .row3 p {padding-right:130px;}
		
.bannertop {margin-bottom:20px;}
.bannerbottom {margin-top:20px;}
a.bannerbottom, img.bannerbottom {
	margin-bottom: 0;
	background: transparent;
	display: block;
}


.imagecontainer {
	margin-bottom:10px;
}

	.imagecontainer img {
		border:1px solid #ccc;
		padding:1px;
	}
	
	.imagecontainer p {
		color:#666;
		font-size:0.9em;
		padding:2px;
	}


.title-tekst-butt {
	/*margin-bottom:40px;
	margin-top:20px;*/
	margin: 40px 0 30px 0;
}

.margin-top10 {
	margin-top:10px;
}

	.colouredbuttons_left {
		background:url(images/en/bg_colouredbuttons-left.gif) no-repeat top left;
		height:30px;
		padding-left:5px;
	}
	
		.colouredbuttons_right {
			background:#efefef url(images/en/bg_colouredbuttons-right.gif) no-repeat top right;
			float:left;
			height:30px;
		}
		
			.colouredbuttons_right .butt {
				padding:5px 0;
				display:block;
				float:left;
			}

#main .first {
	margin-top:0;
}#main .first h3 {margin-top:0;}
	.butt img {
		margin-right:5px;
	}.butt:hover {background:none;}



.title-crumb-tekst {
/*	margin-bottom:40px;*/
	margin: 30px 0;
}

#main .title-crumb-tekst .minicrumb {
	color:#666;
	font-size:0.8em;
	padding-bottom:5px;
}.title-crumb-tekst .minicrumb a {color:#666;text-decoration:none;}
.title-crumb-tekst .minicrumb a:hover {color:#fff;}
	
	

.foto-title-tekst {
	margin: 30px 0;
	display:table;
	width:100%;
}

	.bull_gray {
		margin-left:0;
	}

	.bull_gray li {
		text-align:left;
		margin:5px 0 5px 0;
		background:url(images/en/bull_gray.gif) no-repeat 0 3px;
		padding-left:20px;
	}
	
		.bull_gray a {
			text-decoration:none;
			font-weight:bold;
		}.bull_gray a:hover {text-decoration:underline;color:#333;background:none;}

	.foto-title-tekst .imagecontainer {
		float:left;
		width:120px;
	}
	
	.foto-title-tekst .tekst {
		float:right;
		width:290px;
	}
	
		.foto-title-tekst h3 {
			margin-top:0;
		}
	
	
	
.oplijsting {
	display:table;
	width:100%;
	padding:10px 0;
	text-align:center;
}
.bordertop {border-top:1px solid #ccc;}
.borderbottom {border-bottom:1px solid #ccc;}

	.oplijsting a {
		border:1px solid #ccc;
		padding:1px 4px;
		text-decoration:none;
	}.oplijsting a:hover {text-decoration:none;}
	
	.oplijsting a.in {
		background:#6C9EFD url(images/en/bg_oplijsting_in.jpg) repeat-x bottom left;
		text-decoration:none;
		border:1px solid #6B9DFC;
		color:#fff;
	}
	
	.oplijsting span {
		padding-right:3px;
	}

	.oplijsting span.prev {
		display:block;
		float:left;
		width:50px;
		padding:0;
		text-align:left;
	}
	
	.oplijsting span.prev a {
		text-decoration:none;
		border:0;
		padding-left:10px;
		background:url(images/en/bg_prev.gif) no-repeat center left;
	}.oplijsting span.prev a:hover {text-decoration:underline;color:#333;}
	
	.oplijsting span.next {
		display:block;
		float:right;
		width:50px;
		padding:0;
		text-align:right;
	}
	
	.oplijsting span.next a {
		text-decoration:none;
		border:0;
		padding-right:10px;
		background:url(images/en/bg_next.gif) no-repeat center right;
	}.oplijsting span.next a:hover {text-decoration:underline;color:#333;}


/* -------------------------------------------------------------------------------------------------
	#col-r
------------------------------------------------------------------------------------------------- */
#col-r {
	width:220px;
	float:right;
	margin-right:22px;
	display:inline;
}#main .WOmargin, .home #col-r {margin:0;}
.home #col-r {
	width:265px;
}
.home #col-r .chat p, .home #col-r .chat h4 {
	padding: 0px 15px 5px;
}

	.box {
		background:url(images/en/bg_nav23_container.jpg) repeat-x bottom left;
		width:220px;
		margin-bottom:20px;
	}
	
		.box h3 {
			background:#ff6600 url(images/en/f_boxtop-vitago.jpg) no-repeat top left;
			padding:10px;
			color:#fff;
			margin:0;
		}.box h3 a {color:#fff;}.box h3 a:hover {color:#fff;}
	
		.box ul {
			background:url(images/en/bg_nav2.gif) no-repeat bottom left;
			padding-top:10px;
			margin:0;
			list-style:none;
			line-height:1.3em;
		}
	
		.box .boxtext {
			background:url(images/en/bg_nav2.gif) no-repeat bottom left;
			padding:0px 15px 15px;
		}
		.box .boxtext form, #main #col-r .box .boxtext p, .box .boxtext div.bull_black {
			padding: 15px 0px 0px;
		}
		#main .box .boxtext p {
			font-size: 1em;
			line-height: 130%;
			color: #292929;
		}
		#main .box .boxtext h2 {
			font-size: 1.3em;
		}
		.box .boxtext form select {
			font-size: 1em;
			width: 190px;
			color: #292929;
		}
		.box .boxtext form #result {
			font-weight: bold;
			padding-top: 15px;
		}
		
		.box ul li {
			background:url(images/en/bull_black.gif) no-repeat 0px 2px;
			margin:0 10px;
			padding:0 0 10px 20px;
		}
		
			.box ul li a {
				text-decoration:none;
			}.box ul li a:hover {text-decoration:underline;color:#333;background:none;}

.home #col-r .row3 {
	padding: 15px;
	background: url(images/en/home_news_back.jpg) no-repeat left bottom;
	margin-bottom: 15px;
}


/* -------------------------------------------------------------------------------------------------
	Lists
------------------------------------------------------------------------------------------------- */
ul {
	margin:0 0 10px 15px;
	padding:0;
	line-height:1.5em;
	list-style:none;
}

	ul li {
/*		background:url(images/en/bg_nav2_li_span.gif) no-repeat 0 7px;*/
		background:url(images/en/bull_blue.gif) no-repeat 0 5px;
		padding-left:16px;
	}

	ul a {
		cursor:pointer;
	}
	
		ul li ul {
			margin:0 0 0 15px;
		}

ol {
	margin-left:25px;
}

#nav {
	background:#efefef url(images/en/bg_nav.jpg) repeat-x bottom left;
	line-height:31px;
	position:relative;
	padding:0px;
	z-index: 999;
}

	#nav ul {
		margin:0;
		padding-left:85px;
		list-style:none;
		line-height:1.3em;
	}

	#nav ul li {
		float:left;
		margin:0px;
		background:none;
		padding:0px 65px 0px 0px;
		position:relative;
		z-index: 999;
	}
	
		#nav ul li a {
	display:block;
	height:13px;
	padding: 11px 0px 10px;
		}
		
		/*de engelse links positioneren */
		#nav ul li a#nav_about {
	background:url(images/en/nav_whoarewe.gif) no-repeat left center;
	width:61px;
		}
		
		#nav ul li a#nav_solutions {
			background:url(images/en/nav_solutions.gif) no-repeat left center;
			width:66px;
		}
		
		#nav ul li a#nav_corporate {
			background:url(images/en/nav_corporate.gif) no-repeat left center;
			width:156px;
		}
		#nav ul li a#nav_partners {
			background:url(images/en/nav_partners.gif) no-repeat left center;
			width:89px;
		}
		#nav ul li a#nav_customers {
			background:url(images/en/nav_customers.gif) no-repeat left center;
			width:51px;
		}
		
		#nav ul li a#nav_about:hover, #nav ul li.in a#nav_about, #nav ul li.over a#nav_about,
		#nav ul li a#nav_solutions:hover, #nav ul li.in a#nav_solutions, #nav ul li.over a#nav_solutions,
		#nav ul li a#nav_corporate:hover, #nav ul li.in a#nav_corporate, #nav ul li.over a#nav_corporate,
		#nav ul li a#nav_partners:hover, #nav ul li.in a#nav_partners, #nav ul li.over a#nav_partners,
		#nav ul li a#nav_customers:hover, #nav ul li.in a#nav_customers, #nav ul li.over a#nav_customers {background-position: right center;}
		
		
		
		/* de roemeense links positioneren */
		#nav ul li a#nav_aboutRO {
			background:url(images/ro/nav_whoarewe.gif) no-repeat left center;
			width:63px;
		}
		
		#nav ul li a#nav_solutionsRO {
			background:url(images/ro/nav_solutions.gif) no-repeat left center;
			width:93px;
		}
		
		#nav ul li a#nav_corporateRO {
			background:url(images/ro/nav_corporate.gif) no-repeat left center;
			width:156px;
		}
		#nav ul li a#nav_partnersRO {
			background:url(images/ro/nav_partners.gif) no-repeat left center;
			width:47px;
		}
		#nav ul li a#nav_customersRO {
 			background:url(images/ro/nav_customers.gif) no-repeat left center;
 			width: 34px;
		}
		
		#nav ul li a#nav_aboutRO:hover, #nav ul li.in a#nav_aboutRO, #nav ul li.over a#nav_aboutRO,
		#nav ul li a#nav_solutionsRO:hover, #nav ul li.in a#nav_solutionsRO, #nav ul li.over a#nav_solutionsRO,
		#nav ul li a#nav_corporateRO:hover, #nav ul li.in a#nav_corporateRO, #nav ul li.over a#nav_corporateRO,
		#nav ul li a#nav_partnersRO:hover, #nav ul li.in a#nav_partnersRO, #nav ul li.over a#nav_partnersRO 
		#nav ul li a#nav_customersRO:hover, #nav ul li.in a#nav_customersRO, #nav ul li.over a#nav_customersRO {background-position: right center;}
		
		/* einde positioneren */
		
/*------------------------------------------------------------------------------*/
/*	DROPDOWN MENU																*/
/*  added by Jonas @ kunstmaan at 24/06/2008									*/
/*------------------------------------------------------------------------------*/	

	#nav ul li.dropdown ul {
		position: absolute;
		top: 34px;
		left: -20px;
		padding: 15px 32px 22px 25px;
		width: 170px;
		background: url(images/en/dropdown_back.png) bottom left;
		display: none;
		z-index: 999;
	}
	* html #nav ul li.dropdown ul {
		background: url(images/en/dropdown_back.gif) bottom left;
	}
	
	#nav ul li.over ul {
	display: block;
	}

	#nav ul li.dropdown ul li {
		float:none;
		margin-left:0px;
		display:block;
		padding:0;
		border-bottom:1px solid #DFDFDF;
		background:none;
	}

	#nav ul li.dropdown ul li.last {
		border-bottom:0px none #DFDFDF;
	}
	#nav ul li.dropdown ul li a {
	display:block;
	height:auto;
	text-decoration:none;
	color:#666;
	padding:6px 0px 6px 10px;
	background:url(images/en/bg_nav2_li_span.gif) no-repeat 0px 12px;
	font-size: 12px;
	}
	
	#nav ul li.dropdown ul li span.nolink {
	display:block;
	height:auto;
	text-decoration:none;
	color:#666;
	padding:6px 0px 6px 10px;
	font-size: 12px;
	}
	
	#nav ul li.dropdown ul li a:hover {
		color:#FF9900;
		background:url(images/en/bg_nav2_li_span.gif) no-repeat 0px 12px;
	}
	#nav ul li.dropdown ul li a.in {
		color:#FF9900;
		font-weight:bold;
	}
	
	/* 2nd LEVEL DROPDOWN */
	
	#nav ul li.dropdown ul li ul {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 10px;
	width: 160px;
	background: url(none) bottom left;
	display: block;
	}
	
	#nav ul li.dropdown ul li ul li {
		border-bottom:0px none #DFDFDF;
	}
	
	#nav ul li.dropdown ul li ul li a {
	padding:0px 0px 6px 10px;
	background:url(images/en/bg_nav2_li_span.gif) no-repeat 0px 6px;
	}
	#nav ul li.dropdown ul li ul li a:hover {
	background:url(images/en/bg_nav2_li_span.gif) no-repeat 0px 6px;
	}
	
/*------------------------------------------------------------------------------- END */
	
/*------------------------------------------------------------------------------*/
/*	EXCHANGE RATES																*/
/*  added by Jonas @ kunstmaan at 24/06/2008									*/
/*------------------------------------------------------------------------------*/	

#nav #exchange {
	position: absolute;
	top: 2px;
	right : 10px;
	text-align: right;
	font-size: 10px;
	color: #333333;
}
#nav #exchange span {
	color: #10507F;
}

/*------------------------------------------------------------------------------- END */

#nav23_container, #nav2_container {
	background:#e6e6e6 url(images/en/bg_nav23_container.jpg) repeat-x top left;
}.home #nav23_container, .home #nav2_container {margin-bottom:0;}

#nav2_container #nav2 {
	background:url(images/en/bg_nav2.gif) no-repeat bottom left;
}

#nav2 {

}

	#nav2 ul {
		padding:20px 20px 10px 23px;
		margin:0;
		list-style:none;
		line-height:1.3em;
	}

		#nav2 ul li {
			/*background:url(images/en/bg_nav2_li.jpg) no-repeat bottom left;*/
			border-bottom:1px solid #DFDFDF;
			padding:6px 0;
			background:none;
		}
		
			#nav2 ul li span {
				display:block;
				padding:0 0 0 10px;
				background:url(images/en/bg_nav2_li_span.gif) no-repeat 0px 6px;
			}
		
			#nav2 ul li a {
				text-decoration:none;
				color:#666;
			}#nav2 ul li a:hover {color:#014577;background:none;}
			#nav2 ul li a.in {color:#014577;font-weight:bold;}
			
			.home #nav2 ul li a:hover, .home #nav2 ul li.in a {color:#FF9900;}
			
	#nav2 ul li.borderless {
		border:0;
	}
	
	#nav2 ul li.subnav ul {
		padding:5px 0 0 15px;
		border-top:1px solid #dfdfdf;
		margin-top:6px;
	}
	
		 #nav2 ul li.subnav ul li {
		 	border:0;
			background:url(images/en/bg_nav2_subnav_li_span.gif) no-repeat 0 9px;
			padding:4px 10px;
			line-height:1em;
		 }
		 
		 	#nav2 ul li.subnav ul li a {display:inline;}
			#nav2 ul li.subnav ul li a.in {font-weight:normal;}

#nav3 {
	background:#00adef url(images/en/bg_nav3.jpg) no-repeat top left;
}.home #nav3 {background:url(images/en/bg_nav3_home.jpg) no-repeat top left;height:80px;}

	#nav3 ul {
		padding:7px 20px 7px 23px;
		margin:0;
		list-style:none;
		line-height:1.3em;
		background:url(images/en/bg_nav3_bottom.gif) no-repeat bottom left;
	}.home #nav3 ul {background:none;}

		#nav3 ul li {
			border-bottom:1px solid #487BB8;
			padding:2px 0 2px 0;
			background:none;
		}.home #nav3 ul li {background:url(images/en/bg_nav3_home_li.jpg) no-repeat bottom left;border:0;}
		
			#nav3 ul li span {
				display:block;
				padding:0 30px 0 12px;
				background:url(images/en/bg_nav3_li_span.gif) no-repeat 0px 6px;
			}.home #nav3 ul li span {background:url(images/en/bg_nav3_home_li_span.gif) no-repeat 0px 6px;}
		
			#nav3 ul li a {
				text-decoration:none;
				color:#fff;
			}#nav3 ul li a:hover {color:#333;background:none;}
			#nav3 ul li a.in {color:#333;font-weight:bold;}
			
			
			#nav3 ul li.subnav ul {
				padding:1px 0 1px 15px;
				border-top:1px solid #487BB8;
				margin-top:6px;
				background:none;
				margin:3px 0 0 0;
			}
			
				 #nav3 ul li.subnav ul li {
					border:0;
					background:url(images/en/bg_nav3_subnav_li_span.gif) no-repeat 0 9px;
					padding:4px 10px;
					line-height:1em;
				 }#nav3 ul li.subnav ul li span {background:none;}
				 
					#nav3 ul li.subnav ul li a {display:inline;}
					#nav3 ul li.subnav ul li a.in {font-weight:normal;}


/* -------------------------------------------------------------------------------------------------
	Headers
------------------------------------------------------------------------------------------------- */
h1 {
	margin-bottom:25px;
	color:#014577;
	font-size:2.2em;
	line-height:1em;
	font-weight:normal;
}
.home h1 {
	margin-bottom:5px;
	height: 36px;
}

.home h2 {
	color:#FF9900;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 5px 0;
	_height:35px;
}

	.home h2 a {
		color:#FF9900;
		text-decoration:none;
	}.home h2 a:hover {background:none;}
	
	#col-m div.blokken h2 a{
		color: #fff;
		text-decoration: none;
		display: block;
	}
	
	h2 span, h3 span {
		display:block;
		color:#999;
		font-weight:normal;
		font-size:0.6em;
	}

.home h3 {
	color:#014577;
	font-size:1em;
	font-weight:normal;
}
.home h4 {
	color:#666666;
	font-size:1.3em;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}

h2 {
	margin:20px  0 5px 0;
	color:#ff9900;
	font-size:1.7em;
	line-height:1em;
	font-weight:normal;
	padding-bottom:3px;
}

h3 {
/*	color:#4189DD;*/
	color:#014577;
	font-size:1.3em;
	font-weight:normal;
	margin:24px 0 5px 0;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:3px;
}

h3 a {
	color:#014577;
	text-decoration:none;
}h3 a:hover {background:none;color:#014577;}

	.title-crumb-tekst h3 {
		background:none;
		margin-bottom:5px;
	}
	
	.title-tekst-butt h3 {
		margin-bottom:8px;
	}

h4, h5 {
	color:#999;
	font-size:1.2em;
	font-weight:normal;
	margin:10px 0 5px 0;
}

h6 {
	color:#014577;
	font-size:16px;
	font-weight:normal;
	margin:15px 0 5px;
}

	
/* -------------------------------------------------------------------------------------------------
	Forms
------------------------------------------------------------------------------------------------- */
	.formrow {
		display:table;
		width:100%;
		padding:5px 0;
	}
	
		.formrow h3 {
			padding:0;
			margin:0;
			color:#666;
			font-size:0.9em;
			background:none;
			border:0;
		}
	
		.field {
			float:left;
			width:260px;
		}
		
		.checkbox_radio {
			display:table;
			width:100%;
			margin-top:5px;
		}
		
			#main .checkbox_radio input {
				float:left;
				border:0;
			}
			
			.checkbox_radio label {
				margin-left:20px;
				display:block;
			}
		
		#main .warning {
			float:right;
			width:135px;
			padding:3px 0;
			font-size:0.8em;
			color:#FF9900;
			line-height:1.2em;
		}
		
		input:focus, input.sffocus, textarea:focus, textarea.sffocus {background:#fdfdfd;border:1px solid #666;}
		.checkbox_radio input:focus, .checkbox_radio input.sffocus {background:none;border:0;}
		
			input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1.2em;color:#333;border:1px solid #ccc;}
			select option {padding:0 4px;}
		
			input.text {width:258px;width/**/:/**/254px;padding:2px;}
			select.big {width:260px;}
			select.day {width:64px;margin-right:12px;float:left;display:inline;}
			select.month {width:100px;margin-right:13px;float:left;display:inline;}
			select.year {width:70px;float:left;}
			textarea {width:258px;width/**/:/**/254px;height:80px;padding:2px;}
			.captcha {margin:0 0 10px 0;display:block;border:1px solid #ccc;}
			
			.butt_send {
				margin:10px 0 0 0;
				text-align:right;
				width:258px;
			}.butt_send input {border:0;}


/* -------------------------------------------------------------------------------------------------
	Table
------------------------------------------------------------------------------------------------- */
table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-bottom:10px;
	border-spacing:0;
	border-collapse:collapse;
}

	table td {
		padding:5px;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}

/* -------------------------------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------------------------------- */
#footer {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0 36px;
	background:#fff;
	height:61px;
	line-height:61px;
}

	#footer span {
		padding-left:30px;
	}
	
	#footer span.first {
		padding:0;
		margin-top: 10px;
		display: block;
		float: left;
		margin-right: 20px;
	}

	#footer a {
		text-decoration:none;
	}


/*------------------------------------------------------------------------------*/
/*	FOOTER 2																	*/
/*  added by Jonas @ kunstmaan at 25/06/2008									*/
/*------------------------------------------------------------------------------*/	

#footer2 {
	padding: 0 0 0 36px;
	background:#fff;
	height:61px;
	line-height:61px;
	font-size: 0.833333em;
	color: #666666;
}
	#footer2 a {
	text-decoration:none;
	color: #666666;
	}
	#footer2 a:hover {
	text-decoration:none;
	color: #FFFFFF;
	}

/* -------------------------------------------------------------------------------------------------
	404 errorpage
------------------------------------------------------------------------------------------------- */
#wrapper404 {
	margin:60px auto 0 auto;
	text-align:left;
	width:528px;
	width/**/:/**/438px;
	height:365px;
	height/**/:/**/275px;
	padding:45px;
	background:url(images/en/404_bg.jpg) no-repeat top left;
}



/* -------------------------------------------------------------------------------------------------
	Clearfix, skipnav
------------------------------------------------------------------------------------------------- */
a#skipnav{
	position: absolute;
	top: -999px;
	left: -999px;
}

a#skipnav:focus, a#skipnav:active, a#skipnav:hover{
	top: 0;
	left: 0;
	z-index: 9999;
	background: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #333;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*------------------------------------------------------------------------------*/
/* START added by Dries @ kunstmaan at 15/07/2008									*/
/*------------------------------------------------------------------------------*/

.alfa ul.abc{
	background: url(images/bg_alfa.jpg) no-repeat 0 0;
	margin:  20px 0 30px 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
}
	.alfa ul.abc li{
		float: left;
		background: none;
		padding: 0;
		margin: 0;
		width: 3.75%;
		font-weight: bold;
		text-align:center;
		color: #888;
		cursor: default;
	}
	
	.alfa ul.abc li a{
		text-decoration: none;
		color: #333;
	}
	
	.alfa ul.abc li a:hover{
		background: none;
		text-decoration: underline;
		color: #1B3664;
	}
	
	.alfa h2{
		color:#014577;
		font-size:2.2em;
		font-weight:normal;
		line-height:1em;
		margin-bottom:25px;
	}
	
	.alfa h3{
		background: url(images/en/bg_nav2_li_span.gif) no-repeat scroll 0px 6px;
		padding-left: 10px;
		border: none;
		margin-bottom: 10px;
	}

.logout{
	float: right;
}

.bonusland{
	padding-bottom: 20px;
}

	.bonusland h2{
	font-size: 1em;
	color: #333;
	font-weight: normal;
	}
	
	.bonusland h2 .date{
	float: right;
	font-size: 1em;
	color: #333;
	font-weight: normal;
	}
	
	.bonusland ul li strong{
		color: #0092CE;
	}
	
	.bonusland ul.special{
		margin-left: 0;
	}
	
	.bonusland ul.special li{
	background: url(images/bg_bonusland.jpg) no-repeat 0 0;
	margin-bottom: 5px;
	line-height: 35px;
	height: 35px;
	width: 410px;
	padding: 0 10px;
	color: #fff;
	font-size: 1.3em;
	overflow: hidden;
	}
	
	.bonusland ul.special li strong{
		color: #fff;
	}
	
	.bonusland .knoplinks {
		float:left;
	}
	.bonusland .knoprechts {
		float:right;
	}

#col-l #nav2_container .top{
	background: #e6e6e6 url(images/en/bg_nav23_container.jpg) repeat-x top left;
}

#col-l h2{
	font-size: 1em;
	margin: 0;
	padding: 0;
	background: #00ADEF;
	margin-bottom: -20px;
	color: #fff;
	font-weight: bold;
	position: relative;
}
	
	#col-l h2.first{
		background: #00ADEF url(images/bg_navtit_top.jpg) no-repeat 0 0;
	}
	
	#col-l h2 span{
		color: #fff;
		font-size: 1em;
		font-weight: bold;
		background: url(images/bull_navtit.gif) no-repeat 8px 50%;
		padding: 10px 20px;
	}

.tabbox{
	margin-bottom: 20px;
	margin-top: 20px;
	padding-right: 3px;
}

	.tabbox ul.tabs{
		margin: 0;
		padding: 0;
		overflow: hidden;
		height: 1%;
		line-height: 1em;
	}
	
	.tabbox ul.tabs li{
		margin: 0;
		padding: 0;
		background: none;
		float: left;
		border-right: 1px solid #fff;
		font-size: 0.9em;
/*		width: 106px;
*/	}
	
	.tabbox ul.tabs li.last{
		border: none;
	}
	
	.tabbox ul.tabs li a{
	display: block;
	background: #006E9C url(images/tabbox_top_on.jpg) repeat-x top center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	padding: 10px 10px 7px;
	_width: 1%;
	_white-space: nowrap;
	}
	
	.tabbox ul.tabs li a:active{
		outline: none;
	}
	
	.tabbox ul.tabs li a:focus{
		-moz-outline-style: none;
	}
	
	.tabbox ul.tabs li.first a{
		background: #006E9C url(images/tabbox_top_on.jpg) no-repeat top left;
	}
	
	.tabbox ul.tabs li.last a{
		background: #006E9C url(images/tabbox_top_on.jpg) no-repeat top right;
	}
	
	.tabbox ul.tabs li a:hover, .tabbox ul.tabs li.ui-tabs-selected a{
		background: none;
		color: #333;
		background: #E7E7E7 url(images/tabbox_top.jpg) no-repeat top center;
	}
	
	.tabbox ul.tabs li.first a:hover, .tabbox ul.tabs li.first.ui-tabs-selected a{
		background: #E7E7E7 url(images/tabbox_top.jpg) no-repeat top left;
	}
	
	.tabbox ul.tabs li.last a:hover, .tabbox ul.tabs li.last.ui-tabs-selected a{
		background: #E7E7E7 url(images/tabbox_top.jpg) no-repeat top right;
	}
	
	.tabbox .content{
		padding: 10px;
		background: #e6e6e6 url(images/tabbox_bot.jpg) no-repeat bottom left;
		height: 1%;
	}
	
	.tabbox .ui-tabs-hide{
		display: none;
	}
	
	.tabbox .formrow{}
.tabbox  .formrow  .form-l{
	float: left;
	width: 70px;
	padding-top: 3px;
	}
.tabbox  .formrow  .form-r{
	margin-left: 80px;
	}
.tabbox  .knoprow{
	margin-bottom: 10px;
	text-align: right;
	}
	
	.tabbox .mute{
	font-size: 12px;
	}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #fff;
	background-color: #00ADEF;
	padding: 10px;
	font-size: 0.9em;
	text-align: left;
	width: 200px;
}
	#tooltip h3, #tooltip div { margin: 0; }
	
	#tooltip h3{
		font-size: 1em;
		border: none;
		padding: 0;
		margin: 0;
		color: #fff;
	}

#country{
	padding-top: 10px;
}

#country select.form_dropdown{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	border: 1px solid #ccc;
	width: 100%;
}

	#country select.form_dropdown option{
		padding:0 4px;
	}	

.home #col-r .chat{
	background: #E6E6E6 url(images/bg_chatbox_top.jpg) no-repeat 0 0;
}

		.home #col-r .chat h3 {
			background:#ff6600 url(images/en/f_boxtop-vitago_homepage.jpg) no-repeat top left;
			padding:10px;
			color:#fff;
			margin:0;
			font-size: 1.3em;
		}
		.home #col-r .chat h3 a {color:#fff;}
		.home #col-r .chat h3 a:hover {color:#fff;}

	.home #col-r .chat #chatcontainer{
		background: url(images/bg_chatbox_bot.jpg) no-repeat bottom left;
		padding-bottom: 20px;
	}

#col-r .chat{
	background: #E6E6E6 url(images/en/bg_nav2.gif) no-repeat bottom left;
	padding-bottom: 20px;
}

/*------------------------------------------------------------------------------*/
/* END added by Dries @ kunstmaan at 15/07/2008									*/
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* START added by Jonas @ kunstmaan at 24/07/2008								*/
/*------------------------------------------------------------------------------*/

/* ROW 2 op de homepage ------------------------------------------------------- */

#col-m div.blokken {
	background:url(images/en/homepage_2box_back.gif) no-repeat left bottom;
	margin-bottom: 10px;
	padding-bottom: 15px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	}
	#col-m div.blokken div.blok1, #col-m div.blokken div.blok1foot {
	float: left;
	width: 185px;
	}
	#col-m div.blokken div.blok2, #col-m div.blokken div.blok2foot {
	float: right;
	width: 185px;
	}
	#col-m div.blokken h2 {
	background: url(images/en/homepage_boxhead_orange.gif) no-repeat;
	height: 32px;
	width: 155px;
	font-size: 14px;
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	margin: 0;
	}
	#col-m div.blokken p {
		padding: 5px 15px 10px;
		font-size: 12px;
		line-height: 130%;
		color: #333333;
	}
	#col-m div.blokken div .bull_black {
	padding: 0px 15px;
	}
	
	
	
	#col-m div.blokken2 {
	background:url(images/en/homepage_2box2_back.gif) no-repeat left bottom;
	margin: 0 0 10px 0;
	padding: 0px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	}
	* html div.blokken2 div { background-color: #FFFFFF; } 
	#col-m div.blokken2 div.blok1, #col-m div.blokken2 div.blok1foot {
	float: left;
	width: 185px;
	}
	#col-m div.blokken2 div.blok2, #col-m div.blokken2 div.blok2foot {
	float: right;
	width: 185px;
	}
	#col-m div.blokken2 h2 {
	background: url(images/en/homepage_box2head_blue.png) no-repeat;
	height: 35px;
	width: 155px;
	font-size: 14px;
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	position: relative;
	margin: 0px;
	}
	#col-m div.blokken2 h2 a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#col-m div.blokken2 h2 .nextslide, #col-m div.blokken2 h2 .nextslide2 {
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 25px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent;
	outline: none;
}
	#col-m div.blokken2 p {
		padding: 5px 15px 10px;
		font-size: 12px;
		line-height: 130%;
		color: #333333;
	}
	#col-m div.blokken2 div .bull_black {
	padding: 0px 15px 10px;
	}
	#col-m div.blokken2 a.moreinfo {
	padding: 0px 15px;
	background: url(images/en/homepage_box2bottom.png) no-repeat left top;
	height: 23px;
	width: 155px;
	font-size: 12px;
	line-height: 23px;
	color: #FFFFFF;
	display: block;
	margin: 0px;
	text-decoration: none;
	}
	
	#col-m div.banners {
	padding-bottom: 30px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	}
	
	#col-m div.banners div.blok1 {
	float: left;
	width: 185px;
	}
	#col-m div.banners div.blok2 {
	float: right;
	width: 185px;
	}
	
/* PRODUCTBOX op de productpage ------------------------------------------------------- */

.productbox {
	margin-top: 10px;
	background: url(images/lijn_hor.png) no-repeat center bottom;
	padding-bottom: 10px;
}

.productbox .links {
	width: 125px;
	float: left;
	background: url(images/lijn_vert.png) no-repeat right center;
}

.productbox .rechts {
	margin-left: 135px;
}

.productbox .rechts ul {
	background: url(images/en/product_box.png) no-repeat left top;
	margin: 0px;
	padding: 5px 0px 15px 7px;
}
.productbox .rechts ul li {
	font-size: 11px;
	line-height: 150%;
	color: #333333;
	background: url(none);
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.productbox .rechts ul li div {
	float:left;
	width: 155px;
}
.promobox {
	text-align: center;
	padding: 20px 0px;
	background: url(images/lijn_hor.png) no-repeat center bottom;
}

/* BONUSLAND --------------------------------------------------------------------------*/

.logintab .form-row{
	margin-top: 5px;
	overflow: hidden;
	height: 1%;
}
.logintab .form-row .form-l{
	float: left;
	width: 70px;
	padding-top: 3px;
	}
.logintab .form-row .form-r {
	margin-left: 80px;
	text-align: right;
	}
.logintab .form-row .form-r .form_inputtxt {
	width: 316px;
	padding: 2px;
}
.logintab .mute {
	font-size: 11px;
	margin-top: 10px;
}
.logintab .form_button {
	width: 55px;
	height: 20px;
	border: 0px none #CCCCCC;
	margin-bottom: 10px;
}
.enrolltab p {
	margin: 0px;
	padding: 0px;
}
.enrolltab h3 {
	clear: both;
	padding: 20px 0px 3px;
	margin: 0px 0px 10px;
}
.enrolltab h5 {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
.enrolltab .form-row {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 1%;
}
.enrolltab .form-row .form-l {
	clear: both;
	width: 400px;
	font-size: 0.9em;
	color: #666666;
}
.enrolltab .form-row .form-r {
	float: left;
	width: 250px;
}
.enrolltab .form-row .form-r .form_inputtxt {
	width: 240px;
	margin-bottom: 10px;
	padding: 2px;
}
.enrolltab .form-row .error {
	font-size: 12px;
	color: #CC0000;
	float: right;
	width: 150px;
	margin-bottom: 10px;
	line-height: 130%;
	padding-top: 5px;
}
.enrolltab .form-row .form_button {
	width: 55px;
	height: 20px;
	border: 0px none #CCCCCC;
}
.enrolltab .divider {
	padding-top: 20px;
}
.enrolltab  .captcha {
	margin-top: 5px;
	margin-bottom: 5px;
}
.bonusland h4 {
	font-size: 18px;
	color: #FF9900;
	margin: 0px;
	padding: 20px 0px 10px;
}
.bonusland #productform p {
	font-size: 12px;
	color: #292929;
	padding-bottom: 10px;
}
.bonusland #productform .form-row {
	padding-bottom: 5px;
}
.bonusland #productform .form-row .form-l {
	display: none;
}
.bonusland #productform .form-r .form_inputtxt {
	width: 70px;
	padding: 1px 2px;
	margin-right: 5px;
	text-align: right;
}

.bonusland #productform .form-r .form_dropdown {
	width: 270px;
}
.bonusland #productform .bull_black {
	margin: 5px 0px 0px;
	padding: 0px;
}
.bonusland #productform .knoppen {
	text-align: right;
}
.bonusland #productform .knoppen input {
	margin-left: 10px;
	border-width: 0px;
	border-style: solid;
}
.bonusland .totaal {
	background: url(images/en/bonusland_list_back.png) no-repeat;
	height: 35px;
	width: 430px;
	margin-top: 10px;
}
.bonusland .totaal .links {
	font-size: 18px;
	line-height: 35px;
	color: #333333;
	float: left;
	height: 35px;
	width: 320px;
	padding-left: 20px;
}
.bonusland .totaal .rechts {
	font-size: 18px;
	line-height: 35px;
	color: #666666;
	float: left;
	height: 35px;
	width: 70px;
	padding-right: 20px;
	text-align: right;
}

/* PROMOTIONS --------------------------------------------------------------------------*/

.promo_title {
	background: #ff6600 url(images/en/promo_title_back.jpg) no-repeat left top;
}.promo_title div {
	background: url(images/en/promo_title_bottom.gif) no-repeat left bottom;
	padding: 7px 15px;
	width: 400px;
	font-size: 1.4em;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 20px;
}
	
	.promo_title a{
		text-decoration: none;
		color: #fff;
		display: block;
	}
	
		.promo_title a:hover{
			background: none;
		}


/* UITSCHRIJFPAGINA --------------------------------------------------------------------------*/
/* door Jonas op 4/11/2008
/* pagina met bevestiging voor uitschrijven, verwijderd allen andere bazaar.
/**/

#uitschrijven #masthead_tools, #uitschrijven #nav #exchange, #uitschrijven #nav ul, #uitschrijven #main #crumb, #uitschrijven #col-l, #uitschrijven #col-r {
	display: none;
}

#uitschrijven #nav {
	height: 31px;
}

#uitschrijven #main {
	padding:50px 0 50px 22px;
	margin-left: 215px;
}
#uitschrijven #main #col-m {
	width: 490px;
}
#uitschrijven h1 {
	background: url(images/lijn_hor.png) no-repeat left bottom;
	padding: 0px 0px 15px;
}
#uitschrijven a.button_blue {
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	color: #FFFFFF;
	background: url(images/button_blue.png);
	text-align: center;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 20px;
	width: 55px;
	text-decoration: none;
	float: left;
}
#uitschrijven p.withbullet {
	background: url(images/en/bull_black.gif) no-repeat left 3px;
	padding-left: 20px;
	padding-bottom: 30px;
}
