/* Stylesheet BiABiA */

/* HTML-TAGS EN TYPOGRAFIE */

body {margin:0 auto; background:#E9E9E9 url("media/grijsmasker.gif") no-repeat ; font-family: verdana, sans-serif; }
img {border: none;}
em {font-style: italic;}
strong {font-weight: bold;}
h1 {font-size:30px; color:white; margin:30px 0 30px 10px; }
h2 {font-size:20px; color:white; margin:15px 0 15px 10px; }
h3 {font-size: 13px; line-height:150%; color:white; margin:20px 10px 15px 10px; }
h4 {font-size: 13px; color:white; margin:5px 10px 0px 10px; }
h6 {font-size:11px; font-weight:bold; margin:8px 0 0 10px; }
p {font-size:11px; color:black; line-height:175%; margin:0 10px 10px 10px; }
ul, ol {margin:10px 20px 20px 2.5em; padding:0; }
ul {list-style-image: url("media/biabullet.gif") }
li {font-size:11px; line-height:150%; margin:0 0 5px 0; padding:0; }
a:link {color: black; font-weight: bold; background: inherit; text-decoration: none; }
a:visited {color:gray; font-weight: bold; background: inherit; text-decoration: none; }
a:hover {color: white; font-weight: bold; background: #5DA524; text-decoration: none; }
a:active {color: white; font-weight: bold; background: gray; text-decoration : none; }

/* LAYOUT */

#logohoog {position:absolute; top:75px; left:425px; }
#logolaag {position:absolute; top:295px; left:125px; }
#adreshoog {position:absolute; top:190px; left:375px; width:298px; }
#adreslaag {position:absolute; top:410px; left:75px; width:298px; }
#balklinks {position:absolute; top:275px; left:53px; width:20px; height:218px; background:#C8C8C8; }
#balkrechts {position:absolute; top:165px; left:825px; width:20px; height:218px; background:#C8C8C8; }
#balkboven {position:absolute; top:25px; left:375px; width:298px; height:28px; background:#5DA534; }
#balkonder {position:absolute; top:605px; left:375px; width:298px; height:28px; background:#5DA534; }
#beeldA1 {position:absolute; top:055px; left:075px; }
#beeldA2 {position:absolute; top:165px; left:075px; }
#beeldA3 {position:absolute; top:275px; left:075px; }
#beeldA4 {position:absolute; top:385px; left:075px; }
#beeldA5 {position:absolute; top:495px; left:075px; }
#beeldB1 {position:absolute; top:055px; left:225px; }
#beeldB2 {position:absolute; top:165px; left:225px; }
#beeldB3 {position:absolute; top:275px; left:225px; }
#beeldB4 {position:absolute; top:385px; left:225px; }
#beeldB5 {position:absolute; top:495px; left:225px; }
#beeldE1 {position:absolute; top:055px; left:675px; }
#beeldE2 {position:absolute; top:165px; left:675px; }
#beeldE3 {position:absolute; top:275px; left:675px; }
#beeldE4 {position:absolute; top:385px; left:675px; }
#beeldE5 {position:absolute; top:495px; left:675px; }
#hoofdmenu {position:absolute; top:175px; left:675px; width:148px; height:218px; }
#inhoudlang {position:absolute; top:55px; left:375px; width:298px; height:548px; }
#inhoudbreed {position:absolute; top:275px; left:75px; width:298px; height:548px; }
#inhoudgroot {position:absolute; top:55px; left:75px; width:598px; height:548px; }
#inhoudgrootlaag {position:absolute; top:275px; left:75px; width:598px; height:328px; }
#inhoudvolledig {position:absolute; top:55px; left:75px; width:748px; height:548px; background-color:black; text-align:center; }
#Boek{position:absolute; top:495px; left:075px; }
#buttondagmenu {position:absolute; top:10px; left:790px; z-index:10; }
#buttonblog {position:absolute; top:0px; left:100px; z-index:10; }
#buttonspecial {position:absolute; top:259px; left:676px;}
#buttonnieuws {position:absolute; top:605px; left:312px; display:none;}
#buttonpanel {position:absolute; top:225px; left:5px; z-index:10; }


/* AFWIJKINGEN */

.actiefmenu {font-weight: bold; color:#5DA524; }
#adreslaag p, #adreshoog p {margin: 0 0 2px 0; font-size:10px; line-height:150%; font-weight:bold; text-align:center; }
#hoofdmenu p {text-align:right; margin: 10px 10px; }
.groen {background-color:#5DA524; }
.groen p {font-weight: bold; margin:0 10px 10px 10px; }
.groen h1 {margin: 10px 10px 15px 10px; }
.groen li {font-weight: bold; }
.groen a:link {color: white; font-weight: bold; background: inherit; text-decoration: none; border-bottom:1px dotted white; }
.groen a:visited {color:white; font-weight: bold; background: inherit; text-decoration: none; border-bottom:1px dotted white; }
.groen a:hover {color: white; font-weight: bold; background: black; text-decoration: none; }
.groen a:active {color: white; font-weight: bold; background: black; text-decoration : none; }
#buttondagmenu a:link, #buttondagmenu a:visited {background:transparent url("media/buttondagmenu.gif"); position:absolute; top:0px; left:0px; }
#buttondagmenu a:hover, #buttondagmenu a:active {background:transparent url("media/buttondagmenu-active.gif");  position:absolute; top:0px; left:0px; }
#buttonblog a:link, #buttonblog a:visited {background:transparent url("media/mareblog.gif"); position:absolute; top:0px; left:0px; }
#buttonblog a:hover, #buttonblog a:active {background:transparent url("media/mareblog-actief.gif");  position:absolute; top:0px; left:0px; }
#buttonspecial a:link, #buttonspecial a:visited {background:transparent url("media/buttonkalkoenkerst.gif"); position:absolute; top:0px; left:0px; display:none;}
#buttonspecial a:hover, #buttonspecial a:active {background:transparent url("media/buttonkalkoenmenu.gif");  position:absolute; top:0px; left:0px; display:none;}
#buttonnieuws a:link, #buttonnieuws a:visited {background:transparent url("media/buttonnieuws.gif"); position:absolute; top:0px; left:0px; }
#buttonnieuws a:hover, #buttonnieuws a:active {background:transparent url("media/buttonnieuws-actief.gif");  position:absolute; top:0px; left:0px; }
#buttonpanel a:link, #buttonpanel a:visited {background:transparent url("media/buttonpanel.gif"); position:absolute; top:0px; left:0px; }
#buttonpanel a:hover, #buttonpanel a:active {background:transparent url("media/buttonpanel-actief.gif");  position:absolute; top:0px; left:0px; }
#inhoudvolledig object {margin:20px 0 28px 0; }
#inhoudvolledig small, #inhoudvolledig br {display:none; }