html, body {
  margin: 0;
  background: url('/images/background.jpg') no-repeat center top #ffffff;
  font-family: Arial;
  font-size: 11px;
  line-height: 17px;
  color: #000000;
}
img {
  border: 0;
}
div#container {
  position: absolute;
  width: 757px;
  left: 50%;
  margin-left: -377px;
}
div#header {
  width: 757px;
  height: 94px;
  float: left;
  margin-bottom: 8px;
  background: url('/images/header.jpg') no-repeat;
}

div#subheader {
  width: 757px;
  height: 26px;
  float: left;
  margin-bottom: 8px;
  background: url('/images/menu_background.gif') repeat-x;
}
div#menu {
  float: left;
  font-size: 0;
}
div#subheader div#search {
  float: right;
  margin: 2px;
}
input#searchfield {
  width: 97px;
  height: 14px;
  font-family: Arial;
  font-size: 11px;
  border: 1px solid #bdbdbd;
}
input#event_search {
  width: 97px;
  height: 14px;
  font-family: Arial;
  font-size: 11px;
  border: 1px solid #bdbdbd;
}
input#searchbutton {
  width: 20px;
  height: 16px;
  border: 0;
  background: url('/images/searchbutton.gif') no-repeat;
}
div.wrapper {
  width: 757px;
  float: left;
}
div.subcontainer { 
  background-color: #000000; 
  border: 6px solid #ffffff;
  margin: 0 8px 8px 0;
  float: left;
}
div.subcontainer_2 { 
  background-color: #ffffff; 
  margin: 0 8px 8px 0;
  float: left;
}
div.toprank{
  width: 12px; 
  height: 23px; 
  background: url('/images/list_item_blue.gif') no-repeat 6px 0; 
  padding: 0 0 0 11px; 
  margin: 0 5px 0 3px; 
  float: left; 
  color: #ffffff; 
  font-weight: bold;
}
span.title {
  font-weight: bold;
  color: #2caefc;
}
div.subtitle {
 height: 23px; 
 background: url('/images/tag.gif') no-repeat 6px 0; 
 padding: 0 0 0 28px; 
 margin: 0 5px 0 3px; 
 float: left; 
 color: #8f8f8f;
}
div.rank_blue {
  width: 12px; 
  height: 23px; 
  background: url('/images/list_item_blue.gif') no-repeat 6px 0; 
  padding: 0 0 0 11px; 
  margin: 0 5px 0 3px; 
  float: left; 
  color: #ffffff; 
  font-weight: bold;
}
div.rank_grey {
  width: 12px; 
  height: 23px; 
  background: url('/images/list_item_grey.gif') no-repeat 6px 0; 
  padding: 0 0 0 11px; 
  margin: 0 5px 0 3px; 
  float: left; 
  color: #ffffff; 
  font-weight: bold;
}
ul.toplist {
  width: 247px;
  margin-left: -80px;
  _margin-left: 0;
  list-style-type: none;
  clear: both;
}
ul.toplist_item {
  width: 247px;
  _margin-left: 0;
  list-style-type: none;
}
ul.toplist_item li {
  float: left;
  height: 19px;
  padding-top: 4px;
  background: url('/images/list_background.gif') repeat-x;
}
ul.toplist_item li.rank { width: 31px; }
ul.toplist_item li.title { width: 178px; }
ul.toplist_item li.icon { width: 19px; }

 /* footer */
div#footer {
  width: 757px;
  height: 244px;
  float: left;
  background: url('/images/footer_background.gif') repeat-x;
  color: #ffffff;
}
div#submenu1 { 
  width: 130px;
  float: left;
  margin-left: -385px;
  margin-top: 75px;
}
div#submenu2 {
  width: 130px;
  float: left;
  margin-left: -220px;
  margin-top: 75px;
}
div#submenu3 {
  width: 130px;
  float: left;
  margin-left: -55px;
  margin-top: 75px;
}

div#footer a:link, div#footer a:active, div#footer a:visited { color: #ffffff; }
a:link, a:active, a:visited {
  color: #646464;
  text-decoration: none;
}
a:hover { 
  text-decoration: underline;
}




#content_charts {
  width: 757px;
  min-height: 200px;
  float: left;
  background: #FFFFFF;
  color: #000000;
  margin-bottom: 8px;
}

#charts_top {
height: 33px;
border-bottom: 1px #e5e5e5 solid;

}

.charts_left {
border-right: 1px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid;
width: 575px;
padding-left: 10px;
}

.charts_sub {
padding-bottom: 10px;
}

.charts_sub_left {
float: left;
width: 252px;
}

.charts_sub_right {
margin-top: 27px;
float: left;
width: 323px;
}


ul.toplist_chart {
  width: 323px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: both;
}
ul.toplist_item_chart {
  width: 317px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.toplist_item_chart li {
  float: left;
  height: 19px;
  padding-top: 4px;
  background: url('/images/list_background.gif') repeat-x;
}
ul.toplist_item_chart li.rank { width: 31px; }
ul.toplist_item_chart li.title { width: 248px; }
ul.toplist_item_chart li.icon { width: 19px; }

.clear {
clear: both;
}

#content_events {
  width: 757px;
  min-height: 200px;
  float: left;
  background: #FFFFFF;
  color: #000000;
  margin-bottom: 8px;
}

#events_top {
height: 33px;
border-bottom: 1px #e5e5e5 solid;

}

.events_left {
border-right: 1px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid;
width: 575px;
padding-left: 10px;
}

.events_sub {
padding-bottom: 10px;
}

.events_sub_left {
float: left;
width: 115px;
}

.events_sub_left img {
border: 1px solid #c1c1c1;
padding: 2px;
}

.events_sub_right {
float: left;
width: 440px;
}

#zoek_events {
height: 54px;
width: 100%;
border-bottom: 1px #e5e5e5 solid;
}

#zoek_events #event_search {
width: 130px;
color: #656565;
}

a.events {
font-weight: bold;
color: #767676;
}


#content_registreren {
  width: 757px;
  min-height: 200px;
  float: left;
  background: #FFFFFF;
  color: #000000;
  margin-bottom: 8px;
}

#registreren_top {
height: 33px;
border-bottom: 1px #e5e5e5 solid;

}

.registreren_left {
border-right: 1px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid;
width: 575px;
padding-left: 10px;
}

.registreren_sub {
padding-bottom: 10px;
}

.registreren_sub_left {
float: left;
width: 280px;
}

.registreren_sub_left div {
width: 165px;
}

.registreren_sub_right {
float: left;
width: 290px;
}

label {
font-weight: bold;
display :block;
margin : 0;
font-size: 9pt;
}

.registreren_sub_left span {
color: #a8a8a8;
font-size: 9px;
}

.registreren_sub_right input {
border: 1px solid #c1c1c1;
}

/* algemene voorwaarden/huisregels */
div.kopje { 
  width: 757px; 
  border-bottom: 1px solid #e5e5e5; 
  height: 33px; 
  background: #ffffff;
}
div.textcontent {
  width: 555px; 
  border-right: 1px solid #e5e5e5; 
  padding: 0 10px 0 10px; 
  float: left; 
  color: #737373;
 }
 select { 
   width: 230px; 
   height: 25px;
   padding: 5px;
   font-family: tahoma;
   font-size: 11px;
 }
 
 option { 
	padding: 5px;
	font-family: tahoma;
	font-size: 11px;
 }

 /*** Login / search ***/
 
div.content-wrapper {	 
width: 757px;	
height: auto; 
background: #FFF; 
margin: 0 0 8px 0;	
float: left;
}
div.content-wrapper label {	 
display: block;
width: 251px;
float: left;
clear: both;
padding: 0 0 10px 10px;
}
img.title {	display: block; }
div.content-wrapper label b {	 
font-size: 11px;
color: #000;
display: block;
}
div.content-wrapper label span {	 
font-size: 10px;
color: #a8a8a8;
}
div.content-wrapper .subwrapper {	
	border-top: 1px SOLID #e5e5e5;
	background: url('/images/line.jpg') repeat-y 575px 0;
}
input.text {	width: 127px;	 height: 13px;	border: 1px SOLID #bbbbbb; padding: 4px;	 font: 10px "Tahoma"; color: #a8a8a8; }
div#footer a:link, div#footer a:active, div#footer a:visited { color: #ffffff; }
.buttonwrapper	{	width: 400px;	 text-align: right; padding: 0 0 5px 0; }
input.button		{	background: #3399ff;	 padding: 2px 5px;	border: none;	font: 11px "Tahoma";	color: #FFF;}
input.button.floated		{	float: left; margin: 2px;}
input.text.floated		{	float: left; margin: 0 0 0 10px;}
input.text.floated.long	{	width: 244px;}
select				{	width: 210px;	 height: 21px;	border: 1px SOLID #bbbbbb; padding: 2px 4px;	 font: 10px "Tahoma"; color: #a8a8a8; }
div.information	{	line-height: 31px;	height: 31px;	 background: url('images/information-icon.jpg') no-repeat;	padding: 0 0 0 33px;	border-bottom: 1px SOLID #e5e5e5;}
div.information span {	color: #2caefc; }
div.subwrapper.zoekresultaat		{	width: 560px;	 border: none;	border-bottom: 1px SOLID #e5e5e5; padding: 8px;}
div.subwrapper.zoekresultaat h3		{	margin: 0;	 font: 11px "Tahoma"; font-weight: bold;	padding: 0; }
div.subwrapper.zoekresultaat h3	a	{	color: #000; }
div.subwrapper.zoekresultaat span	{	color: #a8a8a8;	 font-size: 10px;}
div.subwrapper.zoekresultaat  .tags {	color: #a8a8a8; height: 16px; line-height: 16px;	background: url('images/tag.gif') no-repeat;	 padding: 0 0 0 20px; }
div.subwrapper.zoekresultaat  .tags a {	color: #2caefc; }

div.left					{	width: 576px;	float: left; }
div.right					{	width: 181px;	float: left;	border-top: 1px SOLID #e5e5e5; padding: 6px 0 10px; }

div.tv_resultaat img.resultaatimg	{	width: 156px;	 height: 110px;	border: 1px SOLID #2caefc;	margin: 3px 10px;	float: left; }
div.tv_resultaat		{	clear: both;	margin: 0 0 13px 0; }

div.tv_resultaat h3, 
div.tv_resultaat p	{	margin: 0;	 padding: 0; } 
div.tv_resultaat h3	{	font-size: 18px;	color: #2caefc;	 }
div.tv_resultaat p	{	height: 76px;		color: #666666; }
div.tv_resultaat span	{	line-height: 16px;	color: #666666;	}
div.tv_resultaat span img	{	display: block;	width: 46px;	float: left; margin-right: 6px; }

div.video_container	{	padding: 14px 0 0 27px;	}
div.video_container span			{	line-height: 16px;	color: #666666;		}
div.video_container span	 b		{	float: left;	font-weight: normal;	padding: 0 0 10px 0;	}
div.video_container span img	{	display: block;	float: left; margin-right: 6px; }
div.video_container span img.vote	{	width: 46px; }
div.video_container span img.reageer	{	width: 75px; }

div.zoekresultaat_verticaal		{	text-align: center;	padding: 3px 0 3px 0;}
div.zoekresultaat_verticaal img	{	text-align: center;	border: 1px SOLID #2caefc;	}
div.zoekresultaat_verticaal p		{	margin: 0;	 color: #666666;	padding: 2px 0; line-height: 1.0em; }
div.zoekresultaat_verticaal p a	{	color: #2caefc;	 }

div.zoekresultaat_verticaal.horizontaal	{	float: left;	margin: 10px 0 0 10px;}

p.resultaat				{	margin: 0;	 padding: 0 10px;	color: #666666; }
p.resultaat span		{	color: #2caefc; }

div.news-wrapper img	 	{	float: left;	padding: 7px;	}
div.news-info		{	width: 550px;	 	float: left; padding: 10px;}
div.news-info	h2	{	margin: 0;	 padding: 0 0 4px 0;	font-size: 18px;	color: #2caefc;}
div.news-info	p	{	margin: 0;	 padding: 5px 0;		color: #999999;	 font-size: 11px;	 line-height: 13px;	}
div.news-info	p a	{	font-weight: bold;	color: #2caefc; 	}
ul.morenews		{	margin: 0;	 padding: 0;	list-style: none; background: url('/images/list_background2.gif');	width: 575px;	 	}
ul.morenews li	{	height: 23px; background: url('/images/news-list.jpg') no-repeat;	line-height: 23px;	padding: 0 0 0 22px	}
ul.morenews li.goback	{	background: url('/images/list-go-back.gif') no-repeat;		}

div.news	{	padding: 10px;	line-height: 13px;}
div.news img	{	padding: 1px;	border: 1px SOLID #e5e5e5;	background: #FFF;	float: left;	margin: 0 7px 0 0;	}
div.news h2	{	font-size: 12px;	color: #57b0fc;	margin: 0;	 padding: 0;	}
div.news p	 	{	margin: 0;	 padding: 4px 0;	 color: #555555;	}
