/* */
/* algemene opmaak */
html
{
width:100%;
height:100%;
font-family: Verdana, Tahoma, "Trebuchet MS", sans-serif;
font-size: small;
}
body
{
padding: 0;
margin: 0px 0px 0px 0px;
font-family: Verdana, Tahoma, "Trebuchet MS", sans-serif;
font-size: small;
background: #ffffed url(../../afbeeldingen/athene/bg.gif) 55% 120px no-repeat;
}
h1, h2, h3, h4, h5, h6, h7 {
color:#1f5d6e;
}
h1 {
padding: 0;
margin: 0;
font-size: 200%;
}
h2 {
font-size: 150%;
}
#mededelingen table tr td {
padding-right: 10px;
}
#voorpagina h2 {
padding:0;
margin:0;
}
#voorpagina p, #voorpagina ul {
padding:0;
margin:0;
margin-top: 7px;
}
#voorpagina ul li {
margin-left: 23px;
}
a:link, a:active, a:visited
{
color: #004080;
text-decoration: none;
}
a:hover
{
color: #004080;
text-decoration: underline;
}
a img {
border:0px;
}
a.metPijltje, button.metPijltje, input.metPijltje
{
padding-left: 12px;
background: url(../../afbeeldingen/athene/linkArrow.gif) no-repeat 0% 50%;
}
input, select, button {
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
}
textarea {
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.geencss {
display:none;
}
div.spacer {
/* dit is een divje om een ruimte van 2 pixels te creeren */
display:block;
width:5px;
height:5px;
overflow:hidden;
}
div#sidebar ul li.koptekst {
font-weight:bold;
background: none;
padding-left: 0;
}
/* header */
div#header {
background: #1f5d6e url(../../afbeeldingen/athene/fotobalk.jpg);
padding:0;
}
div#inlogcel {
float:right;
background: #bdd7c6;
width:255px;
border: 1px solid #1f5d6e;
margin-right:3px;
margin-top:3px;
padding: 1px;
font-size: 7.5pt;
}
div#inlogcel form {
padding: 0;
}
div#inlogcel form input {
font-family: Verdana, Tahoma, Arial, sans-serif;
}
div#inlogcel div, div#inlogcel a, div#inlogcel ul li a {
font-size:7.5pt;
color: #1f5d6e;
}
div#inlogcel p {
padding:0;
margin:0;
}
div#inlog-links {
float:left;
}
div#inlog-rechts {
float:right;
text-align: left;
width:160px;
}
div#inlog-a {
clear:both;
}
#logo {
padding:2px;
background: #1f5d6e;
width:177px;
height:75px;
display:block;
margin:0px 0px 0px 0px;
}
#logo a, #logo a:hover {
width:175px;
height:75px;
display:block;
background:url(../../afbeeldingen/athene/logo.gif) no-repeat 0px 0px;
}
#logo a span {
display:none;
}
div#fotobalkverloop {
background: url(../../afbeeldingen/athene/fotobalktrans.jpg) 181px 0px no-repeat;
}
div#hoofdmenu {
background: #bdd7c6;
border-bottom: 1px solid #759F9E;
height:17px;
padding-left:10px;
}
.nav-kleurverloop {
height:1px;
width:115px;
display:block;
background:url(../../afbeeldingen/athene/navheadbg.jpg) no-repeat 0% 0%;
position:absolute;
left:-10px;
top:17px;
z-index:1000;
}
div#hoofdmenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 105px;
float: left;
background: #bdd7c6;
color:#000000;
font-size:8.5pt;
font-family:Verdana, Tahoma, "Trebuchet MS", "MS Sans Serif", "Times New Roman", serif;
}
div#hoofdmenu a, div#hoofdmenu h2 {
font-size:10pt;
font-family:Verdana, Tahoma, "Trebuchet MS", "MS Sans Serif", "Times New Roman", serif;
color:#000000;
display: block;
margin: 0;
padding: 2px 3px;
}
div#hoofdmenu h2.headover {
background:#D7E7DD;
font-size:8pt;
text-align:center;
cursor:default;
}
div#hoofdmenu a {
color: #000;
background: #D7E7DD;
text-decoration: none;
font-size:8.5pt;
border-left:1px solid #1f5d6e;
border-right:1px solid #1f5d6e;
}
div#hoofdmenu h2 a.headlink {
text-align:center;
color: #000000;
background: #bdd7c6;
font-size:8pt;
border-left:none;
border-right:none;
padding: 0;
}
div#hoofdmenu li a.submenu {
color: #000;
background-color: #bdd7c6;
background:url(../../afbeeldingen/athene/uitklapmenubg.gif) no-repeat -5px -20px;
text-decoration: none;
font-size:8.5pt;
}
div#hoofdmenu li a.submenu:hover {
background:url(../../afbeeldingen/athene/uitklapmenubg.gif) no-repeat -5px 0px;
}
div#hoofdmenu a:hover {
color: #000000;
background: #bdd7c6;
}
div#hoofdmenu .submenukop {
position:absolute;
left:-104px;
top:-1px;
width:105px;
}
div#hoofdmenu .submenukop a,div#hoofdmenu .submenukop a:hover {
background-color: #bdd7c6;
background:url(../../afbeeldingen/athene/uitklapmenubg.gif) no-repeat -5px 0px;
z-index:1001;
cursor:default;
}
div#hoofdmenu li {
position: relative;
z-index:1000;
}
div#hoofdmenu ul ul {
position: absolute;
z-index: 500;
top:0px;
background: url(../../afbeeldingen/athene/menufoot.gif) 0px 100% no-repeat;
padding-bottom: 7px;
}
div#hoofdmenu ul ul li {
}
div#hoofdmenu ul ul ul {
position: absolute;
top: 0px;
left: 104px;
border-top:1px solid #1f5d6e;
}
div#hoofdmenu ul ul, div#hoofdmenu ul li:hover ul ul, div#hoofdmenu ul ul li:hover ul ul {
display: none;
}
div#hoofdmenu ul li:hover ul, div#hoofdmenu ul ul li:hover ul, div#hoofdmenu ul ul ul li:hover ul {
display: block;
}
/* Opmaak voor de hoofdinhoud */
/* buitenste laag */
div#outerwrapper {
background: url(../../afbeeldingen/athene/leftbg.gif) repeat-y left;
}
/* binnenkant */
div#wrapper {
background: url(../../afbeeldingen/athene/navbg.jpg) right repeat-y;
}
div#container {
width: 100%;
float: left;
margin-right: -250px;
/*background: url(../../afbeeldingen/athene/navbg.jpg) right repeat-y;*/
}
/* hoofdinhoud */
div#content {
margin-right: 250px;
background: url(../../afbeeldingen/athene/leftbg.gif) repeat-y left;
}
/* linkerbalk */
div#leftbar {
width: 100px;
float: left;
padding:3px;
position: absolute;
left: 0px;
top: 100px;
}
div#leftbar form {
background: #74a19d;
width: 90px;
}
div#leftbar form input {
width:90px;
}
/* zijbalk */
div#sidebar {
width: 230px;
float: right;
padding: 4px;
}
div#sidebar ul li.empty, div#subownav .empty, div#subow-bgonder .empty {
background: none;
list-style-type: none;
padding-left: 0;
}
/* de subow navigatie */
div#subownav {
background: #ffffed url(../../afbeeldingen/athene/rondboven.gif) no-repeat 0px 0px;
}
div#subow-bgonder {
padding: 5px;
background: url(../../afbeeldingen/athene/rondonder.gif) no-repeat 0% 100%;
}
div#subow-bgonder h2 {
font-size:16pt;
font-weight: normal;
padding: 0;
margin: 0;
}
div#subow-bgonder dfn {
font-size: 8.5pt;
color: #1f5d6e;
font-style: normal;
display:block;
padding-top: 6px;
}
div#sidebar ul {
padding:0;
margin:0;
padding-top: 8px;
}
div#sidebar ul li {
list-style-type: none;
background: url(../../afbeeldingen/athene/streepje.gif) 4px 4px no-repeat;
font-size: 8.5pt;
color: #1f5d6e;
padding-left:15px;
line-height:115%;
}
div#sidebar ul li a {
color: #1f5d6e;
}
div#sidebar .subowactive, div#sidebar ul li.subowactiveIcomonly span {
background: url(../../afbeeldingen/athene/pijlanim.gif) 4px 3px no-repeat;
font-weight:bold;
}
div#sidebar table, div#sidebar .kopgesloten {
width:100%;
background: #1f5d6e url(../../afbeeldingen/athene/rondboven.gif) no-repeat 0px 0px;
}
div#sidebar ul li.plusje {
background: url(../../afbeeldingen/athene/plusje.gif) 3px 4px no-repeat;
}
div#sidebar ul li.kruisje {
background: url(../../afbeeldingen/athene/kruisje.gif) 3px 4px no-repeat;
}
div#sidebar table.kopgeslotentable {
background: url(../../afbeeldingen/athene/rondonder.gif) no-repeat 0% 100%;
}
div#sidebar table tr td h3 {
color:#ffffed;
padding-left:22px;
padding-right:3px;
padding-top:2px;
padding-bottom:3px;
font-size:12pt;
margin:0px 0px 0px 0px;
background: url(../../afbeeldingen/athene/koppijllinks.gif) no-repeat 5px 50%;
}
div#sidebar table tr .kruisje {
text-align:right;
padding-right:5px;
/*background: #1f5d6e;*/
vertical-align:middle;
/*background: url(../../afbeeldingen/athene/koprechts.gif) no-repeat 100% 0%;*/
font-size: 7pt;
}
div#sidebar .menu {
background: #bdd7c6 url(../../afbeeldingen/athene/rondonder.gif) no-repeat 0% 100%;
padding:2px;
}
/* de menuonderdelen */
div#sidebar .menu dl, div#sidebar .menu ul {
padding:0;
margin:0;
}
div#sidebar .menu dl dt {
font-weight:bold;
font-size:10pt;
}
div#sidebar .menu dl dd {
padding:0;
padding-left:2px;
margin:0;
font-size:8.5pt;
}
div#sidebar .menu ul li {
font-size:8.5pt;
color:#1f5d6e;
list-style-type: none;
}
div#sidebar .menu dl dt, div#sidebar .menu dl dd, div#sidebar .menu dl dd a, div#sidebar .menu ul li a {
color: #1f5d6e;
}
/* maincontent */
div#maincontent {
margin-left: 108px;
padding-bottom:10px;
padding-top: 10px;
}
div#credits h1 {
margin: 0px 0px 0px 0px;
}
div#credits p {
padding:0;
margin: 0px 0px 0px 0px;
font-size:8pt;
color:#1f5d6e;
}
/* onderaan */
.clearingdiv {
clear: both;
height:0px;
}
/* footer */
div#footer {
background: #bdd7c6;
padding:1px;
font-size:8pt;
text-align:center;
clear:both;
border-top: 1px solid #1f5d6e;
border-bottom: 1px solid #1f5d6e;
}
span#paginaSwitcherTerug
{
display: none;
}
/**** CSS meegenomen uit oude layout ****/
td
{
vertical-align: top;
}
/*** Forum-classes ***/
table.forumtabel
{
padding: 3px;
}
td.nieuw
{
vertical-align: middle;
}
td.forumgroen
{
background-color: #bdd6c5;
text-align: center;
margin: 2px;
vertical-align: middle;
}
td.forumdonkergroen
{
background-color: #1f5d6e;
color: #ffffed;
text-align: center;
margin: 2px;
vertical-align: middle;
}
table.berichtentabel
{
}
table.tabelperbericht
{
}
td.gebruiker
{
background-color: #bdd6c5;
font-size: 8pt;
padding: 3px;
border-right: 1px solid #1F5D6E;
}
td.gebruikernaam, td.gebruikernaam a:link, td.gebruikernaam a:hover, td.gebruikernaamn a:active, td.gebruikernaam a:visited {
font-size: 10pt;
color:#000000;
font-weight:bold;
text-decoration: none;
}
td.forumknoppen
{
text-align: right;
padding: 0px;
margin: 0px;
}
td.volgendevorige
{
vertical-align: bottom;
}
td.topictitel
{
background-color: #1f5d6e;
color: #ffffed;
font-weight: bold;
padding: 5px;
vertical-align: middle;
}
td.berichtinfo
{
text-align: right;
padding: 0px;
margin: 0px;
border-top-style: solid;
border-width: 1px;
border-color: #1f5d6e;
}
td.forumbericht-naam {
font-weight:bold
}
td.forumbericht
{
border-style: solid;
border-color: #1f5d6e;
border-width: 1px;
padding: 0px;
}
td.forumbericht p
{
padding: 0;
margin: 0;
}
td.forumberichttekst
{
padding: 3px;
margin: 0px;
border-top-style: solid;
border-width: 1px;
border-color: #1f5d6e;
border-left:none;
}
.beschrijving
{
font-size: 9pt;
}
/*** Voorpagina ***/
.inhoudcel
{
border-right: 1px solid #1f5d6e
}
p.voorpaginakop
{
color: #1f5d6e;
font-size: 150%;
font-weight: bold;
margin: 0px;
}
td.voorpaginakop
{
color: #1f5d6e;
font-size: 150%;
font-weight: bold;
margin: 0px;
}
ul.voorpagina
{
margin-top: 0px;
margin-left: 20px;
}
td.voorpaginatekst
{
}
td.voorpaginalink
{
padding-bottom: 10px;
}
div.quote {
border-style: solid;
border-width: 1px;
border-left-width: 3px;
padding: 5px;
margin: 5px;
background-color: #ffffcc;
display: block;
}
span.EditBtn {
position:relative;
top:8px;
right:5px;
height:32px;
}
span.EditBtn a img {
border: none;
}
span.EditBtn a {
padding:2px;
border:1px solid #FFFFED;
}
span.EditBtn a:hover {
padding:2px;
border:1px solid #1f5d6e;
background: #b0cdb4;
text-decoration: none;
}
div.suggestItem, div.suggestItem-hover {
border-bottom: 1px solid #000000;
background: #bdd7c6;
font-family: Tahoma, Verdana;
font-size: 8.5pt;
/*cursor: hand;*/
}
div.suggestItem-hover {
background: #ffffed;
}
div.suggestItem div, div.suggestItem-hover div {
padding:1px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
p#wisselSorteerVolgorde
{
padding: 0;
margin: 0;
}
/*** een rand om een table of td ***/
table.rand, td.rand {
border: 1px solid #000000;
}
/***/
textarea.forumedit
{
border: 1px solid #bdd7c6;
background: #fff url(../../afbeeldingen/athene/forumedit.gif) 100% 100% no-repeat fixed;
}
textarea.forumnew
{
border: 1px solid #bdd7c6;
background: #fff url(../../afbeeldingen/athene/forumnew.gif) 100% 100% no-repeat fixed;
}
textarea.forumreply
{
border: 1px solid #bdd7c6;
background: #fff url(../../afbeeldingen/athene/forumreply.gif) 100% 100% no-repeat fixed;
}
/***/
pre.roosterwijziging
{
font-family: "Lucida Console", "Courier New", Fixedsys, monospace;
}
/*** auto aanvullen CSS - (C) Matthijs Melissen ***/
.Suggest_queryFreeChoice
{
margin-bottom: 0px;
}
.Suggest_queryNoFreeChoice
{
}
.Suggest_queryContainerNoFreeChoice
{
display: none;
}
.Suggest_container
{
/*position: relative;*/
}
.Suggest_search-results
{
background-color: #fff;
width: 306px;
border: 1px solid #000;
display: none;
position: absolute;
margin: 0px;
padding: 0px;
z-index: 100; /* Het dropdown menu moet altijd boven alles weergegeven worden */
}
.Suggest_sr, .Suggest_srs
{
width: 303px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 8.5pt;
padding-left: 3px;
}
.Suggest_sr
{
background-color: #fff;
color: #000;
}
.Suggest_srs
{
background-color: #1f5d6e;
color: #fff;
cursor: pointer;
}
.Suggest_srt
{
}
label.Suggest_label
{
width: 150px;
float: left;
text-align: right;
padding-right: 3px;
padding-top: 2px;
margin-right: 10px;
clear: left;
}
/* Forum bekijktopic-div */
div.bt-zijblok
{
display: block;
float: right;
width: 100px;
height: 120px;
position: relative;
top: 4px;
right: 7px;
text-align: right;
}
div.bt-zijblok div.avatarDisplay
{
width: 100px;
height: 100px;
display: block;
}
div.bt-zijblok div.avatarSpacer
{
width:100px;
height:17px;
display: block;
}
div.bt-lb
{
background: url(../../afbeeldingen/athene/bt-lb.gif) no-repeat 0% 0%;
}
div.bt-rb
{
background: url(../../afbeeldingen/athene/bt-rb.gif) no-repeat 100% 0%;
}
div.bt-rb-klein
{
background: url(../../afbeeldingen/athene/bt-rb-klein.gif) no-repeat 100% 0%;
}
div.bt-lo
{
background: url(../../afbeeldingen/athene/bt-lo.gif) no-repeat 0% 100%;
}
div.bt-ro
{
background: url(../../afbeeldingen/athene/bt-ro.gif) no-repeat 100% 100%;
}
div.bt-forumknoppen
{
text-align: right;
}
div.bt-topictitel
{
background: #1f5d6e url(../../afbeeldingen/athene/pixel-ffffed.gif) repeat-y 28px 0px;
color: #ffffed;
font-weight: bold;
margin-bottom: 6px;
margin-top: -8px;
}
div.bt-topictitel-in
{
margin: 6px;
display: block;
height: 22px;
min-height: 22px;
text-align: center;
}
div.bt-topictitel-titel
{
position: relative;
top: 2px;
}
div.bt-outerwrapper
{
padding-bottom: 8px;
}
div.bt-bericht
{
background: #bdd7c6;
clear: both;
}
div.bt-bericht-nieuw
{
background: #bdd7c6 url(../../afbeeldingen/athene/bt-kleurverloop.gif) repeat-x top;
clear: both;
}
div.bt-inhoud
{
padding-left: 8px;
padding-right: 116px;
padding-top: 0;
padding-bottom: 0;
margin: 0;
min-height: 102px;
/*border: 1px solid #000;
line-height: 135%;*/
}
div.bt-inhoud p
{
padding: 0;
margin: 0;
}
hr.bt-scheiding
{
display: none;
color: #ffffed;
background: #ffffed;
}
div.bt-inhoud p.berichtInfo
{
padding-top: 6px;
padding-bottom: 1px;
font-style: italic;
font-size: x-small;
}
div.bt-info h2, div.bt-info h2 a, div.bt-info h2 a:hover, div.bt-info h2 a:active, div.bt-info h2 a:visited
{
font-size: 105%;
font-weight: bold;
margin: 0;
padding: 0;
padding-top: 3px;
padding-left: 3px;
color: #000;
display: inline;
}
div.bt-info
{
padding: 4px;
margin-left: 4px;
}
p.bt-status, p.bt-ondertitel
{
padding: 0;
padding-right: 20px;
margin: 0;
display: inline;
}
p.bt-ondertitel
{
padding-top: 6px;
font-style: italic;
font-size: x-small;
}
p.bt-status
{
font-style: italic;
font-size: x-small;
float: right;
/*padding-right: -4px;*/
}
p.bt-ondertitel
{
display: block;
}
div.bt-verbergen
{
display: none;
}
div.bt-tonen
{
}
div.bt-modknoppen
{
padding: 2px;
background: #fff;
border: 1px solid #000;
}
span.bt-slotjeKnop
{
position: relative;
left: 0px;
top: 1px;
}
span.bt-switchOrder
{
position: relative;
left: 0px;
top: 1px;
}
span.bt-selectPagina
{
padding-right: 8px;
position: relative;
top: -2px;
left: 5px;
}
span.bt-selectPagina select
{
background-color: #1f5d6e;
color: #ffffed;
font-weight: bold;
}
div.bt-titelOptiesRechts
{
position: relative;
top:2px;
right:2px;
float: right;
z-index: 100;
}
div.bt-titelOptiesLinks
{
position: relative;
top:2px;
left:2px;
float: left;
z-index: 99;
}
div.bt-modknoppen-out ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
div.bt-modknoppen-out ul li
{
display: inline;
position: relative;
}
div.bt-modknoppen-out ul li ul
{
position: relative;
right: 16px;
top: 16px;
display: none;
list-style-type: none;
border: 1px solid #1f5d6e;
background: #ffffed;
width: 16px;
padding: 0;
margin: 0;
z-index: 1000;
}
div.bt-modknoppen-out ul li:hover ul
{
display: block;
position: relative;
right: 16px;
top: 16px;
}
div.bt-modknoppen-out ul li ul li
{
display: block;
width: 16px;
}
div#dvhjCountdown
{
background: #1f5d6e;
color: #ffffed;
padding-left: 20px;
}
div.belangrijkeMededeling
{
border-bottom: 2px solid #1f5d6e;
border-top: 1px solid #1f5d6e;
background: #bdd7c6;
color: #1f5d6e;
font-weight: bold;
font-size: 120%;
text-align: center;
padding: 6px;
}
div.belangrijkeMededeling p
{
padding: 0;
margin: 0;
}
/*** deze links zijn alleen voor icom-leden beschikbaar ***/
/* het nieuws-blok */
dd.icomonly
{
}
dd.icomonly a
{
background: url(../../afbeeldingen/athene/rechtsIcom2-klein-donker.gif) no-repeat 100% 50%;
padding-right: 15px;
}
dd.icomonly a:hover
{
background: url(../../afbeeldingen/athene/rechtsIcom2-klein-nieuw.gif) no-repeat 100% 50%;
padding-right: 15px;
}
/* subow */
div#sidebar ul li.subowIcomonly a, div#sidebar ul li.subowactiveIcomonly span
{
background: url(../../afbeeldingen/athene/rechtsIcom2-klein-donker.gif) no-repeat 100% 0px;
padding-right: 15px;
}
div#sidebar ul li.subowIcomonly a:hover
{
background: url(../../afbeeldingen/athene/rechtsIcom2-klein-nieuw.gif) no-repeat 100% 0px;
}
/* forum */
div#sidebar ul li.icomonly
{
color: #ff0000;
}
div#sidebar ul li.icomonly a, div#maincontent a.icomonly
{
background: url(../../afbeeldingen/athene/rechtsIcom2-klein.gif) no-repeat 100% 50%;
padding-right: 17px;
padding-top: 1px;
padding-bottom: 1px;
/*color: #ff0000;*/
}
div#sidebar ul li.icomonly a:hover, div#maincontent a.icomonly:hover
{
background: url(../../afbeeldingen/athene/rechtsIcom2-klein-nieuw.gif) no-repeat 100% 50%;
}
div#maincontent td.stickytopic
{
background: url(../../afbeeldingen/forum/stickyfill.gif);
}
div#sidebar ul li.redtopic
{
color: #ff0000;
}
.paginanummer_s {
border: 1px #1F5D6E solid;
background: #BDD7C6;
padding: 0 2px;
}
.paginanummer:hover {
text-decoration: none;
color: #74A19D;
}
/* FORUM */
#forumcontainer {
overflow: hidden;
}
.paginanummers {
padding-top: 10px;
}
.paginasysteem {
float: left;
vertical-align: middle;
height: 30px;
}
#forumknoppen {
float: right;
text-align: right;
vertical-align: middle;
height: 30px;
width: 210px;
}
#forumtopictitel {
padding: 5px;
background: #1F5D6E;
color: #FFFFED;
font-weight: bold;
}
.bericht {
width: 100%;
background: #CDDFD3;
}
.namedate p {
padding: 3px;
}
.namedate p a {
color: #000;
text-decoration: none;
}
.namedate p a:hover {
color: #000;
text-decoration: none;
}
.namedate {
font-weight: bold;
}
.name {
width: 50%;
float: left;
font-size: 13px;
background: #CDDFD3 url(../../afbeeldingen/forum2/topic/hoekjelb.gif) left top no-repeat;
}
.name_s {
width: 50%;
float: left;
font-size: 13px;
background: #DCE59C url(../../afbeeldingen/forum2/topic/hoekje_slb.gif) left top no-repeat;
}
.date {
width: 50%;
float: right;
font-size: 13px;
background: #CDDFD3 url(../../afbeeldingen/forum2/topic/hoekjerb.gif) right top no-repeat;
}
.date_s {
width: 50%;
float: right;
font-size: 13px;
background: #DCE59C url(../../afbeeldingen/forum2/topic/hoekje_srb.gif) right top no-repeat;
}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#venstertje {
position: absolute;
top: 50%;
left: 50%;
z-index: 1001;
width: 400px;
height: 200px;
padding: 20px;
margin: -200px;
background: #FFFFED;
}
/* */