* {
margin:0;
padding:0;
}
p {
font:0.8em/1.3em Arial, Helvetica, sans-serif;
margin-top:1.2em;
}
td p {
font:0.8em/1.3em Arial, Helvetica, sans-serif;
margin-top:.2em;
}
.orange {
color:#F39914;
}
a {
color:#F39914;
text-decoration:none;
}
a:hover {
color:#666666;
text-decoration:none;
}
h1 {
font:bold 0.9em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
html, body {
width:100%;
height:100%;
color:#666666;
}
body {
font:100% Verdana, Arial, Helvetica, sans-serif;
}
#container {
position:absolute;
width:800px;
height:510px;
left:50%;
margin-left:-400px; /* je haalt de linkerkant hiermee met de helft van de breedte terug naar links */
top:50%;
margin-top:-255px; /*je haald de bovenkant hiermee met de helft van de hoogte terug naar boven */
border-left:1px solid #999999;
border-right:1px solid #999999;
background-image:url(../webicons/logojumpingfish.gif);
background-repeat:no-repeat;
background-position:0px -30px;
}
#containerindex {
position:absolute;
width:800px;
height:510px;
left:50%;
margin-left:-400px; /* je haalt de linkerkant hiermee met de helft van de breedte terug naar links */
top:50%;
margin-top:-255px; /*je haald de bovenkant hiermee met de helft van de hoogte terug naar boven */
border-left:1px solid #999999;
border-right:1px solid #999999;
background-image:url(../webicons/logojumpingfish.gif);
background-repeat:no-repeat;
background-position:0px 60px;
}
#filler {
width:550px;
height:200px;
float:left;
margin-bottom:10px;
}
#navigation {
margin:30px 0 0 20px;
width:170px;
height:150px;
float:left;
}
#navigation ul {
margin-top:10px;
width:100%;
font-size:75%;
}
#navigation li {
list-style-type:none;
line-height:1.5em;
word-spacing:.08em;
letter-spacing:.03em;
}
#navigation li a {
color:#666666;
text-decoration:none;
background-image:url(../webicons/bolletje_grijs.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:20px;
}
#navigation li a.current {
background-image:url(../webicons/bolletje_oranje.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:20px;
}
#navigation li a span {
color:#F39914;
}
#navigation li a:hover {
color:#F39914;
text-decoration:none;
background-image:url(../webicons/bolletje_oranje.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:20px;
}
#navigation li a:hover span {
color:#666666;
}
#portfolio {
margin-left:10px;
width:170px;
height:290px;
float:left;
border-right:1px dotted #999999
}
#portfolio table {
width:150px;
margin-top:25px;
}
#portfolio ul {
margin-top:15px;
width:100%;
font-size:75%;
}
#portfolio li {
font-size:.9em;
list-style-type:none;
line-height:1.3em;
word-spacing:.08em;
letter-spacing:.03em;
}
#portfolio li a {
color:#F39914;
text-decoration:none;
background-image:url(../webicons/bolletje_grijs.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:20px;
}
#portfolio li a.current {
color:#666666;
background-image:url(../webicons/bolletje_oranje.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:20px;
}
#portfolio li a:hover {
color:#666666;
text-decoration:none;
background-image:url(../webicons/bolletje_oranje.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:20px;
}
#content {
float:left;
margin-left:20px;
width:500px;
height:150px;
}
#footerleft {
margin-left:10px;
width:150px;
height:20px;
float:left;
}
#footermid {
width:320px;
height:20px;
float:left;
padding-left:5px;
border-left:1px dotted #999999;
}
#footerright {
margin-left:20px;
width:200px;
height:20px;
float:left;
}
.clearfloats {
clear:both
}
.ptext {
font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
.ptextnext {
font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#F39914;
font-weight:bold;
padding-left:5px;
text-align:center;
}
.navtext {
font-size:0.7em;
}