@import "colors.css"; 
body {
margin:0;
padding:0;
font: 62.5%/1.6em Tahoma, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
background:#f0f0f0;
}
/*
font grootte omrekenen: 
nieuwe waarde / oude waarde
bv #content font grootte is gerendered 12px, er moet een kop van 16 px in.
16 / 12 = 1,333
*/
/* algemene styles */
ul, ol {
list-style-type:none;
margin:0;
padding:0;
}
a img {
border:none;
}
.indent {
text-indent:-9999em;
overflow:hidden;
display:block;
}
fieldset {
border:none;
margin:0;
padding:0;
}
.floatLeft {
float:left;
margin:5px 10px 0 0;
padding:0 2px 2px 0;
background:url(../pics/dropshadow.gif) no-repeat 100% 100%;
}
.floatRight {
float:right;
margin:5px 0 0 10px;
padding:0 2px 2px 0;
background:url(../pics/dropshadow.gif) no-repeat 100% 100%;
}
#wrapper {
width:981px;
background:url(../pics/wrapperBack.gif) repeat-y 0 0;
position:relative;
}
.home #wrapper {
background:url(../pics/wrapperBackHome.gif) repeat-y 0 0;
}
#header {
background:#f0f0f0;
margin:0 0 0 11px;
padding:5px 5px 5px 24px;
}
#linkHome {
float:left;
margin:0 5px 0 0;
}
.fontAdjust {
display:block;
float:left;
width:14px;
height:1.6em;
margin:-5px 0 0 0;
}
#textNormal {background:url(../pics/fontNormal.gif) no-repeat 0 100%;}
#textLarge {background:url(../pics/fontLarge.gif) no-repeat 0 100%;}
#textHuge {background:url(../pics/fontHuge.gif) no-repeat 0 100%;}
#header a.logo {
width:140px;
height:98px;
margin:0;
background:url(../pics/logo.gif) no-repeat 0 0;
}
#commonNav {
width:242px;
position:absolute;
left:700px;
top:0;
z-index:5;
font-size:1.2em;
}
#commonNav ul {
margin:10px 0 10px 0;
float:right;
height:3em;
}
#commonNav ul li{
display: inline;
}
#commonNav ul a:link ,
#commonNav ul a:visited {
color:#3b3b3b;
}
#commonNav ul a:hover,
#commonNav ul a:focus,
#commonNav ul a:active {
color:#c31c00;
}
#searchBox {
width:242px;
height:83px;
background:url(../pics/searchBoxBack.png) no-repeat 0 0;
clear:both;
padding:10px 0 0 10px;
margin:0;
}
#searchBox input.search {
background:url(../pics/searchBoxInputBack.png) no-repeat 0 0;
border:none;
width:148px;
height:19px;
/*font-size:1.333em;*/
font-size:16px;
color:#3b3b3b;
margin:0 10px 0 0;
padding:5px 0 5px 5px;
float:left;
}	
#searchBox input.bttn {
float:left;
width:63px;
height:30px;
}
#searchBox a {
margin:0 0 10px 0;
color:#3b3b3b;
}	
#menu {
width:980px;
height:55px;
background:url(../pics/menuBack.gif) no-repeat 0 0;
margin:0 0 0 11px;
position:relative;
z-index:4;
}
.menu4  {
width:40px;
}
#menu li {
float:left;
margin:0 10px 0 0;
}
#menu li a {
display:block;
height:41px;
margin:0 0 10px 0;
color:#3b3b3b;
text-decoration:none;
font-size:1.5em;
text-indent:-9999em;
overflow:hidden;
}
#menu li.menu0 a {
width:116px;
background-image:url(../pics/menuOverleveste.png);
}
#menu li.menu1 a {
width:112px;
background-image:url(../pics/menuActualiteiten.png);
}
#menu li.menu2 a {
width:164px;
background-image:url(../pics/menuScheperziekenhuis.png);
}
#menu li.menu3 a {
width:198px;
background-image:url(../pics/menuWonenZorgWelzijn.png);
}
#menu li.addpage a {
text-indent:0;
}			
#menu li a:link,
#menu li a:visited {
background-position:0 0;
}
#menu li a:hover,
#menu li a:focus,
#menu li a:active {
background-position:0 -82px;
}
#menu li.active a:link,
#menu li.active a:visited {
background-position:0 -162px;
height:55px;
margin:0;
}
/* homepage */
.home #content {
padding-bottom:40px;
}
.home #content .column {
margin:55px 0 0 75px;
float:left;
}
.home .box {
width:246px;
height:352px;
}
.home #homeScheper {
background:url(../pics/homeBackScheper.png) no-repeat 0 0;
}
.home #homeZorg {
background:url(../pics/homeBackZorg.png) no-repeat 0 0;
}
.home .box h2 {
text-indent:-9999em;
overflow:hidden;
width:210px;
height:30px;
margin: 5px 0;
}
.home #homeScheper h2{
background:url(../pics/homeH2Scheper.gif) no-repeat 10px 8px;
}
.home #homeZorg h2{
background:url(../pics/homeH2Zorg.gif) no-repeat 10px 8px;
}
.home #content .box ul {
padding:10px 20px 0 15px;
background:none;
}
.home #content .box ul li {
margin:0 0 10px 0;
padding:0 0 0 15px;
}
.home #content #homeScheper ul li {
background:transparent url(../pics/bulletHomeScheper.gif) no-repeat 0 6px;
}
.home #content #homeZorg ul li {
background:transparent url(../pics/bulletHomeZorg.gif) no-repeat 0 6px;
}
.home #content .box ul a {
font-size:1.4em;
text-decoration:none;
}
.home #content .box ul a:link, .home #content .box ul a:visited {
color:#ffffff;
}
.home #content .box ul a:hover, 
.home #content .box ul a:focus, 
.home #content .box ul a:active {
color:#e8e8e8;
}
.home #homeScheper ul li {
/*background:url(../pics/homeBackListScheper.gif) no-repeat 0 100%;*/
border-bottom:1px solid #d92f88;
}
.home #homeZorg ul li {
/*background:url(../pics/homeBackListZorg.gif) no-repeat 0 100%;*/
border-bottom:1px solid #e59745;
}
.home .portlet-wrap-title {
display:none;
}
#pageInfo {
margin:-16px 0 0 11px;
padding:0 0 20px 0;
height:65px;
position:relative;
z-index:3;
}
#pageInfo h1 {
margin:0 0 0 230px;
padding:11px 0 0 0;
font-size:3.4em;
font-weight:normal;
color:#f0f0f0;
clear:both;
}
#secNav {
width:221px;
float:left;
position:relative;
z-index:1;
margin:-40px 0 0 0;
padding:83px 0 0 ;
background:url(../pics/leftColumn.jpg) no-repeat 11px 0;
font-size:1.2em;
}
#secNav ol#breadcrumbs {
border-left:solid 11px #19addc;
padding:7px 0 7px 0;
}
#secNav ol#breadcrumbs li {
background:url(../pics/breadcrumbItemBack.gif) no-repeat 10px 100%;
padding:0 0 17px 10px;
}
#secNav ol#breadcrumbs a:link,
#secNav ol#breadcrumbs a:visited {
color:#013a81;
}
#secNav ol#breadcrumbs a:hover,
#secNav ol#breadcrumbs a:focus,
#secNav ol#breadcrumbs a:active  {
color:#00a5da;
}
#secNav h2 {
background:#99d9ed url(../pics/secNavHeaderBack.gif) no-repeat 100% 0;
padding:4px 0 4px 10px;
margin:0;
font-size:1.4em;
font-weight:normal;
border-bottom:solid 1px #afdcea;
border-left:solid 11px #19addc;
color:#013a81;
}
#subMenu {
border-left:solid 11px #19addc;
}
#subMenu li a, #beneathNavigation ul li a {
display:block;
border-bottom:solid 1px #afdcea;
text-decoration:none;
padding:4px 0 4px 22px;
background-repeat:none;
}
#subMenu li a:link,
#subMenu li a:visited,
#beneathNavigation li a:link,
#beneathNavigation li a:visited {
background-position:0 -2px;
}
#subMenu li.active a:link,
#subMenu li.active a:visited,
#beneathNavigation li.active a:link,
#beneathNavigation li.active a:visited {
background-position:0 -164px;
}
#subMenu li a:hover,
#subMenu li a:focus,
#subMenu li a:active,
#beneathNavigation li a:hover,
#beneathNavigation li a:focus,
#beneathNavigation li a:active {
background-position:0 -82px!important;
color:#fff;
}
#beneathNavigation {
height:100px;
border-left:solid 11px #327aae;
padding:20px 0 0 0;
margin:0;
clear:both;
}
#content {
width:500px;
float:left;
padding:0 20px 60px 20px;
font-size:1.2em;
line-height:1.6em;
color:#003444;
}
.home #content {
margin:-16px 0 0 0;
width:721px;
background:url(../pics/backhome.jpg) no-repeat 11px 0;
}
#content h2 {
font-size:1.8em;
font-weight:normal;
}
#content h3 {
font-size:1.5em;
font-weight:normal;
margin:10px 0 2px 0;
}
#content h4 {
font-size:1.3em;
font-weight:bold;
margin:10px 0 2px 0;
}
#content p {
margin:0 0 10px 0;
}
#content ul li {
margin:0 0 4px 0;
padding:0 0 0 12px;
background:url(../pics/bullet.gif) no-repeat 0 6px;
}
#content ul li.readMore {
font-weight:bold;
padding:0;
background:none; 
}
#content a:link {
color:#19addc;
}
#content a:visited {
color:#d200a3;
}
#content a:hover,
#content a:focus,
#content a:active  {
color:#c31c00;
}
#content .column {
width:230px;
margin:0 15px 0 0;
float:left;
}
#content .column .portlet-boundary {
clear: both;
padding-top:10px;
}
/* Speciale lijsten */
#content ul.alfabet {
list-style-type:none;
margin:0;
padding:0;
width:200px;
}
#content ul.alfabet.first {
/*border-right:1px solid #d6d6d2;*/
float:left;
}
#content ul.alfabet.second {
float:right;
}
#content ul.alfabet li {
margin:15px 0 0 0;
padding:0 0 3px 0;
font-weight:bold;
font-size:1.333em;
background:none;
border-bottom:1px solid #e0decc;
}
#content ul.alfabet li ul {
list-style:square;
}
#content ul.alfabet li ul li {
font-size:0.75em;
font-weight:normal;
margin:0 0 0 14px;
border:none;
}
/* Forms */
#content form {
clear:both;
margin:10px 0;
}
#content form fieldset {
clear:both;
padding:10px 0;
border-bottom:1px solid #cac8b7;
}
#content form label {
width:175px;
margin:0 10px 0 0;
float:left;
font-weight:bold;
}
#content form input {
float:left;
width:200px;
border:1px solid #dadada;
padding:2px;
}
#content form input.searchBttn {
border:none;
width:16px;
height:16px;
float:left;
}
#content form p.searchResults {
clear:both;
}
#content form#searchForm table {
border-collapse:collapse;
table-layout:fixed;
border:none!important;
width:500px;
}
#content form#searchForm table td {
border:none!important;
vertical-align: top;
overflow:hidden;
}
#content form input.portlet-form-button {
width:auto;
background:#013a81;
color:#fff;
}
#content form select {
float:left;
width:200px;
border:1px solid #dadada;
padding:2px;
}
#content form textarea {
width:309px;
border:1px solid #dadada;
padding:2px;
font: 100%/1.6em Tahoma, Verdana, Arial, Sans-Serif;
}
#content ul#pageOptions {
padding:10px 0 0 0;
/*
margin:30px 0 30px 0;
*/
border-top:1px solid #dadada;
clear:both;
/* position:absolute; */
bottom:40px;
left:250px;
width:475px;
}
.home #content ul#pageOptions {
left:40px;
width:700px;
}
#content ul#pageOptions li {
float:left;
background:none;
margin:0 10px 0 0;
padding:0;
}
#content ul#pageOptions li a {
padding:2px 0 2px 20px;
}
#content ul#pageOptions li.mailDoor a {
background: url(../pics/ico_email.gif) no-repeat 0 1px;
}
#content ul#pageOptions li.printPage a {
background: url(../pics/ico_print.gif) no-repeat 0 0;
}
/* specialisten layout */
#content .specialist {
margin:0 0 30px 0;
border-bottom:solid 1px #013a81;
}
#content .specialist .description {
clear:both;
border-top:solid 1px #d4d4d0;
}
#content .specialist a.foldOut {
display:block;
height:18px;
overflow:hidden;
float:right;
clear:left;
margin:0 0 1px 0;
padding:0 23px 0 0;
font-size:0.833em;
}
#content .specialist a.foldOut:link,
#content .specialist a.foldOut:visited {
background:url(../pics/iconArrowUitklap.gif) no-repeat 100% 0;
}
#content .specialist a.foldOut:hover,
#content .specialist a.foldOut:focus,
#content .specialist a.foldOut:active {
background:url(../pics/iconArrowUitklap.gif) no-repeat 100% -50px;
}
#content .specialist a.foldOut.Out:link,
#content .specialist a.foldOut.Out:visited {
background:url(../pics/iconArrowUitklap.gif) no-repeat 100% -100px;
}
#content .specialist a.foldOut.Out:hover,
#content .specialist a.foldOut.Out:focus,
#content .specialist a.foldOut.Out:active {
background:url(../pics/iconArrowUitklap.gif) no-repeat 100% -150px;
}
#content .personPhoto {
float:left;
border:1px solid;
padding:1px;
margin:0 10px 0 0;
}
/* Google map */
#content .googleMap {
clear:both;
}
/* Portlet */
.portlet-box {
clear:both;
float:left;
padding:0;
}
#secNav .portlet-box {
float:none;
}
.portlet-title {
font-size:1.8em;
font-weight:normal;
display:block;
margin-bottom:6px;
}
/* TABEL */
table {
width:100%;
clear:both;
}
table tr {
margin:0;
padding:0;
}
table td {
padding:5px;
margin:0;
border-bottom:1px solid #dadada;
}
#infoBox {
width:190px;
float:left;
color:#f0f0f0;
background:#4971a3 url(../pics/infoBoxBack.png) no-repeat 0 100%;
padding:40px 10px 40px 10px;
position:relative;
z-index:1;
margin:-40px 0 450px 0;
font-size:1.2em;
}
#infoBox.max {
background:none;
}
#infoBox h2 {
font-size:1.333em;
margin:0;
padding:0;
}
#infoBox h3 {
font-size:1.166em;
font-weight:normal;
margin:10px 0 2px 0;
padding:0;
}
#infoBox ul li {
background:url(../pics/infoBoxListBack.gif) no-repeat 0 6px;
margin:0 0 3px 0;
padding:0 0 0 10px;
 
}
#infoBox p {
margin:0;
padding:0;
}
#infoBox a:link,
#infoBox a:visited {
color:#f0f0f0;
}
#address {
position:absolute;
right:8px;
bottom:28px;
color:#f0f0f0;
width:202px;
height:175px;
background:url(../pics/addressBack.gif) no-repeat 0 100%;
padding:275px 0 0 10px;
font-size:1.2em;
}
.home #address {
background:url(../pics/addressBackHome.gif) no-repeat 0 0;
padding:0 0 0 10px;
}
#address p {
margin:0;
padding:0;
}
#address a:link,
#address a:visited {
color:#f0f0f0;
} 
#address a:hover,
#address a:focus,
#address a:active {
color:#327aae;
} 
ul#footer {
clear:both;
text-align:center;
background:#327aae;
margin:0 10px 0 11px;
padding:3px 0;
font-size:1.1em;
height:22px;
}
ul#footer li {
display:inline;
border-right:1px solid #fff;
padding:0 10px;
}
ul#footer a {
text-decoration:none;
}
ul#footer a:link,
ul#footer a:visited {
color:#f0f0f0;
}
/* admin area */
#layout-user-menu {
background:#cca300;
padding:4px 0 4px 20px;
color:#fff;
}
#layout-user-menu a:link,
#layout-user-menu a:visited {
color:#fff;
}
#layout-user-menu a:hover,
#layout-user-menu a:focus,
#layout-user-menu a:active {
color:#5a3100;
}
#portal_add_content, .pop-up-outer {
background:#d4d4d0;
}
#portal_add_content a:link,
#portal_add_content a:visited{
color:#819acc;
}
#portal_add_content a img {
border:none;
}
#p_p_id_86_ {
position:absolute;
top:150px;
left:50px;
z-index:31;
}
#p_p_id_86_ .portlet-small-icon-bar {
position:absolute;
top:0;
left:0;
z-index:31;
}
#p_p_body_86 {
position:absolute;
top:0;
left:0;
width:960px;
z-index:30;
background:white;
padding:20px;
border:1px solid #013a81;
}
#content #p_p_body_86 .gamma-tab li {
background:none;
padding:3px;
margin:0 5px 0 0;
}
#content #p_p_body_86 .gamma-tab li.current {
font-weight:bold;
background:#013a81;
}
#content #p_p_body_86 input {
width:auto;
}
#layout-column_column-1, #layout-column_column-2, #layout-column_column-3, #layout-column_column-4, #layout-column_column-5 {
min-height:75px;
}
/* Pagina wijzigen porlet  */
#p_p_id_88_ {
position:absolute;
top:150px;
left:50px;
z-index:31;
}
#p_p_id_88_ .portlet-small-icon-bar {
position:absolute;
top:0;
left:0;
z-index:31;
}
#p_p_body_88 {
position:absolute;
top:0;
left:0;
width:960px;
z-index:30;
background:white;
padding:20px;
border:1px solid #013a81;
}
#content #p_p_body_88 .gamma-tab li {
background:none;
padding:3px;
margin:0 5px 0 0;
}
#content #p_p_body_88 .gamma-tab li.current {
font-weight:bold;
background:#013a81;
}
#content #p_p_body_88 input {
width:auto;
}
/* Mijn account porlet */
#p_p_id_2_ {
position:absolute;
top:150px;
left:50px;
z-index:31;
}
#p_p_id_2_ .portlet-small-icon-bar {
position:absolute;
top:0;
left:0;
z-index:31;
}
#p_p_body_2 {
position:absolute;
top:0;
left:0;
width:960px;
z-index:30;
background:white;
padding:20px;
border:1px solid #013a81;
}
#content #p_p_body_2 .gamma-tab li {
background:none;
padding:3px;
margin:0 5px 0 0;
}
#content #p_p_body_2 .gamma-tab li.current {
font-weight:bold;
background:#013a81;
}
#content #p_p_body_2 input {
width:auto;
}
/* Add Journal article */
#p_p_id_15_ {
position:absolute;
top:150px;
left:50px;
z-index:31;
}
#p_p_id_15_ .portlet-small-icon-bar {
position:absolute;
top:0;
left:0;
z-index:31;
}
#p_p_body_15 {
position:absolute;
top:0;
left:0;
width:960px;
z-index:30;
background:white;
padding:20px;
border:1px solid #013a81;
}
#content #p_p_body_15 .gamma-tab li {
background:none;
padding:3px;
margin:0 5px 0 0;
}
#content #p_p_body_15 .gamma-tab li.current {
font-weight:bold;
background:#013a81;
}
#content #p_p_body_15 input {
width:auto;
}
/* Portlet zonder id */
#p_p_body_portal_normal {
position:absolute;
left:20px;
width:960px;
background:white;
padding:20px;
border:1px solid #013a81;
}
#content #p_p_body_portal_normal .gamma-tab li {
background:none;
padding:3px;
margin:0 5px 0 0;
width:400px
}
#content #p_p_body_portal_normal .gamma-tab li.current {
font-weight:bold;
background:#013a81;
width:400px
}
#content #p_p_body_portal_normal input {
width:auto;
}
div.banner.legitimatie a {
position:absolute;
margin-top:120px;
width:189px;
height:94px;
background:url(../pics/banner-legitimatie.gif) no-repeat 0 0;
}
div.banner a {
display:block;
overflow:hidden;
text-indent:-9999em;
}