﻿/* body + wrapper */
body { background-color: #fff; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 1.4em; }

body div#background { background: url("body-bg.jpg") center top fixed; }

/* body cannot have a bg due to an issue with the RTF Editor somehow inheriting it */

div#page-wrapper { background: transparent url("page-wrapper-bg.png") repeat-y; border-bottom: 1px solid #e8e8e9;}

/* header */
div#header { background: url("header-bg.jpg") no-repeat top left; }
div#header h1 { position: absolute; left: -9999px;}
div#service-menu { padding: 0 0 0 22px; }
div#service-menu ul { list-style: none; margin: 0; padding: 0; }
div#service-menu li { display: inline; margin: 0 15px 0 0; }
div#doelgroep-menu { border-right: 1px solid #fff; line-height: 29px; margin-right: 20px; }
div#doelgroep-menu a { color: #3b76aa; font-weight: bold; text-decoration: none; }
div#doelgroep-menu a.selected, div#doelgroep-menu a:hover { color: #791879; text-decoration: none; }
/* changed for MOSS menu */
div#doelgroep-menu table.raimenuitem a { color: #3b76aa; margin: 0 15px 0 0; }
div#doelgroep-menu table.raimenuitemselected a, div#doelgroep-menu table.raimenuitem a:hover { color: #791879; text-decoration: none; }
/* end change */
div#pagina-menu { border-right: 1px solid #fff; line-height: 29px; }
div#pagina-menu a { color: #3b76aa; text-decoration: none; }
div#pagina-menu a.selected, div#pagina-menu a:hover { color: #791879; text-decoration: underline; }
div#pagina-menu img { display: inline; line-height: 29px; margin: 0 0 0 10px; vertical-align: middle; }
div#taal-menu { line-height: 29px; }
div#taal-menu fieldset { border: none; margin: 0; padding: 0; }
div#taal-menu label { color: #87888a; margin: 0 5px 0 10px; }
div#taal-menu select { display: inline; }
div#titelbanner img { border: none; }

/* menu */
div#menubar { background: url("menubar-bg.png") repeat-x; font-family: arial, helvetica, sans-serif; font-size: 1.2em; line-height: 29px; }
div#menubar ul { list-style: none; margin: 0; padding: 0; }
div#menubar li { float: left; }
div#menubar li ul li { clear: both; }
div#menubar li ul { background: url("menu-bg.png") repeat; border: 1px solid #e8e8e9; border-top: none; left: -9999px; line-height: 20px; padding: 10px 0; position: absolute; width: 176px;}
div#menubar a { background: url("menubar-pijl.png") no-repeat right center; color: #fff; display: block; font-weight: bold; padding: 0 21px; text-decoration: none; }
div#menubar a:hover { color: #dfd8c6; }
div#menubar li ul li a { background: none; font-weight: normal; padding: 2px 21px; width: 134px; }
div#menubar li ul li a.sub { background: url("submenu-pijl.png") no-repeat 155px center; }
div#menubar li ul li a:hover { text-decoration: none; }
div#menubar li:hover { position: static; }
div#menubar li:hover ul, div#menubar li.sfhover ul { left: auto; }
div#menubar li ul ul { margin: -34px 0 0 176px; }
div#menubar li:hover ul ul, div#menubar li.sfhover ul ul { left: -9999px; }
div#menubar li:hover ul, div#menubar li li:hover ul, div#menubar li.sfhover ul, div#menubar li li.sfhover ul { left: auto; }

/* Print logo */

.print-only { display: none; }

/* content */

/* sidebar */
div#zoeken { background: url("zoeken-bg.png") repeat-y top left; }
div#zoeken fieldset { border: none; margin: 0; padding: 0; }
div#zoeken label { left: -9999px; position: absolute; }
div#zoeken input#idSearchString { background: url("zoeken-veld-bg.png") no-repeat; border: none; color: #4f4f4f; font-family: arial, helvetica, sans-serif; height: 15px; margin: 0; padding: 3px; width: 114px; }
div#zoeken .ms-searchimage { background: url("zoeken-button.png") no-repeat; border: none; cursor: pointer; height: 20px; margin: 0; padding: 0; width: 120px; }

div#quicklinks { background: #000 url("quicklinks-bg.png") no-repeat; }
div#quicklinks ul { list-style: none; margin: 0; padding: 0; }
div#quicklinks li { padding: 0 0 0.5em 0;}
div#quicklinks a { color: #fff; font-weight: bold; font-size: 1.1em; text-decoration: none; }
div#quicklinks a:hover { text-decoration: none; color: #dfd8c6;}

div#sidebarbanners img { border: none; }

/* voeter */
div#voeter { background-color: #f1f1f1; border-left: 1px solid #e8e8e9; border-right: 1px solid #e8e8e9; border-top: 1px solid #e8e8e9; }
div#voeter img.voeter-logo { float: left; margin: 0 0 0 20px; border: none; }
div#voeter ul { line-height: 29px; list-style: none; margin: 0; padding: 0; }
div#voeter li { display: inline; padding: 0 0 0 20px; }
div#voeter a { color: #505050; text-decoration: none; }
div#voeter a.selected { color: #000; }
div#voeter a:hover { color: #000; text-decoration: underline; }
div#voeter-misc { border-right: 0px solid #b1b1b1; }
