/*@font-face {
font-family: "Fertigo"; src: url(Fertigo.otf) format("opentype");
}
*/
body{
margin:0;
padding:0;
line-height: 1.25em;
font-family: Fertigo, sans-serif;
font-size:0.875em;
color: #fff;
background-color:#000;
}

a{
color: #ccc;
text-decoration: none;
}

a.wit{
color: #fff;
text-decoration: none;
}

h1{
color: red;
font-weight:bold;
font-size: 110%;
}

h2{
color: red;
font-weight:bold;
font-size: 110%;
}

img {
border: none; 
vertical-align: middle;
}

b{font-size: 110%;}
em{color: red;}

.kopje{
color: red;
font-weight:bold;
}

table.center {
margin-left:auto; 
margin-right:auto;
}

td.streep {
text-decoration: line-through;
}

#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
min-height: 399px;
}

#topsection{
background: #000;
height: 145px; /*Height of top section*/
text-align: center;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#navsection{
background: #000;
height: 40px;
text-align: center;  
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 120px 0 120px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height: 399px;
}

#leftcolumn{
float: left;
width: 120px; /*Width of left column in pixel*/
margin-left: -950px; /*Set margin to that of -(MainContainerWidth)*/
height: 399px;
background: #000;
background-image:url('../gfx/ontharen-vrouwen-1.jpg');
background-repeat:no-repeat;
background-position:bottom right;
}

#rightcolumn{
float: left;
width: 120px; /*Width of right column*/
margin-left: -120px; /*Set left margin to -(RightColumnWidth)*/
height: 399px;
background: #000;
background-image:url('../gfx/ontharen-mannen.jpg');
background-repeat:no-repeat;
background-position:bottom left;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #fff;
text-align: center;
padding: 4px 0;
font-size:0.65em;
}

#footer a{
color: #f00;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

div.scrollholder
{
    position: relative;
    width: 695px; height: 366px;
    overflow: auto;
    z-index: 1;
    background-color: #000;
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 15px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: black;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 60px;
    cursor: pointer;
    z-index: 4;
/*    background: #f00; */
    background-image: url('../gfx/dragbar.jpg')
}