/* 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}
/* remove all table borders */
table{
border-collapse:collapse; 
border-spacing:0}
/* remove borders from img inside a */
a img, :link img, :visited img{  
border:0}
/* remove formatting */ 
address,caption,cite,code,dfn,em,strong,th,var{ 
font-style:normal; 
font-weight:normal}
/* remove formatting from lists */
ol,ul{
list-style:none}
/* set alignment to left on special elements */
caption,th{
text-align:left}
/* set all headers to normal format */
h1,h2,h3,h4,h5,h6{ 
font-size:100%; 
font-weight:normal}
/* set special css method to default */
q:before,q:after{
content:''}
/* remove special text block elemet's border */
abbr,acronym{
border:0}
/* img tag is a block, so there shouldn't be any whitespace for lower characters */
img{ 
display:block}
/* needed for container min-height */
html,body{
border-collapse:collapse;
border:none;
height:100%}

/* LAYOUT */
html, body {
height: 100%}         /* required */
body {
text-align: center;   /* horizontal centering hack for IE */
padding: 0;           /* required to "hide" distance div */
margin: 0; 			  /* required to "hide" distance div */
background:#42210b}           
div#distance { 
margin-bottom: -322px; /* half of wrapper height */
width: 1px;           /* required to "hide" distance div */
height: 50%;          /* required */
float: left}          /* required */
div#wrapper {
position: relative;   /* positions content on top of distance */
text-align: left;     /* horizontal centering hack for IE */
height: 644px;         /* required - desired height */
width: 1084px;          /* required - desired width */
margin: 0 auto;       /* required */
background:url('../images/backgrounds/content-bg.png') repeat-y;
clear: left}         /* required */

div#logo1{
position:absolute;
top:26px;
left:33px;
width:224px;
height:165px}
div#logo2{
position:absolute;
top:78px;
left:322px;
width:376px;
height:93px}
div#mainmenu{
position:absolute;
top:215px;
left:0;
width:300px;
height:429px}
div#topmenu1{
position:absolute;
top:181px;
left:300px;
width:517px;
height:29px}
div#topmenu2{
position:absolute;
top:181px;
left:816px;
width:268px;
height:29px;
background:#f89828}

div#content{
position:absolute;
left:300px;
top:209px;
width:516px;
height:434px;
overflow:auto}
#padded{
margin:17px 22px}
#sponsors{
position:absolute;
top:210px;
left:819px;
width:265px;
height:434px;
overflow-y:auto;
overflow-x:hidden}
	#sponsors img{
	margin:17px}

/* TYPOGRAFY */
/* standard font, size, color, lineheight */
body{
font-family:Arial, Helvetica, Verdana;  	/* standard font */
font-size:0.75em;							/* 12px */
color:#000;									/* standard text-color */
}
/* standard line-height */
/* setting a bottom-margin for a paragraph */ 
div#content{
font-family:Verdana, Helvetica, Arial;  	/* standard font */
line-height:1.3em}
div#content p{
margin:0 0 17px 0}
pre{
margin:0 0 17px 0}
/* standard link */
a{
color:#815634;
text-decoration:none}
a:visited{									/* standard link which has been viewed by user */
color:#571D00}
a:hover{									/* standard link with mouse-over */
color:#571D00}
a:active{									/* standard link mouse button hold down */
color:black}
/* standard style for emphasis */
em{
font-style:italic}
/* standard style for important text */
strong{
font-weight:bold}
/* header 1, user for website title */ 
h1{
display:none}
/* header 2, used for item title */
h2{
font-size:1.375em;							/* standard 22px */
line-height:1.375em;
color:#42210B;
font-weight:bold;
margin:0 0 17px 0}
/* header 3, used for subitem titles */
h3{
color:#F89727;
font-weight:bold;
font-size:1em;
margin:0 0 17px 0;}
/* header 4, not used by default */
h4{
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0;
color:black}
/* header 5, not used by default */
h5{
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0;
color:black}
/* header 6, not used by default */
h6{
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0;
color:black}
div#content ul{}
div#content ul li{
display:list-item;
margin-left:10px;
list-style:circle outside}
div#content ol{}
div#content ol li{
display:list-item;
margin-left:10px;
list-style:decimal outside}



.knop a, .knop a:link, .knop a:visited, .knop a:hover, .knop a:active{}
.rubrieken{}
.bovenkop{
font-size:0.5625em}
.openingstijden{
font-size:0.625em}
/* END TEXT STYLES */

/* ELEMENTS */

table.agenda{
width:479px}
table.agenda th, table.agenda td{
text-align:left;
padding-right:10px}
table.agenda td{
padding-left:2px}
table.agenda th{
font-weight:bold}
table.agenda tr.odd{
background:#EBE5C3;
border-bottom:2px solid white} 
table.agenda tr.even{
background:#FFFFFF;
border-bottom:2px solid white} 

.balk{
border:1px solid #ccc;
background:#C7B487;
text-align:center;
line-height:26px;}
.balk div{
padding:0 4px 0 4px}
.balk div.left{}
.balk div.right{}

table.galerij{
width:470px}
table.galerij tr td{
text-align:center;
vertical-align:middle;
padding:10px;
border-right:10px #FFFFCB solid;
border-bottom:10px #FFFFCB solid;
background:#F89727}
table.galerij .foto{
float:none;
clear:none;
width:auto;
height:auto;
text-align:center;
vertical-align:middle;
margin:auto auto;}
table.galerij .foto img, table.galerij .foto a{
display:inline}
hr{
height:0;
margin:0 0 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{
margin-bottom:17px}
/* lees verder knop in een item zonder odd / even */
div.knop a{}
/* foto in een item zonder odd / even */
div.foto{
border:1px solid #F89727;
background-color:#F89727;
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:#F89727;
font-size:0.8em;
line-height:1.4em;
padding-left:2px;
max-width:195px}
/* foto positioneering in een item zonder odd / even */
.left{
margin:0 17px 17px 0;
float:left;
clear:left}
/* foto positioneering in een item zonder odd / even */
.right{
margin:0 0 17px 17px;
float:right;
clear:right}
.odd{
margin-bottom:15px;
clear:both}
.even{
margin-bottom:15px;
clear:both}

/* lees verder knop in odd */
.odd div.knop{}
/* lees verder knop  in odd */
.odd div.knop a{}
/* foto  in odd */
.odd div.foto{
float:left;
clear:left}
/* foto onderschrift  in odd */
.odd div.onderschrift{}
/* lees verder knop in odd */
.even div.knop{}
/* lees verder knop  in odd */
.even div.knop a{}
/* foto  in odd */
.even div.foto{
float:right;
clear:right}
/* foto onderschrift  in odd */
.even div.onderschrift{}
.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{
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}
form 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 #B8006E;
background:#fff;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:160px}
form textarea{
overflow:auto;
width:357px}

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 #B8006E;
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}

/* SLIMBOX */
#lbOverlay{
position:absolute;
left:0;
width:100%;
background-color:black;				/* the overlay background color */ 
cursor:pointer;						/* when mouse hovers over backgroung change it to a hand */
z-index:200}
/* this should overlay the entire website */
#lbCenter, #lbBottomContainer{
position:absolute;
left:50%;
overflow:hidden;
background-color:white;				/* the image container background color */
z-index:200}
/* this should overlay the entire website */
.lbLoading{
background:transparent url(../images/slim/loading.gif) no-repeat center}
/* loading animation */
#lbImage{
border:10px solid white;			/* this should be the same as the image container background color */
border-top:30px solid white}
/* this should be the same as the image container background color */
#lbPrevLink, #lbNextLink{
display:block;
position:absolute;
margin-top:-20px;
width:55%;
outline:none;
z-index:201}
#lbPrevLink{
left:0;
background:transparent url(../images/slim/prevlabel.gif) no-repeat 0% 0%}
#lbPrevLink:hover{
background:transparent url(../images/slim/prevlabel.gif) no-repeat 0% 0%}
#lbNextLink{
right:0;
background:transparent url(../images/slim/nextlabel.gif) no-repeat 100% 0%}
#lbNextLink:hover{
background:transparent url(../images/slim/nextlabel.gif) no-repeat 100% 0%}
#lbBottom{
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
color:#666;
line-height:10px;
text-align:left;
border:10px solid white;		/* this should be the same as the image container background color */
border-top-style:none}
#lbCloseLink{
display:block;
width:43px;
height:11px;
background:transparent url(../images/closelabel.gif) no-repeat right;
margin:0px auto}
#lbCaption, #lbNumber{
margin-right:171px}
#lbCaption{
margin-top:-11px;
font-weight:bold;
padding:6px 4px}
#lbNumber{
display:none}

/* SIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash{
visibility:visible !important;
margin:0}
.sIFR-replaced{
visibility:visible !important}
span.sIFR-alternate{
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden}
/* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{
display:none !important}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2{
visibility:hidden}
.sIFR-hasFlash h3{
visibility:hidden;
font-size:20px}
.sIFR-hasFlash h4{
visibility:hidden;
letter-spacing:-5px;
font-size:21px}
.sIFR-hasFlash h5{
letter-spacing:-4px;
visibility:hidden;
font-size:24px}