/*

80sinteractive Stylesheet | Daniel Wegman & Dennis de Goede

*/

/* DEFAULT SETTINGS */
html * {
	padding:0px;
	margin:0px;
}
html {
	overflow-y:scroll;
}			
body {
	background:#000 url('/fileadmin/images/body_background.png') repeat-x;
	color:#000;
	font-family: Arial, Verdana;
	width: 100%;
}
body#body_3 {
	background:#000 url('/fileadmin/images/content_small_background.png') repeat-x;
}	

div#nav {
	height:100px;
	width: 960px;
	margin: 0 auto;
}


div#headerimg {
	background: url('/fileadmin/images/voordaniel.png');
	width: 223px;
	height: 30px;
	margin-top: 36px;
	margin-left: 40px;
	float: left;
	position: absolute;
}
div#headerimg a {
	float: left;
	height: 30px;
	width: 223px;
}
div#headermenu {	
	float:right;
	height:40px;
	margin-top:36px;
	text-align:right;
	width:697px;
}	
div#headermenu ul {
	margin-top:7px;
	margin-right:40px;
	}
div#headermenu ul li {
	display:inline;
	margin-left:20px;
	}
div#headermenu ul li.act a {
	font-weight:900;
}
div#headermenu ul li a {
	text-decoration:none;
	font-size:1em;
	font-weight:100;
	color: #999999;
	text-transform:lowercase;
	}
div#contentwrapper {
	float:left;
	clear:left;
	height:678px;
	width:100%;
	background-position: right;
	}
div#contentwrappersmall {
	float:left;
	clear:left;
	height:477px;
	width:100%;
}
div#content {
	height:678px;
	width:960px;
	display:block;
	margin: 0px auto;
	overflow:auto;
}

div#contentheader {
	width:960px;
	display:block;
	margin: 0px auto;
	padding:0px;
	}
div#contentheader img {
	margin: 50px 0px 0px 40px;
	}

div#content a {
	color: black;
}
div#contentsmall {
	height:478px;
	width:960px;
	display:block;
	margin: 0px auto;
	overflow:hidden;
	
}
div#content p, h1, h2, .news-single-item-image img, div#content .news-single-backlink {
	padding:0px 40px;
}

div#content div {
	padding:0px;
	}

div#content p {
	line-height:175%;
	text-align:justify;
	font-size:0.80em;
	width:580px;
	margin:10px 0px;
	}
div#content h1 {
	text-transform:lowercase;
	font-size:2em;
	font-weight:900;
	margin-top:40px;
	}
div#content h2 {
	text-transform:lowercase;
	font-size:1em;
	font-weight:900;
	margin-top:0px;
}
div#footerwrapper {
	float:left;
	clear:left;
	height:150px;
	width:100%;
	}
	
div#footer {
	background: url('/fileadmin/images/footer_logo.png') 80px 15px no-repeat;
	width:960px;
	height:150px;
	display:block;
	color:#fff;
	margin:0px auto;
	position:relative;
	font-size:0.8em;
}

div#footer {
	padding:0px 40px;
	}
	
div#footer ul.footermenu {
	list-style:none;
	margin:0px;
	padding:0px;
	float: right;
	}
div#footer ul.footermenu li {
	display: inline;
	float: left;
	height: 150px;
	width: 110px;
}
div#footer ul.footermenu li a.header {
	color: Yellow;
	text-decoration: none;
	text-transform: lowercase;
}
div#footer ul.footermenu li ul.footersubmenu li {
	display:inline;
	float:left;
	height:auto;
	margin-top:5px;
	width:100%;
}
div#footer ul.footermenu li ul li a.sub {
	color: white;
	text-decoration: none;
	text-transform: lowercase;
}
div#footer ul.footermenu li ul li a.sub:hover {
	text-decoration: underline;	
}	
div#nav2 {
	position:relative;
	margin-left:270px;
	margin-top:15px;
}

div#nav2 ul li {
	margin-top:12px;
	}

div#copyright {
	position:absolute;
	bottom:10px;
	left:80px;
	margin:0px;
	padding:0px;
	color: #444;
	}
	
li.mainmenu {
	display:inline;
	}
	
.footer_flickr {
	background:url('/fileadmin/images/flickr.png') top left no-repeat;
	padding-left:20px;
	height:16px;
	}
	
.footer_twitter {
	background:url('/fileadmin/images/twitter.png') top left no-repeat;
	padding-left:20px;
	height:16px;
	}
	
.footer_linkedin {
	background:url('/fileadmin/images/linkedin.png') top left no-repeat;
	padding-left:20px;
	height:16px;
	}
	
.news-list-container {
	display:block;
	width: 600px;
	margin:0px;
	}
	
.news-list-item {
	position:relative;
	width:280px;
	height:174px;
	float:left;
	margin-right:20px;
margin-bottom:20px;
	overflow:hidden;
	}
	
.news-list-item-info {
	width:280px;
	height:174px;
	display:block;
	background: #000;
	color: #fff;
	position:absolute;
	top:0;
	left:0;
	
	}
	
div#content .news-list-item-info * {
	text-transform:uppercase;
	}
	
div#content .news-list-item-info h1 {
	position:absolute;
	bottom:25px;
	left:10px;
	font-size:1.5em;
	color:#FFC100;
	padding:0px;
	margin:0px;
	}
.news-list-item-info h2 {
	position:absolute;
	bottom:10px;
	left:10px; 
	font-size:0.8em;
	padding:0px;
	margin:0px;
	}
	
.news-list-item-image {
	width:280px;
	height:174px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	}

.news-list-container {
	margin-top:40px;
	margin-left:40px;
	}
div#contentsmall .b-container {
	width: 100%;
	text-align: center;
	margin-top: 125px;
	margin-left: 42px;
}
div#contentsmall .b-wrap {
	display:block;
	height: 350px;
	width: 200px;
	position:relative;
	float:left;
	margin-right:26px;
	cursor: pointer;
	}
div#contentsmall .b-wrap a {
	margin:0px;
	padding:0px;
}
div#contentsmall .b-wrap .b-titel {
	display:block;
	height: 150px;
	width: 200px;
	position:absolute;
	top:0px;
	left:0px;
	background: #000; /*url('/fileadmin/images/slide.png') top left no-repeat;*/
	color: #FFC100;
	overflow:hidden;	
	}
div#contentsmall .b-wrap .b-titel h1 {	
	position:absolute;
	bottom: 15px;
	left:15px;
	font-size:1.5em;
	line-height:0.8em;
	}
div#contentsmall .b-wrap .b-tekst {
	display:block;
	height: 150px;
	width: 200px;
	position:absolute;
	top:0px;
	left:0px;
	background: #000 /* url('/fileadmin/images/slide_bottom.png') bottom left no-repeat*/;
	color: #FFF;
	overflow:hidden;
	}
div#contentsmall .b-wrap h1, div#contentsmall .b-wrap p {
	text-align:left;
	}
				
div#contentsmall .b-titel h1 {
	font-size: 1.5em;
	padding: 0;
	}
div#contentsmall div.b-tekst p {
	padding: 10px 15px;
	width: 170px;
	font-family:Gill Sans MT, Gill Sans;
	font-size:0.8em;
	line-height:1.4em;	
	}
div#content .opacity100 {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	color: rgba(0,0,0,1);
}
div#content .opacity75 {
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
	color: rgba(0,0,0,0.75);
}	
div#content div.news-single-item h1 {
	font-size: 2.5em;
}
div#content div.news-single-img a {
	float: left;
}
div#content div.news-single-img {
	padding: 0px 40px;
	width: 580px;
	float: left;
}
div#content div.news-single-img img {
	padding: 0;
}
div#content div.news-single-item-image {
	width: 580px;
}

.readmore {
display:block;
width:73px;
height:20px;
line-height:1000%;
background: url('/fileadmin/images/leesverder.png') top left no-repeat;
overflow:hidden;
float:right;
margin-top:3px;
}

.readmore:hover {
background-position: bottom left;
}

div#content .tx-pilmailform-pi1 {
	padding-left: 40px;
	margin-top: 20px;
	font-family: Arial,Verdana;
}

div#content .tx-pilmailform-pi1 td {
	font-family: Arial,Verdana;
	font-size: 0.8em;
	height: 28px;
}
div#content .tx-pilmailform-pi1 td hr {
	display: none;
}	
div#content .tx-pilmailform-pi1 td.breedte {
	width: 310px;
}
div#content .tx-pilmailform-pi1 td span.janee {
	width: 45px;
	float: left;
}	

div#content table.contenttable {
	width: 580px;
	margin-left:40px;
}

div#content table.contenttable p.bodytext, div#content table.contenttable p {
	width:275px;
	padding:0px;
	font-weight:100;
	margin: 0px 20px 0px 0px;
}
div#content table#cont.contenttable p.bodytext, div#content table#cont.contenttable p {
	width:180px;
}

div#content table.contenttable td {
	vertical-align: top;	
}
div#content table th {
	vertical-align: top;
}

div#content a.nicelink {
	background-image: url('/fileadmin/images/accord.png');
	width: 560px;
	height: 24px;
	float: left;
	color: white;
	padding-left: 20px;
	text-decoration: none;
	margin-bottom: 5px;
	height: 24px;
	padding-top: 1px;
}

#accordion, #accordeon {
	width:580px;
	margin-left:40px;
}
			
div#content #accordion a, div#content #accordeon a {
	width:100%;
	height:25px;
	float:left;
	clear:left;
	text-decoration:none;
	font-weight:100;
	font-size: 0.80em;
	background: url('/fileadmin/images/accord.png') top left no-repeat;
	color:#fff;
	padding:5px 0px 0px 8px;
	position:relative;
	}
	
div#content #accordeon a span {
	position:absolute;
	right:17px;
	top:3px;
	color:#fff;	
}
			
#accordion div {
	float:left;
	font-size:0.8em;
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	line-height:175%;
	
}
#accordion div table {
	width: 300px;
}
#content .tx-pilmailform-pi1 p {
	margin-left: 0;
	padding-left: 0;
}
/*#content .tx-pilmailform-pi1 td input, #content .tx-pilmailform-pi1 td textarea {
	opacity: 0.8;
	border: 1px;
}*/
