/* CSS door Norbert de Langen van Mediaconnexion BV */
/* Copyright 2008 | All rights reserved */

/* This file is read by ALL browsers */

/* STANDARDIZATION  */
/* There should be no need to edit standardization*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
font-family:inherit;
font-weight:inherit;
font-style:inherit;
text-align:left;
vertical-align:baseline}
table{
border-collapse:collapse; 
border-spacing:0}     /* remove all table borders */
a img, :link img, :visited img{  
border:0}             /* remove borders from img inside a */
address,caption,cite,code,dfn,em,strong,th,var{ 
font-style:normal; 
font-weight:normal}   /* remove formatting */ 
ol,ul{
list-style:none}      /* remove formatting from lists */
caption,th{
text-align:left}      /* set alignment to left on special elements */
h1,h2,h3,h4,h5,h6{ 
font-size:100%; 
font-weight:normal}   /* set all headers to normal format */
q:before,q:after{
content:''}           /* set special css method to default */
abbr,acronym{
border:0}             /* remove special text block element's border */
img{ 
display:block}        /* img tag is a block, so there shouldn't be any whitespace for lower characters */
html,body{
border-collapse:collapse;
border:none;
height:100%}          /* needed for container min-height */
div#wrapper.small{
text-align:center;
width:300px}          /* required - desired width */

div#wrapper.small img{
margin:0 auto;
text-align:center}

/* LAYOUT */
.random{
float:left;
width:360px;
height:100px;
background:#210001;
clear:none;
padding:0}
.content{
float:left;
width:320px;
background:#2B0200;
text-align:left;
height:480px;
margin-top:20px; 
padding-right:20px; 
margin-bottom:0; 
margin-left:20px;
overflow-y:auto;
overflow-x:hidden;
clear:left}
#pagina-img {
	margin-bottom: 20px;
}

/* TYPOGRAFY */
/* standard font, size, color, lineheight */
body{
font-family:Verdana, Helvetica, Arial;  	/* standard font */
font-size:100%; 							/* standard 16px */
color:#fff;									/* standard text-color */
line-height:1.3em;
font-size:0.75em}
/* standard line-height */
/* setting a bottom-margin for a paragraph */ 
.content{}
p{
margin:0 0 17px 0}
pre{
margin:0 0 17px 0}
/* standard link */
a{
font-family:Verdana, Arial, sans-serif;
font-size:12px;
font-weight:bold;
line-height:16px;
text-decoration:none}
a:link{
color:#e5cba4}
a:visited{
color:#c39978}
a:active{
color:#c39978}
a:hover{
color:#c39978}
/* standard style for emphasis */
em{
font-style:italic}
/* standard style for important text */
strong{
font-weight:bold}
/* header 1, user for website title */ 
h1, h2, h3, .titel{
font-weight:normal;
color:#5F8700}
h1, .titel{
font-size:13px;
font-weight:bold;
color:#c39978;
line-height:18px;
text-decoration:none;
margin-bottom:0;
padding-top:-7px}
h2{
font-size:1.4em}
h3{
font-size:1.2em}
/* header 4, not used by default */
h4{
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0}
/* header 5, not used by default */
h5{
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0}
/* header 6, not used by default */
h6{
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0}
/* footer for copyright information, link to mediaconnexion */
div#footer{
font-size:0.5624em;
line-height:0.5624em;
color:#000}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active{
font-size:0.5624em;
color:#000}
.knop a, .knop a:link, .knop a:visited, .knop a:hover, .knop a:active{}
.rubrieken{}
.bovenkop{
font-size:0.5625em}
.openingstijden{}
/* END TEXT STYLES */

/* ELEMENTS */
hr{
height:0;
margin:17px 0;
padding:0;
border:none;
border-top:1px #ccc solid;
line-height:0;
font-size:0;
overflow:hidden;
clear:both}
.padded{
margin:10px}
.padleft{
margin-left:10px}
.padright{
margin-right:10px}
.unclear{
clear:none;
margin-right:0px}
.achtergrond1{
background:#fff}
.achtergrond2{
background:#000}
.achtergrond3{
background:#ccc}
.achtergrond4{
background:#444}
/* lees verder knop in een item zonder odd / even */
div.knop{}
/* lees verder knop in een item zonder odd / even */
div.knop a{}
/* foto in een item zonder odd / even */
div.foto{
border:1px solid #ccc;
background-color:#0000CC;
background-position:top;
background-repeat:no-repeat;
margin:0 17px 17px 0;
float:left;
clear:left}
/* foto onderschrift in een item zonder odd / even */
div.onderschrift{
background-color:#ccc;
margin-bottom:-1px;
font-size:0.5625em;
line-height:0.5625em}
/* foto positioneering in een item zonder odd / even */
.left{
margin:0 17px 0 0;
float:left;}
/* foto positioneering in een item zonder odd / even */
.right{
margin:0 0 0 17px;
text-align:right}
.odd{
padding-bottom:2px;
margin-bottom:1px;
clear:both}
.even{
padding-bottom:2px;
margin-bottom:1px;
clear:both}

.agenda div.foto{
margin:0 0 17px 17px;
float:right;
clear:right}

/* lees verder knop in odd */
.odd div.knop{}
/* lees verder knop  in odd */
.odd div.knop a{}
/* foto  in odd */
.odd div.foto{
border:1px solid #ccc;
background-color:#0000CC;
background-position:top;
background-repeat:no-repeat;
margin:0 17px 17px 0;
float:left;
clear:left}
/* foto onderschrift  in odd */
.odd div.onderschrift{
background-color:#ccc;
margin-bottom:-1px;
line-height:0.5625em;
font-size:0.5625em}
/* lees verder knop in odd */
.even div.knop{}
/* lees verder knop  in odd */
.even div.knop a{}
/* foto  in odd */
.even div.foto{
border:1px solid #ccc;
background-color:#0000CC;
background-position:top;
background-repeat:no-repeat;
margin:0 0 17px 17px;
float:right;
clear:right}
/* foto onderschrift  in odd */
.even div.onderschrift{
background-color:#ccc;
margin-bottom:-1px;
line-height:0.5625em;
font-size:0.5625em}
.galerij .foto{
clear:none}
.openingstijden table tr td{
margin:0 5px 5px 0}
.datum{
font-size:0.625em;
color:#777;
float:right;
margin-left:17px}
/* END ELEMENTS */

/* FORM STYLES */
form{
min-width:300px}
form fieldset{
clear:both;
display:block;
margin-bottom:17px}
form table td, form table th{
font-size:12px;
padding-right:7px;
padding-bottom:7px}
form fieldset legend{
font-size:100%;
line-height:120%;
font-weight:bold;
float:left;
clear:both;
text-indent:0}
label{
font-size:100%;
float:left;
clear:left;
width:180px;
margin-right:17px}
input, select, textarea{
font-family:Tahoma, Arial, sans-serif;
font-size:100%;
color:#000}
form textarea, form input.textbox{
border:1px solid #DDD;
background:#fff;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:200px}
form textarea{
overflow:auto;
height:100px}

form input.radio{
float:left;
clear:left}
form label.radio{
float:none;
display:block;
clear:none;
width:auto;
padding-left:30px;
margin:0}
form .submitbutton{
background:#fff;
border:1px solid #BABABA;
margin-bottom:17px}
form input.checkbox{
float:left}
form label.checkbox{
float:none;
display:block;
clear:right;
width:auto;
padding-left:30px;
margin:0}

.warning{
color:red}
.message{
font-weight:bold}
form div.verplicht{
background-image:url("/images/icons/uitroepteken.gif");
background-position:right;
background-repeat:no-repeat}
form input.verplicht, form textarea.verplicht{
border:1px solid #B8006E}
form .validated{
color:#0e0}
.balk{
text-align:center}
.balk div.left,
.balk div.right{
clear:none}

.weekdag{
width:100px;
}
.zondag-tijd{
}
.avond h2{
display:none}
.avond td p{
text-align:center;
color:#B7B8BA}
.avond td .white{
color:#fff}