body { font-size: 62.5%; font-family: Arial, Verdana, Helvetica, sans-serif; }

* { margin: 0; padding: 0; list-style-type: none; }
img { border: 0; }
a { text-decoration: none; color: #589dcd; }
a:hover { text-decoration: underline; }

q { font-style: italic; }
abbr, dfn, acronym { border-bottom: 1px dotted #6c6c6c; }

.clear { clear: both; }
.error { color: #ff0000; }

/*** IMAGES ***/
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}

#wrapper { width: 970px; margin: 0 auto; }
body.homepage #breadcrumb { display: none; }

/*** CHOICE PAGE ***/
body#choicepage #wrapper { background: url("images/choicebg.jpg") no-repeat center 120px; padding-top: 35px; }
body#choicepage #logos { width: 720px; margin-bottom: 10px; margin-left: 140px; }
body#choicepage #logos img { margin: 0 12px; }

/*** BLOCKS ***/
#blocks { padding: 0 25px; }

#blocks .block { overflow: hidden; width: 120px; height: 120px; float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; position: relative; }
#blocks .block a { color: #fff; font-size: 3.6em; font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.05em; padding: 4px 8px 4px 8px; display: block; width: 106px; height: 112px; }
#blocks .block a span { position: absolute; bottom: 4px; width: 106px; }
#blocks .block a:hover { text-decoration: none; color: #dce4ea; }
#blocks .block.empty { border: 1px solid #6590ac; width: 118px; height: 118px; }
#blocks .block.green { background-color: #77c156; }
#blocks .block.lightblue { background-color: #76a7c9; }
#blocks .block.darkblue { background-color: #347bad; }
#blocks .block.vdarkblue { background-color: #1f689a; }
#blocks .block.image  { border: 3px solid #fff; width: 114px; height: 114px; overflow: hidden; }
#blocks .block.image img { width: 114px; }

/*** TOP HOMEPAGE ***/
body.homepage #top { background: url("images/choicebg.jpg") no-repeat center bottom; height: 440px; }
body.homepage #topright {margin-top: 10px; }
body.homepage #bottomleft { margin-top: 0px; }

/*** TOP ***/
#top { height: 240px; width: 970px; background: url("images/detailbg.jpg") no-repeat center -40px; position: relative; }
#topright { margin-top: 65px; float: left; width: 675px; }

#topleft { width: 255px; margin-left: 30px; float: left; margin-top: 65px; position: relative; z-index: 5; }
#topleft .image { background-color: #ffffff; border: 3px solid #ffffff; width: 249px; height: 251px; position: absolute; overflow: hidden; }
#topleft .image img { width: 249px; }
#logo { margin-bottom: 10px; }

.navigation { width: 575px; float: right; margin-right: 30px; }
.navigation .block { overflow: hidden; width: 105px; height: 105px; float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; position: relative; }
.navigation .block a { color: #fff; font-size: 3em; font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; letter-spacing: -0.02em; padding: 4px 8px 4px 8px; margin-top: 0px; line-height: 0.9em; text-transform: lowercase; display: block; width: 89px; height: 97px; }
.navigation .block a span { position: absolute; bottom: 4px; width: 89px; }
.navigation .block a:hover { text-decoration: none; color: #dce4ea; }
.navigation .block.empty { border: 1px solid #6590ac; width: 103px; height: 103px; }
.navigation .block.green { background-color: #77c156; }
.navigation .block.lightblue { background-color: #76a7c9; }
.navigation .block.darkblue { background-color: #347bad; }
.navigation .block.vdarkblue { background-color: #1f689a; }
.navigation .block.image  { border: 3px solid #fff; width: 114px; height: 114px; overflow: hidden; }
.navigation .block.image img { width: 114px; }

#bar { background-color: #1f689a; height: 40px; float: left; width: 970px; position: absolute; bottom: 0; left: 0; z-index: 3; }
#bar #lang { float: left; width: 100px; margin-left: 335px; padding-top: 14px; }
#bar #lang a { color: #ffffff; font-weight: bold; font-size: 1.2em; text-transform: uppercase; }

#bar ul li { display: inline; }
#bar #tools { float: right; margin-right: 10px; padding-top: 12px; }
#bar #tools li { margin-right: 10px; }

#bar #tools a.sizemin { display: none; }
#bar #tools a.sizeplus { display: inline; }

#bar .toolmenu { float: right; padding-top: 14px; }
#bar .toolmenu a { color: #ffffff; font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
#bar .toolmenu .separator { color: #ffffff; font-weight: bold; font-size: 1.2em; padding: 0 15px; }

/*** BOTTOM ***/
#bottom { background: url("images/bottombg.jpg") no-repeat center 3px; float: left; width: 970px; }
#bottomright { float: right; margin-right: 40px; width: 600px; overflow: hidden; }
#bottomleft { float: left; width: 255px; margin-left: 30px; background-color: #fff; margin-top: 200px; }

.mainnavigation { text-align: right; padding: 15px 15px 25px 15px; min-height: 140px; height: auto !important; height: 140px; }
.mainnavigation li { border-bottom: 1px solid #95cadb; padding: 5px 0px; }
.mainnavigation li a { display: block; color: #1f689a; font-size: 1.4em; padding-right: 17px; background: url("images/bluesquare.gif") no-repeat right center; margin-right: 8px; }

/* mainnavigation level 1 */
.mainnavigation ul { border-top: 1px solid #95cadb; margin-top: 5px; padding-top: 3px; }
.mainnavigation ul li { border-bottom: none; padding: 0; }
.mainnavigation ul li a { color: #66af45; background-image: none; padding: 0; margin: 0; font-size: 1.3em; }
.mainnavigation ul li a:hover {  }
/* mainnavigation level 2 */
.mainnavigation ul ul { border-top: none; margin: 6px 0; padding-top: 0; }
.mainnavigation ul ul li {  }
.mainnavigation ul ul li a { color: #76a7c9; font-size: 1.2em; }
.mainnavigation ul ul li a:hover {  }
/* mainnavigation level 3 & following */
.mainnavigation ul ul ul { margin-right: 10px; }
.mainnavigation ul ul ul li {  }
.mainnavigation ul ul ul li a { color: #6C6C6C; }
.mainnavigation ul ul ul li a:hover {  }

.extraitems li { padding: 10px 20px; margin-bottom: 10px; }
.extraitems li.darkblue { background-color: #589dcd; }
.extraitems li.green { background-color: #77c156; }
.extraitems li a { font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #ffffff; background: url("images/bluearrows.png") no-repeat left center; padding-left: 25px; }
.extraitems li a:hover { color: #186178; }

#login { padding: 10px 20px 0 20px; font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; color: #6c6c6c; letter-spacing: 0.1em; font-size: 1.1em; }
#login span { padding-right: 10px; }

.searchbox { padding: 10px 20px 10px 20px; }
.searchbox input.text { border: 0; vertical-align: middle; background: url("images/searchbox.jpg") no-repeat top left; height: 20px; width: 170px; font-size: 1.1em; color: #6e6e6e; padding-left: 10px; }
.searchbox span { display: inline-block; vertical-align: middle; height: 20px; width: 180px; margin-right: 2px; font-size: 1.1em; color: #6e6e6e; }
.searchbox input.button { vertical-align: middle; background: url("images/searchbutton.jpg") no-repeat top left; height: 20px; width: 25px; }

/* breadcrumb */
#breadcrumb { font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; font-size: 1.3em; border-bottom: 1px dotted #959494; color: #959494; padding-bottom: 10px; margin-top: 10px; font-style: normal; line-height: 1.5em; }
#breadcrumb  a { color: #959494; }
#breadcrumb .start { padding-left: 2px; }
#breadcrumb .separator { padding: 0 8px; }

/* news teaser */
#maincontent div.news { margin-top: 20px; }
#maincontent div.news h3 { padding-top: 20px; font-size: 2.5em; font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; color: #589dcd; font-weight: normal; text-transform: uppercase; }
#maincontent div.news h4 { font-size: 1.6em; font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; color: #77c156; font-weight: normal; padding-left: 30px; background: url("images/h2arrows.jpg") no-repeat left center; margin-top: 15px; }

#maincontent div.news h4 a { color: #77c156; }

#maincontent div.news div.links { margin-top: 15px; }
#maincontent div.news div.links a { margin-right: 20px; }

/*** CONTENT ***/
#maincontent { font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; color: #6c6c6c; letter-spacing: 0.1em; }
#maincontent * { font-size: 1.4em; }
#maincontent * * { font-size: 1em; }
#maincontent h1 { margin-top: 20px; font-size: 2.5em; font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; color: #589dcd; font-weight: normal; text-transform: uppercase; }
#maincontent h2 { font-size: 1.6em; font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; color: #77c156; font-weight: normal; padding-left: 30px; background: url("images/h2arrows.jpg") no-repeat left center; margin-top: 15px; }
#maincontent p { margin-top: 15px; }

#maincontent h2 a { color: #77c156; }

/* lists */
#maincontent ul { margin-left: 20px; margin-top: 15px; }
#maincontent ol { margin-left: 25px; margin-top: 15px; }
#maincontent ul li { list-style-image: url("images/lightbluesquare.gif"); }
#maincontent ol li { list-style-type: decimal; list-style-image: none; }
#maincontent ul ul li { list-style-image: url("images/greenarrow.gif"); }
#maincontent ul ul, #maincontent ol ol, #maincontent ul ol, #maincontent ol ul { margin-top: 0; }

/* tables */
#maincontent table { border-collapse: collapse; margin-top: 15px; color: #6c6c6c; }
#maincontent table caption { font-style: italic; padding-bottom: 3px; }
#maincontent tr.headerrow { background-color: #d3e5f1; text-transform: uppercase; border-bottom: 1px solid #6590AC; }
#maincontent tr.headerrow th { font-weight: normal; border-bottom: 1px solid #6590AC; }
#maincontent th { text-align: left; font-weight: bold; }
#maincontent tr.alt1 { background-color: #d3e5f1; }
#maincontent th *, #maincontent td * { margin-top: 0; }
#maincontent th, #maincontent td { padding: 5px 10px; vertical-align: top; }

/* footer */
#footer { font-family: Arial Narrow, Helvetica Narrow, Arial, Verdana, Helvetica, sans-serif; font-size: 1.3em; border-top: 1px dotted #a6a6a6; color: #a6a6a6; padding-top: 10px; margin: 30px 0; clear: both; }
#footer address { font-style: normal; line-height: 1.5em; }
#footer address .separator { padding: 0 8px; }

.addressChange p.standaard input, .addressChange p.standaard span { margin-bottom: 6px; }
.addressChange input.button,
.addressChange input.disabledButton { border: 1px solid #6c6c6c; color: #6c6c6c; padding: 1px 2px; }
.addressChange input.button { cursor: pointer; }
.addressChange input.disabledButton { cursor: default; color: #888888; border: 1px solid #888888; }