@charset "UTF-8";

*
{
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}

a img { border: none; }

:focus { outline-style: none; }

body
{
	margin: 0;
	padding: 0;
	background-color: #E7E7E7;
}


h1 /* fix voor payoff? */
{
	font-size: 26px;
	color: #000000;
	font-weight: lighter;
	line-height: 26px;
	margin-bottom: 10px;	
}

.top
{
	width: 924px;
	margin: 0 0 20px 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#top div.header
{
	height: 96px;
	padding: 0;
	margin: 0;
}

.header div.logo
{
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999px;
	float: left;
	border-width: 0 1px 0 0;
	border-color: #E7E7E7;
	border-style: solid;
}

.header div.logo a
{
	display: block;
	/* background-color: #039; */
	width: 324px;
	height: 76px;
	background-image: url('/images/logo-zwaansvdheuvel.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

h2, h3, h4, h5
{
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	color: #0066CC;
}


/* OTEXDELTA */

input, textarea { padding: 3px; }

/* Header */
ul.language_selector
{
	width: 900px;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	height: 40px;
	clear: both;
	display: block;
}

ul.language_selector li a
{
	display: block;
}

ul.language_selector li
{
	float: left;
	margin: 14px 10px 0 0;
	padding: 0;
	background-position: 0px 11px;
	width: 16px;
	height: 11px;
	text-indent: -9999px;
}

ul.language_selector li.nl
{
	background-image: url('/images/taal-icons.gif');
	background-position: 16px 11px;
}
ul.language_selector li.nl:hover { background-position: 16px 0px; }

ul.language_selector li.nl-active
{
	background-image: url('/images/taal-icons.gif');
	background-position: 16px 0px;
}

ul.language_selector li.de
{
	background-image: url('/images/taal-icons.gif');
	background-position: 0px 11px;
}
ul.language_selector li.de:hover { background-position: 0px 0px; }

ul.language_selector li.de-active
{
	background-image: url('/images/taal-icons.gif');
	background-position: 0px 0px;
}

ul.language_selector li.en
{
	background-image: url('/images/taal-icons.gif');
	background-position: 32px 11px;
}
ul.language_selector li.en:hover { background-position: 32px 0px; }

ul.language_selector li.en-active
{
	background-image: url('/images/taal-icons.gif');
	background-position: 32px 0px;
}

ul.language_selector a
{
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	width: 16px;
	height: 11px;
}

ul.language_selector a:hover { text-decoration: underline; }

ul.language_selector a.active { color: #0066CC; }


/* Menu */

ul.menu
{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}

ul.menu li
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}
		
ul.menu li a
{
	display: block;
	font-size: 16px;
	height: 76px;
	line-height: 76px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 118.5px; /* 89px; */
	border-width: 0 1px 0 0;
	border-color: #E7E7E7;
	border-style: solid;
}

ul.menu li a:hover
{
	/*
	background-color: #0066CC;
	color: #FFFFFF;
	*/
	
	background-color: #0066CC;
	color: #FFFFFF;
	
}

ul.menu li a.active
{
	background-color: #E7E7E7;	
}

ul.menu li a.active:hover
{
	color: #0066CC;	
}

a.link-zwaans
{
	display: block;
	height: 76px;
	width: 149px;
	position: relative;
	float: right;
	background-image: url('../images/zwaansbutton2.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFFFFF;
}

a.link-zwaans:hover { background-position: 0 -76px; }

a.link-zwaans {
	text-indent: -9999px;
}



.submenu
{
	width: 225px;
	float: right;
	margin: 0;
	padding: 0;
}

.submenu ul
{
	margin: 0;
	padding: 0;
}


.submenu ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.left .teaser_wrapper .submenu ul li a
{
	height: 40px;
	display: block;
	line-height: 40px;
	padding: 0 0 0 20px;
	border-top: 1px solid #E7E7E7;
	background-color: #FFFFFF;
	color: #000000;
}

.submenu ul li a.zwaans
{
	background-image: url('../images/menu-icon-zwaans-s-v2.gif');
	background-repeat: no-repeat;
	background-position: 170px 10px;
}

.left .teaser_wrapper .submenu ul li a:hover
{
	background-color: #0066CC;
	color: #FFFFFF;
	text-decoration: none;
}

.left .teaser_wrapper .submenu .active a
{
	background-color: #E7E7E7;
	color: #000000;
}

.left .teaser_wrapper .submenu .active a:hover
{
	background-color: #E7E7E7;
	color: #0066CC;
	text-decoration: none;
}

/* Photo */

div.photo_wrapper
{
	margin: 0;
	padding: 0;
	width: 920px; /* 902 */
	height: 307px;
	clear: both;
}

div.photo_wrapper div.photo
{
	border-right: 1px #E7E7E7 solid;
	float: left;
	display: inline;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
}

div.photo_wrapper div.payoff
{
	text-indent: -9999px;
	background-image: url('/images/payoff-homepage-zwaans.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 225px;
	height: 307px;
	float: left;
	display: block;
}


/* Teasers */

div.teasers_wrapper
{
	margin: 0;
	padding: 0;
	height: 225px;
	clear: both;
	width: 920px;	
}

ul.teasers
{
	border-top: 1px #E7E7E7 solid;	
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.teasers li
{
	width: 225px;
	height: 245px;
	background-color: #FFFFFF;
	border-top: 0;
	border-right: 1px #E7E7E7 solid;
	border-bottom: 0;
	border-left: 0;
	float: left;
}

ul.teasers li:last-child { border: none; }

ul.teasers li:last-child p { margin-right: 10px; }

ul.teasers li h2
{
	margin: 20px 15px 10px 20px;
	padding: 0;
}

ul.teasers li p
{
	margin: 0 15px 10px 20px;
	padding: 0;
}

ul.teasers li a { color: #999999; }

ul.teasers li a.more
{
	margin: 0 0 10px 20px;
	padding: 0 15px 0 0;
	background-image: url('/images/arrow-right.gif');
	background-repeat: no-repeat;
	background-position: right 6px;
}

ul.teasers li a.more:hover { text-decoration: none; }


/* Content */

.page_wrapper
{
	position: absolute;
	top: 135px;
	width: 924px;
	margin: 0;
	padding: 0;
	margin-top: 0;
	padding-top: 0;
}

.content_wrapper
{
	min-height: 100%;
	width: 904px;
	padding: 0 0 0 20px;
	height: auto;
	display: block;
}

#content
{
	float: right;
	width: 451px;
	padding: 0;
	margin: 0;
}

#content a { color: #0066CC; }

#content div.padding { padding: 0; }

#content.frontpage
{	
	width: 904px;
	float: left;
}	

#content .main
{
	background-color: #0066CC;
	color: #FFFFFF;
}

#content .main p.breadcrum
{
	margin: 0;
	padding: 20px;
	
}

#content .main p.breadcrum a
{
	color: #FFFFFF;
}

#content .main h1
{
	color: #FFFFFF;
	font-size: 26px;
	padding: 0 20px 20px 20px;
	margin: 0;
}

#content .main p
{
	color: #FFFFFF;
	margin: 0;
	padding: 0 20px 20px 20px;
	font-size: 16px;
	line-height: 22px;
}

#content .page
{
	background-color: #FFFFFF;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#content .page p
{
	padding: 0px 20px 20px 20px;
	margin: 0;
}

#content .page strong
{
	color: #0066CC;
	font-size: 18px;
	margin: 0 0 5px 0;
	display: block;
	padding: 0;
	line-height: 24px;
}

#content .page ul
{
	margin: 0 20px 20px 20px;
	padding: 0 0 0 15px;
}

#content .page .padding
{
	margin: 20px;
	padding: 0;
}

#content .page table.overview tr td
{
	padding: 10px 5px 10px 0;
	border-bottom: 1px #999 solid;
	text-align: right; 
}

#content .page table.overview tr:first-child td { color: #0066CC;}
#content .page table.overview tr td:first-child
{
	text-align: left;
}

.fleet .page .padding { margin: 0 20px !important; }

/* Left */

.left
{
	border-right: 1px solid #E7E7E7;
	width: 451px;
	float: right;
	padding: 0;
	margin: 0;
}

.left .teaser_wrapper
{
	margin: 20px 0 0 0;
	background-image: url('/images/payoff-short-zwaans.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	height: 300px;
}

.left .teaser_wrapper .teaser
{
	width: 225px;
	float: right;
	background-color: #0066CC;
}

.left .teaser_wrapper .teaser h2
{
	color: #FFFFFF;
	margin: 20px;
	font-size: 18px;
	line-height: 18px;
}

.left .teaser_wrapper .teaser p
{
	color: #FFFFFF;
	margin: 20px;
}

.left .teaser_wrapper .teaser ul
{
	margin: 0 0 20px 20px;
	padding: 0;
	list-style: none;
}

.fleet .left .teaser_wrapper .teaser ul { margin: 20px 0 0 0; }

.left .teaser_wrapper .teaser ul li
{
	line-height: 22px;
	margin: 0;
	padding: 0;
}

.left .teaser_wrapper .teaser ul li a
{
	text-decoration: none;
}

.left .teaser_wrapper .teaser ul li a:hover { text-decoration: underline; }

.fleet .left .teaser_wrapper .teaser ul li a:hover { text-decoration: none; }

/* Footer */

.footer
{
	height: 40px;
	width: 904px;
	padding: 20px 0 0 20px;
	margin: 0;
	display: block;
	clear: both;
}

p.copyright
{
	float: left;
	width: 227px;
	color: #999999;
	font-size: 11px;
	height: 40px;
	line-height: 40px;
}

ul.main_menu_footer
{
	list-style: none;
	float: left;
	width: 452px;
}

ul.main_menu_footer li
{
	float: left;
	padding: 0 10px 0 0;
	height: 40px;
	line-height: 40px;
}

ul.main_menu_footer li a { color: #333333; }

ul.main_menu_footer li a:hover { text-decoration: none; }

ul.footer_menu
{
	list-style: none;
	float: left;
}

ul.footer_menu li
{
	float: left;
	padding: 0 10px 0 0;
	height: 40px;
	line-height: 40px;
}

ul.footer_menu li a { color: #333333; }

ul.footer_menu li a:hover { text-decoration: none; }


li.excel-icon a
{
	background-image: url('/images/excel-icon.gif');
	background-position: 178px 12px;
	background-repeat: no-repeat;
}

/* Colors 

	Blue	#0066CC
	Gray	#E7E7E7

*/