@charset "UTF-8";
/* CSS Document */

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	background-color: #FF0088;
	background-image: url(/img/bg.gif);
	background-repeat: repeat-x;
}

#container {
	position: relative; /* needed for footer positioning*/
	width: 850px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	background: #FFFFFF url("/img/header_bg.jpg") repeat-x;
	margin: 0 auto; /* center, not in IE5 */
	padding: 0 40px 0 40px;
}


/* ---------- OPMAAK ---------- */

.clear {
	clear: both;
}

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

a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
}

.heading {
	padding: 0 0 30px 0;
	margin: 0;
}

h1 {
	font-size: 18px;
	line-height: 22px;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 0;
}
h1 span { color: #000; }

.tinc {
	color: #000000;
}

h2 { margin: 12px 0; padding: 0; font-size: 16px; }



.h_blok {
	margin: 0;
	padding: 0;
	height: 5px;
	width: 25px;
	background-color: #FF0088;
	display: block;
}

.img_l {
	float: left;
	border: 0;
	padding: 0 10px 5px 0;
}


/* ---------- HEADER ---------- */

#top {
	position: relative;
	width: 850px;
	padding: 0 0 40px 0;
}

#top_l {
	position: relative;
	width: 150px;
	float: left;
	padding: 30px 0 0 34px;
}

#logo {
	width: 142px;
	height: 61px;
	background: transparent url("/img/logo.gif") no-repeat;
}

#top_r {
	position: relative;
	width: 600px;
	float: right;
}

#top_nav {
	position: relative;
	height: 30px;
	text-align: right;
	padding: 10px 0 0 0;
}

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

#top_nav a:hover {
	color: #FF0088;
}

#top_date_padding {
	position: relative;
	text-align: left;
	padding: 22px 0 22px 40px;
	border-left: #000000 dotted 1px;
}

#top_date {
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
}

#header {
	position: relative;
	width: 850px;
	padding: 0 0 20px 0;
}

#beeld_top {
	position: relative;
	width: 600px;
	height: 5px;
	background: #808080;
	padding: 0;
	margin: 0;
}

#beeld {
	position: relative;
	width: 395px;
	height: 205px;
	float: left;
	padding: 0;
	overflow: hidden;
}

#quote_blok {
	position: relative;
	width: 205px;
	height: 205px;
	float: right;
	background: #FF0088 url("/img/quote_bg.jpg") repeat-x;
	overflow: hidden;
	display: table;
}

#middle {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}

#inner {
	#position: relative;
	#top: -50%;
}

#quote {
	position: relative;
	text-align: center;
	font-size: 22px;
	line-height: 34px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px;
}

#schaduw {
	width: 600px;
	height: 25px;
	padding: 0;
	background: url("/img/schaduw.jpg") no-repeat;
	display: block;
}



/* ---------- NAVIGATIE ---------- */

#nav {
	position: relative;
	width: 210px;
	padding: 0;
}

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

#nav li {
	position: relative;
	width: 210px;
	float: left;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	list-style: none;
	text-align: right;
	font-size: 10px;
	color: #999999;
}

#nav a:link, #nav a:visited, #nav a:active {
	float: left;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a:hover, #nav a.act  {
	color: #FF0088;
}

.border {
	border-bottom: #666666 1px dotted;
}



/* ---------- SUB NAVIGATIE ---------- */

#subnav {
	position: relative;
	width: 210px;
	padding: 0;
}

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

#subnav li {
	position: relative;
	width: 210px;
	float: left;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	list-style: none;
	text-align: right;
	font-size: 10px;
	color: #999999;
	border-bottom: #666666 1px dotted;
}

#subnav a:link, #subnav a:visited, #subnav a:active {
	float: left;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

#subnav a:hover {
	color: #FF0088;
}

/* ---------- CONTENT ---------- */

#content {
	position: relative;
	width: 850px;
	padding: 0 0 70px 0; /* bottom padding for footer */
}


/* ---------- FOOTER ---------- */

#footer {
	position: absolute;
	width: 570px;
	bottom: 0;
	padding: 0px 0 20px 280px;
}

#footer_block {
	width: 200px;
	padding: 0 0 5px 0;
	border-bottom: #808080 solid 5px;
}


/* ---------- LEFT COLUMN ---------- */

.col_l {
	position: relative;
	float: left;
	width: 210px;
	padding: 0;
	margin: 0;
}


/* ---------- RIGHT COLUMN ---------- */

.col_r {
	position: relative;
	float: right;
	width: 600px;
	padding: 0;
	margin: 0;
}

.col_r_padding {
	position: relative;
	width: 540px;
	padding: 0 30px 0 30px;
}

.col_r_padding2 {
	position: relative;
	width: 542px;
	padding: 0 28px 0 30px;
}

#col_rl {
	width: 240px;
	height: 100px;
	float: left;
	padding: 0 30px 0 0;
	border-right: #000000 dotted 1px;
}

#col_rr {
	width: 240px;
	height: 100px;
	float: right;
	padding: 0;
}

#strip {
	width: 600px;
	height: 200px;
	background: #FF0088;
	display: block;
}


/* ---------- ITEM ---------- */

.item {
	position: relative;
	width: 100%;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: #666666 1px dotted;
}

.item2 {
	position: relative;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: #666666 1px dotted;
}

.item_no_border {
	position: relative;
	width: 100%;
	padding: 0 0 30px 0;
}


.date {. a
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.titel {
	font-size: 11px;
	color: #FF0088;
	text-transform: uppercase;
}

.lees {
	width: 100%;
	text-align: right;
}

.lees a:link, .lees a:visited, .lees a:active {
	color: #FF0088;
	text-decoration: none;
}

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

.team {
	padding: 20px 0 0 0;
	clear: both;
}


/* ---------- LOGO'S ---------- */

.logos {
	padding: 30px 0 0 0;
}

.logo {
	width: 88px;
	height: 68px;
	float: left;
	border: #FFFFFF 1px solid;
	background: #EEEEEE;
}


/* ---------- FORM ---------- */

.form_blok {
	padding: 0 0 10px 0;
}

input {
	width: 210px;
	font-size: 11px;
}

textarea {
	width: 210px;
	font-size: 11px;
}

#button {
	width: 80px;
	float: right;
}


.form_hblok { display: none; }





.clearfix: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;}
/* End hide from IE-mac  */