body{
	background:url(/img/pattern_grass.jpg) #ccc;
	font-size:75%;
	padding:30px 0;
	}

#container{
	background:#fff;
	width:940px;
	margin:auto;
	padding:20px
	}

.hide{display:none}
.clearfix{clear:both}

.clearfix-new:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix-new {
  display: inline-block;
}

* html .clearfix-new {
  height: 1%;
}

.clearfix-new {
  display: block;
}

.spacing{height:20px}

/**
 * Typo
 */
 	body{
 		font-family:Arial,"Trebuchet MS",Helvetica,sans-serif;
 	}

 	#title{
		background: url(/img/head-voetbal.png) no-repeat bottom;
		display:block;
		width:287px;
		height:30px;
		text-indent: -9999px;
 	}

 	p,
 	.next-previous-article span{
 		font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
 	}

 	.segoe{
		font-family:"Segoe UI",Arial,"Trebuchet MS",Helvetica,sans-serif
	}

	a{color:#eb9b00;text-decoration:none}

 	h1{font-size:24px;font-weight:bold}
 	h2{font-size:14px;font-weight:bold}
 	h3{font-size:1.2em;font-weight:bold;text-transform:uppercase;text-shadow: 1px 1px 1px #fff;}

 	h1 a,h2 a{color:#000;text-transform:uppercase}


	.fltl{
		float:left
	}
	.fltr{
		float:right
	}

 	p{
 		line-height:24px;
 		font-size:12px;
 		margin-bottom:20px
 	}

 	sup{
    font-size:8px;
    vertical-align:super
 	}

  .ruler{font-weight:bold;color:#eb9b00;font-size:1.33em}

 	.subscript,.by{
		font-size:10px;
		color:#707070
	}

	#copyright{
		font-size:11px;
		color:#868686;
		text-align:center

	}
	.by{
	font-size:11px
	}

	.segoe{
	font-size:14px;
	font-weight:bold;
	}

	.next-match .segoe{
	letter-spacing:-0.5px
	}

/**
 *
 */

h1{margin:10px 0}
hr{border:0;border-bottom:1px solid #eb9b00;margin-bottom:20px;color:#eb9b00;height:1px}

 /****/
#masthead{
	position:relative
}

#content{
	margin:30px 0
}
#main-col{
	margin-right:20px;
	width:620px;
	float:left
}
#side-col{
	width:300px;
	float:left;
}

#artikelen-image #main-col{
  width:660px;
}
#artikelen-image #side-col{
  width:260px;
}

#contact #main-col{
margin:0 0 0 20px
}

#footer{
  background:url(/img/footer.png);padding:0 0 0 20px;
  height:70px;
  line-height:70px;
  color:#777;
  font-size:90%;
  margin-top:20px;
}

#footer a,
#footer span{
	margin:0 30px 0 10px;
  height:70px;
  display:inline-block;
  text-indent: -9999px;
  opacity: 0.5;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

#footer a:hover,
#footer span:hover{
  opacity: 1;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

#sponsor-virma{
  background:url(/img/footer-sponsor-virma.png) no-repeat center;
  width:117px;
}

#sponsor-oosting{
  background:url(/img/footer-sponsor-gebr-oosting.png) no-repeat center;
  width:135px;
}

#sponsor-gw-brink{
  background:url(/img/footer-sponsor-gw-brink.png) no-repeat center;
  width:135px;
}



#shield{
	width:124px;
	height:139px;
	top:-40px;
	position:relative;
	margin:0 auto -85px;
	background:url(../img/logo-shield-star.png);
	display:block;
	text-indent:-9999px;
	z-index:10;
}

#landskampioen{
	width:358px;
	height:18px;
	top:-60px;
	position:relative;
	margin:auto;
	background:url(../img/head-landskampioen.png) no-repeat;
	display:block;
	text-indent:-9999px;
	z-index:9;
}
#follow-us{
	position:absolute;
	right:0px;
	top:24px
}
#follow-us li{
	float:left;
	margin-left:10px
}
#follow-us a{
  text-indent: -9999px;
  display: inline-block;
  width:32px;
  height:32px;
  opacity: 0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#follow-us a:hover{
  opacity: 1;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#follow-rss a{
  background: url(/img/rss.png);
}

#follow-twitter a{
  background: url(/img/twitter.png);
}

#follow-facebook a{
  background: url(/img/facebook.png);
}

#title{
	color:#000000;
	display:inline-block;
	font-size:2em;
	font-weight:bold;
	position:absolute;
	top: 20px;
	text-decoration:none;
}

#title span {
	color:#eb9b00;
}

/**
 *	Navigation
 */

.nav{
	height:34px;
	padding:0 10px
}

.nav li{
	float:left;
	color:#fff;
	margin: 6px 14px 0;
	z-index:90;
	position:relative
}

.nav li.right{
	float:right;
	font-size:11px;
	font-weight:normal
}

.nav li.right a:hover{
	text-decoration:underline
}

.nav li a{
	text-decoration:none;
	display:block;
	height:21px;
	padding:0 10px;
	line-height:20px;
	}

.main-nav{
	background:#000 url(../img/nav-background.gif);
	font-size:14px;
	}

.main-nav li.selected{
	background:url(../img/nav-selected-left.gif);
	z-index:9;
}

.main-nav li a{
	color:#fff;
	font-weight:bold
	}

.main-nav li.selected a{
	background:url(../img/nav-selected-right.gif) no-repeat right;
}

.main-nav a:hover{color:#666}
.main-nav li.selected a:hover{color:#fff}

.sub-nav{
	background:#eee;			/* moet nog plaatje komen */
	font-size:11px;
	}
.sub-nav li{
	margin: 6px 0 0
}
.nav-topklasse li{
  margin: 6px 4px 0
}
.sub-nav li.title{
  color:#000;
  line-height:20px;
  text-transform:uppercase;
  font-weight:bold;
  color:#EB9B00;
  margin-right:0px
}

.sub-nav>li.selected{
	background:url(../img/subnav-selected-left.gif);
	}
.sub-nav>li a{
	color:#000;
	text-transform:uppercase;
	}
.sub-nav>li.selected a{
	background:url(../img/subnav-selected-right.gif) no-repeat right;
}
.sub-nav>li a:hover{color:#cdcdcd}
.sub-nav>li.selected a:hover{color:#000}



#subnav.dropdown>li{position:relative}
#subnav.dropdown>li>a>span{background:url(/img/dropdown.gif) no-repeat right 8px;width:14px;display:inline-block}
#subnav.dropdown>li>a:hover>span{background-position:right -12px}

.dropdown .dropdown-box{
	display:none;
	position:absolute;
	left:10px;
	top:15px;
	padding:5px 0 0;
}

.dropdown .dropdown-box span{
	background:url(/img/nub.png);
	display:block;
	margin-left:15px;
	width:15px;
	height:10px
}
.dropdown .dropdown-box .container{
	padding:5px 5px 10px;
	background:#333;
	background:#333 -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5)
}

.dropdown-box ul{
	display:block;
	margin-top:5px;

}

.dropdown ul li{display:block;margin:1px 0;width:150px}
#subnav.dropdown ul a{background:none;color:#fff}
#subnav.dropdown ul a:hover{background:none;color:#999}


/**
	dif
*/

.ruler{background:url(/img/ruler-orange.gif) repeat-x center;margin-bottom:10px}
.ruler span{background:#fff;padding-right:9px}
.subscript{text-align:right;margin:4px 0}
.by{margin:4px 0}

#article .by{margin:-15px 0 10px}

.box{border: 1px solid #dadada;margin-bottom:20px;text-align:center}
.box .inner-box{border:1px solid #f8f8f8;background:#ededed;padding:6px;color:#767676}
.box .inner-inner-box{
	background:#fff;
	border:1px solid #d6d6d6;
	margin:10px 0;
	padding:12px 0;
}
.box h3{text-align:center;color:#767676;}



.article p a,.next-previous-article span{color:#75BC04}
.article p a:hover{color:#eb9b00}

/**
	head-article
	*/

	#head-article a img{border:1px solid #999}
	#head-article {margin-bottom:20px}


	.sub-article,.pupil {
		border-bottom:1px solid #D8D8D8;
		margin-bottom:20px;
		padding-bottom:20px;
	}

	.sub-article p{margin:10px 0 0}
	.sub-article a img,.pupil a img{border:1px solid #dadada;float:left;margin-right:20px}
	.sub-article .sub-bar{margin-top:10px}

	.sub-article .container{margin-left:160px}


	.inner-inner-box span.vs{
		color:#767676;
		font-size:160%;
		font-weight:bold;
		margin:10px;
	}

	.inner-inner-box img {
		vertical-align:middle;
	}

	.next-match{
	position:relative
	}

	.next-match div{
		text-shadow: 1px 1px 1px #fff;
	}
	.next-match-type{
		color:#eb9b00;
		text-transform:uppercase
	}
	.next-match-date{
		text-transform:uppercase
	}
	.next-match-location{
		font-size:11px
	}

	.next-match-more-info{
		margin-top:10px;
		padding-top:10px;
		border-top: 1px solid #dadada

	}

	.next-match .canceled{
		width:205px;
		height:142px;
		background:url(/img/wedstrijdisafgelast.png);
		position:absolute;
		top:32px;
		left:50px
	}

#next-match{
  list-style: none;
  margin: 0;
}


.box.next-match{
	margin-bottom:0;

}
#next-match {
  position: relative;
  top: -1px;
  left: 0;
}

#next-match li {
  float: left;
  margin-right: 4px;
	border:1px solid #dadada;
	border-top:0;
	background:#fff;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px
}

#next-match li a {
  float: left;
  padding: 4px 4px 3px;
  margin:0 1px 1px 0px;
	font-weight:bold;
  position: relative;
  text-decoration: none;
	background:#dadada;
	-moz-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
	color:#fff
}


#next-match li a.selected,
#next-match li a:hover{
	top:-1px;
	margin:0 1px;
	padding-top: 5px;
	background: #ededed;
	color:#767676
}

#next-match li a:hover {
	color:#cdcdcd
}

#pupil{margin-top:20px}

/* Tables.
-------------------------------------------------------------- */

table{border:1px solid #dbdbdb;}

table tr.plus td:first-child{background:url(/img/arrow-up.png) no-repeat 30px 10px}
table tr.minus td:first-child{background:url(/img/arrow-down.png)  no-repeat  30px 10px}

table thead th{
	border-top:1px solid #fff;
	padding:0 10px;
}

table th{
	background-color:#ededed;
	text-align:left
}




table thead tr th:first-child{border-left:1px solid #fff}
table thead tr th:last-child{border-right:1px solid #fff}
table td{padding:0 10px}
table tbody {color:#767676}
table td, table th{height:35px;vertical-align:middle;}
table tbody tr.even {background:#f5f5f5}
table tbody td {border-top:1px solid #ededed}
table tbody tr:first-child td {border:0}


table tbody td:first-child{}
table .first{padding-left:10px}
table .last{}
table .col1{width:80px}
table .col1.first{width:70px}
table .col1.last{width:70px}

table .col2{width:160px}
table .col3{width:240px}
table .col4{width:320px}
table .col2.last{width:150px}

table h4{border-bottom:1px solid #d8d8d8;padding-bottom:2px;margin-bottom:10px}

#competition{border:0}
#competition td{padding:8px 10px; vertical-align:top}
#competition td.first{font-weight:bold}
#competition .logo{padding:10px;text-align:center}
#competition .white-ball{background:url(/img/white-ball.png) no-repeat center;padding-right:2px;display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;letter-spacing:-0.1em}

table.matches{margin-bottom:20px}
table.matches td{text-align:center}


#other-matches{border:0;border-bottom:1px solid #dadada;margin-bottom:10px}
#other-matches td{padding:0;font-size:12px;border-top:1px solid #dadada}
#other-matches .result{width:40px}
#other-matches .team{width:122px;}
table thead th{font-size:11px;text-transform:uppercase;	text-align:left;font-weight:normal}
	table tbody {font-size:14px}
	table tbody tr.current {color:#eb9b00}

	#competition .no{color:#d8d8d8}

.next-previous-article{
	background: #f8e9cc;
	border:1px solid #eb9b00;
	border-left:0;
	border-right:0;
	padding:5px 10px;
	margin:20px 0 ;

}
.next-previous-article a,.next-previous-article span{
	display:block;

}
.next-previous-article a{
	color:#868686;
	font-size:11px;
	width:50%
}

.next-previous-article span{
	text-decoration:underline;
	font-size:14px
}

.next{
	text-align:right;
}

.next-previous-article a:hover span{
	text-decoration:none
}

.adsense{text-align:center;margin:0 0 20px}


	.thumb{
		border: 1px solid #d8d8d8;
		padding: 5px;
		margin: 0 20px 10px;
		background:#fff
	}
	.thumb.fltl{
		margin-left:0
	}
	.thumb.fltr{
		margin-right:0
	}

#other-images {margin:0 0 20px}
#other-images .thumb{margin:4px}


#selected-image{
  background:#dbdbdb;
  margin:4px;
}

#selected-image img{
  margin:0;
}
/*
#selected-image #comment{
  background:url(http://cdn.websplash.nl/img/icons/diagona/16/028.png) no-repeat 7px 5px;
  padding: 4px 10px 4px 28px;
}
*/
#selected-image #comment{
  background:url(/img/arrow_up.png) no-repeat 7px 5px;
  padding: 4px 10px 4px 28px;
}

/**
  top 10
*/
#top10 ol{
	text-align:left;
	list-style:decimal;
	padding-left:30px;
	color:#eb9b00;
	font-weight:bold
}

#top10 li{
  padding-left:5px;
  border-bottom:1px solid #dadada;
  line-height:2em
}

#top10 ol a{
  color:#767676;
  font-weight:normal
}
#top10 ol a:hover{
  color:#eb9b00;
}

#image-info{
text-align:left
}

#image-info h1{
  font-size:14px;
}


.topklasse{width:305px; margin-right: 12px}
.topklasse table{margin:auto}
.topklasse1{}
.topklasse2{text-align:center}
.topklasse3{margin-right:0;width:306px;text-align:right}
.topklasse td,.topklasse h2{text-align:left;margin:4px 0 10px}
.topklasse .matches{ width:100%}
.topklasse .matches td{width:50%}
.topklasse .matches .score{width:20px}

#topklasse h4{margin:20px 0 10px}
#topklasse .ruler{margin:20px 0 10px}

#explain-eerstedivisie{width:616px;margin-right:20px;}



#archive{position:relative;width:60px;height:300px;color:#b5b5b5;padding:0}
#archive a{color:#616161;}
#archive li.selected>a{color:#fff}
#archive a:hover{color:#eb9b00}
#archive li{text-align:center;margin:0 0 4px 0;line-height:18px;height:20px}
#archive li li{text-align:left;padding-left:12px;font-size:11px}

#archive ul{position:absolute;left:80px;top:1px;width:140px;display:none}

#archive li.selected{
  	background:url(../img/archive-selected-year.png) no-repeat;
}

#archive li li.selected{
  	background:url(../img/archive-selected-month.png) no-repeat;
}

#archive .selected ul{display:block}

.sub-article img{width:138px;height:118px}

#advertising{

}
#advertising ul{
  text-align:left;
	list-style:disc;
	margin-top:20px;
	font-size:1.4em;
}

#advertising li{
  margin-left:20px;
  margin-bottom:1.2em
}
/**
	Formulier
*/

.form-basic{
  background: #ededed;
  padding:20px
}
input[type=text],
input[type=password],
select,textarea {
  background: #fff;
  border: 1px solid #DAC223;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border: 1px solid #EB9B00
}

.error input[type=text],
.error input[type=password],
.error textarea{
  border-color:#B21919
}


/**
  Messages
*/
form .message p{
border:0;
padding:0
}
.message {
  padding: 10px 10px 10px 32px;
  margin-bottom: 1.5em;
}

.message-ok {
  border: 1px solid #84a571;
 background: #e2eebd url(http://cdn.websplash.nl/img/icons/fugue/icons/tick-shield.png) no-repeat 10px 10px;
}

.message-info {
  border: 1px solid #8cb7d8;
  background: #ddeaf4 url(http://cdn.websplash.nl/img/icons/fugue/icons/information-shield.png) no-repeat 10px 10px;
}

.message-warning {
  border: 1px solid #f9d467;
  background: #fcfbc1 url(http://cdn.websplash.nl/img/icons/fugue/icons/exclamation-shield.png) no-repeat 10px 10px;
}

.message-error {
  border: 1px solid #b21919;
  background: #f7e8e8 url(http://cdn.websplash.nl/img/icons/fugue/icons/cross-shield.png) no-repeat 10px 10px;
  color: #b21919;
}

.message p{margin:0}

/**
 * Header message
 */

 .head-message {
  margin:auto;
  width:980px;
  border: 2px solid #edc247;
  border-left: 0;
  border-right: 0;

  background: #faf0a4;
}

.head-message div{
  margin: 10px 20px;
  padding-right:40px;
  position:relative;
}

.head-message h4,
.head-message p {
  margin: 0 0 0.25em 0;
}

.head-message .remove-message {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0 5px 3px;
  text-decoration: none;
  color: #edc247;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  border: 1px solid #edc247;
}

/**

*/
#teampic{
  position:relative;
  margin-bottom:20px

}

#teampic ul{
  position:absolute;
  top:0;
  left:0;
}

#teampic li a{
  display:block;
  position:absolute;
  background:url(/img/ghost.gif);
}
#teampic li a strong{
  position:relative;
  display:none;
}

#teampic li a:hover strong{
  color:#000;
  top: -62px;
  background: #f5ce83 url(/img/annotation.png) repeat-x bottom;
  text-align:center;
  padding:6px 0;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-shadow:1px 1px 1px #f0b441;
}

#teampic li a:hover strong,#teampic li span{
  display:block;
  width:100px;
}

#teampic li span{
  background: url(/img/nub-bottom.png) no-repeat center;
  position:absolute;
  height:10px;
  bottom:-10px;
  left:0
}

#teampic .notOnThePicture{
  position:absolute;
  bottom:10px;
  left:10px;
  margin:0;
  max-width:910px
}

/**
	Banner
*/

.ad-container{float:left}
.ad-bar .left-ad{margin-right:20px}
.ad{margin:0 0 20px 0;padding:0}
.ad img{margin:0 0 20px 0;padding:0}
.banner{text-align:center}

/**
  Pupil
*/



.pupil{
  position:relative;
  height: 180px;
  margin:10px 0
}

.pupil .main-image a{
  margin-bottom:10px;
}

.pupil ul li{
  float:left;
  width:245px;
  margin-right:4px;
  border-bottom: 1px solid #d8d8d8;
  padding:2px 0;
}

.pupil li strong{
  display:inline-block;
  width: 120px;
}

.pupil h3{
  font-size:20px;
}

.pupil h4{
  color:#eb9b00;
  margin: -6px 0 5px;
}

.pupil h5{
  margin:6px 0 -2px;
  font-size:14px
}

.pupil-info{
  position:absolute;
  left:122px;
}

.pupil-images{
  border-bottom:1px solid #D8D8D8;
  padding-bottom:10px;
  margin-bottom:10px;
}

.pupil-images .thumb{
  margin:0 10px 0 0
}


/**
 * Pokerlistings
 */

 #pokerlistings .moviebox{
  height:110px;
 }

 #pokerlistings h2 a{
   color: #767676
 }


/**
 * Social share
 */
 #social-share{
  margin-bottom:20px;

  border-top: 3px double #ccc;
  /* border-width:1px 0; */
 }
 #social-share span{
   vertical-align:top;
   line-height:20px;
   padding-right:10px;
 }

 #social-share ul li{
	 float:left;
	 margin-right:10px;
   border-right: 1px solid #ccc;
	 padding:6px 0 0 10px;
	 backgorund:red;
 }

 #social-share iframe{
	 border:none;
	 overflow:hidden;
	 width:130px;
	 height:21px;
 }



#deals{
  padding:10px;
}
#deals li{
  float:left;
  width:49%;
  padding:3px 0
}
#deals li img{
  vertical-align:middle;
  margin-right: 5px
}

#match-6781 .warning{
	background: #eb9b00;
	padding:10px;
	margin: 10px 0;
	color: #fff;
	text-shadow: none;
	border-radius: 6px;
	border: 1px solid #fff;
/*	box-shadow: 0 0 10px #fff;*/
}

#match-6781 .warning a{
	color:#fff;
	font-weight:bold;
	text-decoration: underline;
}
#match-6781 .warning a:hover{
	text-decoration: none;
}