html {
background-color:#525252;
overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, ul {
margin:0;
padding:0;
}

body {
font-family:arial, sans-serif;
font-size:12px;
color:#000;
background:url('../img/bg.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-size:100% auto;
padding-top:4px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	body {
	height:auto;
	font-size:16px;
	}
}

ul, ol {
padding-left:14px;
}

li {
padding-bottom:2px;
}

img {
border:0;
display:inline;
}

p {
margin-top:12px;
}

#page5 p {
margin-top:2px;
}

h1 {
font-family:helvetica, arial, sans-serif;
font-size:32px;
padding-bottom:10px;
font-weight:normal;
text-transform:uppercase;
}

.admin h1 {
font-size:26px;
padding-bottom:2px;
}


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

#container {
background:url('../img/bg-home.jpg') no-repeat;
background-color:#d4d4d4;
width:982px;
min-height:635px;
z-index:1;
overflow:hidden;
margin:auto;
margin-top:10px;
padding-bottom:0;
border:1px solid #000;
box-shadow:			0 0 30px 30px #555;
-webkit-box-shadow:	0 0 30px 30px #555;
-moz-box-shadow:	0 0 30px 30px #555;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#container { width:100%; }
}

.page {
position:relative;
top:0;
left:0;
width:982px;
min-height:635px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.page { width:100%; }
}

header .logo {
width:262px;
height:auto;
margin-top:10px;
margin-left:20px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	header .logo {
	width:90%;
	height:auto;
	margin:5px 0 0 5%;
	}
}		


nav {
position:absolute;
right:0;
top:25px;
background-color:#000;
border-top:1px solid #000;
border-bottom:1px solid #000;
z-index:10;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	nav {
	position:relative;
	top:0;
	width:100%;
	clear:both;
	}
}
nav ol {
list-style:none;
list-style-image:none;
margin:0;
padding:0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	nav ol {
	width:100%;
	text-align:center;
	}
}

nav ol li {
color:#fff;
font-size:1.5em;
padding:0.2em 20px 0.1em 20px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
display:block;
cursor:pointer;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	nav ol li {
	}
}

#p1 { float:left; }
#p2 { float:left; }
#p3 { float:left; }
#p4 { float:left; }
#p5 { float:left; }
#nl {
float:left;
font-size:1em;
padding:0.5em 10px 0.50em 10px;
}
#uk {
float:left;
font-size:1em;
padding:0.5em 10px 0.50em 10px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#p1 { float:none; }
	#p2 { float:none; }
	#p3 { display: none; }
	#p4 { float:none; }
	#p5 { float:none; }
	#nl { float:none; }
	#uk { float:none; }
}

#p1:hover {
color:#000;
background-color:#fff;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
#p2:hover {
color:#000;
background-color:#fff;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
#p3:hover {
color:#000;
background-color:#fff;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
#p4:hover {
color:#000;
background-color:#fff;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
#p5:hover {
color:#000;
background-color:#fff;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
#nl:hover {
color:#000;
background-color:#fff;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
#uk:hover {
color:#000;
background-color:#fff;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
		
.admin #subnav {
position:relative;
top:20px;
}

.admin a {
text-decoration:underline;
color:#000;
font-weight:normal;
}

.admin #subnav a {
font-weight:bold;
}

.admin .bewerk a {
font-size:11px;
}

.admin a:hover {
color:#a00;
}

.admin .bewerk {
margin-bottom:6px;
}

.content {
padding:10px 20px 20px 27px;
width:935px;
display:none;
margin-left:-982px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.content {
	width:100%;
	display:none;
	margin-left:0;
	}
}

#nieuweDatum, #nieuweDownload {
text-decoration:underline;
display:none;
}

#video-audio, #video-foto {
display:none;
}

#nieuweVideo, #nieuweAudio, #nieuweFoto {
text-decoration:underline;
}

.admin .content {
padding:10px 20px 34px 27px;
margin-left:0;
}

#page1 .article {
width:30%;
line-height:1.6em;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#page1 .article {
	width:85%;
	padding-bottom:10em;
	}
}


.display {
position:absolute;
top:0;
left:412px;
width:424px;
z-index:2;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.display {
	position:relative;
	top:3em;
	left:-40px;
	width:90%;
	}
}

.displayBig {
position:absolute;
top:-46px;
left:219px;
z-index:3;
}

.arm {
position:relative;
top:-136px;
left:0;
width:203px;
height:340px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.arm {
	display:none;
	}
}
.armBig {
position:relative;
top:-136px;
left:0;
width:203px;
height:340px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.armBig {
	display:none;
	}
}

.tv {
position:relative;
top:-172px;
left:0;
width:386px;
height:340px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.tv {

	}
}

.tvBig {
position:relative;
top:-172px;
left:-131px;
width:386px;
height:340px;
}

.youtube {
position:absolute;
top:49px;
left:70px;
width:264px;
height:164px;
overflow:hidden;
text-align:center;
}

.youtubeBig {
position:absolute;
top:80px;
left:100px;
width:406px;
height:236px;
overflow:hidden;
text-align:center;
}

.admin .youtubeBig {
top:500px;
left:300px;
}

.youtubeBig img {
max-width:100%;
max-height:100%;
}
.tv .buttons {
position:absolute;
bottom:90px;
left:165px;
}

.tv .buttons img {
padding-right:10px;
}

.tvBig .buttons {
position:absolute;
bottom:-32px;
left:258px;
}

.tvBig .buttons img {
padding-right:20px;
}

.tv-shadow {
position:absolute;
bottom:156px;
left:-20px;
width:401px;
height:73px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.tv-shadow {
	display:none;
	}
}

.tv-shadowBig {
position:absolute;
bottom:41px;
left:-129px;
width:578px;
height:73px;
}



.column-left {
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.column-left {
	width:100%;
	float:none;
	clear:both;
	}
}


#page2 .column-left {
width:450px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#page2 .column-left {
	width:85%;
	}
}

.column-right {
float:right;
padding-right:16px;
padding-top:8px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.column-right img {
	float:none;
	}
	.column-right img {
	max-width:90%;
	margin-bottom:10em;
	float:none;
	}
}


.admin #page3 .verstuur {
margin-top:19px;
}
#media {
background:url(../img/media-bg.png);
width:225px;
height:310px;
}

#media a {
font-weight:normal;
font-size:11px;
}

#media .dl {
padding-bottom:3px;
overflow:hidden;
}

#media .dl span {
top:-38px;
left:44px;
width:133px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#media .dl span {
	top:0;
	left:0;
	width:100%;
	height:auto;
	}
}

.admin #media .dl span, .admin #downloads .dl span {
top:0;
left:0;
display:inline;
}

#media .column-right {
z-index:1;
}

#scrollbar1 { width:218px; clear:both; margin:3px 0 10px; }
#scrollbar1 .viewport { width:200px; height:274px; overflow:hidden; position:relative; }
#scrollbar1 .overview { list-style:none; position:absolute; left:12px; top:0; width:100%; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color:#646464; }
#scrollbar1 .scrollbar { position:relative; float:right; width:12px; }
#scrollbar1 .track { background-color:#000; height:100%; width:8px; position:relative; padding:0 1px; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
#scrollbar1 .thumb { height:12px; width:8px; cursor:pointer; overflow:hidden; position:absolute; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px;}
#scrollbar1 .thumb .end { overflow:hidden; height:0; width:8px; }
#scrollbar1 .disable{ display:none; }



#downloads {
background:url(../img/downloads-bg.png);
width:397px;
height:329px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#downloads {
	width:85%;
	height:auto;
	}
}

#scrollbar2 { width:390px; clear:both; margin:3px 0 10px; }
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#scrollbar2 {
	width:100%;
	}
}
#scrollbar2 .viewport { width:363px; height:293px; overflow:hidden; position:relative; }
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#scrollbar2 .viewport {
	width:90%;
	height:auto;
	}
}
#scrollbar2 .overview { list-style:none; position:absolute; left:12px; top:0; width:100%; }
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#scrollbar2 .overview {
	position:relative;
	}
}
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color:#646464; }
#scrollbar2 .scrollbar { position:relative; float:right; width:12px; }
#scrollbar2 .track { background-color:#000; height:100%; width:8px; position:relative; padding:0 1px; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
#scrollbar2 .thumb { height:12px; width:8px; cursor:pointer; overflow:hidden; position:absolute; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px;}
#scrollbar2 .thumb .end { overflow:hidden; height:0; width:8px; }
#scrollbar2 .disable { display:none; }


#facebook {
background:url(../img/fb-bg.gif);
width:225px;
height:238px;
}

#scrollbar3 { width:218px; clear:both; margin:3px 0 10px; }
#scrollbar3 .viewport { width:204px; height:175px; overflow:hidden; position:relative; }
#scrollbar3 .overview { list-style:none; position:absolute; left:10px; top:0; width:191px; }
#scrollbar3 .thumb .end,
#scrollbar3 .thumb { background-color:#646464; }
#scrollbar3 .scrollbar { position:relative; float:right; width:12px; }
#scrollbar3 .track { background-color:#000; height:100%; width:8px; position:relative; padding:0 1px; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
#scrollbar3 .thumb { height:12px; width:8px; cursor:pointer; overflow:hidden; position:absolute; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px;}
#scrollbar3 .thumb .end { overflow:hidden; height:0; width:8px; }
#scrollbar3 .disable{ display:none; }


#icons {
position:relative;
top:-29px;
left:17px;
}

#icons img {
margin-right:8px;
}

.titel {
color:#fff;
display:block;
font-weight:normal;
font-size:14px;
font-family:myriad, myriad pro, helvetica, verdana;
padding-top:8px;
padding-left:10px;
}

.dl {
margin:0 6px;
height:42px;
border-bottom:1px solid #000;
padding:5px 9px 0 5px;
}

.admin .dl {
height:auto;
}

.dl img {
display:inline;
}

.dl span {
display:block;
position:relative;
top:-36px;
left:44px;
width:280px;
}

.dl a {
display:block;
}
.admin .dl a {
display:inline;
}

.dl:hover {
background-color:#d0d0d0;
}
.admin .dl:hover {
background-color:transparent;
}

.dlimg {
float:right;
}


#page5 label {
font-weight:bold;
}

#page5 .article {
width:100%;
float:none;
clear:both;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	#page5 .article {
	width:85%;
	height:auto;
	}
}

.clear {
float:none;
clear:both;
}
.defaultForm {
width:373px;
height:262px;
background:url(../img/form.gif) no-repeat;
padding:7px 8px 8px 15px;
position:relative;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.defaultForm {
	width:80%;
	height:auto;
	}
}

.defaultForm.login {
height:172px;
background:url(../img/form-login.gif) no-repeat;
}

.defaultForm span {
color:#fff;
display:block;
font-weight:normal;
font-size:14px;
font-family:myriad, myriad pro, helvetica, verdana;
margin-bottom:16px;
}

.defaultForm div {
width:360px;
margin-bottom:6px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.defaultForm div {
	width:95%;
	height:auto;
	}
}
.defaultForm label {
width:120px;
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.defaultForm label {
	width:95%;
	height:auto;
	float:none;
	}
}

.defaultForm input, .defaultForm textarea {
background-color:#fcfcfc;
border:1px solid #ddd;
width:226px;
box-shadow:inset 2px 2px 4px #ddd;
-moz-box-shadow:inset 2px 2px 4px #ddd;
-webkit-box-shadow:	inset 2px 2px 4px #ddd;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.defaultForm input, .defaultForm textarea {
	width:100%;
	}
}
.defaultForm textarea {
height:112px;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.defaultForm textarea {
	height:5em;
	}
}
.defaultForm input[type=submit], .login input[type=submit] {
width:106px !important;
height:20px !important;
border:none;
padding:0;
float: right;
margin-right:5px;
background-color:transparent;
cursor:pointer;
background-image:url(../img/btn-send-nl.png) !important;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:	none;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.defaultForm input[type=submit], .login input[type=submit] {
	float:none;
	}
}

.defaultForm.uk input[type=submit] {
width:82px !important;
background-image:url(../img/btn-send-uk.png) !important;
}

.admin input[type=submit] {
width:183px;
height:18px;
border:none;
padding:0;
float: right;
background-color:transparent;
cursor:pointer;
background-image:url(../img/btn-opslaan.png);
}

.footer {
position:absolute;
bottom:0;
color:#fff;
font-family:arial;
font-size:11px;
z-index:10;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.footer {
	position:relative;
	}
}
.footer #publiek {
margin-bottom:-3px;	
}

.footer #speeldata {
display:none;
position:absolute;
top:69px;
left:18px;
width:954px;
height:56px;
overflow:hidden;
}
.speeldatum {
float:left;
width:176px;
}
.speeldatum img {
float:left;
}
.datum {
font-size:13px;
}
.tekst {
font-weight:normal;
}
#scrollleft {
float:left;
margin-top:11px;
}

#scrollright {
position:relative;
top:-56px;
left:906px;
}

.slides_container div.slide {
width:896px;
height:56px;
display:block;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width:736px) and (orientation:portrait) {
	.slides_container div.slide {
	width:100%;
	}
}
#slides {
width:913px;
}
.pagination .current a {
color:red;
}

.uk {
display:none;
}