/* Met dank aan o.a. Booreiland Creations - www.booreiland.nl & Muninternet.com */

/* main */
body {background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%;}
div.name {position: absolute; width: 0px;}
div.main {position: absolute; width: 725px; left: 50%;	margin: 0px 0px 0px -370px;}

/* layout banner top */
div.bannertop {position:absolute; left:0px; top:0px; width:725px; height:172px; background-image:url(../images/banner_top.jpg);}

/* layout menu top */
div.menutop {position:relative; left:0px; top:172px; width:725px; height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:70%; line-height:18px; background-color:#7CA0BA;}
div.menutop a:link {text-decoration: none; color: #ffffff; font-weight: bold;}
div.menutop a:visited {text-decoration: none; color: #ffffff; font-weight: bold;}
div.menutop a:hover {color: #000000; font-weight: bold;}
div.menutop .menuitem {position: absolute;	bottom: 0px; width: 300px; top: 0px; color: #E7EEF6;}

div.menutop #rhzet {left: 13px; width: 35px;}
div.menutop #webdingen {left: 75px; width: 90px;}
div.menutop #stadswandelingen {left: 180px; width: 130px;}
div.menutop #macchiato {left: 332px; width: 75px;}


/* layout maincontent  */
div.maincontentholder {position: absolute; top: 200px; width: 398px; background-color:#FFFFFF;}
div.textfieldlayout {background-color:#E7EEF6; border: 1px solid #9EACBC;}
div.textfield {width: 380px; padding: 8px 0px 10px 10px;}

/* layout middlecontent  */
div.middlecontentholder {position: absolute; top: 200px; left: 409px; width: 130px;}
div.middleuphome {border: 1px solid #9EACBC; height:235px; background-image:url(../images/middle_zeedijk.jpg);}
div.middleupcontact {border: 1px solid #9EACBC; height:235px; background-image:url(../images/middle_contact.jpg); alt:Zuid Afrika, februari 2007;}
div.middleuprhzet {border: 1px solid #9EACBC; height:235px; background-image:url(../images/middle_rhzet.gif);}
div.middleupwandeltochten {border: 1px solid #9EACBC; height:235px; background-image:url(../images/middle_wandeltochten.jpg);}
div.middleupkoffie {border: 1px solid #9EACBC; height:235px; background-image:url(../images/middle_koffie.jpg);}
div.middleuplinks {border: 1px solid #9EACBC; height:415px; background-color:#E7EEF6;}

div.middledown {border: 1px solid #9EACBC; height:342px; background-image:url(../images/background_1.gif); margin: 10px 0px 0px 0px;}
div.middledownrss {border: 1px solid #9EACBC; height:162px; background-image:url(../images/background_1_klein.gif); margin: 10px 0px 0px 0px;}
div.middledowntext {width: 123px; padding: 7px 0px 0px 3px;}


/* layout rightcontent  */
div.rightcontentholder {position: absolute; top: 200px; left: 551px; width: 174px;}
div.rightup {border: 1px solid #9EACBC; background-color: #E7EEF6; height:160px;}
div.rightuptext {padding: 5px 10px 0px 10px;}
div.rightdown {border: 1px solid #9EACBC; background-image:url(../images/background_2.gif); height:417px; margin: 10px 0px 0px 0px;}
div.rightdowntext {width: 160px; padding: 7px 0px 0px 10px;}

/* layout footer  */
div.footer {padding: 2px 0px 2px 0px; text-align: center; font-size: 65%; color: #FFFFFF; background-color: #7CA0BA; margin: 0px 0px 10px 0px;}

/* layout mainlargecontent  */
div.mainlargecontentholder {position:absolute; left:0px; top:200px; width:539px;}
div.spacer {clear: both;}
div.largelayout {background-color:#E7EEF6; width: 179px; margin: 0px; float: left;}
div.linkstextfield {width: 163px; padding: 8px 0px 10px 10px;}



div.textfieldlink {height:1900px; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px; background-color:#E7EEF6; border: 1px solid #9EACBC;}
div.mainlargecontentholder .container {position: absolute; bottom: -30px; width: 300px;}
div.mainlargecontentholder #splitlinks {left: 12px; top:50px; width: 169px; background-color:#F5F9FD;}
div.mainlargecontentholder #splitmidden {left: 187px; top:50px; width: 169px; background-color:#F5F9FD;}
div.mainlargecontentholder #splitrechts {left: 362px; top:50px; width: 169px; background-color:#F5F9FD;}

/* General elements */
p {font-size: 75%; text-align:justify; margin: 0px 0px 11px 0px}
p.citaat {font-size: 70%;} 


h1 {font-size: 95%; font-weight: bold; color: #990000; letter-spacing: 0.2em; margin: 0px 0px 0px 0px}
h2 {font-size: 75%; font-weight: bold; color: #990000;  margin: 3px 0px 3px 0px;}

a:link{color: #000000;}
a:active{color: #000000;}
a:visited{color: #000000;}
a:hover{color: #990000;}
a.bold:link{color: #000000; font-weight: bold;}
a.bold:active{color: #000000; font-weight: bold;}
a.bold:visited{color: #000000; font-weight: bold;}
a.bold:hover{color: #990000; font-weight: bold;}
a.pdf:link{color: #000000; background-image:url(../images/pdf.gif); background-repeat: no-repeat; background-position: right; padding-right: 16px; padding-top: 2px;}
a.pdf:active{color: #000000;}
a.pdf:visited{color: #000000; background-image:url(../images/pdf.gif); background-repeat: no-repeat; background-position: right; padding-right: 16px; padding-top: 2px;}
a.pdf:hover{color: #990000;}
a.newwindow:link{color: #000000; background-image:url(../images/new_window2.gif); background-repeat: no-repeat; background-position: right; padding-right: 13px; padding-top: 2px;}
a.newwindow:active{color: #000000;}
a.newwindow:visited{color: #000000;background-image:url(../images/new_window2.gif); background-repeat: no-repeat; background-position: right; padding-right: 13px; padding-top: 2px;}
a.newwindow:hover{color: #990000;}

ul {font-size: 75%; margin: 10px 0px 0px 18px; line-height: 150%; padding: 0px 0px 0px 0px; list-style-image: url(../images/li_rood.gif);}
ul.pijl {font-size: 75%; margin: 10px 0px 0px 18px; line-height: 150%; padding: 0px 0px 0px 0px; list-style-image: url(../images/li_rood_pijl.gif);}
ul.1 {margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; list-style-image: url(../images/li_blauw.gif);}
ul.links {margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; list-style-image: url(../images/algemeen/li_rood_wit.gif);}
ol {font-size: 75%; margin: -3px 0px 0px 24px; padding: 0px 0px 0px 0px; text-align:justify;}

table {border-collapse: collapse; border: 1px solid #9EACBC;}
td    { border: solid 1px #9EACBC; padding: 3px 3px;}
table.startpagina {width:169px; border: 1px solid #9EACBC; border-collapse: collapse; font-size: 100%;}
.th_startpagina {background-color: #7CA0BA;}
table.links_rss {border: 0px;}
td.links_rss    {padding: 3px 3px; border: 0px;}

