html,body { height: 100%; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a {outline: none;}
#outercontent {height: 0px; overflow: hidden; position: absolute; width: 100%; background: #c00; color: #fff; }
#outercontent[id] {display: table; position: absolute;}
#middlecontent {height: 100%; position: relative; width: 100%; text-align: center; visibility: hidden;}
#middlecontent[id] {display: table-cell; vertical-align: middle;overflow:scroll;}
#innercontent {position: relative; text-align: left;}
#innercontent {width: 970px; height: 580px; left:75px; *left: -70px; _left: -70px; margin-top:70px;padding-top:20px;}
#logohead { position: absolute; top: 0px; left: 0px; margin-left: 50px; }
#bottomcontent { text-align: left; background-color: #fff; position: fixed; bottom: 0px; left: 0px; width: 100%; height: 20px; z-index: 1000000; }
#bottomcontent div.left { font-size: 90%; color: white; float: left; margin-left: 40px; }
#bottomcontent div.left img { cursor: pointer; }
#innercontent a { color: #fff; font-weight: bold; }
#outer {height: 100%; overflow: hidden; position: absolute; width: 100%;}
#outer[id] {display: table; position: absolute; }
#middle {position: absolute; top: 0%; width: 100%; text-align: center;}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#outerred {height: 100%; overflow: hidden; position: absolute; width: 100%; background: #c00; z-index: 10; }
#outerred img { position: absolute; margin-left: 50px; float: left; cursor: pointer; }
#outerred div { position: absolute; margin-left: 70%; margin-top: 20px; float: left; color: #fff; font-size: 120%; }
#contents {height: 100%; overflow: hidden; position: absolute; width: 100%; background: #c00; z-index: 10; }
#contents img { position: absolute; margin-left: 50px; float: left; cursor: pointer; }
#inner {position: relative; text-align: left;}
#inner {width: 950px; height: 580px; margin-left: auto; margin-right: auto;}
#inner a { color: #c00; font-weight: bold; }
#bottom { text-align: left; background-color: #c00; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 20px }
#bottom img { margin-left: 50px; float: left; }
#bottom div.left { font-size: 90%; color: white; float: left; margin-left: 15px; }
#bottom div.right { font-size: 90%; color: white; float: right; margin-right: 35px; }
#bottom a { color: #fff; text-decoration: none; }
#bottom a:hover { text-decoration: underline; }
#lijf { position: absolute; left: 254px; top: 77px; width: 442px; height: 445px; background:url(../images/lijf.gif) no-repeat; display: none; }
#hart { position: absolute; left:360px; top: 160px; width: 75px; height: 75px; background:url(../images/hart_wacht.gif) no-repeat;}
#harttext {position: absolute; left:745px; top: 26px; width: 175px; display: none; }
#hartlijn { position: absolute; left:435px; top: 26px; width: 311px; height: 170px; background:url(../images/hart_lijn.gif) no-repeat ; }
div.title { background: url(../images/titel.png) no-repeat; width: 86px; height: 20px; color: white; text-align: center; }
div.text { font-size: 80%; margin-top: 10px; border-right: #ccc 1px solid; padding-right: 10px; }
#inner
#voet { position: absolute; left:305px; top: 480px; width: 75px; height: 75px; background:url(../images/voet_wacht.gif) no-repeat;}
#voettext {position: absolute; left:70px; top: 350px; width: 175px; display: none; }
#voetlijn { position: absolute; left:147px; top: 350px; width: 159px; width: 0px; height: 268px; background:url(../images/voet_lijn.gif) no-repeat ; }
#hand { position: absolute; left:630px; top: 275px; width: 75px; height: 75px; background:url(../images/hand_wacht.gif) no-repeat; }
#handtext {position: absolute; left:760px; top: 310px; width: 175px; display: none; }
#handlijn { position: absolute; left:706px; top: 310px; width: 64px; width: 0px; height: 2px; background:url(../images/hand_lijn.gif) no-repeat ; }
#kop { position: absolute; left:326px; top: 72px; width: 75px; height: 75px; background:url(../images/hand_wacht.gif) no-repeat; }
#koptext {position: absolute; left:40px; top: 25px; width: 175px; display: none; }
#koplijn { position: absolute; left:114px; top: 35px; width: 211px; width: 0px; height: 72px; background:url(../images/kop_lijn.gif) no-repeat ; }
.rodebox { border: #c00 1px solid; }
.nobg { background-image: none; }
.bubbleInfo {position: relative; float: left; }
.popup { position: absolute; display: none; width:100px; color: #000; }
.jswarning{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; border: #d6d8d6 1px solid; padding-top: 6px; padding-left: 30px; background: #ffffe1 url(../images/exclamation.gif) 4px 8px no-repeat; }
.lijnrechts { border-right: #fff 1px dashed;}
.lijnboven { border-top: #fff 1px dashed;}
.small { margin-bottom: 0px; line-height: 1.5; }
.clear {clear: both;}
/* contact page */
.contact-thumbs, .project-list {
border-right:1px dashed white;
float:left;
height:580px;
width:220px;
}
.contact-thumbs a img {
margin-right:15px;
margin-top:15px;
}
.contact-detail {
float: left;
margin-left:40px;
display: none;
}
.placeholder {
float: left;
margin-left:40px;
display: block;
}
.contact-detail img {
float: left;
}
.contact-info {
float:left;
margin-left:40px;
height:305px;
width: 200px;
}
.contact-slogan {
width: 190px;
}
#imiranda .contact-slogan {
margin-top:25px;
}
#ijeroen .contact-slogan {
margin-top:15px;
}
#iandre .contact-slogan {
margin-top:45px;
}
#ied .contact-slogan {
margin-top:85px;
}
.contact-static {
border-top:1px dashed #FFFFFF;
float:left;
left:270px;
padding-top:25px;
position:absolute;
top:385px;
width:550px;
}
.project-list ul {
display: block;
list-style-position:outside;
list-style-type:none;
margin-left:0;
font-size: 10px;
}
.project-list ul li a {
text-decoration: none;
font-weight: normal !important;
}
.project-list ul li a.selected {
font-weight: bold !important;
}
.project-detail {
left:250px;
position:absolute;
display: none;
width:505px;
}
.project-detail h2 {
color:#FFFFFF;
font-size:1em;
font-weight:bold;
margin:0;
}
.project-detail h4 {
color:#FFFFFF;
font-size: 10px;
font-weight:normal;
margin:0;
}
.project-detail .project-cycle {
top: 20px;
height: 320px;
}
.project-detail .project-content {
border-top:1px dashed #FFFFFF;
font-size:11px;
line-height:150%;
padding-top:20px;
position:absolute;
top:400px;
width:500px;
}