/*

	File: screen.css
	Media: screen
	Copyright: (c) 2009-2011
	Author: Marcel van Eijk


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

sup { vertical-align: super; }
sub { vertical-align: sub; }

:focus { outline: 1px; }
ul 
{
	list-style: square;
	list-style-position: inside;
}

ol
{
	list-style-position: inside;
}

table
{
	border-collapse: separate;
	border-spacing: 2px;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html { height: 100%; }

body
{
	color: #333;
	height: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background-color: #DDD;
}

h1
{
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 5px;
}

h2
{
	font-size: 150%;
	font-weight: bold;
}

h3,h4,h5,h6
{
	font-size: 120%;
	font-weight: bold;
}

p
{
	line-height: 1.2em;
	margin: 4px 0;
}

blockquote
{
	padding: 0 8px 0 8px;
	border: 1px solid #333;
}

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.push { clear: both; }
.hide { display: none; }

.overflow
{
	width: 100%;
	overflow: hidden;
}

p.btn
{
	margin-top: 20px;
	margin-bottom: 0;
}

p.last { margin-bottom: 0; }

/* 
Structural Selectors
--------------------------------------------------------------------------------------- */

#container
{
	width: 850px;
	margin: 0 auto;
	background: transparent;
	padding: 0;
	z-index: 5;
}

#header
{
	width: 850px;
	min-height: 169px;
	margin: 0 auto;
	padding: 0;
	color: #eee;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(/img/header_orig.png);
/*	background-image: url(/img/bg/bg01_andre_vrielink.jpg);*/
}

#content
{
	position: relative;
	width: 850px; 
	color: #333; 
	clear: both;
	z-index: 4;
}

#content img {
	border: 1px solid #ccc;
	margin: 3px 2px 3px 2px;
}

#content img.noborder {
	border: none;
	margin: 0px;
}
/*#submenu{float:left; margin:0;}*/

#content_front_side{
	width:234px;
	padding: 8px 8px 8px 8px;
	z-index:1;
	position:relative;
	display:inline;
	float:right;
	margin:0;
}

#content_front{
	width:584px;
	padding: 8px 8px 8px 8px;
	float:left;
	margin:0;
	display:inline;
	position:relative;
	z-index:1;
}

#content_menu{
	width:164px;
	padding: 8px 8px 8px 8px;
	z-index:1;
	position:relative;
	display:inline;
	float:right;
	margin:0;
}

#content_left{
	width:654px;
	padding: 8px 8px 8px 8px;
	float:left;
	margin:0;
	display:inline;
	position:relative;
	z-index:1;
}

#content_full{
	width:834px;
	padding: 8px 8px 8px 8px;
	float:left;
	margin:0;
	display:inline;
	position:relative;
	z-index:1;
}

.col{
	position:absolute;
	z-index:0;
	left:0px;
	bottom:0;
	border-top:none;
}

.one{background: #eee; border: 1px solid #069; border-right:none; width:599px;}
.two{background: #eee; border: 1px solid #069; left:600px; width:248px;}

.three{background: #eee; border: 1px solid #069; border-right:none; width:669px;}
.four{background: #eee; border: 1px solid #069; left:670px; width:178px;}

.five{background: #eee; border: 1px solid #069; width:848px;}


 
html>body .col{top:0}/* hide from ie6 and under*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

#headlesscontent
{
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background: #eee;
	color: #333;
}

#iframecontent
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	background: #eee;
	color: #333;
}

#footer
{
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	color: #690;
	overflow: hidden;
	background: transparent;
}

/* Header Layout
--------------------------------------------------------------------------------------- */

#logo
{
	position: relative;
	top: -25px;
	float: left;
	display: inline;
	margin-left: 40px;
	padding: 40px 8px 8px 8px;
	background: rgb(204,204,0);
	background: rgba(204,204,0,0.6);	
}

#header_top
{
	position: relative;
	left: 0;
	width: 805px;
	float: left;
	display: inline;
	overflow: hidden;
	background: rgb(204,204,0);
	background: rgba(204,204,0,0.6);	
	padding: 0px 5px 0px 40px;
	margin-top: 5px;
}

img.icon { margin: 1px; padding: 0; }

#header_top ul li a, #header_top ul li a:visited
{
	display: block;
	text-decoration: none;
	padding: 0 4px 0 4px;
	text-align: left;
	color: #fff;
	border-right: 1px solid #ddd;
	background: transparant;
	line-height: 19px;
	overflow: hidden;
	text-align: center;
}

#header_top ul li.last a, #header_top ul li.last a:visited {
	border-right: none;
}

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

#header_top ul li
{
	float: left;
	position: relative;
	z-index: 5;
}

#header_top ul li.contact {
	width:60px;
}

#header_top ul li.openingstijden {
	width:105px;
}

#header_top ul li.over_ons {
	width:70px;
}


#header_top ul li:hover a
{
	color: #fff;
	background: #cc0;
}

#header_top_right {
	margin-top: 1px;
}

#header_top_right span.flags img
{
	vertical-align: text-bottom;
	display: inline;
}


#menu
{
	width: 849px;
	margin: 0 auto;
	padding-left: 1px;
	background: transparant;
}

#menu ul li a, #menu ul li a:visited, #menu ul li span
{
	display: block;
	text-decoration: none;
	width: 106px;
	height: 19px;
	text-align: center;
	color: #fff;
	/*border-right: 1px solid #ddd;
	background: #069;*/
	line-height: 19px;
	overflow: hidden;
	font-weight: bold;
}

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

#menu ul li
{
	float: left;
	position: relative;
	z-index: 5;
	background-image: url(/img/menuitem.png);
}

#menu ul li:hover
{
	background-image: url(/img/menuitem_hover.png);
}

#menu ul li.active {
	background-image: url(/img/menuitem_hover.png);
}

#menu ul li.active:hover {
	background-image: url(/img/menuitem.png);
}


#menu ul li:hover a,
{
	color: #069;
	/*background: #cc0;*/
}

#menu ul li.active:hover a
{
	color: #fff;
	/*background: #cc0;*/
}


#menu ul li ul { display: none; }

#menu ul li:hover ul
{
	display: block;
	position: absolute;
	top: 19px;
	left: 0;
	width: 106px;
}

#menu ul li:hover ul li a.hide
{
	background: #fff;
	color: #069;
}

#menu ul li:hover ul li:hover a.hide
{
	background: #fff;
	color: #069;
}

#menu ul li:hover ul li a, #menu ul li.active:hover ul li a, #menu ul li:hover ul li.active a:hover
{
	display: block;
	background: #ddd;
	color: #069;
}

#menu ul li:hover ul li a:hover,
#menu ul li:hover ul li.active a
{
	background: #cc0;
	color: #fff;
}


/* Submenu on right side */

#submenu
{
	margin: 20px 0 0 -8px;
	background: transparant;
}

#submenu ul li a, #submenu ul li a:visited
{
	display: block;
	text-decoration: none;
	width: 130px;
	height: 22px;
	text-align: left;
	color: #eee;
	background: #069;
	line-height: 22px;
	overflow: hidden;
	border: solid 1px #069;
	border-left: none;
	padding-left: 8px;
}

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

#submenu ul li
{
	z-index: 5;
}

#submenu ul li:hover a, #submenu ul li a.selected
{
	color: #069;
	background: #eee;
}




#crumbtrail
{
	color: #999;
	height: 14px;
	margin: 0;
	padding: 4px 0 2px 0;
	overflow: auto;
	border-bottom: 1px solid #069;
	font-weight: bold;
}

#crumbtrail ul li a { 
	color: #999;
	text-decoration: none; 
}

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

#crumbtrail li
{
	float: left;
	position: relative;
	display: inline;
	padding: 0 4px  0 0;
	margin: 0;
	font-size: 89%;
}

#crumbtrail li.current
{
	color: #aaa;
}

#actions
{
	width: 960px;
	background: #aaa;
}

.flag_unselected
{
	opacity:0.4;
}


/* Forms
--------------------------------------------------------------------------------------- */

form
{
	width: 100%;
	display: inline;
	margin: 0;
	padding: 0;
}

fieldset
{
	margin: 4px 0 4px;
	padding: 4px;
	border: 1px solid #888;
	background-color: #eee;
	clear: both;
	line-height: 1em;
}

.iframe {margin: 0; }

.iframe_image
{
	float: left;
	clear: left;
	display: inline;
	margin: 4px 8px 4px 0;
}

.headless {margin: 0; padding: 5px; }

.headless_image
{
	float: left;
	clear: left;
	display: inline;
	margin: 4px 8px 4px 0;
}

fieldset legend
{
	color: #888;
	font-weight: bold;
}

form .required {font-weight: bold;}

form input, form textarea, form select
{
	display: inline;
	width: auto;
	margin: 0;
}

form textarea { overflow: auto; }

form input[type=text], form input[type=password], form textarea
{
	font-family: Monaco, "Courier New", Courier, fixed-width;
	border: 1px solid #bbb;
	background-color: #fff;
	color: #111;
	padding: 0;
	font-size: 90%;
}


form textarea { height: 12em; width: 430px; }

form textarea.small { height: 6em; }

form textarea.xsmall { height: 6em; width: 240px; }

form textarea.large { height: 24em; }

form input[type=text], form input[type=password] { width: 240px; }
form input.large { width: 430px }
form input.small { width: 120px }


form dl {  font-size: 89%; }

form dt {
  clear: both;
  float:left;
  width: 100px;
  overflow: hidden;
  padding: 4px 0 2px 0;
  text-align: right;
}

form dd {
  float: left;
  margin: 0 0 8px 0;
  padding-left: 6px;
  display: inline;
}

form p.description {text-align: left; line-height: 1.2em; }

input#exampleButton {float: right;}

form ul.errors
{
	list-style: none;
}

form ul.errors li
{
	color: #f00;
}

/* Links
--------------------------------------------------------------------------------------- */

a
{
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #039;
	text-decoration: underline;
}

a:active { color: #039; }

#content p a, #content li a
{
	color: #090;
	font-weight: inherit;
	text-decoration: none;
}

#content p a:hover, #content li a:hover
{
	color: #039;
	text-decoration: underline;
}

#content p a:active, #content li a:active { color: #039; }

/* Content
______________________________________________________________________________________ */

#content .image_full
{
	float: right;
	clear: left;
	display: inline;
	margin: 4px 0px 4px 0px;
	width: 100%;
	overflow: hidden;
	text-align: center;	
}


#content .image_right
{
	float: right;
	clear: left;
	display: inline;
	margin: 4px 0px 4px 8px;
	min-width: 180px;
	max-width: 300px;
	overflow: hidden;
	text-align: center;	
}

#content .image_left
{
	float: left;
	clear: left;
	display: inline;
	margin: 4px 8px 4px 0;
	min-width: 180px;
	max-width: 300px;
	overflow: hidden;
	text-align: center;	
}

#content .smallimage_right
{
	float: right;
	clear: left;
	display: inline;
	margin: 4px 0px 4px 8px;
	min-width: 50px;
	max-width: 100px;
	overflow: hidden;
	text-align: center;	
}

#content .smallimage_left
{
	float: left;
	clear: left;
	display: inline;
	margin: 4px 8px 4px 0;
	min-width: 50px;
	max-width: 100px;
	overflow: hidden;
	text-align: center;	
}


#content div.article
{
	padding: 8px;
	margin-bottom: 8px;
	border-bottom: 2px solid #aaa
}

#content h1
{
	padding-top: 0.5em;
	color: #069;
}

#content h2 { color: #069; }

#content p.published {color: #999; }

#content p.more {color: #999; }

#content h3, #content h4, #content h5, #content h6 { color: #000; }

/*#content h2 {border-bottom: 1px solid #aaa; }*/


.module
{
	padding: 16px;
	background: #ffffff;
	border: 1px solid #dddddd;
}

.h3_title { margin-bottom: 10px; }

dl.newsList {margin: 5px 0 5px; overflow: auto; width: 100%;}

dl.newsList dt {padding: 4px 4px 0 0; font-size: 120%; }

dd.newsSummary {font-size: 100%; padding-left: 8px; }

dd.newsIcons { float: right; padding-left: 4px;}

dl.newsList_small {margin: 4px 0 4px; overflow: auto; width: 100%;}

dl.newsList_small dt {
	padding-right: 4px;
	font-size: 100%;
	border-top: 1px #aaa solid;
	display: block;
	overflow: hidden;
	width: 150px;
	float: left;
}
dl.newsList_small dd, dl.newsList_small dt {
	padding-top: 10px;
	padding-bottom: 10px;
}

dl.newsList_small dd {
	border-top: 1px #aaa solid;
	display: block;
	overflow: hidden;
	float: left;
	width: 400px;
}

dd.newsSummary_small {font-size: 89%; padding-left: 8px; }

dd.newsIcons_small { float: right; padding-left: 4px;}

span.newsDate { color: #999; font-size: 89%; }

/* Messages and stuff
--------------------------------------------------------------------------------------- */

.errormsg
{
	background-image: url(/img/bitcons/alert.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	min-height: 16px;
}

.okmsg
{
	padding-left: 18px;
	background-image: url(../img/bitcons/check.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 16px;
}

.visits
{
	font-size: 89%;
	color: #999;
}

/* Paginator
--------------------------------------------------------------------------------------- */

.paginator
{
	font-size: 89%;
	background: #CCC;
	padding: 1px 4px 1px 4px;
}

.paginator .disabled { color: #999;}

.paginator .current { color: #FF9900; background-color: #fff; }

/* Select-image
--------------------------------------------------------------------------------------- */

.selectimageList .relevance 
{
	background-color: #FF9900;
	color: #fff;
}


/* Product
______________________________________________________________________________________ */

dl.productList {margin: 4px 0 4px; overflow: auto; width: 100%;}

dl.productList dt {margin-top: 4px; padding-right: 4px; font-size: 100%; }

dd.productSummary {font-size: 89%; padding-left: 8px; }

dd.productIcons { float: right; padding-left: 4px; clear: right;}

ul.productFront {}

div.product p.published { float: left; clear: left; }

ul.productList {list-style: none;}

ul.productList li {font-size: 100%; padding-top: 4px;}

.productList span.brand {font-size:120%}

.productList span.collapse {font-size:89%}

ul.productList ul li {font-size: 100%; padding-left: 2em;}



/* Event related stuff
______________________________________________________________________________________ */

#event p.first
{
	font-weight: bold;
}

#event p.published, #event p.author { color: #999; }
#event p.author { text-align: right; }

/*dl.eventList {margin: 4px 0 4px; overflow: auto; width: 100%;}

dl.eventList dt {padding-right: 4px; font-size: 100%; }

dd.eventSummary {font-size: 89%; padding-left: 8px; }

dd.eventIcons { float: right; padding-left: 4px;}*/

/* Medium */


table.eventsMedium {
    width: 100%;
    margin: 2px 0 10px 0;
    font-size: 100%;
    line-height: 1.25em;
}

table.eventsMedium tr.month th {
    padding: 5px;
   	color: #eeeeee;
	background-color: #333333;
    font-size: 120%;
    font-weight: bold;
}

/*table.eventsMedium td span.calSheet {
    float: left;
    margin: -17px 0 0 -45px;
    width: 32px;
}*/

table.eventsMedium td {
    padding: 2px 5px 2px 0;
    border-top: 1px solid #ccc;
}

table.eventsMedium td.summary {
    width: 50%;
	padding-left: 31px;
}

table.eventsMedium td.summary span.calSheet {
    float: left;
    display: inline;
    margin-left: -31px;
}

/*table.eventsMedium td.summary a {
    display: block;
    min-height: 45px;
    padding-left: 45px;
    color: #1b1b1b;
    text-decoration: none;
}*/

table.eventsMedium td.location {
    width: 140px;
}

table.eventsMedium td.info {
    width: 110px;
}

table.eventsMedium td.info p {
    font-size: 89%;
    color: #999999;
}

table.eventsMedium a { font-weight: normal; }


/* Small */

ul.eventsSmall
{
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

ul.eventsSmall span.calSheet {
    float: left;
    display: inline;
    margin-left: -31px;
}

ul.eventsSmall li {
	min-height: 28px;
    padding: 5px 5px 5px 31px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

.eventsSmall p {
	margin: 0;
	line-height: 1.1em;
}

.eventsSmall .event { font-weight: bold; }

span.calSheet {
    width: 24px;
    display: block;
    text-align: center;
}

span.calSheet span {
    display: block;
    float: left;
    width: 100%;
}

span.calSheet span.month {
    background: #F90;
    border: 1px solid #F90;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1em;
    font-weight: bold;
    text-align: center;
    height: 9px;
    font-size: 75%;
}

span.calSheet span.day {
	height: 16px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    color: #000;
    line-height: 1.4em;
    font-weight: bold;
    letter-spacing: -0.1em;
    font-size: 100%;
}

.calSheet_old
{
	opacity:0.4;
}


/* Tabbed browsing
______________________________________________________________________________________ */

div.tab
{
	margin: 6px 0 ;
	padding: 0px;
	border-bottom: 3px solid #069;
}

div.tab ul 
{
	margin-left: 1px;
	padding: 0;
}

div.tab ul li
{
	display: inline;
	margin: 0px 1px 0px 0px;
	padding: 0px;
}

div.tab ul li a, div.tab ul li a:visited, #content div.tab ul li a
{
	font-size: 89%;
	color: #066;
	background-color: #cc0;
	padding: 2px 4px 0px 4px;
	text-decoration: none;
}

div.tab ul li a:hover, #content div.tab ul li a:hover
{
	color: #066;
	background-color: #ec0;
}

div.tab ul li a.tabactive, div.tab ul li a.tabactive:visited, #content div.tab ul li a.tabactive, #content div.tab ul li a.tabactive:visited
{
	background-color: #069;
	color: #fff;
}

div.tab ul li a.rss, div.tab ul li a.rss:visited
{
	padding: 2px 4px 0px 4px;
	margin-left: -4px;
}

div.tabbox
{
	margin-bottom: 6px;
	padding-top: 6px;
}



img.tabimage { margin: 8px 0px 0px 8px; }

/* Comments
______________________________________________________________________________________ */

#registrations, #comments, #comments_form { background: #eeeeee; }

#registrations h2, #comments h2, #comments_form h2
{
	color: #eeeeee;
	background-color: #333333;
	text-transform: none;
	letter-spacing: normal;
	font-size: 120%;
	padding: 5px;
}

#comments_form textarea {width: 100%; }

.comment { padding: 5px; }

.comment p.author
{
	color: #999;
	text-align: right;
	padding-bottom: 3px;
	border-bottom: solid #333333 1px;
}

.comment_image
{
	float: right;
	clear: right;
	display: inline;
	margin: 4px 0 4px 4px;
	width: 54px;
	overflow: hidden;
	text-align: center;
}

.comment_input
{
	margin: 5px;
	padding: 5px;
}

.comment_verify
{
	margin: 5px;
	padding: 5px;
}




/* Footer Layout
--------------------------------------------------------------------------------------- */

#bottom h2 { color: #F90; }

.bottom_content_left
{
	width: 280px;
	float: left;
	display: inline;
	overflow: hidden;
	background: black;
	height: 188px;
	padding: 10px;
	margin: 0px 0px 16px 16px;
}

.bottom_content_right
{
	width: 276px;
	float: right;
	display: inline;
	overflow: hidden;
	background: black;
	height: 188px;
	padding: 10px;
	margin: 0px 16px 16px 0px;
}



.bottom_module
{
	width: 270px;
	margin-left: 20px;
	float: left;
	display: inline;
	padding: 10px;
	background: black;
	height: 188px;
}

#footer img
{
	float: left;
	display: inline;
	margin-top: 6px;
}

.copyright
{
	width: 100%;
	display: inline;
	margin-top: 6px;
}

.copyright a
{
	font-weight: normal;
	text-decoration: underline;
}

.copyright p
{
	font-size: 89%;
	margin: 0 0 4px 0;
}

.copyright p.last { margin-bottom: 0; }

/* data tables for rijderslijst etc */

table.data {
	border-collapse:collapse;
}

table.data, table.data th, table.data td {
	border: 1px solid #bbb; 
	padding: 2px 3px 2px 3px;
}

table.data {
	border-collapse:collapse;
}

table.noborder, table.noborder th, table.noborder td {
	border: 0; 
	padding: 0;
}

table th {
	font-weight: bold;
}

.errorMessage {
	color: red;
}

.okMessage {
	color: green;
}