/*

JenT CSS by www.nedfinity.com  
*********************************************
* Nedfinity 2010 © All rights reserved	
* Web:		http://www.nedfinity.com  
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	Tom van der Hoek
*********************************************

 */


/* Algemeen 
************************************************************ */

*
{
	/* overschrijf alle default browser settings */
	margin:0;
	padding:0;
	outline:0;
	border:0;
}

html,
body
{
	width:100%;
	height:100%;
}

body
{
	font-size: 12px;
	text-align:left;
	background:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:16px;
	color: #000;
	background:#fff url(../_images/bgbody.gif) no-repeat fixed bottom right;
}

a:link,
a:active,
a:visited
{
	text-decoration:none;
	color:#d9da54;
}

a:hover
{
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6
{
	position:relative;
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:normal;

}

h1
{
	font-size:23px;
	line-height:30px;
	font-weight:200;
}

h2
{
	font-size:23px;
	line-height:30px;
	font-weight:bold;
	margin-bottom:0px;
}

h3
{
}

/* Container DIV's
************************************************************ */	

.container
{
	position:relative;
	height:100%;
	width: 980px;
	/* deel 2 van de centering hack */
	margin: 0 auto;
	border:0;
	clear:both;
	z-index:2;
}

.lft
{
	position:relative;
	width:265px;
	float:left;
	z-index:5;
}

.rht
{
	position:relative;
	padding:75px 0 0 0;
	width:665px;
	float:right;
	z-index:5;
}


/* top
************************************************************ */

a.logo
{
	position:absolute;
	width:285px;
	height:192px;
	top:0;
	left:0;
	display:block;
	text-decoration:none;
	border:0;
	z-index:11;
}

.nav
{
	position:absolute;
	top:0;
	right:0;
	height:30px;
	margin:8px 0 0 0;
	padding:0 0 0 0;
	background-color:#000;
	z-index:10;
}

.navbg
{
	position:absolute;
	top:8px;
	left:0;
	height:30px;
	width:100%;
	background-color:#000;
	z-index:1;
}

.nav ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.nav ul li
{
	height:30px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:100px;
}

.nav ul li a,
.nav ul li a:link,
.nav ul li a:active,
.nav ul li a:visited
{
	position:relative;
	display:block;
	height:30px;
	line-height:30px;
	text-decoration:none;
	padding:0 5px 0 5px;
	margin:0;
	border:1px solid #fff;
	border-width:0 1px 0 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.nav ul li a:hover
{
	color:#000;
	text-decoration:none;
	background-color:#fff;
}




/* Content
************************************************************ */	

.content
{
	position:relative;
	display:inline-block;
	width:665px;
}
.main
{
	padding:5px 40px 10px 0;
	border:1px solid #000;
	border-width:0 1px 0 0;
	width:627px;
}

.content p
{
	padding:0 0 16px 0;
}

.preview
{
	position:relative;
	margin:0;
	padding:92px 0 0 0;
	width:980px;
	height:760px;
	clear:both;
}


/* --- right --- */

.item
{
	position:relative;
	clear:both;
	margin:0 0 30px 5px;
	padding:5px 0 5px 0;
}
.item img
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:300px;
}

.item .text
{
	position:relative;
	float:right;
	width:280px;
	height:225px;
	padding:0 10px 10px 10px;
	right:40px;
	margin:0;
	border:1px solid #000;
	border-width:0 1px 0 0;

}

a.more,
a.more:link,
a.more:active,
a.more:visited
{
	position:absolute;
	display:block;
	height:25px;
	width:120px;
	left:10px;
	bottom:5px;
	line-height:25px;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:#4b4b4b;
	background-image:url(../_images/more.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

a.more:hover
{
	text-decoration:none;

}


.share
{
	display:none;
	position:absolute;
	height:20px;
	right:10px;

	bottom:8px;
}

.share ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.share ul li
{
	

}

.share ul li a,
.share ul li a:link,
.share ul li a:active,
.share ul li a:visited
{
	display:block;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0 5px 0 5px;
	color:#000;	
	background-color:#b2b2b2;
}

.share ul li a:hover
{
	color:#fff;	
	background-color:#000;
}
.share ul li a span
{
	color:#fff;
}

.item .date .nr
{
	position:absolute;
	top: 10px;
	left:-100px;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	font-size:17px;
	font-weight:normal;
	color:#000;
	height:120px;
	width:120px;
	overflow:visible;
}

.item .date
{
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
	width:22px;
	height:139px;
	background-image:url(../_images/datebg.gif);
	background-repeat:no-repeat;
}
.klm
{
	position:relative;
	width:658px;
	height:30px;
	font-size:18px;
	text-align:center;
	color:#00a1de;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:30px;
	margin:0 0 10px 0;
}

.boilerplate
{
	position:relative;
	width:658px;
	height:30px;
	font-size:16px;
	text-indent:26px;
	color:#fff;
	background-color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	line-height:30px;
	margin:0 0 10px 5px;
}

/* --- left --- */

.banner-a
{
	position:absolute;
	overflow:visible;
	top:197px;
	left:0;
	width:275px;
	height:117px;
	background-color:#d2d334;
}
.banner-a img 
{
	position:absolute;
	top:-26px;
	left:-20px;
}

.banner-a a,
.banner-b a
{
	border:0;
}

.banner-b
{
	position:absolute;
	overflow:visible;
	top:357px;
	left:-7px;
	width:311px;
	height:117px;
}
.banner-b img 
{
	position:absolute;
	top:-17px;
	left:0px;
}
.banner-c
{
	position:absolute;
	overflow:visible;
	top:503px;
	left:-46px;
	width:311px;
	height:117px;
	display:none;

}
.banner-d
{
	position:absolute;
	overflow:visible;
	top:512px;
	left:1px;
	width:311px;
	height:117px;
}


.socialmedia
{
	position:relative;
	margin:635px 0 0 0;
}

a.bannerlnk,
a.bannerlnk:link,
a.bannerlnk:active,
a.bannerlnk:visited
{
	position:relative;
	width:255px;
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:21px;
	height:60px;
	border:1px solid #000;
	padding:15px 0 0 20px;
	text-decoration:none;
	color:#d9da54;
display:none;
}

a.bannerlnk:hover
{
	background-color:#d9da54;
	color:#fff;
	text-decoration:none;
	border:1px solid #d9da54;
}

a.rss,
a.rss:link,
a.rss:active,
a.rss:visited
{
	display:block;
	font-size:14px;
	font-weight:normal;	
	color:#000;
	background-image:url(../_images/rss_16.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 20px;
	line-height: 35px;
	margin:25px 0 0 20px;
}

a.twitter,
a.twitter:link,
a.twitter:active,
a.twitter:visited
{
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#000;	
	background-image:url(../_images/twitter_16.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 20px;
	line-height: 35px;
	margin:0 0 0 20px;
}

a.linkedin,
a.linkedin:link,
a.linkedin:active,
a.linkedin:visited
{
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#000;	
	background-image:url(../_images/linkedin_16.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 20px;
	line-height: 35px;
	margin:0 0 0 20px;
}

/* - forms - */


/* Footer & Copyright
************************************************************ */
.copyright
{	
	position:relative;
	/* border:1px solid #000;
	border-width:1px 0 0 0; */
	padding:10px 0 10px 0;
	text-align:center;
	color:#b2b2b2;
	line-height:24px;
	font-size:10px;
}

.copyright a,
.copyright a:link,
.copyright a:visited,
.copyright a:active
{
	font-size:10px;
	color:#b2b2b2;
	text-decoration:none;
}

.copyright a:hover
{
	text-decoration:underline;
	
}

.winternummer
{
	padding-bottom:20px;
	padding-left:5px;
}
/* Clearfix
************************************************************ */


.clearfix:after,
.item:after,
.content:after
{ 
	content: "."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

.clearfix
{ 
	display:inline-table; 
}

/* Hides from IE-mac \*/
* html .clearfix,
{ 
	height: 1%; 
}

.clearfix
{ 
	display: block;
}