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

body {
 background-color: #576780;
 margin: auto;
 border: 0px;
 padding: 0px;
 text-align: center;
}

#container {
 width: 800px;
 min-height: 500px;
 background-color: #3F4E65;
 border: 1px solid #000;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 margin-bottom: 20px;
 padding: 0px;
}

#header {
 width: 800px;
 height: 100px;
 background-color: #FFF;
 background-image: url(headTop.jpg);
 border-bottom: 1px solid #CCC;
 overflow: hidden;
}

#menu {
 width: 800px;
 height: 25px;
 background-color: #000;
 background-image: url(menu.jpg);
 border-bottom: 1px solid #000;
 color: #FFF;
 text-align: left;
 line-height: 22px;
clear: both;
}

#menu .menuitem {
 sdisplay: inline;
 float: left;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 margin-left: 7px;
 margin-right: 7px;
 padding-left: 7px;
 padding-right: 7px;
 font-weight: bold;
 height: 25px;
 color: #FFF;
 text-decoration: none;
}


#menu .menuitem:hover {
 color: #F6E91E;
}

#logo {
 width: 400px;
 height: 100px;
 float: left;
 padding-top: 25px;
 padding-left: 10px;
 border-right: 1px solid #000;
}

#motel {
 width: 300px;
 height: 100px;
 float: left;
 padding-top: 16px;
 padding-left: 40px;
 border-left: 1px solid #CCC;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 sfont-variant: small-caps;
 letter-spacing: 0.1em;
 line-height: 11px;
}

#motel a {
 color: #000;
 text-decoration: none;
}

#motel a:hover {
 color: #000;
 text-decoration: underline;
}


#linkerkant {
 float: left;
 width: 160px;
 height: 515px;
 border: 1px solid #FFF;
 margin-left: 5px;
 margin-top: 5px;
 margin-bottom: 15px;
 margin-right: 10px;
}

#rechterkant {
 float: right;
 width: 160px;
 height: 515px;
 border: 1px solid #FFF;
 margin-left: 5px;
 margin-top: 5px;
 margin-bottom: 15px;
 margin-right: 10px;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 color: #FFF;
}

.nieuwskop {
 color: #999;
 font-weight: bold;
 font-size: 12px;
 font-variant: small-caps;
 letter-spacing: 0.1em;
 padding-top: 15px;
 padding-bottom: 10px;
}

.nieuwsdatum {
 display: block;
 margin-left: 5px;
 margin-right: 5px;
 text-align: left;
 color: #999;
 font-weight: bold;
 padding-top: 10px;
}

.nieuwsitem {
 display: block;
 margin-left: 5px;
 margin-right: 5px;
 text-align: left;
 color: #FFF;
 text-decoration: none;
 padding-bottom: 1px;
}

.nieuwsitem:hover {
 color: #F6E91E;
 text-decoration: none;
}

#hoofditems {
 float: left;
 width: 400px;
 margin-top: 5px;
 border-top: 1px solid #FFF;
}

.hoofditem {
 width: 400px;
 margin-top: 5px;
 margin-bottom: 10px;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
}

.hoofditem .poster {
}

.hoofditem .poster img {
 float: left;
 border: 1px solid #FFF;
 margin-top: 5px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 5px;
}

.hoofditem .kopje {
 color: #999;
 font-weight: bold;
 font-size: 12px;
 letter-spacing: 0.1em;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: left;
 text-transform: uppercase;
}

.hoofditem .tekst {
 text-align: left;
 color: #FFF;
 font-size: 10px;
 letter-spacing: 0.1em;
 padding-top: 5px;
 padding-bottom: 5px;
}

#upcoming {
 width: 400px;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 10px;
 margin-right: 10px;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
}

#upcoming img {
 border: 1px solid #FFF;
 margin: 5px;
}

#upcoming .kopje {
 color: #999;
 font-weight: bold;
 font-size: 12px;
 letter-spacing: 0.1em;
 padding-top: 0px;
 padding-bottom: 5px;
 text-align: left;
 text-transform: uppercase;
 margin-left: 10px;
}

#zoeken td {
 text-align: right;
 vertical-align: top;
}

#zoeken .opties {
 text-align: left;
 vertical-align: top;
}

form {
 display: inline;
}

.iTxt {
 width: 90px;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 border: 1px solid #FFF;
}


.iSelect {
 width: 90px;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 border: 1px solid #FFF;
}


.iBtn {
 width: 50px;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 border: 1px solid #FFF;
}

.divider {
 width: 130px;
 border-top: 1px solid #FFF;
}

#voeter {
 width: 800px;
 height: 25px;
 background-color: #000;
 background-image: url(menu.jpg);
 border-bottom: 1px solid #000;
 color: #FFF;
 text-align: center;
 line-height: 22px;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 font-style: italic;
}

#laptekst {
 text-align: left;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 margin-left: 10px;
 margin-right: 10px;
 padding-left: 10px;
 padding-right: 10px;
 color: #FFF;
}

.weblink {
 color: #FFF;
}

.weblink:hover {
 color: #CCC;
}

.fout {
 width: 300px;
 border: 1px solid #FF0000;
 color: #FF0000;
 background-color: #FFF;
 font-family: verdana, arial, helvetica;
 font-size: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
}