@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}
		
				
#container {
width: 720px;
margin: 100px auto 50px auto;
padding: 20px;
background-color:rgba(255,255,255,0.8);
-moz-box-shadow: 0 0 20px black;
-webkit-box-shadow: 0 0 20px black;
box-shadow: 0 0 20px black;

}

#header {
width: 760px;
height: 60px;
display:block;
background-color:#333333;
margin:-20px -20px 20px -20px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

h1{
color:#FFFFFF;
font-size:50px;
text-align:center;
font-weight:bold;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
margin-bottom:10px;
display:block;
width:100%;
border-bottom:#333333 1px solid; 
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

p{
font-family:"Times New Roman", Times, serif;
font-size:12px
}

#sale {
position:fixed;
top:0px;
width: 100%;
display:block;
text-align:center;
color:#ffffff;
background:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding: 15px 0px;
z-index:999;
}

#sale a{
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#box {
width: 410px;
height: 250px;
float:left;
display:block;
margin-top:7px;
margin-bottom:20px;
}

#content {
width: 100%;
height: 65px;
margin-bottom:10px;
display:block;
padding-bottom:8px;
border-bottom:#333333 1px solid;
}

#leaderboard {
width: 728px;
height: 90px;
float: left;
display: block;
margin: 20px -4px 0px -4px;
}

#rectangle {
width: 300px;
height: 250px;
float: right;
display: block;
}
	
a {
font: 10px arial;
color:#333333;
text-decoration:none;
}


.button {
	-moz-box-shadow:inset 0px 0px 0px 0px #000000;
	-webkit-box-shadow:inset 0px 0px 0px 0px #000000;
	box-shadow:inset 0px 0px 0px 0px #000000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #333333) );
	background:-moz-linear-gradient( center top, #666666 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333');
	background-color:#333333;
	border:1px solid #000000;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	cursor:pointer;
	margin: 22px 0px 0px 10px;
	float:right;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #333333), color-stop(1, #666666) );
	background:-moz-linear-gradient( center top, #333333 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666');
	background-color:#666666;
}

.button:active {
	position:relative;
	top:1px;
}

.img_box{float:left;width:300px;position:relative; margin-left:10px;}
.img_box li{float: left;width: 115px;display: block;padding: 10px 17px; list-style-type:none;}
.caption{font-size:10px; text-align:center; color:#999999;}


.video_box{float:left;width:410px; position:relative;}
#youtubeDiv li{float: left;width: 115px;height: 87px;display: block;padding: 10px; list-style-type:none;}
img{width: 115px;height: 87px;}
.ytPlayer{padding:10px;}
.ytlist{float:left;position:relative;}
#ytPage{display:none;}

#robontwerpt{display:none;}