@import url("elements.css");
html, body 
{
	height: 100%;
}
body
{
    background-color: #FFF;
	color: #444;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 75%;
    text-align: center;
    width: 100%;
	margin:0;
	padding:0;
	line-height: 1.5em;	
}
.clr
{
    clear: both;
    font-size: 0;
    line-height: 0;
}

/*background*/
#background {
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -2000;
}
#background img {
    width: 100%;
}

/*wrapper*/
#wrapper {
	width:1200px; /*100em*/
	width:960px; /*80em*/
	margin:0 auto 200px auto;
	padding:15px 15px 0 15px;
	text-align:left;
	background-color:white;
}


/*header*/
#header {
	position:relative;
	height:109px;
	margin-bottom:16px;
	z-index:9990;
}
#header-logo {
	position:absolute;
	z-index:5;
}
#header-title {
	position:absolute;
	z-index:5;
	top:15px;
	left:140px;
}
#header-title a {
	display:block;
	width:233px;
	height:45px;
	background-image: url("../images/header-title.png");
	text-indent: -9999px;
}
#header-menu {
	position:absolute;
	top:74px;
	width:100%;
	height:35px;
}
#header-search {
	position:absolute;
	top:0px;
	right:0;
}
#header-buttons {
	position:absolute;
	top:0;
	right:0;
}

/*header-menu*/
#header-menu ul.menu {
    list-style: none outside none;
    margin: 0 0 0 145px;
    padding: 0;
	height:35px;
	background-color:#EB312E;
}
#header-menu ul.menu li {
    float: left;
    margin: 0;
    padding: 0;
}
#header-menu ul.menu li a {
	font-family: SeagullSerial,arial,helvetica,sans-serif;
    color: #FFF;
    display: block;
    font-size: 20px;
	line-height: 24px;	
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none !important;
}
#header-menu ul.menu li a:hover, 
#header-menu ul.menu li.active a {
    text-decoration: none !important;
	color: #000;
}
#header-menu ul.menu li ul {
    background-color: #6E6D6B;
	position: absolute;
	margin:0;
	padding: 0;
	top:35px;
	height:auto;
	z-index: 10000;
	display:none;
	list-style: none outside none;
}
#header-menu ul.menu li ul li {
    display: block;
    float: none;
    white-space: nowrap;
}
#header-menu ul.menu li ul li a {
	color: #FFF !important;
	font-size: 14px;
	padding: 3px 100px 3px 13px;
}
#header-menu ul.menu li ul li a:hover {
	background-color: #A09E9F;
}
#header-menu ul.menu li ul li ul li {
    display: none;
}

/*textsizer*/
.textsizer div {
	float:left;
	width:17px;
	height:19px;
	text-indent:-9999px;
	cursor:pointer;
}
.textsizer div.a {
	background-image: url("../images/font-a.png");
}
.textsizer div.aa {
	background-image: url("../images/font-aa.png");
}
.textsizer div.aaa {
	background-image: url("../images/font-aaa.png");
}


/*footer*/
#footer {
	position:relative;
	height:30px;
	margin:0 -16px;
	background-color:#E5E5E5;
}
#footer-left {
	float:left;
	text-align:left;
	margin-left:13px;
}
#footer-right {
	float:right;
	text-align:right;
	margin-right:13px;
}
#footer ul.menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#footer ul.menu li {
    display:inline;
    margin: 0;
    padding: 0;
}
#footer ul.menu li a {
    display: block;
    float: left;
	margin:6px 6px 0 6px;
	padding-left: 12px;
	border-left:1px solid #444;
	font-weight:normal;
	color: #444;
}
#footer ul.menu li:first-child a {
    border-left:none
}
#footer ul.menu li a.icon-twitter,
#footer ul.menu li a.icon-facebook,
#footer ul.menu li a.icon-pinterest,
#footer ul.menu li a.icon-linkedin,
#footer ul.menu li a.icon-rss {
	display:block;
	padding:0;
	margin:4px 3px 0 3px;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border-left:none
}
#footer ul.menu li a.icon-twitter {
	background: url("../images/icon-twitter.png") repeat scroll 0 0 transparent;
}
#footer ul.menu li a.icon-facebook {
	background: url("../images/icon-facebook.png") repeat scroll 0 0 transparent;
}
#footer ul.menu li a.icon-pinterest {
	background: url("../images/icon-pinterest.png") repeat scroll 0 0 transparent;
}
#footer ul.menu li a.icon-linkedin {
	background: url("../images/icon-linkedin.png") repeat scroll 0 0 transparent;
}
#footer ul.menu li a.icon-rss {
	background: url("../images/icon-rss.png") repeat scroll 0 0 transparent;
}
#footer ul.menu li a.icon-twitter:hover,
#footer ul.menu li a.icon-facebook:hover,
#footer ul.menu li a.icon-pinterest:hover,
#footer ul.menu li a.icon-linkedin:hover,
#footer ul.menu li a.icon-rss:hover {
	background-position: 0 100%;
}


/*titlebar*/
.titlebar {
	width:212px;
	line-height:33px;
	background-color:#444;
	padding:0 0 3px 16px;
}
.titlebar.blue {
	background-color:#0E3D92;
}
.titlebar h3 {
	color:#FFF;
	font-size:18px !important;
	line-height:32px !important;
	padding:0 !important;
}

/*quote*/
.quote {
	width:202px;
	background: url("../images/bg-quote-top.png") no-repeat scroll 0 0 transparent;
}
.quote .d1 {
	width:202px;
	background: url("../images/bg-quote-bot.png") no-repeat scroll 0 100% transparent;
	padding-bottom:26px;
}
.quote .d2 {
	padding:12px 12px 3px 12px;
}
.quote .label {
	font-weight:bold;
	margin-right:0.5em;
}

/*mod_wfa_actueel*/
.mod_wfa_actueel .titlebar {
	background-color:#0E3D92;
}
.mod_wfa_actueel ul.items {
	list-style: none outside none;
	padding:0;
	margin:0 16px 8px 16px;
}
.mod_wfa_actueel ul.items li {
	/*background: url(mybullet.gif) left center no-repeat;*/
	background: url("../images/li-actueel.png") no-repeat scroll 0 5px transparent;
	padding-left: 15px;
	margin-bottom: 4px;
}
.mod_wfa_actueel ul.items li a {
	font-weight:bold;
	color:#0E3D92;
}
.mod_wfa_actueel ul.items li.current {
	background-image: url("../images/li-actueel-current.png");
	color:#444;
}
.mod_wfa_actueel ul.items li.current a {
	color:#444;
}
.mod_wfa_actueel .morelink {
	padding:0 16px;
}
.mod_wfa_actueel .morelink a {
	font-weight:bold;
	color:#0E3D92;
}
.mod_wfa_actueel .quote{
	margin:8px 12px 0 12px;
}

/*mod_twitterstream*/
.mod_twitterstream .titlebar {
    background-color: #0e3d92;
}
.mod_twitterstream .tweet {
	margin: 8px 16px;
	background-color:white;
	border-radius:5px;
	padding:5px 10px;
	word-wrap: break-word;
}
.mod_twitterstream .morelink {
	padding:0 16px;
}
.mod_twitterstream .morelink a {
	font-weight:bold;
	color:#0E3D92;
}

/*mod_wfa_slider*/
.mod_wfa_slider {
	position:relative;
	overflow:hidden;
}
.mod_wfa_slider .ws_titlebar {
	position:absolute;
	z-index:1000;
	background-color:#EB312E;
	width:212px;
	height:35px;
	line-height:33px;
	padding:0 0 0 16px;
}
.mod_wfa_slider .ws_titlebar h3 {
	color:#FFF;
}
.mod_wfa_slider .ws_slider {
	width:9999px;
	height:100%;
}
.mod_wfa_slider .ws_slide {
	float:left;
}
.mod_wfa_slider .ws_nav {
	position:absolute;
	width:35px;
	height:100%;
	z-index:1000;
	padding-top:20%;
}
.mod_wfa_slider .ws_nav .ws_nav_btn {
	width:35px;
	height:35px;
	background: url("../images/bn-slideprev.png") repeat scroll 0 0 transparent;
	cursor:pointer;
}
.mod_wfa_slider .ws_next {
	right:0;
}
.mod_wfa_slider .ws_next .ws_nav_btn {
	background: url("../images/bn-slidenext.png") repeat scroll 0 0 transparent;
}
.mod_wfa_slider .ws_nav .ws_nav_btn:hover {
	background-position: 0 100%;
}


/*mod_wfa_zoeken*/
.mod_wfa_zoeken {
	position:relative;
	width:376px;
	height:78px;
}
.mod_wfa_zoeken fieldset {
	position:absolute;
	top:28px;
	left:20px;
}
.mod_wfa_zoeken .field {
	float:left;
    border: 1px solid #696A68;
    width: 270px;
	height: 24px;
	background-color:#FFF;
}
.mod_wfa_zoeken .field span {
	position:absolute;
	z-index:10;
	color:#999;
	padding:3px 5px;
	display:none;
}
.mod_wfa_zoeken .field input {
	position:absolute;
	z-index:20;
	color:#999;
	padding:0 5px;
	color: #444;
	background: url("../images/blank.png") no-repeat scroll 0 0 transparent;
	border:none;
    width: 260px;
	height: 24px;
	line-height: 24px;
}
.mod_wfa_zoeken input.button {
	float:left;
	margin:0;
	padding:0;
	border: 1px solid #696A68;
	background: url("../images/button.png") no-repeat scroll 0 0 transparent;
	color:#FFF;
	width:auto;
	min-width:60px;
	height: 26px;
	font-weight:bold;
}
.mod_wfa_zoeken input.button:hover {
	background-position: 100% 0;
}

/*wfa_block*/
.wfa_block {
	float:left;
	width:228px;
	position:relative;
	overflow:hidden;
	margin: 0 16px 16px 0;
	padding-top:32px;
}
.wfa_block .clayer {
	position:absolute;
	top:0;
	width:228px;
	height:100%;
	text-indent:-9999px;
	background-image: url("../images/shim.gif");
	z-index:10;
}
.wfa_block .titlebar {
	position:absolute;
	top:0;
	z-index:9;
}
.wfa_block .titlebar a {
	position:absolute;
	top:4px;
	right:6px;
	display:block;
	text-indent:-9999px;
	width:25px;
	height:25px;
	background-image: url("../images/bn-loep.png");
}
.wfa_block .contentblock {
	background-color:#E5E5E5;
	padding:8px 0;
}
.wfa_block .image img {
	width:100%;
	display:block;
}
.wfa_block .scroll {
	margin: 16px;
}
.wfa_block .contentblock a.readmore {
	display:block;
	font-weight:bold;
}

/*wfa_block menu*/
.wfa_block ul.menu {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}
.wfa_block ul.menu li {
    display: block;
    margin: 0;
    padding: 0;
}
.wfa_block ul.menu li a {
	font-family: SeagullSerial,arial,helvetica,sans-serif;
	color: #444;
    display: block;
	font-size: 14px;
	padding:6px 4px 6px 6px;
	font-weight: normal;
}
.wfa_block ul.menu li.even {
	background-color:#E5E5E5;
}
.wfa_block ul.menu li.odd {
	background-color:#F2F2F2;
}
.wfa_block ul.menu li a:hover {
	background-color: #A09E9F;
}
.wfa_block ul.menu li ul li{
	background-color: transparent !important;
}
.wfa_block ul.menu li.current a {
	color:#EB312E;
}
.wfa_block ul.menu li.current ul li a {
	color:#444;
}

/*system*/
.error {
	padding:0px;
	margin-bottom: 20px;
}
#system-message {
	margin:10px 0 20px 0;
	border-left:0;
	border-right:0;
}
#system-message dt {
	font-weight: bold;
	position:absolute;
	top:-2000px;
	left:-3000px;
}
#system-message dd {
	margin: 0 0 15px 0;
	font-weight: bold;
	text-indent: 0px;
	padding:0
}
#system-message dd ul {
	color: #000;
	list-style: none;
 	padding: 10px 10px 10px 40px;
	margin:0;
}
#system-message dd ul li {
	line-height:1.5em
}
#system-message dd.message  ul {
	background: url("/media/system/images/notice-info.png") no-repeat scroll 3px 50% #C3D2E5;
    border-bottom: 3px solid #84A7DB;
    border-top: 3px solid #84A7DB;
    color: #0055BB;
}
#system-message dd.error ul {
	background: url("/media/system/images/notice-alert.png") no-repeat scroll 3px 50% #E6C0C0;
    border-bottom: 3px solid #DE7A7B;
    border-top: 3px solid #DE7A7B;
    color: #CC0000;
}
#system-message dd.notice  ul {
	background: url("/media/system/images/notice-note.png") no-repeat scroll 3px 50% #EFE7B8;
    border-bottom: 3px solid #F0DC7E;
    border-top: 3px solid #F0DC7E;
    color: #CC0000;
}
.tip {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CFCCCC;
    padding: 3px 5px;
	text-align:left;
	border-radius: 3px 3px 3px 3px;
}
.tip-title {
    font-weight: normal;
}

/*pagination*/
.pagination {
	margin:10px 0 ;
	padding:10px 0 10px 0px;
	clear:both;
}
.pagination .counter {
	text-align:center;
	font-weight:bold;
}
.pagination ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}
.pagination li {
	display:inline;
	padding:2px 5px;
	text-align:left;
	border:solid 0px #eee;
	margin:0 2px
}

/*wrapper*/
iframe.wrapper {
	border: none;
}