/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

table {
	margin:0;
	padding:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	border-style:solid;
}

td {
	margin:0;
	outline:0;
	font-size:100%;
}

img {border:0; outline:0; font-size:100%; background:transparent;}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */

html {overflow-y:scroll;}
html, body {font-family:"Verdana"; font-size:12px; color:#000000; line-height:16px; height:100%;}
body {background-color:#ffffff; background-image:url(../images/bodyBg.jpg); background-repeat:repeat-x;}
* html #wrap {height:100%;}

/* LAYOUT */

#wrap {width:960px; margin:0 auto -90px; min-height:100%; position:relative; background:url(../images/wrapBg.gif) repeat-y;}
#header {height:83px; position:relative; background:#ffffff;}
#logo a {position:absolute; top:21px; left:2px; display:block; width:197px; height:37px; background:url(../images/logoMansystems.gif); text-indent:-9999px;} /* plaatsen logo plus verwijzen homepage */
#main {width:735px; float:left; background:url(../images/bluebarBg.jpg) repeat-x;}
#rightCol {width:225px; min-height:685px; float:left; background:url(../images/rightBg.jpg) no-repeat left 182px;}
#mainLeft {width:173px; float:left; padding-top:36px; background:url(../images/mainLeftBg.gif) no-repeat;}
#mainRight {width:562px; float:left;}
#content {margin-left:36px; margin-right:45px; position:relative;}
#footer {clear:both; position:relative; padding-top:30px; height:100%; background:url(../images/footerBg.gif) repeat-y; text-align:center; font-size:11px;}

/* HOOFDMENU */

#mainmenu {position:absolute; top:62px; right:112px;}
#mainmenu li {display:inline;}
#mainmenu a, #mainmenu span {font-size:12px; font-weight:bold; color:#666666; letter-spacing:1px;}
#mainmenu span {padding:0 3px;}
#mainmenu a:hover, #mainmenu .selected {color:#000000;}

/* TOPMENU & ZOEKEN */

#topNavSearch {position:absolute; top:20px; right:112px;}
#topNavSearch li {display:inline;}
#topNavSearch a, #topNavSearch span {font-size:12px; font-weight:bold; color:#666666; line-height:24px; letter-spacing:1px;}
#topNavSearch span {padding:0 3px;}
#topNavSearch a:hover, #topNavSearch .selected {color:#000000;}

#topNavSearch ul, #topNavSearch #searchTop {float:left;}

#searchTop {width:149px; height:24px; background:url(../images/searchTopBg.gif) no-repeat; margin-left:15px;}
.searchField, .searchButton {float:left; background:none; border:0; margin:0;}
.searchField {width:108px; height:14px; padding:5px;}
.searchButton {width:30px; height:24px; padding:0; cursor:pointer;}

/* TAALKEUZE */

#selectedWebsite {position:absolute; left:864px; top:23px; z-index:10; width:60px;}
#selectedWebsite ul li {display:block; float:left; margin:0 7px 4px 0;}
#selectedWebsite li img {border:#fff 1px solid;}
#selectedWebsite li.selected img {border:#666 1px solid;}

/* SUBMENU (verticaal) */

#submenu {width:173px; padding-top:2px; background:url(../images/submenuBg.gif) repeat-y;}
#submenu li {padding:0 0 1px 3px;}
#submenu a {display:block; padding:8px 10px 8px 10px; width:150px; line-height:16px; font-size:11px; background-image:url(../images/submenuItemBg.jpg);}
#submenu a:hover {background:#ffffff;}
#submenu a.selected {background:#ffffff; font-weight:bold; color:#660033;}

#submenu a.large {margin-bottom:-8px; padding-top:8px; height:42px; line-height:16px; background:url(../images/submenuItemLargeBg.jpg) no-repeat;}
#submenu a.large:hover {background:#ffffff;}

#submenuBottom {width:173px; height:3px; margin-top:-1px; margin-bottom:20px; background:url(../images/submenuBottomBg.gif) no-repeat;}

/* SUBSUBMENU (horizontale tabs) */

.subsubmenu {height:25px; background:url(../images/subsubmenuBg.gif) repeat-x; border-right:#ebebeb 1px solid;}
.subsubmenu li {float:left; margin-right:1px;}
.subsubmenu a {display:block; width:auto; height:25px; font-family:"Tahoma"; font-size:11px; font-weight:bold; line-height:25px; text-align:center; float:left;}
.subsubmenu a:hover, .subsubmenu a.selected {color:#660033; background-position:left bottom;}
.subsubmenu span {line-height:25px;}

.subsubmenu a div {float:left;}
.subsubmenuItemLeftBg {width:1px; height:25px; background:url(../images/subsubmenuItemLeftBg.gif) no-repeat; background-position:left top; cursor:pointer;}
.subsubmenuItemMiddleBg {padding-left:5px; height:25px; background:url(../images/subsubmenuItemMiddleBg.gif) repeat-x; background-position:left top; cursor:pointer;}
.subsubmenuItemRightBg {width:14px; height:25px; background:url(../images/subsubmenuItemRightBg.gif) no-repeat; background-position:left top; cursor:pointer;}

.subsubmenu a:hover .subsubmenuItemLeftBg, .subsubmenu a.selected .subsubmenuItemLeftBg {background-position:left bottom;}
.subsubmenu a:hover .subsubmenuItemMiddleBg, .subsubmenu a.selected .subsubmenuItemMiddleBg {background-position:left bottom;}
.subsubmenu a:hover .subsubmenuItemRightBg, .subsubmenu a.selected .subsubmenuItemRightBg {background-position:left bottom;}

#subsubmenu1 {margin-top:11px; padding-left:36px;}
#subsubmenu2 {margin-left:105px;}
#subsubmenu3 {margin-left:160px;}

#no_subsub {position:absolute; top:265px; left:0px; width:173px; height:74px; background-image:url(../images/no_sub.gif); background-repeat:no-repeat; background-position:left top;}

/* Fix recherkant subsubmenu (border-rechts staat anders niet goed, deze div valt daaroverheen) */
#subsubmenuFixIE6 {position:absolute; top:310px; right:225px; width:25px; height:25px; background:url(../images/subsubmenuFixIE6.gif) no-repeat; z-index:999999999;}

/* Omklappen subsubmenu */

#subsubmenu2, #subsubmenu3 {display:none;}

#subsubmenuContainer {position:relative; margin-top:11px; height:auto; background:url(../images/subsubmenuBg.gif) repeat-x; border-right:#ebebeb 1px solid;}

#nextTabsRow {position:block; width:12px; height:11px; position:absolute; top:10px; right:5px; background:url(../images/nextTabsRow.gif) no-repeat; z-index:100;}
#prevTabsRow {position:block; width:12px; height:11px; position:absolute; top:35px; right:5px; background:url(../images/prevTabsRow.gif) no-repeat; z-index:100; display:none;}

#nextTabsRow2 {position:block; width:12px; height:11px; position:absolute; top:35px; right:20px; background:url(../images/nextTabsRow.gif) no-repeat; z-index:100; display:none;}
#prevTabsRow2 {position:block; width:12px; height:11px; position:absolute; top:60px; right:5px; background:url(../images/prevTabsRow.gif) no-repeat; z-index:100; display:none;}

/* BREADCRUMBS */

#breadcrumbs {margin:10px 0 18px 36px; clear:both;}
#breadcrumbs li {display:inline;}
#breadcrumbs a, #breadcrumbs span {color:#cccccc; font-size:10px;}
#breadcrumbs a:hover {color:#333333;}
#breadcrumbs a.selected {color:#7b7b7b;}
#breadcrumbs a.selected:hover {color:#333333;}

/* FOOTER */

/* Standaard (Default View) */
#footer {padding-right:50px;}
.footerLinks {margin-bottom:5px;}
.footerLinks a {text-decoration:underline;}
.footerLinks a:hover {color:#006699;}
.footerLinks span {color:#a1a1a1;}
.copyright {color:#a1a1a1; margin-bottom:20px;}
.chooseLanguage {margin-bottom:5px;}
.chooseLanguage li {display:inline !important; color:#606060;}
.chooseLanguage a {color:#606060; text-decoration:underline;}
.chooseLanguage a:hover {color:#006699;}
.chooseLanguage li.selected a {color:#006699;}

/* Homepage View */
#homepageView .footerLinks a {font-weight:normal !important;}
#homepageView #footer {background:none; width:450px; padding:0; padding-left:20px;}
#homepageView #footer ul, #homepageView #footer p {margin:0 !important; padding:0 !important; list-style-type:none !important;}

/* Deeplink View */
#deeplinkView #footer {padding-right:220px; background:url(../images/footerBgDeeplink.gif) repeat-y;}

/* TOPBANNER */

#bannerTop {margin-top:44px;}
#bannerTop img {border:#ffffff 5px solid; margin-left:2px;}
#bannerTop div {border:#ffffff 5px solid; margin-left:2px; background:white;}

/* BANNER RECHTSBOVEN */

#blockTopRight {height:162px; width:225px; padding-top:20px; margin-bottom:56px; background:url(../images/bluebarBg.jpg) repeat-x;}
#blockTopRight .block h3 {color:#ffffff; border-color:#ffffff;}
#blockTopRight .block {color:#ffffff;}
#blockTopRight .blockTopRight {height:152px; overflow:hidden;}
#blockTopRight .block .readon a {color:#ffffff;}
#blockTopRight .block .readon a:hover {border-color:#ffffff;}

/* BLOCKS */

/* Algemeen */
.block {font-size:10px;}
.block h3 {font-size:13px; color:#666666; border-bottom:#888888 1px solid; margin-bottom:20px; font-style:normal; font-weight:normal; letter-spacing:1px; text-transform:uppercase;}
.block h4 {font-size:13px; font-weight:bold; margin-bottom:3px;}
.contentBlock p {margin-bottom:20px;}
.block a:visited, .block .readon a:visited {color:purple !important; text-decoration:none !important;}
.block a, .block .readon a {color:#000000; font-weight:normal; text-decoration:none !important;}
.block a:hover, .block .readon a:hover {color:#006699; text-decoration:underline !important;}
.block ul {line-height:18px; list-style-type:disc; padding:0 0 20px 15px;}
.block ol {line-height:18px; list-style-type:decimal; padding:0 0 20px 15px;}

/* Specifiek */
#mainLeft h1 {text-transform:uppercase;}
#mainLeft .block {padding:0px 10px 0px 14px; margin-top:30px;}
#mainLeft .block h3 {color:#0061a2; border-bottom:#0061a2 1px solid;}
#mainLeft .newsSlider div {width:150px;}

#mainRight .block {padding:0 45px 0 36px;}

#blocksCenter {padding:0 0px 0 36px;}
.centerSmall {float:left; width:230px; margin-right:20px; padding:0 !important;}
.centerLarge {padding:0 !important; padding-right:45px !important; clear:both;}

#rightCol .block {padding:0 20px;}

#homeBlocksLeft {padding-top:30px; background:#ffffff url(../images/homepageMainLeftBlockBg.gif);}
#homepageView #mainLeft .block {padding:0px 10px 10px 14px; margin-top:0px;}
#homepageView #mainLeft .block .contentBlock p {margin-bottom:0; padding-bottom:20px;}
#homepageView .centerSmall {width:220px; margin-right:20px;}

/* NEWS BLOCK (slider) */

#newsBlock {position:relative;}
#newsBlock a {color:#000000;}
#newsBlock a:hover {color:#006699; text-decoration:underline;}
.newsSlider {padding:0; margin:0; overflow:hidden;}
.newsSlider div {width:185px;}
.newsPrev {position:absolute; top:-13px; right:12px; width:10px; height:10px; background:url(../images/newsPrev.gif) no-repeat; text-indent:-9999px;}
.newsNext {position:absolute; top:-13px; right:0; width:10px; height:10px; background:url(../images/newsNext.gif) no-repeat; text-indent:-9999px;}

/* HTML BLOCK */

.block p.title {font-weight:bold;}

/* NEWSROOM */

.newsroom {padding-top:15px; padding-right:45px; clear:both;}
.newsroom hr {}
.newsroom a {text-decoration:underline !important;}
.newsroom a:hover {color:#006699 !important;}
.newsroom a:visited {color:purple !important;}

/* CALENDAR BLOCK (slider) */

#calendarBlock .block {padding:0 !important; margin:0 important!;}
#calendarBlock {position:relative;}
#calendarBlock h4 {font-size:13px; font-weight:bold;}
#calendarSlider {width:100%; padding:0; margin:0; overflow:hidden;}
#calendarSlider div {width:100%;}
#calendarPrev {position:absolute; top:-13px; right:12px; width:10px; height:10px; background:url(../images/newsPrev.gif) no-repeat; text-indent:-9999px;}
#calendarNext {position:absolute; top:-13px; right:0; width:10px; height:10px; background:url(../images/newsNext.gif) no-repeat; text-indent:-9999px;}

/* HOMEPAGE TEMPLATE */

#homepageView #wrap {background:url(../images/homepageWrapBg.gif) repeat-y;}
#homepageView #mainLeft {padding-left:1px; padding-top:10px; background:url(../images/homepageMainLeftBg.gif) repeat-y;}
#homepageView #mainRight {width:561px;}
#homepageView #mainLeft h1 {font-size:12px; font-weight:bold; color:#990033; padding-bottom:10px; padding-left:13px; margin:0; letter-spacing:0;}
#homepageView #mainLeftBgExtend {position:absolute; top:265px; left:1px; width:173px; height:38px; background:url(../images/mainLeftBgExtend.gif) repeat-y;}
#homepageView #submenuBottom {margin-bottom:0px;}
#homepageView h2 {font-weight:normal; letter-spacing:1px;}
#homepageView #submenu a:hover {background:#ffffff;}
#homepageView #submenu a.selected {background:#ffffff; font-weight:normal; color:#333333;}

/* Switch tabContent */
.tabContent {position:absolute; top:0; display:none;}

/* DEEPLINKVIEW TEMPLATE */

#deeplinkView #wrap {background:url(../images/deeplinkView_wrapBg.gif) repeat-y;}
#deeplinkView #content {margin-left:30px; margin-right:20px;}
#deeplinkView #breadcrumbs {margin-left:30px;}

/* AGENDA */

#calendar {margin-bottom:20px;}
#calendar .clearer {height:10px;}
#calendar .headerYear {color:#0061a2; font-size:14px; padding-bottom:3px; font-weight:bold; letter-spacing:2px;}
#calendar .headerMonth {background:#f6f6f6; border-top:#0061a2 1px solid; border-bottom:#0061a2 2px solid; height:20px;}
#calendar .headerMonth div {float:left;}
#calendar .month {width:140px;}
#calendar .calendarItem {}
#calendar .itemDate {color:#5d5d5d; font-style:italic; width:140px; float:left;}
#calendar .itemContentContainer {width:340px; float:left;}
#calendar .itemTitle {font-size:11px; font-weight:bold; color:#0061a2; letter-spacing:1px;}

/* SITEMAP */

#sitemap, #sitemap ul {list-style-type:none !important; padding:0 !important;}
#sitemap ul {padding-left:20px !important; margin-bottom:10px;}
#sitemap {margin-bottom:10px;}

/* IMAGE POP-UPS (nyroModal) */

.nyroModal, .nyroModal:hover {border:0 !important;}

/* TOOLTIPS */

#tooltip {
	position:absolute;
	z-index:10;
	font-family:"Tahoma";
	border:1px solid #cdcdcd;
	background-color:#ffffff;
	padding:5px;
	opacity:0.85;
	width:auto;
	max-width:300px;
}

#tooltip h3, #tooltip div {margin:0;}
#tooltip h3 {font-size:11px; font-style:normal;}

/* ZOEK PAGINA */

#searchPage label {width:190px; float:left; padding-top:5px;}

#searchPage form {margin-bottom:20px;}
#searchPage .field {width:200px; border-bottom:#c7c7c7 1px solid; background:#f5f5f5; padding:6px;}

.searchInfo {border-top:#c7c7c7 1px solid; border-bottom:#c7c7c7 1px solid; background:#f8f8f8; padding:10px 10px 0 10px; margin-bottom:20px;}
.searchInfo .closest {font-weight:bold;}
.searchInfo .resultsAmount {margin-bottom:10px !important;}

.searchResult {padding-bottom:10px; margin-bottom:10px; border-bottom:#c7c7c7 1px solid;}
.searchResult .number {padding-right:5px;}
.searchResult .result {font-weight:bold;}
.searchResult .highlight {background:#46d0ef;}
.searchResult .path {padding-left:20px; font-style:italic;}
.searchResult .resultcontent {padding:5px 0 5px 20px;}
.searchResult .gotofoundpage {padding-left:20px;}

.searchNav {list-style-type:none !important; padding:0 !important; margin:0 !important;}
.searchNav li {display:inline; margin-right:5px;}

/* MEDIA OBJECTS */

.hoverClass {}
.hoverImage {display:none; position:absolute; top:200px; left:200px; z-index:10; border:#0061a6 2px solid; background:#ffffff;}
.showThumb span {margin:0;}
#tooltip p {margin:0 !important; padding:0 !important;}
#tooltip ol, #tooltip ul {padding:0 0 10px 22px !important;}
#tooltip ul {list-style-type:disc !important;}
#tooltip ol {list-style-type:decimal !important;}
#tooltip .tooltipLine {width:220px; height:11px; background:url("../images/tooltipLine.png") repeat-x; margin-top:3px;}

/* FORMULIEREN */

/* General */
.basicForm {margin-bottom:20px; float:left;}
.basicForm h2 {display:none;}
.basicForm .row {margin-bottom:5px; clear:both;}
.basicForm label {float:left;}
.basicForm .button {margin-left:100px;}
.basicForm .required {font-weight:bold;}
.basicForm .field {border-bottom:#c7c7c7 1px solid; background:#f5f5f5;}
.basicForm .textarea {height:100px; border-bottom:#c7c7c7 1px solid; background:#f5f5f5;}
.basicForm .requiredFields {margin-left:100px; font-weight:bold;}

.basicForm fieldset {margin-bottom:20px;}
.basicForm fieldset legend {font-weight:bold;}
.basicForm fieldset p {margin:10px 0 !important; font-style:italic;}

.basicForm fieldset fieldset {margin-bottom:0 !important; margin-top:10px;}
.basicForm fieldset fieldset label {float:none !important;}
.basicForm fieldset fieldset h3 {font-size:12px; font-weight:normal !important; margin-bottom:0 !important; float:left;}
.basicForm fieldset fieldset div {float:left;}
.basicForm fieldset fieldset p {margin:0 0 10px 0 !important;}
.basicForm fieldset fieldset ul {list-style-type:none !important; padding:0 !important; margin-bottom:10px !important;}

/* Captcha */
.basicForm #captcha {clear:both;}
.basicForm #captcha {margin-left:100px;}
.basicForm #captcha {margin-top:20px; margin-bottom:20px;}
.basicForm #captcha p {margin:5px 0 !important;}
.basicForm #captcha .field {width:200px !important;}
.captchaError {font-weight:bold; color:red;}

/* DefaultView forms (content width = 481px ==> 480px is makkelijker te verdelen) */
.basicForm {width:480px;}
.basicForm fieldset.full {width:480px;}
.basicForm fieldset.full label {width:100px;}
.basicForm fieldset.full .field {width:340px;}
.basicForm fieldset.full textarea {width:340px;}
.basicForm fieldset.full .file {width:340px;}
.basicForm fieldset.full fieldset h3 {width:100px;}
.basicForm fieldset.full fieldset div {width:340px;}

.basicForm fieldset.half {width:220px; margin-right:20px; float:left;}
.basicForm fieldset.half label {width:100px;}
.basicForm fieldset.half .field {width:100px;}
.basicForm fieldset.half textarea {width:100px;}
.basicForm fieldset.half .file {width:100px;}
.basicForm fieldset.half fieldset h3 {width:100px;}
.basicForm fieldset.half fieldset div {width:100px;}

.basicForm fieldset.third {width:140px; margin-right:20px; float:left;}
.basicForm fieldset.third label {width:140px;}
.basicForm fieldset.third .field {width:120px;}
.basicForm fieldset.third textarea {width:120px;}
.basicForm fieldset.third .file {width:120px;}
.basicForm fieldset.third fieldset h3 {width:140px;}
.basicForm fieldset.third fieldset p {margin-top:10px !important;}
.basicForm fieldset.third fieldset div {width:120px;}

/* DeepLinkView forms (content width = 685px ==> 680px is makkelijker te verdelen) */
#deeplinkView .basicForm {width:680px;}
#deeplinkView .basicForm fieldset.full {width:680px;}
#deeplinkView .basicForm fieldset.full label {width:100px;}
#deeplinkView .basicForm fieldset.full .field {width:540px;}
#deeplinkView .basicForm fieldset.full textarea {width:540px;}
#deeplinkView .basicForm fieldset.full .file {width:540px;}
#deeplinkView .basicForm fieldset.full fieldset h3 {width:100px;}
#deeplinkView .basicForm fieldset.full fieldset div {width:540px;}

#deeplinkView .basicForm fieldset.half {width:320px; margin-right:20px; float:left;}
#deeplinkView .basicForm fieldset.half label {width:100px;}
#deeplinkView .basicForm fieldset.half .field {width:210px;}
#deeplinkView .basicForm fieldset.half textarea {width:210px;}
#deeplinkView .basicForm fieldset.half .file {width:210px;}
#deeplinkView .basicForm fieldset.half fieldset h3 {width:100px;}
#deeplinkView .basicForm fieldset.half fieldset div {width:210px;}

#deeplinkView .basicForm fieldset.third {width:206px; margin-right:20px; float:left;}
#deeplinkView .basicForm fieldset.third label {width:100px;}
#deeplinkView .basicForm fieldset.third .field {width:96px;}
#deeplinkView .basicForm fieldset.third textarea {width:96px;}
#deeplinkView .basicForm fieldset.third .file {width:96px;}
#deeplinkView .basicForm fieldset.third fieldset h3 {width:100px;}
#deeplinkView .basicForm fieldset.third fieldset div {width:96px;}

/* ROUTEPLANNER */

#routeplanner .basicForm label {width:120px !important;}
#routeplanner .basicForm .button {margin-left:120px !important; margin-top:10px;}
#routeplanner .basicForm .field {width:250px !important;}

/* TABELLEN */

/* mansystable-a */

.mansystable-a {
	font-family:"Verdana", Sans-Serif;
	font-size:12px;
	width:480px;
	text-align:left;
	border-collapse:collapse;
	border:1px solid #c0c0c0;
	margin-bottom:20px;
}

.mansystable-a th {
	padding:12px 17px 12px 17px;
	font-weight:normal;
	font-size:14px;
	color:#000;
	border-bottom:1px dashed #c0c0c0;
	background:#eeeeee;
}

.mansystable-a td {padding:7px 17px 7px 17px;	color:#5c5c5c; border-top:1px dashed #c0c0c0;}
.mansystable-a tbody tr:hover td {color:#3a3a3a; background:#eeeeee;}

/* mansystable-b */

.mansystable-b {
	font-family:"Verdana", Sans-Serif;
	font-size:12px;
	width:480px;
	text-align:left;
	border-collapse:collapse;
	border:1px solid #c0c0c0;
	margin-bottom:20px;
}

.mansystable-b th {padding:15px 10px 10px 10px;	font-weight:normal; font-size:14px;	color:#000000;}
.mansystable-b tbody td {background:#f1f1f1;}
.mansystable-b td {padding:10px; color:#669; border-top:1px dashed #c0c0c0;}
.mansystable-b tbody tr:hover td {color:#d8d8d8; background:#b8b8b8;}

/* CLASSES - ALGEMEEN */

.field {background:none; border:0; padding:4px;} /* specifieke opmaak voor een input type="text" */
.button {background:#0062a7; color:#ffffff; font-weight:bold; padding:5px; border:0; cursor:pointer;} /* specifieke opmaak voor een input type="submit" */
.button:hover {background:#46d0ef;}
.clearer {clear:both;} /* 'clearen' van voorafgaande floats */
.align-right {float:right; margin:0 0 10px 10px;}
.align-left {float:left; margin:0 10px 10px 0;}

/* CLEARFIX */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* ELEMENTEN - ALGEMEEN */

h1, h2 {margin-bottom:14px;}
h1 {font-size:16px; font-weight:bold; line-height:20px;}
h2 {font-size:13px; font-weight:bold; font-style:italic; line-height:16px;}
h3 {font-size:12px; font-weight:bold; margin-bottom:9px;}
h4 {font-size:15px; font-weight:normal; margin-bottom:3px;}

a {color:#333333; text-decoration:none;} /* algemene links */
a:hover {}

a[name] {text-decoration:none !important;}
a[name]:hover {color:#000000 !important;}

#content a {text-decoration:underline;}
#content a:hover {color:#006699;}
#content a:visited {color:purple;}

#content p {line-height:18px; margin-bottom:20px;}

#content ol {line-height:18px; list-style-type:decimal; padding:0 0 20px 30px;} /* ordered lists in div "content" */
#content ul {line-height:18px; list-style-type:disc; padding:0 0 20px 30px;} /* unordered lists in div "content" */

strong {font-weight:bold;}
italic {font-style:italic;}
em {font-style:italic;}
u {text-decoration:underline;}

/* ELEMENTEN - FORMULIER */

input {font-family:"Verdana"; font-size:11px; color:#333333;}
textarea {font-family:"Verdana"; font-size:11px; color:#333333; border:0; padding:4px;}