/*

RedHaired.nl CSS by www.redhaired.nl  
*********************************************
* RedHaired 2010 © All rights reserved	
* Web:		http://www.redhaired.nl 
* E-mail: 	info(at)redhaired.nl 
* Author:	Sandra Smit 
*********************************************

		
------------------------------------------------------------ */


/* Algemeen 
----------------------------------------------------------- */

* {
	/* overschrijf alle default browser settings */
	margin: 0;
	padding: 0;
}
body {
	background-image:url(../_images/pattern_alluminum.jpg);
	font-size: 11px;
	text-align:left;
	/* standaard lettertype instellingen */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #505050; /* standaard tekst kleur */
	height:100%;
}
.bg_stripe {
	position:absolute;
	width:100%;
	height:20px;
	background-image:url(../_images/bg_stripe.png);
	background-repeat:repeat-x;
	top:233px;
	padding:0;
	margin:0;
	left:0;
	overflow:hidden;
}

/* Container DIV's
----------------------------------------------------------- */	
#container {
	position:relative; 
	width:980px; 
	text-align:left; 
	margin:0 auto;
	background-color:;
	/* deel 2 van de centering hack */
	margin: 0 auto;
	padding:0 0 0 0;
	z-index:100;
}
html, body{
	height:100%;
}

/* Standaard hyperlink instellingen
	----------------------------------------------------------- */
a:link {color:#505050; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}
a:visited {color:#505050; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}
a:active {color:#505050; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}
a:hover {color:#22cc00;
}



/* Standaard tekst instellingen 
	----------------------------------------------------------- */
	
h1, h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-size:25px;
	color:#939598;
	line-height:inherit;
	font:Arial Narrow;
}
h2 {
	font-size:25px;
	color:#000;
	line-height:inherit;
	font:Arial Narrow;
}
h3 {
	font-size:25px;
	color:#939598;
	line-height:inherit;
	font:Arial Narrow;
}
h4 {
	font-size:16px;
	color:#939598;
	line-height:inherit;
	font:Arial Narrow;
}
h5 {
	font-size:25px;
	color:#22cc00;
	line-height:30px;
	font:Arial Narrow;
	margin-bottom:10px;
}


/* Standaard elementen
	----------------------------------------------------------- */
	
img {
	border: 0;
}
ul { list-style:disc; padding:0 0 0 20px;
}
.p						{font-size: 12px;
	  					 font-family:Arial, Helvetica, sans-serif;
}

/* Header
	----------------------------------------------------------- */
.top {
	position:relative;
	width:980px;
	height:140px;
	background-image:url(../_images/bg_top.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0;
	margin:0;
	z-index:20;
}
.logo {
	position:absolute;
	width:321px;
	height:55px;
	top:70px;
	left:15px;
	background-image:url(../_images/logo.png);
}
.beeldmerk {
	position:absolute;
	width:370px;
	height:110px;
	background-image:url(../_images/beeldmerk.png);
	left:550px;
	top:20px;
	z-index:2;
}
.datetime {
	position:relative;
	width:200px;
	left:755px;
	padding:0 0 0 20px;
	margin:;
	top:1px;
	font-size:10px;
	z-index:500;
	background-image:url(../_images/img_time.gif);
	background-position:left center;
	background-repeat:no-repeat;
	overflow:hidden;
}

/* Navigatie
	----------------------------------------------------------- */
.menu {
	position:relative;
	width:980px;
	height:65px;
	padding:0;
	margin:25px 0 0 0;
	background-image:url(../_images/bg_menu.png);
}
.menu ul {
	position:relative;
	height:25px;
	padding:0;
	margin:0 0 0 65px;
}
.menu ul li {
	position:relative;
	width:100px;
	height:25px;
	float:left;
	top:15px;
	text-align:center;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}
.menu ul li:hover { background-image:url(../_images/button_over.png);}
.menu .on { background-image:url(../_images/button_over.png);}


.submenu {
	position:relative;
	width:915px;
	height:20px;
	padding:0 0 0 65px;
	margin:0 0 0 0px;
	background-image:url(../_images/bg_submenu.png);
}
.submenu ul {
	position:relative;
	height:20px;
	padding:0;
	margin:0 0 0 0;
}
.submenu ul li {
	position:relative;
	width:;
	height:20px;
	float:left;
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	border-right:1px solid #fff;
	line-height:18px;
}
.submenu ul li a:link, .submenu ul li a:active, .submenu ul li a:visited { text-decoration:none; color:#fff; font-size:10px;}
.submenu ul li a:hover { text-decoration:none; font-size:10px; color:#505050;}

.submenu .first { padding:0 10px 0 0;}
.submenu .last { border-right:none;}


.navigatievorige {
	position:relative;
	width:200px;
	float:left;
}

.navigatievolgende {
	position:relative;
	width:200px;
	float:right;
	text-align:right;
	margin-right:20px;
}



/* Content
	----------------------------------------------------------- */
.content {
	position:relative;
	width:915px;
	height:;
	padding:0 0 0 65px;
	margin:0;
	background-image:url(../_images/bg_middle.png);
}
.content_left {
	position:relative;
	width:569px;
	height:;
	margin:50px 0 20px 0;
	padding:0 40px 0 0;
	float:left;
	background-color:;
	border-right:1px solid #22cc00;
}
.item_left {
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #dfdfdf;
}
.item_left_nieuws {
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:0px;
}
.icon {
	position:relative;
	width:50px;
	height:;
	margin:0 10px 0 0;
	padding:0px;
	float:left;
}
.tekst {
	position:relative;
	width:509px;
	margin:0px;
	padding:0px;
	float:right;
}
.tekst img {
	margin:5px 0px 0px 0px;
}
.image img {
	margin:0;
	padding:0;
}
.image {
	position:relative;
	width:155px;
	height:;
	margin:0 10px 10px 0;
	padding:0 0 0 0;
	border:1px solid #515151;
	float:left;
}
.image_titel {
	position:relative;
	height:20px;
	border-bottom:1px solid #515151;
	padding:0 3px 0 3px;
}




.content_right {
	position:relative;
	width:220px;
	height:;
	margin:50px 45px 20px 40px;
	padding:0;
	float:right;
	background-color:;
}

.right_item {
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #dfdfdf;
}
.right_item img {
	margin:5px 0 0px 0;
}
.right_titel {
	position:relative;
	font-size:14px;
	color:#22cc00;
	line-height:18px;
}
.right_titel a {
	position:relative;
	font-size:14px;
	color:#22cc00;
	line-height:18px;
}
.right_titel a:hover {
	position:relative;
	font-size:14px;
	color:#22cc00;
	line-height:18px;
	text-decoration:underline;
}

.bottom {
	position:relative;
	width:980px;
	height:30px;
	padding:0;
	margin:0;
	background-image:url(../_images/bg_bottom.png);
}





/* Footer
	----------------------------------------------------------- */
.footer { 
	position:relative;
	left:65px;
	font-size:10px;
}
.footer a { font-size:10px; color:#22cc00;}
.footer a:hover { color:#505050;}





/* ClearFix
	----------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: block;
	clear: both;
}