* {
 box-sizing      : border-box;
 -moz-box-sizing : border-box;
}

body {
 margin: auto;
 text-align: center;
 padding: 0;
 border: 0;
 background-color: #000;
 color: #FFF;
 font-family: arial, helvetica, verdana;
 font-size: 11px;
}

.container {
 width: 962px;
 height: 540px;
 padding: 0;
 border: 0;
 background-color: #FFF;
 color: #000;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: auto;
 margin-top: 15px;
}

img {
 margin: auto;
}

.underconstruction {
 margin: auto;
 border: 1px dotted #000;
 width: 400px;
 height: 22px;
 padding-top: 2px;
}

#c_Logo {
 width: 255px;
 height: 195px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #000;
 background-image: url(images/logo.png);
 background-position: top left;
 background-repeat: no-repeat;
}

#c_Top {
 width: 669px;
 padding: 0;
 margin: 0;
 border: 0;
 background-image: url(images/lijn_top.png);
 background-position: top left;
 background-repeat: repeat-x;
 vertical-align: top;
}

#c_Left {
 width: 38px;
 height: 323px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #FFF;
 background-image: url(images/lijn_left.png);
 background-position: top left;
 background-repeat: repeat-y;
 vertical-align: top;
}

#c_Right {
 width: 38px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #000;
 background-image: url(images/lijn_vert.png);
 background-position: top left;
 background-repeat: repeat-y;
}

#c_RightTop {
 width: 38px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #000;
 background-image: url(images/lijn_vert.png);
 background-position: top left;
 background-repeat: repeat-y;
 vertical-align: top;
}

#c_Bottom {
 height: 2px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #000;
 background-image: url(images/lijn_hor.png);
 background-position: top left;
 background-repeat: repeat-x;
}

#c_LeftBottom {
 width: 38px;
 height: 2px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #000;
 background-image: url(images/lijn_hor.png);
 background-position: 36px 0px;
 background-repeat: no-repeat;
}

#c_RightBottom {
 width: 38px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #000;
 background-image: url(images/lijn_vert.png);
 background-position: top left;
 background-repeat: repeat-y;
}

#menu {
 margin-top: 20px;
 margin-left: 72px;
}

.menuitem {
 width: 150px;
 height: 20px;
 border-top: 1px solid #CCCCCC;
 padding-top: 2px;
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 text-align: right;
}

.menuitem a {
 margin-right: 10px;
 text-decoration: none;
 color: #000;
}

.menuitem a:hover {
 color: #FF0000;
}

#content {
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 11px;
 vertical-align: top;
 margin-top: 40px;
 margin-left: 40px;
 margin-right: auto;
 margin-bottom: auto;
}

.kopje {
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}

.frontshot {
 position: relative;
 width: 105px;
 height: 400px;
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: top;
 float: left;
 margin-right: 15px;
}

.frontshot .poster {
 width: 105px;
 height: 151px;
 border: 1px solid #000;
 margin-top: 5px;
}

.frontshot .titel {
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 11px;
 font-weight: bold;
 margin-top: 5px;
 margin-left: 2px;
 margin-right: 2px;
}

.frontshot .titel a {
 text-decoration:none;
 color: #000;
}


.frontshot .tekst {
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 11px;
 margin-top: 5px;
 margin-left: 2px;
 margin-right: 2px;
}

.frontshot .sluiter {
 position: absolute;
 width: 105px;
 height: 20px;
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 9px;
 font-weight: bold;
 text-align: center;
 bottom: 1px;
 padding-top: 3px;
 border-top: 1px solid #CCCCCC;
}

.frontshot .sluiter a {
 color: #000;
 text-decoration: none;
}

.frontshot .sluiter a:hover {
 color: #FF0000;
}


#c_LeftOnder {
 width: 38px;
 height: 30px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #FFF;
 background-image: url(images/lijn_left.png);
 background-position: top left;
 background-repeat: repeat-y;
 vertical-align: top;
}

#c_Onder {
 background-image: url(images/bar.png);
 background-position: top left;
 height: 50px;
 padding-right: 16px;
 padding-top: 18px;
 text-align: right;
}


#signOff {
 position: relative;
 display: inline;
 width: 615px;
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 11px;
 font-weight: bold;
 text-align: right;
 color: #FFF;
 padding-right: 4px;
}

#c_RightOnder {
 width: 38px;
 height: 30px;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: #000;
 background-image: url(images/lijn_vert.png);
 background-position: top left;
 background-repeat: repeat-y;
}

.fout {
 border: 1px solid #FF0000;
 background-color: #FFF;
 color: #FF0000;
 font-family: Arial, Tahoma, Helvetica, Serif;
 font-size: 11px;
 font-weight: bold;
 padding: 6px;
 text-align: left;
 margin: auto;
 width: 300px;
}

.linkPicA, .linkPicB {
 width: 200px;
 height: 100px;
 text-align: center;
 float: left;
 border: 1px solid #AAA;
 padding-top: 20px;
 font-weight: bold;
 cursor: pointer;
 margin-bottom: 10px;
}

.linkPicA img, .linkPicB img {
 border: 1px solid #AAA;
}

.linkPicA {
 clear: left;
 background-color: #EEE;
}

.linkPicB {
 margin-left: 20px;
 clear: right;
 background-color: #DDD;
}

.zka {
 color: #000;
 text-decoration: none;
}

.zka:hover {
 color: #FF0000;
 text-decoration: none;
}