html { padding: 0; margin: 0; height: 100.01%; }
body { margin: 0; padding: 0; height: 100%; background: #708d5d url('../../images/default/bg_site.gif') repeat-x top ; font-family: arial, helvetica, sans-serif; font-size: 62.5%; behavior: url('htc/csshover.htc'); }
@font-face { font-family: 'dearJoeItalic'; src: url('font/dearji__-webfont.eot');}
@font-face { font-family: 'dearJoeItalic'; src: url('font/dearji__-webfont.eot'); src: local('?'), url('font/dearji__-webfont.woff') format('woff'), url('font/dearji__-webfont.ttf') format('truetype'), url('font/dearji__-webfont.svg#webfontje3L1RrG') format('svg'); font-weight: normal; font-style: normal;}
/* standard elements */
img { border: 0; behavior: url('htc/pngbehavior.htc'); }
p { margin: 0; }
a { color: #000000; }
a:hover { text-decoration: none; }
.error, .alert, div.mcecontentbody .error, div.mcecontentbody .alert { color: #ff0000; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }
/* splashpage */
div.introwrapper { position: relative; width: 480px; margin: 0 auto; padding: 0; text-align: left; border-top: 1px solid #6170A9; }
div.introtopbackground { position: absolute; width: 480px; left: 0; background-color: #001978; height: 100px; -moz-opacity:.6; filter:alpha(opacity=60); opacity: 0.6; }
div.introcontent { font-size: 1.2em; margin-top: 80px; background: #ffffff; padding: 40px 20px; }
/* to center the website */
div.wrapper { position: relative; width: 980px; margin: 0 auto; padding: 0; text-align: left; border-top: 1px solid #6170A9; }
/* menu */
ul.menu { display: block; position: absolute; left: 0px; top: 70px; padding: 0; margin: 0; height: 30px; width: 980px; }
ul.menu li { float: left; list-style: none; margin-left: 1px }
ul.menu li a { display: block; float: left; padding: 0 10px; line-height: 28px; height: 29px; font-size: 1.3em; color :#ffffff; text-decoration: none; font-weight: bold; }
ul.menu li a:hover { background-color: #e7e9ec; color: #365c6f; }
ul.menu li a.selected { background-color: #ffffff; color: #365c6f; }
/* level 2 */
ul.menu li ul { display: none; }
ul.menu li:hover ul { display: block; position: absolute; padding: 0; margin: 0; }
ul.menu li:hover ul li { display: block; text-align: left; float: none; }
ul.menu li:hover ul li a { display: block; }
ul.menu li:hover ul li:hover a { color: #000000; }
/* form styles */
div.content form { margin: 0; }
div.content form span.formerror { color: #ff0000; }
div.content form span.formrequired { color: #ff0000; font-weight: bold; }
div.homepage { margin-top: 100px; width: 980px; background: url(../../images/default/bg_main.gif) repeat-y; }
div.boxblue { width: 230px; padding: 10px 0 10px 18px; }
div.boxblue div.padbox { background:url(../../images/default/box_blue_bg.gif) repeat-y; padding: 0 20px; font-size: 1.2em; text-align: left; font-style: italic; }
div.ieimage { font-size: 0; }
div.boxgreen { width: 230px; width: 230px; padding: 10px 0 10px 18px; }
div.boxgreen div.padbox { background:url(../../images/default/box_green_bg.gif) repeat-y; padding: 0 20px; font-size: 1.2em; text-align: left; font-style: italic; }
div.hpboxflash { width: 230px; margin-top: -40px; padding: 0 0 10px 18px; }
div.hpboxflash div.padbox { background:url(../../images/default/box_blue_bg.gif) repeat-y; padding: 0 20px; font-size: 1.2em; text-align: left; position:relative; }
/* vervolgpagina's */
div.normalpage { margin-top: 100px; background: gray; width: 980px; background: url(../../images/default/bg_main.gif) repeat-y; }
div.maincontainer { float: left; width: 685px; padding: 0; background: url(../../images/default/bg_main.gif) repeat-y; }
div.menucontainer { float: left; width: 270px; padding: 0; margin: 0; background: #E7E9EC;}
div.container { float: right; width: 390px; padding: 0; margin: 0; }
div.sidecontainer { float: right; width: 270px; }
div.sidebox { width: 252px; margin: 0 0 12px 0; padding:0 0 5px 18px; }
div.blue { background-color: #6675ae; }
div.green { background-color: #b7e5b7; }
div.docbox { background-color: #6675ae; margin: 0em; padding: 0em; }
div.sidebottom { background: #ffffff url('../../images/default/shadow_south.gif') repeat-x top; border-top: 1px solid #6675ae; }
div.sidebox img.sidephoto { border: 0; float: left; margin-right: 0.5em; width: 10em; height: 12em; margin-bottom: -20px; }
div.sidebox p { /*padding: 1em;*/ font-size: 1.2em; }
div.date { }
div.date p.date { padding: 1em; font-size:1.1em; font-weight:normal; }
/*tell a friend*/
div.tellafriend { width: 22em; margin: 0 0 1.2em 0; background-color: #6675ae; }
div.docbox { background-color: #6675ae; margin: 0em; padding: 0em; }
div.tellafriendbottom { background: #ffffff url('../../images/default/shadow_south.gif') repeat-x top; border-top: 1px solid #6675ae; }
div.tellafriend img.tellafriend { border: 0; float: left; margin: 0.5em 0.5em 0.5em 1em; width: 12.5em; height: 3em; margin-bottom: -20px; }
div.tellafriend p { padding: 0.8em 0.5em; font-size: 1.2em; text-align:right; }
/*end tell a friend*/
/* correctie rand onder afbeeldingen */
img.clearimg { margin-bottom: -8px; }
html>body img.clearimg { margin-bottom: -13px; }
div.content { padding: 10px 10px 60px 10px; font-size: 1.2em; min-height: 340px; }
* html div.content { min-height: 340px; height: auto; }
a.gogo { color: #6675ae; text-align: left; display: inline-block; font-weight: bold; font-style:normal; text-decoration: none; padding: 2px 25px 2px 0; background: url(../../images/default/gogo.gif) no-repeat right 3px; }
a.gogo:hover { text-decoration: none; }
a.back { text-align: right; display: block; border-top: 1px solid #E7E9EC; margin-top: 20px; }
div.leftmenu { }
div.leftmenu img.scale { width: 270px; }
div.leftmenu p.left { padding: 10px 0 0 10px; font-size: 1.3em; font-weight: bold; color: #6675AE; }
ul.submenu { margin: 10px 0 0 0; padding: 0; height: 180px; list-style-type: none; }
html>body ul.submenu { min-height: 180px; height: auto; }
ul.submenu li a { display: block; color: #000000; padding: 0 8px 0 24px; font-weight: bold; font-size: 1.1em; text-decoration: none; line-height: 1.8em; height: 1.8em; }
html>body ul.submenu li a { min-height: 1.8em; line-height: 1.8em; }
ul.submenu li a:hover { background: #D5E980; }
ul.submenu li a.selected { background: #ffffff url('../../images/default/li_black.gif') no-repeat 12px 5px; color: #000000; }
ul.submenu li ul { margin: 0 0 3px 0; padding: 0; list-style-type: none; }
ul.submenu li ul li a { padding-left: 34px; font-weight: normal; }
ul.submenu li ul li a.selected { background-image: none; background-color: #ffffff; }
ul.poll { margin: 0px 0 0 0; padding: 0; height: 180px; list-style-type: none; }
html>body ul.poll { min-height: 180px; height: auto; }
ul.poll li { list-style:none;}
ul.poll li a { display: block; color: #000000; padding: 0 8px 0 40px; background: url('../../images/default/li_black.gif') no-repeat 19px 5px; font-weight: bold; font-size: 1.1em; text-decoration: none; line-height: 1.8em; height: 1.8em; }
html>body ul.poll li a { min-height: 1.8em; line-height: 1.8em; }
ul.poll li a:hover { background: #D5E980 url('../../images/default/li_black.gif') no-repeat 19px 5px; }
ul.poll li a.selected { background: #ffffff url('../../images/default/li_black.gif') no-repeat 19px 5px; color: #000000; }
ul.poll li ul { margin: 0 0 3px 0; padding: 0; list-style-type: none; }
ul.poll li ul li a { padding-left: 34px; font-weight: normal; }
ul.poll li ul li a.selected { background-image: none; background-color: #ffffff; }
div.poll p.left {padding-left:0; padding-right: 10px;}
/* top styles */
div.top { position: relative; height: 20px; width: 100%; }
div.topbackground { position: absolute; width: 980px; left: 0; background-color: #001978; height: 100px; -moz-opacity:.6; filter:alpha(opacity=60); opacity: 0.6; }
img.logo { position: absolute; top: 6px; left: 18px; width: 150px; height: 60px; }
img.logoprint { display: none; }
div.astrazeneca { z-index: 2; position: absolute; top: 7.5em; left: 76%; width: 22em; text-align: right; /*border: solid 1px red;*/ }
div.astrazeneca p { padding-top: 1.8em; float: left; color: #FFFFFF; font-weight: normal; font-size: 10px; }
div.astrazeneca img { width: 10.9em; height: 3.2em; }
img.astralogo { }
ul.servicemenu { position: absolute; right: 0; top: 8px; }
ul.servicemenu li { float: left; list-style: none; }
ul.servicemenu li a { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.2em; padding: 0 10px; }
img.header2 { width: 8.5em; }
div.foot { background: #97c852; padding: 18px 26px; font-size: 1.1em; border-top: 1px solid #586B9E; }
div.foot dl { float: left; width: 200px; margin: 0; padding: 0; }
div.foot dl.center { width: 420px; margin-left: 90px; }
div.foot dl dt { color: #333333; font-size: 1.7em; padding-bottom: 8px; }
div.foot dl dd { margin: 0; padding: 1px 0; }
div.foot dl dd a { font-weight: bold; color: #ffffff; font-size: 1.1em; text-decoration: none; }
div.foot dl dd a:hover { color: #333333; text-decoration: underline; }
div.foot div.azlogo { clear: both; text-align: left; padding-top:20px; }
div.foot div.azlogo a { font-weight: bold; color: #333333; font-size: 1.1em; text-decoration: none; text-align:left; margin-left: 710px; display:block; }
div.foot div.azlogo a:hover { color: #ffffff; text-decoration: underline; }
div.bumper { height: 40px; }
/* form preformatted styles */
form span.formerror { color: #ff0000; }
form span.formrequired { color: #ff0000; font-weight: bold; }
a.button { border: 1px solid #6674af; background: #80c901; color: #ffffff; font-weight: bold; text-decoration: none; padding: 0.1em 0.4em 0.1em 0.4em; }
button, .button { border: 1px solid #90c444; background: #ffffff; color: #596B9E; font-weight: bold; }
div.switchcontent { display: none; position: absolute; left: 200px; top: 70px; height: 400px; z-index: 2; background-color:#ffffff; border: 2px solid #80c901; }
/* 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; }
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: #666666; }
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; }
/* popups */
div.popup { position: absolute; left: 130px; top: 230px; width: 710px; display: block; background-color: #ffffff; border: 2px solid #80C901; }
div.popupbar { width: 710px; height: 24px; z-index: 12; background-color :#80c901; } /* width is fixed because of possible movies */
div.popupbar img { float: right; margin: 5px; }
div.popuppadding { margin: 5px; }
div.captcha {margin:1px; float:left;}
div.captcha button {margin-top:5px;}
div.captcha input {margin-top:5px;}
div.inzet { width: 370px; margin-bottom:20px; }
div.inzet div.padbox { padding: 0 10px; font-weight: bold; color: #000000; background-image: url(../../images/default/inzet_bg.gif); }
.date { text-align: right; color: #666666; padding: 5px 0; display: block; }
.smalldate { color: #666666; padding: 5px 0; font-style:italic; display: block; }
h3.left { line-height: 20px; }
li {margin-bottom:5px;}
/* pagemenu */
div.pagemenu ul { height: 20px; background: #5A6B9F; border-bottom: 1px solid #9e9e9e; margin:0; padding: 0; list-style: none; }
div.pagemenu ul li { float: left; line-height: 21px; }
div.pagemenu ul li a { float: left; display: block; font-weight: bold; padding: 0 10px; border-right: 1px solid #ffffff; color: #ffffff; text-decoration: none; }
div.pagemenu ul li a:hover { background: #21428d; }
div.pagemenu ul li.selected a { background: #ffffff; color: #21428d; }
div.pagemenu ul li.selected a:hover { background: #ffffff; }
div.pagemenu ul li a:visited { color: #ffffff; }
div.nieuws { width: 270px; }
div.nieuws div.item { padding:0px 0 5px 18px; font-size: 1.2em;}
div.nieuws div.item a.gogo { display:block; padding-right:40px; background-position: 215px 3px;}
span.meta {font-size: 0.9em; color:#999999; display:block; margin-bottom:5px; }
/* poll */
div#poll { padding: 0; margin: 10px 0; }
div.poll div.pollitem { display: inline; }
div.poll div.pollitem div.choice { clear: both; font-weight: bold; font-size:1.2em; }
div.poll div.pollitem div.resultbar { width: 140px; height: 10px; background:#CCCCCC; float: left; }
div.poll div.pollitem div.resultbar div { background: #6675AE; height: 10px; }
div.poll div.pollitem div.procent { float: right; width: 30px; line-height: 1em; font-size:1.2em; }
div.content div.poll div.pollitem div.resultbar { width: 300px; }