/* GEWONE KLEUR VOOR H1 ENZOW: CC0000 */
html, body {
    height: 100%;
    margin: 0 auto;  
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color:#444;
    text-align:center;
    font-size: 12px;
    line-height:15px;
    background:#b5dc11;
}
div#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;        /* Bump div#blueBox down half the height of the screen. */
    margin-top: -322px; /* Half the height of div#blueBox. */
    float: left;
}  
#wrapper {
    clear:both;
	position: relative;
	text-align: left;
	width: 1024px;
    height:644px;
	margin: 0px auto;
	padding:0;
    background:url(../_img/site_bg.jpg) top center no-repeat #fff;
}
body.templ01 #contentBl {
    margin:0 0 0 128px;
    width:343px;
    height:644px;
    background:url(../_img/logo_MR_2011.gif) top right no-repeat #fff;
}
#dots01, #dots02, #dots03 {
    position:absolute;
    width:35px;
    height:605px;
    background:url(../_img/dots_2011.png) top center no-repeat;
}
#dots01 {
    z-index:3;
    top:40px;left:110px;
}
body.templ01 #dots02 {
    z-index:3;
    top:40px;left:452px;
}
#dots03 {
    z-index:3;
    width:15px;
    top:40px;right:0;
    background:url(../_img/dots_2011.png) top left no-repeat;
}
body.templ01 #pageTxt, body.templ02 #pageTxt  {
    text-align:left;
    position:absolute;
    top:150px;left:170px;
    z-index:5;
    width:255px;
    padding:0 15px 0 0;
    height:470px;
    overflow:auto;
}
body.templ01 #pageTxt:focus, body.templ02 #pageTxt:focus { outline:none; }
body.templ01 a#home, body.templ02 a#home {
    position:absolute;
    top:15px;left:170px;
    display:block;
    width:260px;height:80px;
    z-index:15;
}
body.templ02 a#home {
    left:720px;
}
/* MENU */
#menu {
    text-align:right;
    position:absolute;
    top:0;left:0;
    padding:40px 0 0 0;
    z-index:4;
    width:144px;
    height:604px;
    background:url(../_img/menu_bg_2011.gif) top left repeat-y;
}
#menu a#get_flash {
    position:absolute;
    top:-40px;left:0;
    z-index:5;
    width:100px;
    background:#fff;
}
a.menuItem {
    font-size: 14px;
    text-decoration:none;
    color:#444;
    padding:2px 35px 0 0;
    margin:6px 0 91px 0;
    display:block;
    width:102px;
    height:18px;
}
a.menuItem:hover {
    font-weight:bold;
    color:#333;
    background:url(../_img/menu_roll.png) top right no-repeat;
}
/* SUB MENU */
#wie_sub_bg, #wat_sub_bg {
    position:absolute;
    top:68px;left:0;
    z-index:5;
    width:128px;
    height:56px;
    background:#b5dc33;
    text-align:left;
	opacity: .6;
	filter: alpha(opacity=60);
}
ul.nav {
    position:absolute;
    z-index:10;
    margin:0;
    font-size:12px;
    padding-left: 0;
    margin-top:0;
    list-style: none;
    }
ul.nav li {
    padding-left: 10px;
    background-image: url(../_img/balletje.gif);
    background-repeat: no-repeat;
    background-position: 0 .3em;
}
ul.nav  li a {
    text-decoration:none;
    color:#333;
}
ul.nav  li a:hover {
    color:#000;
}
ul.nav#wie_sub {
    left:18px;
    top:76px;
}
#wat_sub_bg {
    top:179px;
}
ul.nav#wat_sub {
    left:18px;
    top:186px;
}
/* TEMPLATE 2 */
body.templ02 #dots02 {
    z-index:3;
    top:40px;
    left:655px;
}
body.templ02 #contentBl {
    margin:0 0 0 670px;
    width:354px;
    height:645px;
    background:url(../_img/logo_MR_2011.gif) 37px 0 no-repeat #fff;
}
body.templ02 #pageTxt {
    left:715px;
    width:255px;
    padding:0 15px 0 0;
}
body.templ02 #quote {
    left:220px;
}

/* QUOTE */
#quote {
    text-align:left;
    position:absolute;
    top:150px;left:550px;
    font-family: Georgia, Times, serif;
    font-weight:bold;
    font-style:italic;
    color:#fff;
    font-size:32px;
    line-height:36px;
    z-index:4;
}
#quote img#quote_open {
    position:absolute;
    left:-40px;
}
#quote img#quote_close {
    position:absolute;
    bottom:10px;
}
#quote .quote_open_span {
    position:absolute;
    left:-40px;
    display:block;
    float:left;
    width:31px;height:23px;
    background:url(../_img/komma_open.png) top left no-repeat;
}
#quote .quote_sluit_span {
    position:absolute;
    bottom:5px;
    display:block;
    width:31px;height:33px;
    background:url(../_img/komma_sluit.png) top left no-repeat;
}
#quote img#quote_close_repl {
    position:absolute;
    bottom:5px;
    background:url(../_img/komma_sluit.png) top left no-repeat;
}

/* TYPO */
p {
    margin:0;
    font-size:12px;
    line-height:15px;
}
p a, a {
    color:#444;
    text-decoration:underline;
}
p a:hover, a:hover {
    color:#444;
    text-decoration:none;
}
input, textarea {
    border:1px solid #ccc;
    font-family:Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#444;
}
/* LIST */
ul { 
    margin:0;
    padding-left: 0;
    list-style: none;
    }
ul li {
    padding-left: 10px;
    background-image: url(../_img/balletje2.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
ul li {
    color:#444;
    font-size:12px;
    line-height:15px;
    text-align:left;
}
ul li a {
    color:#3a3232;
    text-decoration:none;
}
ul li a:hover {
    color:#3a3232;
    text-decoration:underline;
}