body {
background-color: #900; /* #933;*/
width: 100%;
height: 10.5in;/* req.for percentage heights below */
/* line-height at least 140% of font-size */
}
p, li {
background-color: #900;font-size:1.05em;line-height:1.05em;
/* font-size: 1em; line-height: 1.2em; */ /* font-size-adjust: .5; */
font-family: "Minion Web", Georgia, "Myriad Web", Verdana, Tahoma, Helvetica, Arial, GillSans, sans-serif;
color: #F93;
padding-left: 3%;
text-indent: 0mm;
margin-top: 0mm;
margin-left: 0mm;
margin-right: 0mm;
text-align: left;
}
li.pot {
margin-left:20px;
list-style-image: url(bld/bulletpijl.png);
list-style-type:circle;
padding-top: 0;
padding-right: 15%;
padding-bottom:1.5%;
padding-left:0;
color: #FC0;
font-weight:bold;
}
li.vogel {
margin-left:30px;
list-style-image: url(bld/bulletvogel.png);
list-style-type:circle;
padding-top: 0;
padding-right: 25%;
padding-bottom:1.5%;
padding-left:0;
color: #FC0;
font-weight:bold;
}
li.rad {
margin-left:50px;
list-style-image: url(bld/bulletrad.png);
list-style-type:circle;
padding-top: 0;
padding-right: 25%;
padding-bottom:1.5%;
padding-left:0;
color: #FC0;
font-weight:bold;
}

p:lang(nl) {
color: #F93;
}
p:lang(en) {
color: red;
}
p:lang(de) {
color: white;
}
p.cent {
text-align: center;
}
.geel {
color: #FC0; /* diep-geel */
}
H1 {font-size: 1.8em; line-height: 3.6em; font-family: "Bauhaus Medium",Rockwell,"Caflisch Script Web","Comic Sans MS",Tahoma, GillSans, sans-serif, verdana, Helvetica-bold, GillSans-bold; font-weight: bold; text-align: center; color: #F93;
}
H3 {font-size: 1.2em; line-height: 1.3em; font-family: "Myriad Web","Comic Sans MS", tahoma, verdana; font-weight: bold;text-align: center; color: #F93;
}
H4 {font-size: 1em; line-height: 1.8em; font-family: "Minion Web",Georgia, Tahoma, verdana; font-weight: normal;
margin-right: 3mm; margin-left: 3mm; text-align: center; color: #FF9933;
}
H6 {
background-color: #900;
font-size: 1em; line-height: 1.2em; font-family: "Minion Web",tahoma, verdana; text-align: left;
color: #F93;
padding-left: 5%;
text-indent: 0mm;
margin-top: 0mm;
margin-left: 0mm;
margin-right: 0mm;
text-align: left;
}
A:link {
color: #FC0; font-family: "Myriad Web","Bauhaus Medium", "VAG rounded", Georgia, Tahoma;
font-size:1.2em;
line-height: 1.3em; text-decoration: none; font-weight: bold;
}
.vbL {
color: white; font-family: "Minion Web", Georgia, "VAG rounded", Tahoma;
font-size:1.1em; line-height: 1.2em; text-decoration: overline; font-weight: bold; /* text-align:center; */
background-image:"bld/potloodlinks.jpg" align="middle" width="100" height="35" border-width="1";
}
A:visited {
color: #FF0; font-family:"Minion Web", Georgia, "VAG rounded", Tahoma;
font-size:1.2em;
line-height: 1.3em; text-decoration: none; font-weight: bold;
} /* hover komt na A:link en na A:visited (LoVe/HAte) */
A:hover {
color: #FF0; font-family:"Myriad Web","Bauhaus Medium", "Minion Web", Georgia, "VAG rounded", Tahoma;
font-size:1.2em;
line-height: 1.3em; text-decoration: none; font-weight: bold;
}
A:active {
color: #FF0; font-family:"Minion Web", Georgia, "VAG rounded", Tahoma;
font-size:1.2em;
line-height: 1.3em; text-decoration: none; font-weight: bold;
}
A.external:link {
color: #66CCCC; font-weight: bold; text-decoration:none;
}
A.external:visited {
color: #CCCC99; font-weight: normal; text-decoration:none;
}
A.external:hover {
color: #FFFFFF; font-weight: bold; text-decoration:none;
}
A.external:active {
color: #666666; font-weight: bold;text-decoration:none;
}
A.internal:link {
color: #FFFF00; font-weight: bold;
}
A.internal:visited {
color: #CCCC99; font-weight: normal;
}
A.internal:hover {
color: #FFFFFF; font-weight: bold;
}
A.internal:active {
color: #FFCC0O; font-weight: bold;
}
/*===*/
#kop {
background-color: white;
position: fixed;
width: 100%;
height: 50px;
top: 10px;
right: auto;
bottom: auto;
left: 15px;
text-align: center;
}
#kerntekst {
position: fixed;
width: 250px;
height: 30%;
top: 50%;
right: 5px;
bottom: 100px;
left: 30%;
background-color: purple;
color: white;
text-align: center;
border: 5px; /* werkt niet */
border-color: white; /* werkt niet */
scrollable: height;
}
#voet {
position: fixed;
background-color: purple;
width: 60%;
height: 50px;
top: auto;
right: 0;
bottom: 0;
left: auto;
text-align: center;
}
#kolom-1 {
background-color: yellow;
position: fixed;
width: 110px;
height: 75%;
top: 15%;
right: 50px;
bottom: 10%;
left: 0px;
}
#kolom-2 {
background-color: red;
position: fixed;
width: 120px;
height: auto;
top: 15%;
right: 200;
bottom: 20%;
left: 110px;
}
#kolom-3 {
background-color: orange;
position: fixed;
width: 140px;
height: auto;
top: 15%;
right: 200;
bottom: 30%;
left: 230px;
}
#kolom-4 {
background-color: transparant;
position: fixed;
width: 160px;
height: auto;
top: 15%;
right: 200;
bottom: 40%;
left: 370px;
}
#kolom-5 {
background-color: gray;
position: fixed;
width: 180px;
height: auto;
top: 15%;
right: 200;
bottom: 50%;
left: 530px;
}
#kolom-6 {
background: transparent url(cssTest/joesTransprechts.png) no-repeat top;
background-color: transparant;
position: fixed;
width: 150px;
height: 450px;
top: 15px;
right: 0%;
bottom: auto;
left: auto;
}
.hokje {
background-color: grey;
color: white;
font: 24px;
position: floating;
width: 50%;
height: 20%;
top: 5%;
right: 10%;
bottom: auto;
left: 10%;
text-align: center;
}
#logo1024 {
background: transparent url(bld/logo/logoExpo1024.png) no-repeat;
background-color: transparent;
position: fixed;
width: 100%;
height: 100%;
top: 0%;
right:0%;
bottom: 0%;
left: 0%;
text-align: center;
}
/* IE 7 */ html > body #ie7 { *display: block; }
/* IE 6 */ body #ie6 { _display: block; }
/* Firefox */ @-moz-document url-prefix() { #firefox { display: block; } }
/* end */