@charset "UTF-8";
/* CSS Rally DVD */
body {
background-color: #3d3d3d;
background-image: url(../images/achtergrond.jpg);
background-repeat: no-repeat;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
}
#wrapper {
width: 1024px;

}
#header {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
height: 165px;
margin-top: -16px;
}
.menu {
padding-left: 290px;
padding-top: 55px;
list-style: none;
}
.menu li {
padding: 0;
margin: 0;
height: 47px;
margin-right: 10px;
list-style: none;
background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 47px;
background-repeat: no-repeat;
}
.home {
background-image: url(../images/menu/menu_over_home.png);
width: 77px;
}
.home a {
background-image: url(../images/menu/menu_home.png);
}
.ourstudio {
background-image: url(../images/menu/menu_over_ourstudio.png);
width: 120px;
}
.ourstudio a {
background-image: url(../images/menu/menu_ourstudio.png);
}
.orderdvds {
background-image: url(../images/menu/menu_over_orderdvds.png);
width: 131px;
}
.orderdvds a {
background-image: url(../images/menu/menu_orderdvds.png);
}
.contact {
background-image: url(../images/menu/menu_over_contact.png);
width: 95px;
}
.contact a {
background-image: url(../images/menu/menu_contact.png);
}
ul.menu li a:hover {
background: none;
}
.menu li {
float: left;
}
.menu:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#balk_rood {
background-image: url(../images/balk_rood.gif);
background-repeat: no-repeat;
height: 157px;
}
#balk_rood h1 {
font-size: 16px;
}
#balk_rood .tekst_links {
float: left;
height: 157px;
width: 300px;
margin-left: 56px;
}
#balk_rood .tekst_rechts {
float: left;
height: 157px;
width: 400px;
margin-left: 40px;
}
#balk_rood {
height: 129px;
}
#balk_rood .top {
background-image: url(../images/balk_menu/top.gif);
background-repeat: repeat-x;
height: 72px;
}
#balk_rood .onder {
background-image: url(../images/balk_menu/onder.gif);
background-repeat: repeat-x;
height: 57px;
text-align: center;
padding-top: 15px;
}
#balk_rood .onder a, #balk_rood .onder a:visited {
color: #f1b5b5;
text-decoration: underline;
padding-left: 15px;
padding-right: 15px;
}
#balk_rood .onder a:hover {
color: #fff;
font-weight: bold;
text-decoration: none;
}
.menub {
padding-left: 390px;
list-style: none;
}
.menub li {
padding: 0;
margin: 0;
height: 72px;
list-style: none;
background-repeat: no-repeat;
}
.menub li a, li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 72px;
background-repeat: no-repeat;
}
.menub .new {
background-image: url(../images/balk_menu/new_over.gif);
width: 59px;
}
.menub .new a {
background-image: url(../images/balk_menu/new.gif);
}
.menub .channels {
background-image: url(../images/balk_menu/channels_over.gif);
width: 98px;
}
.menub .channels a {
background-image: url(../images/balk_menu/channels.gif);
}
.menub .categories {
background-image: url(../images/balk_menu/categories_over.gif);
width: 105px;
}
.menub .categories a {
background-image: url(../images/balk_menu/categories.gif);
}
ul.menub li a:hover {
background: none;
}
.menub li {
float: left;
}
.menub:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.box {
width: 912px;
padding-left: 56px;
padding-top: 50px;
}
.box .top {
background-image: url(../images/box_top.png);
height: 8px;
}
.box .midden {
background-color: #4f4f4f;
padding: 10px;
min-height: 218px;
}
.box .midden .dvdbox {
margin-left: -50px;
float: left;
padding-right: 20px;
}
.box .midden .new {
float: right;
margin-top: -20px;
margin-right: -13px;
}
.box .midden .order {
padding-top: 20px;
height: 26px;
width: 122px;
border: 0px;
}
.box .midden .naartop {
float: right;
margin-top: -10px;
margin-right: -36px;
border: 0;
}
.box .midden .titel_new {
float: right;
background-image: url(../images/titel.jpg);
background-repeat: no-repeat;
width: 425px;
}
.box .midden .titel {
float: right;
background-image: url(../images/titel.jpg);
background-repeat: no-repeat;
width: 474px;
}
.box .onder {
background-image: url(../images/box_onder.png);
height: 7px
}
#footer {
clear: both;
height: 50px;
}
#player {
width: 912px;
margin-left: 56px;
margin-top: 50px;
}
#player .top {
background-image: url(../images/player/top.png);
height: 10px
}
#player .midden {
background-color: #4f4f4f;
height: 525px;
}
#player .links {
float: left;
width: 539px;
}
#player .titel {
background-image: url(../images/player/player_05.gif);
background-repeat: no-repeat;
height: 46px;
font-size: 20px;
padding-left: 25px;
padding-top: 20px;
}
#player .video {
font-size: 20px;
padding-left: 25px;
padding-bottom: 20px;
}
#player .rechts {
float: left;
width: 373px;
}
#player .box{
float: left;
background-color: #585858;
margin-left: 8px;
margin-top: 4px;
width: 330px;
padding-top: 5px;
padding-right: 5px;
font-size: 11px;
}
#player .box-donker {
float: left;
background-color: #505050;
margin-left: 8px;
margin-top: 4px;
width: 330px;
padding-top: 5px;
padding-right: 5px;
font-size: 11px;
}
#player .afb {
float: left;
padding-right: 10px;
margin-top: -5px;
}
#player .afb-new {
float: left;
padding-right: 10px;
margin-top: -7px;
}
#player .extra{
background-image: url(../images/player/player_13.gif);
background-repeat: no-repeat;
width: 128px;
height: 28px;
margin-left: 130px;
color: #000;
font-size: 11px;
padding-left: 22px;
padding-top: 8px;
}
#player .extra .space {
padding-left: 18px;
}
#player .extra-donker{
background-image: url(../images/player/player_24.gif);
background-repeat: no-repeat;
width: 128px;
height: 28px;
margin-left: 130px;
color: #000;
font-size: 11px;
padding-left: 22px;
padding-top: 8px;
}
#player .extra-donker .space{
padding-left: 26px;
}
.play {
float: right;
width: 57px;
height: 26px;
margin-top: -34px;
border: 0;
}
#player .onder {
background-image: url(../images/player/player_34.gif);
height: 7px;
}
.zoeken{
float: left;
margin-left: 8px;
margin-top: 2px;
background-image: url(../images/player/player_31.gif);
background-repeat: no-repeat;
height: 41px;
width: 344px;
}
.zoeken input {
margin-left: 140px;
margin-top: 8px;
border: 1px solid #484848;
color: #484848;
height: 20px;
width: 170px;
font-size: 13px;
vertical-align: middle;
}