@charset utf-8;
body {background-color:#666;color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0}
table{margin-bottom:25px;border-collapse:collapse}
td{padding-left:5px}
a {cursor:pointer}
a:link {color:#FF0;text-decoration:none}
a:visited {color:#FC0;text-decoration:none}
a:hover {color:#F60;text-decoration:underline}
a:active {text-decoration:none}
img[src$="flag.gif"]{width:40px;height:24px;float:left;padding:3px 8px 4px 0}
img[src$="camera_1.png"]{width:21px;height:19px;cursor:pointer;padding:1px}
img[src$="album.png"]{width:26px;height:22px;cursor:pointer;padding:2px 1px 1px}
.storytext {font-size:10px}
.smalltext {font-size: 11px}
.bold {font-weight:700}
.yellow {color:#FF0}
.green{color:#3C0}
.darker{background-color:#5F5F5F}
.lighter{background-color:#6E6E6E}
.hidden_text {color:#666;font-size:8px}
.imageborder {border:1px solid #FFF}
.borderbottom{border-bottom:1px solid #FFF}
.fleft{float:left}
.fright{float:right}
.lt7{position:relative; left:-7px}
.rt50{position:relative; left:50px}
.padright{padding: 0 5px 5px 0}
.header{font-style:italic;font-size:14px;font-weight:700;text-align:left}
.smallHead {color:#FFF;font-size:10px;text-align:center}
.caption {font-style:italic;margin-top:5px;overflow:visible}
.imageCaption {font-style:italic;text-align:right;font-size:13px}
.copyright {font-size:10px;text-align:center;font-weight:400}
/* index.html */
#title {width:100%;background-color:#575757;border-bottom:1px solid #FAFAFA;font-size:24px;color:#FFF;font-style:italic;font-weight:700;text-align:center;padding:10px 0}
#title span {position:relative}
#title span.en{left:-35px}
#title span.nl{left:-45px}
#subtitle{font-size:10px;text-align:center;font-weight:400;border-bottom:1px solid #FAFAFA;padding:2px 0}
a.lang{float:left;font-size:10px;position:relative;top:18px;left:15px}
a.lang img {width:27px;height:15px;margin-right:5px;position:relative;top:-3px}
#leftBox, #rightBox{width:435px;float:left;position:relative;top:15px;left:65px;font-size:90%;text-align:left;vertical-align:middle}
#rightBox{width:435px}
#leftBox img, #rightBox img {border:none}
#leftBox {margin-right:50px}
#leftBox div {margin-bottom:15px;padding:5px;border:1px solid #777}
#leftBox p {margin:0 0 7px 0;border-bottom:1px solid #FFF}
#leftBox div#intro {height:145px;}
#leftBox div#intro_en {height:55px;}
#leftBox div#intro td {vertical-align:top}
#leftBox div#intro td:last-child {padding-left:4px}
div#online, div#offline {height:105px;border:1px solid #FFF}
#leftBox #online p, #leftBox #online p{margin:12px 0 20px 0; border:none}
#leftBox div#offline {display:none; background-color:#333}
#leftBox div#offline p {border-bottom:none}
#leftBox div#offline img {margin-right:15px}
#leftBox div#archives {height:60px;}
#leftBox .header img{position:relative;top:5px}
#leftBox .album, #leftBox .camera, #leftBox .camera_en{float:right;cursor:default;padding-bottom:3px}
#leftBox .camera, #leftBox .camera_en {width:21px;height:19px;position:relative;top:-5px;}
#leftBox .camera_en {top:6px;left:-5px;}
#leftBox table {width:100%}

#online #website {float:right; position:relative;top:-22px;left:-32px}
#onlinetest {float:left;position:absolute;left:-75px}
.logo {float:left;margin:5px}

#leftBox div#publications {height:210px;}
#leftBox div#publications li{position:relative;left:-15px}
#leftBox div#publications a.first{margin-left:13px}
#leftBox div#publications .pubs, #archives .pubs {font-size:11px;position: relative;left:12px}
#leftBox div#publications .pdf {height:20px; position: relative;left:-10px}
#leftBox div#publications img {margin:5px 10px 0 0;border:1px solid #777;height:100px}
#leftBox div#publications img:hover, #archives img:hover{border:1px solid #3CF}

#rightBox{height:547px;overflow-x:hidden;border:solid 1px #AAA}
#rightBox table {width:100%;font-size:11px;margin:0}
#rightBox table tr:nth-child(odd){background-color:#5F5F5F}
#rightBox table tr:nth-child(even){background-color:#6E6E6E}
#rightBox table tr td{cursor:default}
#rightBox td {width:30px}
#rightBox td:first-child{width:345px}
#rightBox a:hover img{position:relative;top:1px;left:1px}

#sa_top .hide {visibility:hidden} /* nodig voor breedte van td:last-of-type */
#sa_top tr:nth-of-type(3){border-bottom:1px solid #FFF}
#sa_top tr:last-child{border-bottom:1px solid #FFF}
td#toggle{font-style:italic; font-weight:600; text-align:center;padding:0;height:15px;
    background: -webkit-linear-gradient(#6E6E6E, #444, #6E6E6E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6E6E6E, #444, #6E6E6E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6E6E6E, #444, #6E6E6E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6E6E6E, #444, #6E6E6E); /* Standard syntax (must be last) */
}
td#toggle p{cursor:pointer}
#sa_rest {display:none}
#sa_hide {display:none}

/* for ChiBoPer */
#advert {position:absolute;width:200px;left:-210px;font-size:8px;color:#333}
#winclose {font-size:10px;text-align:center}