/* reset  */
html, body {height:100%;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td {
margin:0;
padding:0;
text-align:center;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font-size:100%;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:400;
}

ul {
margin:0 0 0 15px;
padding:0;
}

ol {
margin:0 0 0 30px;
padding:0;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

form {
display:inline;
}

:focus {
outline:none;
}




/* start layout */

body {
background: #000000 url(../images/bodybg.jpg) no-repeat fixed center center;
font: 80%/140% Arial, Helvetica, sans-serif;
color:#FFF;
}

a {outline:none; color:#FFF; font-weight:400;}

a:hover {text-decoration:none;}

table.centertbl {width:100%; height:100%;}

#minibar {width:903px; height:618px; position:relative; margin:auto; }

div#container{
width:903px;
height:618px;
}


div#vervolgcontent {
position:absolute;
top:50%;
margin-top:480px;
text-align:left;
width:100%;
height:2562px;
background: url(../images/bgh1.jpg) no-repeat center top;
z-index:999;
text-align:center;
padding-top:4px;
}

.vervolgcontainer {margin:auto; width:903px; text-align:left;}


.home {
background: url(../images/minibarbg.jpg) no-repeat;
}

.about {
background: url(../images/bg1.jpg) no-repeat;
}

.contact {
background: url(../images/bg3.jpg) no-repeat;
}


.showreel {
background: url(../images/bg2.jpg) no-repeat;
}


.news {
background: url(../images/bg1.jpg) no-repeat;
}


.header {height:56px; width:903px; overflow:hidden;}

.headerhome {height:56px; width:903px; overflow:hidden; padding-top:38px;}

.headerhome .menu {float:right; padding-right:56px;}

.contentcell {height: 468px; width:903px; overflow:hidden; text-align:center;}

.openen {padding-top:488px; float:right; padding-right:56px;}

.containercell {
margin:auto;
width:618px;
height: auto;
background: url(../images/containerbg.png) repeat;
text-align:left;
padding:30px;
}


.cont-about {padding-top:95px; height: 348px;}

.cont-contact {padding-top:95px; height: 363px;}

.cont-showreel {padding-top:95px; height: 363px;}

.cont-news {padding-top:95px; height: 458px;}

.cont-hvervolg {padding-top:30px; }

.cont-hvervolg .containercell {padding-bottom:5px; padding-top:20px;}

.mediacell {
background:#000;
margin:10px auto auto;
width:678px;
height: auto;
text-align:left;
display:table;
}



.header {height:56px; width:903px; overflow:hidden;}


h1.logo {
background: url(../images/minibar-logo.png) no-repeat;
text-indent:-9999px;
width:105px; height:25px; margin:0; padding:90;

}

h1.logocontact { float:left;}

span.subtitle {display:block; float:left; clear:right; padding-top:8px;}


.imgborder {border: 5px solid #FFF;}



.hcont{margin-top:89px; height:200px; overflow:hidden;}

.hdesc {width:320px; float:left; height:auto;}
.hvideo {width:278px;float:left; padding-left:20px;}

.moreinfo {margin:auto;
width:660px;
height: 27px;
padding-top:38px;
padding-right:18px;
padding-bottom:35px;
}

.moreinfo a {
width:27px;
height:27px;
display:block;
text-indent:-99999px;
background: url(../images/i.png) no-repeat;
float:right;
}

.containercell  table td {text-align:left;}

.thephotos {
width:398px;
float:left;
text-align:left;
overflow:hidden;
padding:18px 0px 18px 28px;
}
.thecase {
float:left;
text-align:left;
padding:18px 0px 18px 10px;
width:242px;
overflow:hidden;
}

.thephotos h3, .thecase h3 {width:100%; clear:both; float:left;  text-align:left; padding-bottom:4px;}

.thephotos img {float:left;margin-right:10px; margin-bottom:10px; }

/*  spacers  */

div.spacer {clear:both;
height:0;
overflow:hidden;}

div.spacer10 {clear:both;
height:10px;
overflow:hidden;}

div.spacer20 {clear:both;
height:20px;
overflow:hidden;}


/* menu */

.menu {padding-left:70px;}


.menu ul, .pagination ul {
list-style: none;
}

.menu li {height:56px; float:left; line-height:56px;}
.menu li a {display:block; float:left; text-indent:-9999px;}

.menu li.mhome a {
width:68px;
background: url(../images/menu_01.png) no-repeat left center;
} 
.menu li.mhome a:hover {
background: url(../images/menu_over_01.png) no-repeat left center;
}

.menu li.mabout a {
width:72px;
background: url(../images/menu_02.png) no-repeat left center;
} 
.menu li.mabout a:hover {
background: url(../images/menu_over_02.png) no-repeat left center;
}

.menu li.mshowreel a {
width:99px;
background: url(../images/menu_03.png) no-repeat left center;
} 
.menu li.mshowreel a:hover {
background: url(../images/menu_over_03.png) no-repeat left center;
}

.menu li.mcontact a {
width:84px;
background: url(../images/menu_04.png) no-repeat left center;
} 
.menu li.mcontact a:hover {
background: url(../images/menu_over_04.png) no-repeat left center;
}

.menu li.mnews a {
width:69px;
background: url(../images/menu_05.png) no-repeat left center;
} 
.menu li.mnews  a:hover {
background: url(../images/menu_over_05.png) no-repeat left center;
}


.menu li.mback a {
width:68px;
background: url(../images/back.png) no-repeat left center;
} 
.menu li.mback a:hover {
background: url(../images/back_over.png) no-repeat left center;
}


.pagination {float:right; padding-right:92px;}

.pagination li {height:56px; float:left; line-height:56px;}

.pagination li.divider {
background: url(../images/pag-divider.png) no-repeat left center;
width:5px;
display:block;
}

.pagination li a {display:block; float:left; text-indent:-9999px; width:19px;}

.pagination li.p1 a  {
background: url(../images/1.png) no-repeat left center;
}

.pagination li.p1 a:hover  {
background: url(../images/1over.png) no-repeat left center;
}


.pagination li.p2 a  {
background: url(../images/2.png) no-repeat left center;
}

.pagination li.p2 a:hover  {
background: url(../images/2over.png) no-repeat left center;
}


.pagination li.p3 a  {
background: url(../images/3.png) no-repeat left center;
}

.pagination li.p3 a:hover  {
background: url(../images/3over.png) no-repeat left center;
}


.pagination li.p4 a  {
background: url(../images/4.png) no-repeat left center;
}

.pagination li.p4 a:hover  {
background: url(../images/4over.png) no-repeat left center;
}