/* CSS Document */
<style type="text/css">
p {
padding: 1em 0;
line-height: 1.5em;
}
html, body {
margin: 0px 0px 0px 0px;
height: 100%; /* héél belangrijk */
font: 12px "Verdana", Arial, sans-serif;
color: #666666;
background: #FFFFFF;
text-align: center;
}
a {
text-decoration:none;
color: #003366;
font-weight:bold;
}
a:visited {
color: #003366;
}
a:hover {
text-decoration: none;
}
a:active {
color: #bb1708;
}
#container {
width: 750px;
margin: 0 auto;
position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
}
#splash {
width: 750px;
margin: 0 auto;
position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
background: url(.././beeld/metroplan.gif) center top no-repeat;
}
#splashheader{
padding-left:0px;
text-align: right;
height:50px;
font-size:1.3em;
background: #FFFFFF;
line-height: 60px;
}
#header{
padding-left:0px;
text-align: right;
height:80px;
font-size:1.3em;
background: #FFFFFF;
line-height: 60px;
}
#inhoud {
width:750px;
height:420px;
background: #FFFFFF;
}
#footer {
border-top: 1px solid #555;
position: absolute;
bottom: 0; /* heel belangrijk */
width: 100%;
background: #FFFFFF;
height: 40px;
font-size:1.3em;
line-height: 40px;
text-align:center;
}
#logofurniture {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logofurniture.gif) left top no-repeat;
}
#logoprojects {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logoprojects.gif) left top no-repeat;
}
#logoexhibitions {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logoexhibitions.gif) left top no-repeat;
}
#logocontests {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logocontests.gif) left top no-repeat;
}
#logowhoami {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logowhoami.gif) left top no-repeat;
}
#logodecor {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logodecor.gif) left top no-repeat;
}
#logoinfo {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logoinfo.gif) left top no-repeat;
}
#logonews {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logonews.gif) left top no-repeat;
}
#logolinks {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logolinks.gif) left top no-repeat;
}
#logopress {
position:absolute;
top:5px;
left:-20px;
float:left;
margin-right:10px;
width:230px;
height:400px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/logopress.gif) left top no-repeat;
}
#splashContainer {
float:left;
margin-right:10px;
width:750px;
height:529px;
background: #CECECE;
display:inline;
text-align:left;
background: url(.././beeld/metroplan.gif) center top no-repeat;
}
#navlist
{
margin-top:192px;
margin-left: 42px;
padding-left: 0;
list-style: none;
}
#jaartal
{
color: #003366;
font-weight:bold;
}
#bolz 
{
padding-left: 10px;
margin-left: -5px;
background-image: url(.././beeld/bol.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
list-style: none;
}
#bol 
{
padding-left: 10px;
margin-left: -15px;
background-image: url(.././beeld/bol.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
list-style: none;
}
#bolp 
{
padding-left: 10px;
margin-left: -15px;
background-image: url(.././beeld/bol.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
list-style: none;
}
#zonderbol
{
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0 .4em;
list-style: none;
}
#contentContainer {
position:absolute;
top:100px;
left:190px;
float:right;
width:520px;
height:400px;
display:inline;
text-align:left;
}
#text{
float: left;
position: absolute;
left:0px;
top:295px;
}
#textnews{
position: absolute;
left:0px;
top:295px;
width: 527px;
height: 180px;
overflow: auto;
}
#textinfo{
position: absolute;
left:189px;
top:385px;
width: 527px;
height: 180px;
text-align:left;
}
#texttop{
float: left;
position: absolute;
left:0px;
top:0px;
}
.Bounce{
border-style: solid;
border-width: 1px;
position:absolute;
top:0px;
left:0px;
float:right;
width:520px;
height:292px;
display:inline;
visibility:visible;
}
.Worms{
border-style: solid;
border-width: 1px;
position:absolute;
top:0px;
left:0px;
float:right;
width:520px;
height:292px;
display:inline;
visibility:visible;
}
.Flextra{
border-style: solid;
border-width: 1px;
position:absolute;
top:0px;
left:0px;
float:right;
width:520px;
height:292px;
display:inline;
visibility:visible;
}
.Flocu{
border-style: solid;
border-width: 1px;
position:absolute;
top:0px;
left:0px;
float:right;
width:520px;
height:292px;
display:inline;
visibility:visible;
}
.Flota{
border-style: solid;
border-width: 1px;
position:absolute;
top:0px;
left:0px;
float:right;
width:520px;
height:292px;
display:inline;
visibility:visible;
}
.Kikker{
border-style: solid;
border-width: 1px;
position:absolute;
top:0px;
left:0px;
float:right;
width:520px;
height:292px;
display:inline;
visibility:visible;
}
.Strak{
border-style: solid;
border-width: 1px;
position:absolute;
top:0px;
left:0px;
float:right;
width:520px;
height:292px;
display:inline;
visibility:visible;
}
.bottom {
position: absolute;
left: 0px;
top:297px;
right: 0px;
width: 250px;
z-index:10;
text-align:right;
}
.item{
width: 522px;
z-index:11;
}
#inch 
{
position:relative;
left:3px;
top:-7px;
float:right;
display:inline;
visibility:visible;
}
#imageContainer img {
display:none;
position:absolute;
top:0; left:0;
border:1px solid #000;
}
#imageContainer {
position:absolute;
}
#tekstafbeelding{
float:right;
}
.clsNode, .clsNode:visited{
color: black;
font-weight : bold;;
font-size : 9pt;
text-decoration : none;
margin-top:192px;
margin-left: 42px;
padding-left: 0;
list-style: none;
}
.clsNode:hover{
color: blue;
font-weight : bold;;
font-size : 9pt;
text-decoration : none;
margin-top:192px;
margin-left: 42px;
padding-left: 0;
list-style: none;
}
.navcontainer{
margin-top:192px;
margin-left: 42px;
padding-left: 0;
list-style: none;
}

</style>