/* ------ HTML Elements ------ */

body, html {
	color:#000;
	background-repeat: no-repeat;
	background-position: 60px top;
	font-size:.875em;
}
body {
	font-family: Arial,Helvetica,sans-serif;
	position: relative;
}
p {
	margin:0;
	padding:0;
	line-height: 17px;
}
blockquote{
	background: #efefef;
	padding:10px 20px;
	color: #777;
	margin:15px 0;
}
a {
	text-decoration:underline;
	color: #000;
}
a:hover, a:active {
	text-decoration:underline;
	color: #FF3241;
}
a:focus {
	border: 0;
	outline: 0;
}
em {
	font-style:italic;
}
th {
	font-weight:bold;
}
ol,ul,dl {
	margin-left:15px;
	/* margin-bottom:15px; */
}
ol li {
	list-style: decimal outside;	
}
ul li {
	list-style: disc outside;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom:20px;
	color: #FF3241;
}
strong {
	font-weight: bold;
}
table {
	margin:10px 0 10px 0;
	border:1px solid #999;
	width:100%;
}



td,th {
	padding:10px;
}
hr {
	border: none; 
	border-bottom:1px solid #333;
	height:0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* ------ Page Structure ------ */

.fc {
	clear: both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

/* ------ Navigation ------ */

nav{
	display: block;
}
nav ul{
	margin:0;
}
nav ul li{
	margin: 0 0 25px 0;
}
nav ul li li{
	margin-bottom: 2px;
}
nav li{
	list-style: none;
}
nav li a{
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	display: block;
	margin-bottom: 5px;
}
nav li a:hover, nav li a.active{
	color: #FF3241;
	text-decoration: none;
}
nav li li a{
	text-transform:lowercase;
	font-weight: normal;
}
nav li li ul{
	margin: 0 0 0 10px;
	display: none;
}
nav li.active_parent ul{
	display: block;
}
nav li li li a{
	color: #888;
}

/* ------ Sitemap ------ */

ul#sitemap {
	list-style: none;
	margin: 0; padding: 0;
}

ul#sitemap a.link {
	display: inline;
}

ul#sitemap li {
	list-style: none;
}

ul#sitemap li.overige {
	margin-top: 15px;
}

ul#sitemap ul {
	margin: 0px 0px 15px 20px;
}

/* ------ Headings ------ */

h1 {
	font-size: 22px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 17px 0 0 0;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}

/* ------ Content Area ------ */

#main {
	width:860px;
/* 	border:1px solid red; */
	padding-left:100px;
}

#content {
	line-height:140%;
}

section{
	display: block;
	overflow: hidden;
}
.tab{
	position: absolute;
	top:0;
	padding-right: 11px;
	background: url(/site/gfx/shadow.png) repeat-y right;
}
.tab .bg{
	position: absolute;
	top: 0;
	left: -10px;
	height: 100%;
	z-index: -1;
	display: block;
	width: 100%;
	background-repeat: no-repeat;
}

.tab.closed{
	overflow: hidden;
}
.tab.closed aside{
	display: none;
}
.toggle_tab{
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 16px;
	top: 18px;
	background: url(/site/gfx/arrows.png) no-repeat;
}
.content{
	position: relative;
	border-top:1px solid #fff;
}
h1.logo{
	margin:25px 0 0 0;	
}
h1.logo a{
	background: url(/site/gfx/logo_large.png) no-repeat;
	width: 325px;
	height: 0 !important;
	padding-top: 28px;
	overflow: hidden;
	display: block;
}
article{
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}
.title{
	margin-bottom: 10px;
}
article.news .title, article.column .title{
	margin-bottom: 0px;
}
article.news .title a, article.column .title a{
	text-decoration: none;
	color: #FF3241;
}
article.news .title a:hover, article.column .title a:hover{
	color: #000;
}
.leesmeer{
	margin-top: 10px;
	display: block;
	color: #FF3241;
	text-decoration: underline;
}
.link{
	background: url(/site/gfx/arrows_small.png) no-repeat -24px 2px;
	padding-left: 18px;
	text-decoration: none;
	color: #FF3241;
	display: block;
	margin: 3px 0; 
}
.latestnews {
	margin: 6px 0;
	line-height:110%;
}

.link a:hover {
	text-decoration: underline;
	color: #FF3241;
}

/*
* Social sharing buttons under article
*/

ul#sharing {
	list-style: none;
	padding: 0px 0px 30px 0px; margin: 0;
}

ul#sharing li {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

/*
* Social buttons in sidebar
*/

.socials {
	float:left;
	margin-right:15px;
}

.socials .facebook_link {
	display: inline;
	background: url(/site/gfx/facebook_small.png) no-repeat -1px -1px;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:#FF3241;
	padding-left:27px;
	display: block;
	height:17px;
	padding-top:2px;
}
.socials .facebook_link:hover {
	background-position: -1px -21px;
	color:#000;
}
.socials .twitter_link {
	display: inline;
	background: url(/site/gfx/twitter_small.png) no-repeat -1px -1px;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:#FF3241;
	padding-left:32px;
	display: block;
	height:17px;
	padding-top:2px;
}
.socials .twitter_link:hover {
	background-position: -1px -21px;
	color:#000;
}




/* --------- left colomn --------------*/

#left{
	float: left;
	width: 140px;
	padding:102px 15px 15px 0;
}
#address_small{
	margin-top: 20px;
	color: #666;
	font-size: 11px;
}
#address_small a{
	text-decoration: none;
	color: #666;
}
#address_small a:hover{
	text-decoration: none;
	color: #FF3241;
}
/* --------- center colomn --------------*/

#center{
	padding: 45px 45px 15px 0;
	float: left;
	width: 430px;
}
#introduction {
	font-size:18px;
	margin-bottom:30px;

}
#introduction p {
	line-height:24px;
}
.datum {
	color:#797979;
	font-size:10px;
	margin-bottom: 8px;
}
article .datum{
	display: block;
}
.smallheader {
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 10px;
	color: #000;
}
.link_list .link{
	display: inline;
	margin-right: 10px;
}
.link_list{
	display: block;
	margin:4px 0;
}
#overview .more{
	display: none;
}
#overview  .more_toggle, .link.down{
	background-position: -12px -14px;
}
#overview .less_toggle, .link.up{
	background-position: 0 -28px;
}
#center article ol, #center article ul{
	line-height: 17px;
}
#center article ol li{
	margin-left: 7px;
}
/* --------- right colomn --------------*/

aside{
	float: left;
	width: 230px;
	padding: 46px 0 15px;
}
aside article .title, aside .title{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
aside .title span{
	color: #000;
}
aside h2{
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 3px;
}
aside h2 a{
	color: #FF3241;
	text-decoration: none;
}
aside h2 a:hover{
}
aside p{
	color: #434343;
}
aside form{
	margin: 18px 0 10px;
}
aside form input{
	width: 170px;
	border: 1px solid #ccc;
	padding:4px 4px 3px;
	float: left;
	color: #888;
}
aside form input:focus{
	color: #000;
}
aside form a{
	background: url(/site/gfx/form_button.png) no-repeat 0 0;
	width: 18px;
	height: 0;
	padding-top: 18px;
	overflow: hidden;
	display: block;
	float: left;
	margin:3px 0 0 8px;
}
aside form a:hover{
	background-position: 0 -18px;
}


/* ----- tab0 ----- */
#tab0{
	z-index: 1;
	padding:0 0 0 45px;
	min-height: 100%;
	margin-left: 120px;
}
#tab0 .content{
	padding-top: 45px;
}
#tab0 p strong{
	font-size: 22px;
	line-height: 34px;	
}
#tab0 p{
	font-size: 18px;
	line-height: 28px;
}
/*
.logo{
	height: 0;
	overflow: hidden;
	background: url(/site/gfx/logo_large2.png) no-repeat;
	padding-top:64px;
	width: 825px;
	margin:60px 0 20px 0;
}
*/
.logosmall a{
	height: 0;
	overflow: hidden;
	background: url(/site/gfx/logo_small.png) no-repeat;
	padding-top:30px;
	width: 257px;
	margin: 20px 0 30px 0;
}
.address, .address a{
	color: #FF3241;
}
.address a:hover{
	color: #000;
	text-decoration: underline;
}
.address .twitter_link{
	display: inline;
	background-position: 0 -30px;
	margin-left: 20px;
	padding-left: 35px;
	text-decoration: underline;
}
.address .twitter_link:hover{
	background-position: 0 -56px;
}
a.current span{
	width: 26px;
	height: 26px;
	overflow: hidden;
	margin: 3px 14px 0 0;
	display: block;
	float: left;
	background: url(/site/gfx/arrows.png) no-repeat;
}
a.current:hover span{
	background-position: 0 -26px;
}
a.current{
	text-decoration: none;
	font-size: 25px;
	height: 29px;
	margin-top:4px;
	line-height: 29px;
	font-weight: bold;
	font-size: 22px;
}
a.current:hover{
	color: #FF3241;
}

/* ------ tab 1 --------- */

#tab1{
	z-index: 2;
	width: 854px;
	height: 100%;
}
#tab1 .content{
	padding:0 46px 0 46px;
	border-color: #FF3241;
}
#tab1 .bg{
	background: #FF3241;
}
#tab1.closed{
	left: -790px;
}
#tab1 .toggle_tab{
	background-position: -78px 0;
}
#tab1 .toggle_tab:hover{
	background-position: -78px -26px;
}
#tab1.closed .toggle_tab{
	background-position: -52px 0;
}
#tab1.closed:hover .toggle_tab{
	background-position: -52px -26px;
}
#tab1 a:hover{
	color: #000;
	text-decoration: none;
}
.smiley{
	position: absolute;
	top: 15px;
	left:335px;
	background: url(/site/gfx/logo_speelhal_smile.png) no-repeat;
	display: block;
	width: 24px;
	height: 24px;
}
.smiley:hover{
	background-position: -24px 0;
}
/* ------- Matrix ------ */
#tab1 h1{
	height: 0;
	padding-top: 32px;
	margin-top: 22px;
	width: 254px;	
	overflow: hidden;
	background: url(/site/gfx/logo_speelhal.png) no-repeat;
}
#tab1 h2{
	height: 0;
	padding: 34px 0 0 0;
	width: 293px;
	overflow: hidden;
	margin:0;
}
#halvamatrix h2{
	background: url(/site/gfx/logo_halvamatrix.png) no-repeat;
}
#blurbmatrix h2{
	background: url(/site/gfx/logo_blurbmatrix.png) no-repeat;
}
#halvamatrix, #blurbmatrix, #textometer{
	margin-top: 40px;
	border-bottom: 1px solid #FF3241;
}
#tab1 .intro{
	width: 450px;
	float: right;
	margin-top: -42px;
}
.matrix_cont{
	height: 65px;
	overflow: hidden;
	background: url(/site/gfx/bg_scroller.jpg) repeat-x center top;
	border:6px solid #fff;
	margin: 10px 0 0 0;
	padding:0;
	display: block;
	position: relative;
}
#blurbmatrix .matrix_cont{
	background-image: url(/site/gfx/bg_scroller_big.jpg);
	height: 90px;
}
.matrix{
	position: relative;
	width: 150px;
	float: left;
	margin: 0;
	top:-15px;
}
#blurbmatrix .matrix{
	top:-24px;
}
.matrix li{
	padding:5px 20px;
	list-style: none;
	height: 20px;
	margin:0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #bbb;
	color: #888;
}
.matrix.last li{
	border-right: none;
}
.matrix li:hover{
	cursor: pointer;
}
.matrix li.selected{
	color: #000;
}
.matrix li.selected:hover{
	cursor: default;
}
#halvamatrix .list_2{
	width: 200px;
}
#halvamatrix .list_3{
	width: 400px
}
#blurbmatrix li{
	height: 35px;
}
#blurbmatrix .list_4{
	width: 300px;
}
.handle{
	height: 0;
	padding-top: 37px;
	width: 110px;
	display: block;
	float: right;
	clear: both;
	overflow: hidden;
	background: url(/site/gfx/btn_play.png) no-repeat 0 0;
}
#tab1 .handle:hover{
	background-position: 0 -37px;
}
/*---------- Split --------- */
#textometer{
	position: relative;
	padding-bottom: 50px;
}
#textometer .intro{
	margin-top: -33px;
}
#textometer form{
	float: left;
	margin: 10px 0 0 0;
	padding:0;
	height: 162px;
}
#textometer textarea{
	width: 740px;
	height: 140px;
	padding:5px;
	border: 6px solid #fff;
	overflow: auto;
	font-family: Arial,Helvetica,sans-serif;
}
#textometer h2{
	background: url(/site/gfx/logo_textometer.png) no-repeat;
}
.overlay{
	width: 722px;
	padding: 20px;
	display: none;
	position: absolute;
	background: #fff;
	top:44px;
	left:0;
}
#textometer .handle{
	background: url(/site/gfx/btn_analyse.png) no-repeat;
	width: 177px;
}
#textometer .retry{
	display: none;
	background: url(/site/gfx/btn_retry.png) no-repeat;
	width: 155px;
}
.overlay div{
	display: none;
}
.overlay .val{
	height: 112px;
	width: 112px;
/* 	margin-bottom: 20px; */
	background: url(/site/gfx/textometer.png) no-repeat;
	display: block;
	position: absolute;
	top:20px;
	
}
.overlay h3{
	width: 587px;
	float: right;
	font-size: 22px;
	line-height: 24px;
	margin-top: 5px;
	
}
.overlay p{
	width: 587px;
	float: right;
}
#val_20 .val{
	background-position: -112px 0;
}
#val_40 .val{
	background-position: -224px 0;
}
#val_60 .val{
	background-position: -336px 0;
}
#val_80 .val{
	background-position: -448px 0;
}
/* ------- tab 2 --------- */

#tab2{
	z-index: 3;
	width: 828px;
}
#tab2.closed{
	left:-770px;
}
#tab2 .content{
	padding: 0 0 20px 16px;
}
#tab2 .bg{
	background-color: #fff;
}
#tab2 .toggle_tab{
	background-position: -26px 0;
}
#tab2 .toggle_tab:hover{
	background-position: -26px -26px;
}
#tab2.closed .toggle_tab{
	background-position: 0 0;
}
#tab2.closed:hover .toggle_tab{
	background-position: 0 -26px;
}
/* ------ Footer ------ */

#footer {
}

.training {
	padding:30px 0 0 45px;
	width: 450px;
	float:left;
}
.sidemenu {
	float:left;
	
	padding:80px 0 0 45px;
	width: 200px;
}
.watwijgeloven {
	background-color: #FF3241;
	color: #fff;
	padding:20px 10px 5px 10px;
	margin-bottom:20px;
}
.watwijgeloven p{
	margin-bottom:10px;
}
.watwijgeloven h2{
	color: #fff;
}

.fluor_small_heading {
	font-weight:bold;
	color: #FF3241;
	
}