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

html, body, #container {
 width: 100%;
 height: 100%;
 margin: auto;
 border: 0;
 padding: 0;
 text-align: center;
}

body {
 background-image: url(images/bgb.jpg);
 background-repeat: repeat-x;
 background-color: #CFCFCD;

 /* 
background-color: #CFCFCD;
 */

 color: #000;
}

#container {
 position: relative;
 display: table;
}

#subcontainer {
 position: relative;
 width: 410px;
 height: 300px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10%;
 margin-bottom: auto;
}

#logo {
 position: relative;
 margin: auto;
}

#contact {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 margin-bottom: auto;
 font-family: verdana, arial, helvetica;
 font-size: small;
}

a {
 color: #0131FF;
}


.home-dvd-box {
 width: 180px;
 height: 250px;
 position: relative;
 padding: 10px;
 border: 1px solid #DDD;
 float: left;
 margin-right: 6px;
 margin-bottom: 6px;
 font-family: verdana, arial, helvetica;
}

.home-dvd-box .titel {
 height: 28px;
 font-weight: bold;
 font-size: 11px;
 overflow: hidden;
}

.home-dvd-box .release {
 font-size: 11px;
 font-weight: bold;
}

.home-dvd-box .label {
 font-size: 9px;
}

.home-dvd-box .omschrijving {
 font-size: 11px;
}

.home-dvd-box .details {
 font-weight: bold;
 font-size: 11px;
 margin-top: 10px;
 margin-bottom: 10px;
}

#content {
 background-image: url(images/header.jpg);
 background-repeat:no-repeat;
 background-position: left top;
 background-color: #E7E7DF;
 position: relative;
 width: 832px;
 text-align: center;
 margin: auto;
 border: 1px solid #CCC;
 xborder-left: 26px solid #D0CABC;
 padding-left: 20px;
 padding-right: 14px;
 padding-top: 123px;
}

#menu {
 position: relative;
 height: 25px;
 color: #FE8000;
 font-family: verdana, arial, helvetica;
 text-align: left;
 font-size: 11px;
 font-weight: bold;
}

.menuitem {
 height: 18px;
 float: left;
 margin-right: 20px;

 padding-left: 8px;
 padding-right: 8px;
 padding-top: 4px;
}

.menuitem a {
 color: #555;
 text-decoration: none;
}

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

.selected {
 background-image: url(images/selected2.jpg);
 background-repeat: repeat-x;
 border-left: 1px solid #B3B3B3;
 border-right: 1px solid #B3B3B3;
}

#footer {
 border-top: 1px solid #DDD;
 border-bottom: 1px solid #DDD;
 font-family: verdana, arial, helvetica;
 font-size: x-small;
 margin-top: 50px;
 margin-bottom: 25px;
 padding: 20px;
}


.kopje {
 float: left;
 width: 12em;
 font-weight: bold;
 xdisplay: inline;
}

.algemeen-box, .nieuws-box, .details-dvd-box, .labels-box, .dvd-titels-box {
 display: block;
 text-align: left;
 margin-left: 0px;
 margin-top: 16px;
 margin-bottom: 6px;
 font-family: verdana, arial, helvetica;
 font-size: x-small;
}

.algemeen-box, .labels-box {
 margin-right: 6px;
}

.nieuws-box {
 margin-right: 0px;
 width: 605px;
}

.labels-box {
 border-bottom: 1px solid #CCC;
 margin-bottom: 10px;
}

.labels-box .labelsep {
 clear: both;
}

.details-dvd-box .waarde {
 float: left;
 width: 470px;
}

.algemeen-box .titel, .nieuws-box .titel, .details-dvd-box .titel, .labels-box .titel {
 font-weight: bold;
 font-size: small;
 margin-bottom: 10px;
 display: block;
}

.details-dvd-box .subtitel {
 font-style: italic;
 margin-bottom: 10px;
 display: block;
}

.details-dvd-box .tagline {
 font-weight: bold;
 font-style: italic;
 margin-bottom: 10px;
 display: block;
}

.nieuws-box .inleiding {
 display: block;
 font-weight: bold;
 margin-bottom: 10px;
}

.nieuws-box .datum {
 display: block;
 font-style: italic;
 margin-bottom: 10px;
}

.nieuws-box .plaatje {
 float: left;
 margin-left: 0px;
 margin-right: 10px;
 margin-top: 0px;
 margin-bottom: 10px;
 height: 300px;
}

.details-dvd-box .poster {
 float: left;
 margin-left: 0px;
 margin-right: 10px;
 margin-top: 0px;
 margin-bottom: 10px;
}


.labels-box .poster {
 float: right;
 margin-left: 10px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
}

.details-dvd-box .poster img, .labels-box .poster img  {
 border: 1px solid #DDD;
}

.home-dvd-box .poster img  {
 border: 1px solid #DDD;
}

.nieuws-box .hoofdtekst, .labels-box .tekst {
 margin-bottom: 10px;
}

.nieuws-box .plaatje img {
 border: 1px solid #DDD;
}

.nieuws-box .url {
 display: block;
 margin-bottom: 10px;
}

.lijst {
 float: right;
 width: 200px;
 padding-left: 20px;
 padding-bottom: 20px;
 margin-top: 10px;
 margin-bottom: 10px;
 border-left: 1px solid #CCC;
 font-family: verdana, arial, helvetica;
 font-size: x-small;
 text-align: left;
}

.lijst .url {
 color: #000;
 margin-bottom: 5px;
}

.lijst .url a {
 color: #000;
 text-decoration: none;
 font-weight: bold;
}

.lijst .url a:hover {
 color: #0131FF;
}





.calfabet {
 margin-top: 16px;
 width: 250px;
 float: left;
}

.koltitel {
 font-family: verdana, arial, helvetica;
 font-weight: bold;
 font-size: small;
 border-bottom: 1px solid #CCC !important;
 margin-bottom: 10px;
 text-align: left;
}

.letter {
 width: 15px;
 height: 15px;
 overflow: hidden;
 float: left;
 font-family: verdana, arial, helvetica;
 font-size: 11px;
}

.letter a {
 text-decoration: none;
}

.letter a:hover {
 text-decoration: underline;
}

.cijfers {
 width: 25px;
 height: 15px;
 overflow: hidden;
 float: left;
 font-family: verdana, arial, helvetica;
 font-size: 11px;
}

.cijfers a {
 text-decoration: none;
}

.cijfers a:hover {
 text-decoration: underline;
}

.small-box {
 width: 500px;
 float: right !important;
 clear: right;
}


.dvd-titels-box .boxsep {
 clear: both;
}

.dvd-titels-box .url {
 clear: both;
 text-align: center;
}

.dvd-titel {
 float: left;
 width: 150px;
 height: 150px;
 text-align: center;
 border: 1px solid #DDD;
 margin-right: 2px;
 margin-bottom: 6px;
 padding: 6px;
}

.dvd-titel .titel a {
 color: #000;
 text-decoration: none;
 font-weight: bold;
}

.dvd-titel .titel a:hover {
 color: #0131FF;
 text-decoration: none;
}

.dvd-titel .packshot {
 width: 70px;
 height: 100px;
 background-image: url(images/loader.gif) !important;
 background-position: center center;
 background-repeat: no-repeat;
}

.dvd-titel .packshot img {
 border: 1px solid #CCC;
}

.sel {
 text-decoration: none !important;
 color: #000;
}

.pages {
 float: right;
 margin-bottom: 10px;
 clear: both;
 font-family: verdana, arial, helvetica;
 font-size: x-small;
}

.koptitel {
 font-family: verdana, arial, helvetica;
 font-size: small !important;
 font-weight: bold;
}