/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend {
margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style-type: none; }
:focus { outline: 0; }
html { height: 100.01%; }
body { height: 100%; font-family: "Times New Roman", Times, serif; font-size: 62.5%; /* resets 1em to 10px */ behavior: url('htc/csshover.htc'); /* needed for hovermenu */ background: #FFFFFF /*url('../../images/default/background.jpg')*/ center top no-repeat; }
.error, .alert { color: #ff0000; font-style: italic; clear: both; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }
.clearall { clear: both; }
/* standard elements */
a:link { color: #c0202f; text-decoration: none; }
a:link:hover { color: #c0202f; }
a:active { color: #c0202f; text-decoration: none; }
a:visited { color: #c0202f; text-decoration: none; }
a.externallink { /*background: transparent url('../../images/default/icon_externallink.gif') no-repeat scroll right 10px; padding-right: 14px;*/ }
a.rssicon { display: inline-block; width: 16px; height: 16px; background: url('../../images/default/icon_rss.gif') no-repeat left top; }
h1, h1 a:link { font-size: 24px; margin-bottom: 12px; color: #4e5656; } /* also needed outside wysiwyg texts */
h2, h2 a:link { font-size: 24px; margin-bottom: 6px; font-weight: normal; color: #c0202f; } /* h2 a with color is for toc in frontend*/
h3, h3 a:link { font-size: 18px; margin: 24px 0 12px 0; color: #4e5656; }
h4, h4 a:link { font-size: 1.2em; margin: 12px 0 6px 0; color: #4e5656; }
h5, h5 a:link { font-size: 1.2em; color: #4e5656; }
h6, h6 a:link { font-size: 1.2em; color: #4e5656; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { font-size: 1em; text-decoration: none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; }
li,p,label,span { font-size: 14px; font-family: "Times New Roman", Times, serif; line-height: 18px; color: #4e5656; }
hr { margin: 14px 0; border: 1px solid; border-color: #BFC2C2 #FFFFFF #FFFFFF; }
html>/**/body hr { margin: 22px 0; }
img { behavior: url('htc/pngbehavior.htc'); }
button,
input.button,
a.button { display: inline-block; height: 26px; padding: 0 8px 3px 8px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #C0202F; border: 1px solid #666666; }
button:hover,
input.button:hover,
a.button:hover { background-color: #C0202F; color: #FFFFFF; cursor: pointer; }
a.button { float: left; line-height: 26px; padding: 0 8px 0 8px; }
input.text { margin-bottom: 4px; border: 1px solid #4E5656; }
textarea { border: 1px solid #4E5656; }
button.submit { float: right; margin-right: 10px; }
input.checkbox { border: 0 none; }
a.morenews { display: block; margin-top: 18px; font-size: 14px; }
/* tempalte positioning elements */
/* to center the website */
div.wrapper { position: relative; width: 960px; height: auto; margin: 0 auto; padding: 0; text-align: left; }
div.top { }
div.contentcontainer { }
div.breadcrumbs { }
div.content { }
div.menu {}
div.servicmenu {}
div.side {}
/* ----------- layout ----------- */
a.webeditlink { float: right; display: block; width: 25px; height: 25px; background: transparent url('../../images/default/icon_editBE.gif') left top no-repeat; }
a.webeditlink:hover { background-position: bottom; }
a.edit { display: block; width: 25px; height: 25px; background: transparent url('../../images/default/icon_edit.gif') left top no-repeat; }
a.edit:hover { background-position: bottom; }
fieldset.editprofilemessage { padding: 8px 10px; margin-top: 18px; background-color: #c0202f; color: #FFFFFF; text-align: center; font-weight: bold; }
fieldset.editprofilemessage p a:link, fieldset.editprofilemessage p a:visited, fieldset.editprofilemessage p a:active,
fieldset.editprofilemessage a:link, fieldset.editprofilemessage a:visited, fieldset.editprofilemessage a:active { color: #FFFFFF; text-decoration: underline; }
fieldset.editprofilemessage p { color: #FFFFFF; font-weight: bold; padding: 0; }
div.itemfooter { height: 1px; margin: 12px 0 0 0; border-top: 1px solid #bfc2c2;}
div.itemfooter a.stbutton { padding: 0 4px 0 22px; margin-top: 3px; }
div.itemfooter span.stbuttontext { font: 12px Arial, Helvetica, sans-serif; }
div.itemfooter a { float: right; margin-left: 14px; }
div.itemfooter a img { margin: 3px 0; }
div.bumper { width: 75%; height: 18px; }
div.padbox { /*padding: 24px;*/ }
span.info { display: inline-block; position: relative; padding-top: 2px; color: #C0202F; }
div.infobox { position: absolute; left: 5%; bottom: 22px; width: 250px; padding: 8px; border: 1px solid gray; color: #4E5656; background-color: #FFFFFF;}
fieldset { clear: both; padding: 4px 0 0 0; margin: 10px; background-color: #FFFFFF; border: 0 none; font-family: Arial, Helvetica, sans-serif; }
fieldset span { font: 12px Arial, Helvetica, sans-serif; }
fieldset hr { width: 100%; margin: 10px 0 !important; border: 2px solid; border-color: #c9de6c #c9de6c #c9de6c #c9de6c; }
fieldset p,
fieldset h1 { padding: 0 10px; font-family: Arial, Helvetica, sans-serif; }
fieldset h1 { }
fieldset legend { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #c02058; }
fieldset label { font-weight: bold; }
fieldset p,
fieldset label { vertical-align: bottom; margin-right: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
fieldset input { width: 200px; vertical-align: baseline; margin-right: 6px; border: 1px solid #4e5656; }
fieldset input.checkbox { width: auto; border: 0 none; }
fieldset input.text { border: 1px solid #4E5656; }
fieldset table { width: 100%; margin: 4px 0; }
fieldset table tr td { width: 50%; }
fieldset table tr th p { padding: 8px 0 2px 4px; font-size: 12px; }
fieldset button { /*background-color: #CCCCCC; color: #000000; border: 1px solid #000000;*/ }
div.formfooter { float: right; margin: 32px 10px 18px 10px; text-align: right; }
div.formfooter button { /*font-weight: bold; padding: 4px 6px;*/ }
/* HEADER */
div.headercontainer { position: absolute; top: 0; width: 100%; height: 130px; }
div.headercontainer div.bannercontainer { position: absolute; top: 36px; left: 648px; }
div.siteheader { width: 960px; height: 108px; margin: 0 auto; }
div.siteheader div.sitelogo { float: left; margin-top: 4px; }
div.siteheader div.servicemenu { float: right; margin-top: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
div.siteheader div.servicemenu ul li { display: block; float: left; list-style: none; }
div.siteheader div.servicemenu ul li a { text-decoration: none; color: #c0202f; }
div.siteheader div.servicemenu ul li a:hover{ text-decoration: underline; }
div.siteheader div.servicemenu ul li span { display: block; margin: 0 4px; color: #c0202f; }
div.topbackground { position: absolute; z-index: -1; top: 0; left: 0; width: 960px; height: 108px; margin: 0 auto; }
html>/**/body div.topbackground { top: -130px; }
/* MAIN MENU */
/* level 1 */
div.menu { color: #FFFFFF; background: #56b4dc url('../../images/default/menu_background.gif') left top repeat-x; }
div.menu ul { width: 960px; height: 22px; margin: 0 auto; padding: 0; }
div.menu ul li { display: block; float: left; list-style: none; }
div.menu ul li a { display: block; width: 130px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px; text-decoration: none; color: #FFFFFF; text-align: center; }
div.menu ul li a:visited { color: #FFFFFF; }
div.menu ul li:hover a { width: 128px; background-color: #50a8cd; color: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
div.menu ul li.first:hover a { }
/* level 2 */
div.menu ul li ul { display: none; }
div.menu ul li ul li { float: none; width: 300px; }
div.menu ul li ul li a { }
div.menu ul li ul li a:visited { color: #4e5656; }
div.menu ul li ul li.hassubs a { background: #b5dced url('../../images/default/menu_hassubs.gif') 283px center no-repeat; }
div.menu ul li ul li.hassubs:hover a { background-image: url('../../images/default/menu_hassubs_hover.gif'); }
div.menu ul li:hover ul { display: block; position: absolute; width: 300px; height: auto; padding: 0; margin: 0; border-bottom: 1px solid #51a9ce; }
div.menu ul li:hover ul li { position: relative; margin: 0 1px; border-top: 1px solid #FFFFFF; border-right: 1px solid #51a9ce; border-left: 1px solid #51a9ce; }
div.menu ul li:hover ul li.topitem { height: 39px; border: none; border-left: 1px solid #51a9ce; }
div.menu ul li:hover ul li.topitem div.top { width: 126px; height: 5px; background-color: #50a8cd; border-right: 1px solid #51a9ce; }
div.menu ul li:hover ul li.topitem div.bottom { width: 300px; background-color: #50a8cd; border-right: 1px solid #51a9ce; }
div.menu ul li ul li.topitem div.bottom span { display: block; height: 26px; padding: 5px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d9e7ed; line-height: 11px; }
div.menu ul li:hover ul li a { display: block; padding-left: 11px; width: 289px; background-color: #b5dced; border: none; line-height: 26px; text-align: left; color: #4e5656; }
div.menu ul li ul li:hover a { background-color: #71b9d8; }
div.menu ul li:hover ul li:hover a { color: #000000; }
div.menu ul li:hover ul li ul { display: none; }
div.menu ul li ul li:hover { }
/* level 3 */
div.menu ul li ul li ul { }
div.menu ul li ul li ul li { }
div.menu ul li ul li ul li a { color: #4e5656; }
div.menu ul li ul li ul li a:visited,
div.menu ul li ul li ul li a:link { color: #4e5656; }
div.menu ul li ul li.hassubs:hover ul li a { background-image: none; }
div.menu ul li ul li:hover ul { display: block; position: absolute; top: -1px; left: 300px; border-top: 1px solid #51a9ce; }
div.menu ul li ul li:hover ul li { border-left: 0 none; }
div.menu ul li ul li:hover ul li:hover a { background-color: #71b9d8; color: #000000; }
div.menu ul li ul li:hover ul li.first { border-top: 0 none; }
div.menu ul li ul li:hover ul li a { background-color: #b5dced; color: #4e5656; }
div.menu ul li ul li:hover ul li a:visited,
div.menu ul li ul li:hover ul li a:link { color: #4e5656; }
/* MAIN */
div.maincontainer { margin-top: 130px; }
div.paneitem h1 { margin-bottom: 12px; font-weight: normal; font: 24px "Times New Roman", Times, serif; color: #C0202F; }
div.paneitem div.panefooter { height: 22px; margin: 26px 0 0 0; background: url('../../images/default/panefooter_background.gif') left top repeat-x; }
div.leftpane div hr { }
/* left pane */
div.leftpane { float: left; width: 290px; padding-top: 30px; }
div.leftpane div.paneitem { width: 270px; }
/* left pane > promo box */
div.leftpane div.sitepromobox { width: 270px; }
div.leftpane div.sitepromobox h2 { margin: 7px 0 7px 0; }
div.leftpane div.sitepromobox ul { display: block; padding-top: 8px; }
div.leftpane div.sitepromobox ul li { display: block; padding-left: 32px; margin-bottom: 16px; background: url('../../images/default/icon_check.gif') left center no-repeat; }
/* left pane > register box */
div.leftpane div.registerbox { margin-bottom: 24px; }
div.leftpane div.registerbox h1 a { display: block; height: 45px; padding-left: 20px; font-size: 20px; line-height: 45px; font-weight: normal; color: #c0202f; background-color: #dfeba7; }
div.leftpane div.registerbox h1 a:hover { background-color: #C9DE6C; }
/* left pane > expert box */
div.leftpane div.paneitem a.expert { display: block; height: 179px; width: 269px; background: url('../../images/default/expert_01.jpg') top left; text-decoration: none; }
div.leftpane div.paneitem a.expert:hover { background-position: bottom; }
div.leftpane div.paneitem a.expert span { display: block; padding: 118px 8px 0 10px; color: #FFFFFF; }
div.leftpane div.paneitem a.expert:hover span { display: block; padding: 118px 8px 0 10px; color: #FFFFFF; }
div.leftpane div.paneitem a.expert span.active { display: none; }
div.leftpane div.paneitem a.expert:hover span.active { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 80px 8px 0 10px; text-align: center; }
div.leftpane div.paneitem a.expert:hover span.passive { display: none; }
/* signup digital newsletter */
div.digitalnewsletter { float: left; width: 270px; }
div.digitalnewsletter td { padding-bottom: 4px; }
div.digitalnewsletter td.mpFormLabel { padding-right: 8px; text-align: right; font: 12px Arial, Helvetica, sans-serif; color: #4E5656; font-weight: bold; }
div.digitalnewsletter td.mpFormField input { border: 1px solid #4E5656; width: 180px; }
div.digitalnewsletter td.submitCell { text-align: right; padding-top: 12px; }
div.digitalnewsletter td.submitCell input { height: 26px; padding: 0 8px 3px; background-color: #FFFFFF; border: 1px solid #666666; color: #C0202F; display: inline-block; font: 12px Arial,Helvetica,sans-serif; }
/* Tell-a-Friend */
div.tellafriendcontainer { float: left; width: 270px; }
div.tellafriendcontainer a.taf { display: block; margin-top: 8px; font-size: 14px; text-decoration: none; }
div.tellafriendcontainer a.taf:hover { text-decoration: underline; }
span.externalicon { display: inline-block; width: 10px; height: 100%; padding-left: 6px; background: transparent url('../../images/default/icon_externallink.gif') right top no-repeat; }
/* news index */
div.newsindex { float: left; width: 270px; }
div.newsindex h3 { margin: 0; font-size: 16px; line-height: 22px; }
div.newsindex h3 a:hover { color: #C0202F; text-decoration: underline; }
div.newsindex span.date { display: block; margin-bottom: 8px; font-size: 12px; }
/* content pane */
div.contentpane { float: left; overflow: hidden; width: 480px; padding-top: 30px; font-size: 12px; }
div.contentpane div.bannercontainer { float: left; width: 100%; margin-top: 16px; text-align: center; }
div.contentpane p, h1, label { /*padding: 0 24px;*/ }
div.contentpane div.padbox { margin: 10px; }
div.contentpane div.paneitem { min-height: 300px; height: auto !important; height: 300px; float: left; width: 100%; }
div.contentpane div.applicationpane { background-color: #c9de6c; margin-top: 0; }
div.contentpane div.applicationpane ul li { margin-left: 12px; padding: 0 0 0 14px; background: url('../../images/default/listitem_grey.gif') left 7px no-repeat; font-size: 14px; list-style-type: none; }
div.contentpane div.bumper { float: left; height: 36px; }
div.contentpane fieldset p { font-family: "Times New Roman", Times, serif; font-size: 14px; }
/* content pane > tab menu */
div.contentpane div.applicationpane div.tabmenu { height: 26px; margin-bottom: 8px; background-color: #dfeba7; }
div.contentpane div.applicationpane div.tabmenu ul { list-style-type: none; }
div.contentpane div.applicationpane div.tabmenu ul li { display: block; float: left; padding: 0; margin: 0; list-style: none; border-right: 1px solid #c9de6c; background: none; }
div.contentpane div.applicationpane div.tabmenu ul li a { display: block; padding: 0 22px; line-height: 26px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #c0202f; text-decoration: none; }
div.contentpane div.applicationpane div.tabmenu ul li a:hover { background-color: #d6e68f; }
div.contentpane div.applicationpane div.tabmenu ul li.active a { background-color: #c9de6c; }
/* content pane > google maps */
div.contentpane div.applicationpane div.googlemapscontainer { position: relative; width: 462px; height: 462px; margin: 0 auto; }
div.contentpane div.applicationpane div.googlemaps { width: 462px; height: 462px; }
div.contentpane div.applicationpane div.googlemapscomplaintintensity { position: absolute; right: 8px; bottom: 24px; width: 100px; height: 90px; background-color: #FFFFFF; border: 4px solid #C9DE6C; text-align: center; color: #000000; font: 40px Arial, Helvetica, sans-serif; font-weight: bold;}
div.contentpane div.applicationpane div.googlemapscomplaintintensity p { font: 12px Arial, Helvetica, sans-serif; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel1 { color: #c9de6c; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel2 { color: #c8c965; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel3 { color: #c7b45e; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel4 { color: #c69f58; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel5 { color: #c58a51; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel6 { color: #c4744a; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel7 { color: #c35f43; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel8 { color: #c24a3d; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel9 { color: #c13536; }
div.contentpane div.applicationpane div.googlemapscomplaintintensitylevel10 { color: #c0202f; }
/* content pane > config */
div.contentpane div.applicationpane div.configcontainer { width: 462px; margin: 10px auto 2px auto; }
div.contentpane div.applicationpane div.configcontainer label { display: block; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; }
div.contentpane div.applicationpane div.configcontainer div.item { width: 462px; margin: 0 0 10px 0; background-color: #dfeba7; }
div.contentpane div.applicationpane div.configcontainer div.item div.padbox { margin: 4px 6px; }
div.contentpane div.applicationpane div.configcontainer div.item div.configheader { position: relative; float: left; width: 117px; height: 100%; text-align: right; border-right: 2px solid #C9DE6C; }
div.contentpane div.applicationpane div.configcontainer div.item div.configheader div.padbox { float: right; }
div.contentpane div.applicationpane div.configcontainer div.item div.configcontent { float: left; width: 266px; height: 100%; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary a.icon { display: block; margin-top: 6px; }
/* content pane > config > config period */
div.contentpane div.applicationpane div.configcontainer div.configperiod { height: 26px; }
div.contentpane div.applicationpane div.configcontainer div.configperiod button { vertical-align:bottom; height: 20px; }
div.contentpane div.applicationpane div.configcontainer div.configperiod select { margin: 3px 10px 0 8px; }
/* content pane > config > klachten dagboek */
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary { }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.pollenheader { height: 80px; /*border-bottom: 2px solid #C9DE6C;*/ }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.pollenheader a { position: absolute; right: 3px; width: 50px; height: 46px; background: transparent url('../../images/default/config_pollenicon.gif') top left no-repeat; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.pollenheader a.inactive { background-position: bottom; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.configpollen { /*width: 270px;*/ height: 80px; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.diaryheader a { position: absolute; right: 3px; width: 50px; height: 46px; background: transparent url('../../images/default/config_diaryicon.gif') top left no-repeat; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.diaryheader a.inactive { background-position: bottom; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.diaryheader { height: 80px; text-align: right; clear: left; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.configdiary { /*width: 270px; */height: 80px; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.configdiary div.padbox { margin: 36px 6px 0 6px; }
/* content pane > config > buienradar */
div.contentpane div.applicationpane div.configcontainer div.buienradar div.buienradarheader a { display: block; width: 50px; height: 46px; background: transparent url('../../images/default/config_buienradaricon.gif') top left no-repeat; }
div.contentpane div.applicationpane div.configcontainer div.buienradar div.buienradarheader a.inactive { background-position: bottom; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.animatecontainer { float: right; width: 71px; height: 162px; border-left: 2px solid #C9DE6C; }
div.contentpane div.applicationpane div.configcontainer div.buienradar a { text-decoration: underline; }
div.contentpane div.applicationpane div.configcontainer div.buienradar a.icon { /*margin-right: 6px;*/ text-decoration: none; }
div.contentpane div.applicationpane div.configcontainer div.buienradar div.configbuienradar div.padbox { margin: 18px 6px 0 6px; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.animatecontainer a { display: block; width: 45px; height: 45px; margin: 54px 0 0 14px; background: transparent url('../../images/default/config_animate_play.gif') left top no-repeat; }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.animatecontainer a.stop { background-image: url('../../images/default/config_animate_stop.gif'); }
div.contentpane div.applicationpane div.configcontainer div.pollenanddiary div.animatecontainer a:hover { background-position: bottom; }
div.contentpane div.applicationpane div.configcontainer div.configcontent input { display: inline-block; margin-right: 4px; }
div.contentpane div.applicationpane div.configcontainer div.configcontent label { display: inline-block; font-weight: normal; }
div.contentpane div.applicationpane div.configcontainer div.item table.pollen { width: 100%; }
div.contentpane div.applicationpane div.configcontainer div.item table.pollen tr td { width: 50%; padding-top: 4px; }
/* content pane > uitleg */
div.contentpane div.applicationpane div.tabuitleg { margin:0 10px 10px; background-color: #FFFFFF; }
div.contentpane div.applicationpane div.tabuitleg div.padbox { margin: 0 10px; padding: 10px 0; }
/* content pane > nieuws */
div.contentpane div.news { }
div.contentpane div.news div.item { margin-top: 12px; }
div.contentpane div.news h2 { position: relative; }
div.contentpane div.news h3,
div.contentpane div.news h3 a { margin-bottom: 6px; color: #4e5656; }
div.contentpane div.news h3 a:hover { color: #c0202f; text-decoration: underline; }
div.contentpane div.news img.newsimage { float: left; margin: 0 18px 4px 0; }
div.contentpane div.news div.itemfooter { margin-top: 16px; }
div.contentpane div.news a.morenews:hover { margin-top: 18px; text-decoration: underline; }
div.contentpane div.news div.mceContentBody a { text-decoration: none; }
div.contentpane div.news div.mceContentBody a:hover { text-decoration: underline; }
/* content pane > gegevens */
div.contentpane fieldset.editprofile { padding: 24px 0 24px 0; }
div.contentpane fieldset.editprofile table { width: 360px; margin: 0 auto; }
div.contentpane fieldset.editprofile table tr td { padding:0 10px 8px; text-align: right; }
div.contentpane fieldset.editprofile table tr td input.checkbox { float: left; border: 1px solid #4E5656; }
div.contentpane fieldset.editprofile table tr td select { float: left; }
div.contentpane fieldset.editprofile table tr td div.reminder { text-align: left; padding: 4px; color:#4E5656; font-weight: bold; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
div.contentpane fieldset.editprofile span.formerror { display: block; background-color: #ff0000; color: #FFFFFF; padding: 4px 8px; font-weight: bold; font-size: 10px; }
/* content pane > enquete */
div.contentpane div.enquete { }
div.contentpane div.enquete div.enqueteprogressbar { float: left; padding: 10px 0 0 10px; margin-bottom: 50px; }
div.contentpane div.enquete div.enqueteprogressbar ul li { float: left; list-style: none; background: none; padding: 0; margin: 0 8px 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
div.contentpane div.enquete div.enqueteprogressbar ul li span { display: block; float: left; line-height: 26px; background-color: #d6e68f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e5656; }
div.contentpane div.enquete div.enqueteprogressbar ul li span.integer { width: 26px; text-align: center; margin-right: 2px; }
div.contentpane div.enquete div.enqueteprogressbar ul li span.text { width: 72px; padding-left: 6px; }
div.contentpane div.enquete div.enqueteprogressbar ul li.current span { color: #c0202f; background-color: #ffffff; }
div.contentpane div.enquete div.intropage div.enqueteintrotab { float: left; margin: 30px 0 8px 10px !important; margin-left: 5px; }
div.contentpane div.enquete div.intropage div.enqueteintrotab span { float: left; display: block; background-color: #D6E68F; font-size: 11px; line-height: 26px; color: #4E5656; font-family: Arial, Helvetica, sans-serif; }
div.contentpane div.enquete div.intropage div.enqueteintrotab span.integer { margin-right: 2px; text-align: center; width: 26px; }
div.contentpane div.enquete div.intropage a.edit { float: right; margin: 32px 10px 0 0 !important; margin-right: 5px; }
div.contentpane div.enquete div.intropage fieldset.noinput { float: left; clear: none; width: 335px; margin-top: 30px; padding: 4px 4px 4px 4px; background-color: #d6e68f; font-style: italic; }
div.contentpane div.enquete div.enqueteintrotab span.text { padding-left: 6px; width: 72px; }
div.contentpane div.enquete fieldset { margin-top: 8px; padding-top: 8px; padding-bottom: 12px; }
div.contentpane div.enquete fieldset p,
div.contentpane div.enquete fieldset h1 { }
div.contentpane div.enquete fieldset input { width: auto; margin-left: 10px; border: 0 none; }
div.contentpane div.enquete fieldset input.text { border: 1px solid #4E5656; }
div.contentpane div.enquete fieldset table tr td.first { width: 3%; }
div.contentpane div.enquete fieldset table tr td.input label { margin-left: 10px; }
div.contentpane div.enquete div.enquetefooter { padding: 0 10px; margin: 42px 0 10px 0; text-align: right; }
div.contentpane div.enquete div.enquetefooter input.saveandexit { margin-right: 8px; }
div.contentpane div.enquete div.enquetefooter a.buttonnext { float: right; }
div.contentpane div.enquete div.enquetefooter a.buttonback { float: left; }
/* content pane > diary */
div.contentpane div.diary fieldset { padding: 8px 0; margin-top: 18px; }
div.contentpane div.diary fieldset.header { padding-top: 4px; margin-top: 10px; }
div.contentpane div.diary fieldset p,
div.contentpane div.diary fieldset h1,
div.contentpane div.diary fieldset label { padding: 0 10px; }
div.contentpane div.diary fieldset div.padbox { margin-bottom: 0; }
div.contentpane div.diary fieldset div.padbox p,
div.contentpane div.diary fieldset div.padbox h1,
div.contentpane div.diary fieldset div.padbox label { padding: 0; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; }
div.contentpane div.diary fieldset p.cattitle { margin-bottom: 4px; font-weight: bold; }
div.contentpane div.diary fieldset.search { padding: 12px 0 12px 10px; margin-top: 0; margin-bottom: 0; background-color: #D6E68F; }
div.contentpane div.diary fieldset.search label { padding-left: 2px; }
div.contentpane div.diary fieldset.search input { width: 320px; padding: 4px 0; padding-left: 2px; }
div.contentpane div.diary fieldset.bookmark { margin-top: 8px; }
div.contentpane div.diary fieldset table { width: auto; }
div.contentpane div.diary fieldset table.multibletables { margin: 0 0 32px 0; }
div.contentpane div.diary fieldset table tr td { width: auto; }
div.contentpane div.diary fieldset table tr td label { margin: 0; margin-right: 6px; }
div.contentpane div.diary fieldset table tr td.input { vertical-align: middle; width: 38px; text-align: left; }
div.contentpane div.diary fieldset table tr td.integer { vertical-align: middle; text-align: right; }
div.contentpane div.diary fieldset table tr td.input input { margin: 0; width: auto; border: 0 none; }
div.contentpane div.diary div.diaryfooter { margin: 42px 0 10px; padding: 0 10px; text-align: right; }
div.contentpane div.diary div.bumper { height: 30px; }
/* content pane > report */
div.contentpane div.report fieldset { padding-bottom: 8px; }
div.contentpane div.report fieldset.reportcalendar { padding: 10px 0 10px 0; text-align: center; }
div.contentpane div.report fieldset.reportcalendar table { }
div.contentpane div.report fieldset.reportcalendar table.ar_report_calendar { margin: 0 auto; width: 162px; }
div.contentpane div.report fieldset.reportcalendar table.ar_report_calendar a { text-decoration: none; }
div.contentpane div.report fieldset.reportcalendar table.ar_report_calendar tr td { width: auto; padding: 4px; background-color: #DFEBA7; border: 1px solid white; }
div.contentpane div.report fieldset.reportcalendar table.ar_report_calendar tr th.month h2 { margin-bottom: 8px; font-size: 18px; }
div.contentpane div.report fieldset.reportgraph { padding-top: 0; }
div.contentpane div.report fieldset.reportgraph table.ar_report_legend { margin: 18px 0 10px 10px; width: 162px; }
div.contentpane div.report fieldset.reportgraph table.ar_report_legend tr td { width: auto; }
div.contentpane div.report fieldset.reportgraph table.ar_report_legend tr td.legendcolor { display: block; width: 14px; height: 14px; margin-bottom: 2px; border: 1px solid #4E5656; }
/* content pane > registration */
div.contentpane div.registration { padding-top: 12px; background-color: #FFFFFF; }
div.contentpane div.registration p { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 16px; }
div.contentpane div.registration p,
div.contentpane div.registration h1 { margin-left: 10px; }
div.contentpane div.registration hr { border-color: #C9DE6C #FFFFFF #FFFFFF #FFFFFF; }
div.contentpane div.registration input.checkbox { margin-left: 0; }
div.contentpane div.registration fieldset { margin-top: 24px; }
div.contentpane div.registration table { }
div.contentpane div.registration table tr td { padding: 0 10px 8px 10px; }
div.contentpane div.registration table tr td.labelcell { width: 208px; padding-right: 0; }
div.contentpane div.registration table tr td.labelcell label { float: right; }
div.contentpane div.registration table tr td.inputcell { width: auto; padding-left: 0; }
div.contentpane div.registration table tr td.inputcell button { width: 202px; }
div.contentpane div.registration div.captcha { }
div.contentpane div.registration div.captcha img { border: 1px solid #4E5656; }
div.contentpane div.registration div.captcha input.text { margin-bottom: 8px; }
div.contentpane div.registration div.captcha button { margin-top: 8px; }
/* contentpane > articlepane */
div.contentpane div.articlepane { width: 478px; margin-top: 0; border: 1px solid #c9de6c; background-color: #FFFFFF; }
div.contentpane div.articlepane div.padbox { min-height: 550px; height: auto !important; height: 550px; margin: 4px 24px 24px 24px; }
div.contentpane div.articlepane h1,
div.contentpane div.articlepane h1 a:link,
div.contentpane div.articlepane h1 a:visited { font-size: 24px; font-weight: normal; }
div.contentpane div.articlepane h2 { margin-top: 32px; color: #4E5656; }
div.contentpane div.articlepane hr { margin-bottom: 0 !important; margin-bottom: 0; border-color: #bfc2c2 #FFFFFF #FFFFFF #FFFFFF; }
div.contentpane div.articlepane div.articleindex { padding: 12px 0; margin-bottom: 24px; border-top: 1px solid #4e5656; border-bottom: 1px solid #4e5656; }
div.contentpane div.articlepane div.articleindex ul { }
div.contentpane div.articlepane div.articleindex ul li { display: block; float: left; width: 194px; padding-left: 14px; background: url('../../images/default/listitem_red.gif') left 7px no-repeat; }
div.contentpane div.articlepane div.articleindex ul li a { font-size: 14px; }
div.contentpane div.articlepane div.articleindex ul li a:hover { text-decoration: underline; }
div.contentpane div.articlepane div.bumper { height: 120px; }
div.contentpane div.articlepane div.itemfooter { margin-bottom: 0; clear: both; }
/* right pane */
div.rightpane { float: right; width: 190px; padding-top: 30px; }
div.rightpane div.bannercontainer { width: 100%; text-align: center; }
div.rightpane div.paneitem { float: right; width: 172px; }
div.rightpane div.paneitem div.mceContentBody a { text-decoration: none; }
div.rightpane div.paneitem div.mceContentBody a:hover { text-decoration: underline; }
/* right pane > user login */
div.rightpane div.userlogin { padding: 0 18px 12px 20px; margin-bottom: 26px; background-color: #dfeba7; }
div.rightpane div.userlogin p { font-size: 12px; }
div.rightpane div.userlogin h2 { padding-top: 14px; }
div.rightpane div.userlogin label { display: block; padding-bottom: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
div.rightpane div.userlogin input { margin-bottom: 4px; border: 1px solid #4e5656; }
div.rightpane div.userlogin input.button { float: right; margin: 10px 9px 0 0 !important; margin: 10px 1px 0 0; cursor: pointer; }
div.rightpane div.userlogin div ul { margin-top: 24px; list-style-type: none; /*list-style-image: url('../../images/default/listitem_red.gif'); list-style-position: inside;*/ }
div.rightpane div.userlogin div ul li { height: 1%; padding-left: 14px; background: url('../../images/default/listitem_red.gif') left 7px no-repeat; }
div.rightpane div.userlogin div ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
div.rightpane div.userlogin div ul li a:hover { text-decoration: underline; }
div.rightpane div.userlogin img { margin-bottom: 16px; }
/* right pane > share */
div.rightpane div.share table { width: 100%; margin-top: 28px; }
div.rightpane div.share table tr td { padding-bottom: 6px; text-align: center; }
div.rightpane div.share table tr td.first { text-align: left; }
div.rightpane div.share table tr td.last { text-align: right; }
div.rightpane div.bannerbox { text-align: center; }
div.rightpane div.share div.panefooter { margin-top: 20px; }
/* site footer */
div.sitefooter { width: 100%; height: 220px; background-color: #c9de6c; }
html>/**/body div.sitefooter { height: 225px; }
div.footercontainer { width: 960px; margin: 0 auto; }
div.footercontainer p { margin-bottom: 24px; }
div.footercontainer h2 { margin-bottom: 8px; }
div.footercontainer div.padbox { padding: 12px 18px 12px 20px; }
div.footercontainer div.centercontainer { float: left; margin: 12px 0 0 20px; width: 480px; background-color: #DFEBA7; }
/* site footer > site index */
div.footercontainer div.siteindex { }
div.footercontainer div.siteindex h3 { display: block; float: left; width: 51px; height: 188px; margin-top: 16px; background-color: #dfeba7; }
div.footercontainer div.siteindex h3 img { margin: 14px 0 0 6px; }
div.footercontainer div.siteindex ul { display: block; float: left; width: 240px; height: 188px; margin: 16px 0 0 1px; background-color: #dfeba7; }
div.footercontainer div.siteindex ul li { display: block; padding-left: 14px; }
div.footercontainer div.siteindex ul li a { font: 14px "Times New Roman", Times, serif; text-decoration: none; }
div.footercontainer div.siteindex ul li a:hover { text-decoration: underline; }
div.footercontainer div.siteindex ul li.title { padding: 14px 0 10px 14px; }
div.footercontainer div.siteindex ul li.title a { color: #4e5656; font-size: 18px; font-weight: bold; }
div.footercontainer div.siteindex ul li.title a:hover { color: #c0202f; text-decoration: none; }
div.footercontainer div.siteindex ul li ul { margin: 4px 0; }
div.footercontainer div.siteindex ul li ul li { font-size: 12px; }
/* site footer > partner container */
div.footercontainer div.partnerscontainer { float: right; width: 172px; height: 188px; margin-top: 17px; background-color: #dfeba7; text-align: right; }
div.footercontainer div.partnerscontainer div.padbox { padding: 6px 8px 0 8px; }
div.footercontainer div.partnerscontainer img { margin-bottom: 4px; }
/* pagination */
ul.pagination { }
ul.pagination li { display: block; float: left; list-style-type: none; padding: 0; background-image: none; }
ul.pagination li a { font-family: "Times New Roman", Times, serif; font-size: 12px; }
/* form styles */
div.content form { margin: 0; }
div.content form, span.formerror, .error, .alert { color: #ff0000; clear: both; font-size: 11px; }
form span.formrequired { color: #ff0000; font-weight: bold; }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form input.checkbox { }
button { /*width: auto; background-color: #C0202F; padding: 2px 0; color: #FFFFFF; border: 1px solid #C0202F;*/ }
button:hover { /*cursor: pointer; border: 1px solid #000000;*/ }
/* sitemap */
ul.sitemap { }
ul.sitemap li { height: 1%; padding: 0 0 0 14px; background: transparent url('../../images/default/listitem_red.gif') no-repeat scroll left 7px; }
ul.sitemap ul { margin: 0 0 4px 0; }
ul.sitemap a { font-size: 16px; font-weight: bold; line-height: 22px; }
ul.sitemap a:hover { text-decoration: underline; }
ul.sitemap ul a { font-size: 14px; font-weight: normal; }
/* searchengine */
div.searchengine { font-size: 14px; }
div.searchengine div.resultshead { padding-bottom: 16px; border-bottom: 1px solid #4E5656; color: #4E5656; font: 12px Arial, Helvetica, sans-serif; }
div.searchengine form.search { margin-bottom: 8px; }
input.search-box2 { width: 274px; padding: 4px 0 4px 2px; vertical-align: baseline; border: 1px solid #4E5656; }
div.resultpagination { margin: 42px auto 0 auto; font: 12px Arial, Helvetica, sans-serif; color: #4E5656; }
div.resultpagination span { display: block; float: left; height: 15px; width: 15px; margin: 2px; text-align: center; border: 1px solid #eeeeee; font: 12px Arial, Helvetica, sans-serif; }
div.resultpagination a { display: block; float: left; height: 15px; width: 15px; margin: 2px; text-align: center; border: 1px solid #eeeeee; text-decoration: none; }
div.resultpagination a:hover { background-color: #C0202F; color: #FFFFFF; }
div.searchengine div.searchstars { font-size: 2em; margin: 0.5em 0 -0.5em 0; font-weight: bold; }
div.searchengine div.searchresultitle { margin: 18px 0 4px 0; }
div.searchengine div.searchresultitle a { font-size: 16px; }
div.searchengine div.searchresultlocation { margin-top: 4px; color: #51AACE; }
div.searchengine div.searchresultdescription p { text-decoration: none; color: #4E5656; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
/* AK: waar is dit aan gekoppeld???? */
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
/* medicine search */
div.medicinesearch { margin: 0 10px; padding: 10px; background-color:#FFF;}
div.medicinesearch p { margin: 0 0 10px 0;}
.suggestedmedicine { color:#58B8E0; font-style:italic;}
div.contentpane fieldset.medicinesearch input.searchfield { border: 1px solid #4E5656; padding:3px 0 4px 3px; width:320px; margin-top:5px;}
div.contentpane fieldset.medicinesearch input.button { border:1px solid #666666; margin-left:0px;}
/*Medicine tables*/
div.contentpane div.diary div.medicine table {width:440px;}
div.contentpane div.diary div.medicine table tbody tr th {padding:5px 0 5px 0; min-width:100px; width:100px; color:#C0202F; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:normal; border-bottom: #C0202F 1px solid; text-align:left;}
div.contentpane div.diary div.medicine table tbody tr th.empty {min-width:20px; width:20px; border-bottom:none; padding:0;}
div.contentpane div.diary div.medicine table tbody tr td {padding:6px 10px 0 0 ;}
div.contentpane div.diary div.medicine table tbody tr td.input {padding:2px 0 0 0 ; width:20px;}
div.contentpane div.enquete div.medicine table {width:440px;}
div.contentpane div.enquete div.medicine table tbody tr th {padding:5px 0 5px 0; min-width:100px; color:#C0202F; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:normal; border-bottom: #C0202F 1px solid;}
div.contentpane div.enquete div.medicine table tbody tr th.empty {min-width:20px; border-bottom:none; padding:0;}
div.contentpane div.enquete div.medicine table tbody tr td {padding:6px 10px 0 0 ;}
div.contentpane div.enquete div.medicine table tbody tr td.first {padding:2px 10px 0 10px; }
/* carrousel */
div.carrousel { padding: 1px; background: #ffffff; }
div.carrousel div.carrouselnav { font: 12px Arial, Helvetica, sans-serif; text-align: center; }
div.carrousel div.carrouselnav div.mceContentBody p { text-align: center; }
div.carrousel div.carrouselnav a.carousel { font-weight: normal; color: #8e1307; text-decoration: none; }
div.carrousel div.carrouselnav a.carouselactive { color: #4E5656; }
div.carrousel div.carrouselnav a.previmage { float: right; }
div.carrousel div.carrouselnav a.nextimage { float: left; }
div.carrousel div.carrouselnav a:hover { text-decoration: underline; }
div.carrousel div.carrouselnav p { font-weight: normal; padding-top: 0.5em; height: 3.5em; overflow: hidden; }
div.carrousel div.carrouselnav div.topnav { /*border-bottom: 1px solid #CADE6B;*/ padding-bottom: 2px; margin-bottom: 8px; }
div.carousel { display:none; }
div.carouselactive { overflow: hidden; width: 172px; height: 15em; margin-bottom: 8px; border: 1px solid #CADE6B; }
p.carousel { display:none; }