@font-face
{
    font-family: my_font;
    src: url('http://www.dirkvis.net/fonts/interstate.eot');
    src: local(my_font), url('http://www.dirkvis.net/fonts/interstate.ttf') format('opentype');
}

@font-face
{
    font-family: my_font_light;
    src: url('http://www.dirkvis.net/fonts/interstate-light.eot');
    src: local(my_font_light), url('http://www.dirkvis.net/fonts/interstate-light.ttf') format('opentype');
}

@font-face
{
    font-family: my_font_black;
    src: url('http://www.dirkvis.net/fonts/interstate-mono-black.eot');
    src: local(my_font_light), url('http://www.dirkvis.net/fonts/interstate-mono-black.ttf') format('opentype');
}

body {
/*background-color: #fffff1;*/background-color: white;
font-family: my_font, monospace;
color:#000;
padding:20px;
font-size:15px;
line-height: 18px;
}

div#rightbody {
background-color: #fffff1;
position: absolute;
top:0px;
left:50%;
width:50%;
}

a:link {color:#f00;text-decoration:none;border-bottom:#f00 dotted 1px;}
a:visited {color:#f00;text-decoration:none;border-bottom:#f00 dotted 1px;}
a:active {color:#f00;text-decoration:none;border-bottom:#f00 solid 1px;}
a:hover {color:#f00;text-decoration:none;border-bottom:#f00 solid 1px;}

a.more:link {color:#f00;text-decoration:none;border-bottom:#f00 dotted 1px;}
a.more:visited {color:#f00;text-decoration:none;border-bottom:#f00 dotted 1px;;}
a.more:active {color:#f00;text-decoration:none;border-bottom:#f00 solid 1px;}
a.more:hover {color:#f00;text-decoration:none;border-bottom:#f00 solid 1px;}

a.taal:link {color:#000;text-decoration:none;border-bottom:#000 dotted 1px;}
a.taal:visited {color:#000;text-decoration:none;border-bottom:#000 dotted 1px;;}
a.taal:active {color:#000;text-decoration:none;border-bottom:#000 solid 1px;}
a.taal:hover {color:#000;text-decoration:none;border-bottom:#000 solid 1px;}

a.home:link {color:#000;text-decoration:none;}
a.home:visited {color:#000;text-decoration:none;}
a.home:active {color:#000;text-decoration:none;border-bottom:#000 dotted 1px;}
a.home:hover {color:#000;text-decoration:none;border-bottom:#000 dotted 1px;}

img {
border:none;
}
h2 {
font-size:14px;
color: #f00;
font-weight:bold;
text-transform: uppercase;
letter-spacing: 1px;
}
h2.black {
font-size:10px;
color: black;
font-weight:normal;
}
span.markings {
color:#f00;
}

div#footer, div#footer-hprtkst {
margin-top:20px;
padding-top:0px;
width:400px;
margin-bottom: 40px;
padding-bottom:40px;
height:300px;
}
div#footerlinks {
width:400px;
}
div#footerrechts {
width:400px;
}
div#footercontainer {
width:400px;
}

div#leftcolumn {
width:400px;
padding-bottom:40px;
position: fixed;
}

div#middlecolumn {
width:400px;
padding-top:40px;
}
div#leftcolumn p, div#middlecolumn p {
width:400px;
}
div#leftcolumn h2, div#middlecolumn h2 {
width:400px;
}

div#rightcolumn {
width:400px;
padding:20px 0 40px 40px;
background-color: #fffff1;
}
div#rightcolumn p {
width:400px;
}
div#rightcolumn h2 {
width:400px;
}

div#entry p {
width:400px;
}

div.rightentry {
padding-bottom:40px;
}

div#entry {
width:400px;
padding-bottom:40px;
}

div#right-hprtkst {
width:50%;
height:1200px;
position: absolute;
top:0px;
left:0px;
}

div#right-hprtkst {
position: absolute;
top: 0px;
left:50%;
width:50%
height:1200px;
background-color:#eee;
}

span.werktitel {
	text-transform: uppercase;
	color:#000;
	font-family: my_font_black;
	font-weight: normal;
	letter-spacing: 1px;
	font-size:16px;
}

span.werktaal {

}

div#footer-hprtkst p {
padding:0px 0 0px 0;
margin:0px;
}

div.hprtkst-right-box {
width:200px;
height:118px;
float:left;
overflow: hidden;
margin:5px 0 0 5px;
border:solid 2px transparent;
}

div.hprtkst-right-box p {
padding:0px;
margin:0px;
}

div.linkbox {
border:solid 2px transparent;
}

div.linkbox:hover {
border:solid 2px red;
}

div.animbox {
border:solid 2px transparent;
}

div.animbox:hover {
border:solid 2px black;
}

span.jaartal {
font-size:10px;
letter-spacing: 1px;
color:red;
}