* { margin:0px; padding:0px;}
body { margin: 0px;  margin-top:5px;}
body,.cornerleft,.cornerright{background-color: #FFFFFF;}

body,td,th { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { font-size: 1.8em; /* 22px */ margin-bottom: 25px; color:#a2c71f; margin-top:6px;  padding:0px 0px 4px 0px; border-bottom:1px solid #a2c71f; text-align:right;}
h1.nieuws{ color:#CC0033; font-size:13px;}

h2 { font-size: 1.2em; /* 20px */ margin-bottom: 6px; color:#a1c71f; font-weight:normal; padding:5px 10px 5px 0px; line-height:27px; height:27px;background:none; color:#669900; padding:0px; font-weight:bold;}
h2 a { color:#669900; text-decoration:none; font-weight:bold}
h3 { font-size: 1.4em; /* 18px */ margin-bottom: 4px; }
h4 { text-align:center; font-size: 1.2em; /* 20px */ margin-bottom: 3px; color:#FFFFFF; font-weight:bold; padding:6px 10px 5px 15px;}
td { vertical-align:top;}
a { color:#C42C27; }
a img { border:0px none; }
textarea { font-family:Arial, Helvetica, sans-serif;font-size: 12px;}
hr { height:1px; color:silver;}
#popup { background:#FFFFFF; padding:10px;}
form.nieuwsbrief{  padding:10px;}


/* BELANGRIJKSTE LAYOUT WAARDEN */
.top{width:977px;margin: 0px auto; height:10px;}
.cornerleft{ width:10px; float:left}
.cornerright{ width:10px; float:right}


.header {height:140px;}
.inhoud,.footer,.wrapper{width:949px;}
.top{ background-color:#FFFFFF;}


/*padding voor witte boorder wrapper*/
.footer,.wrapper{ margin: 0px auto; padding:14px; padding-top:0px; padding-bottom:0px;}

.links { width: 170px;}
.rechts {width: 180px;}
.content { width: 560px;}

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

.header {background-color:#FFFFFF;}
.footer {color: #666666; height:25px; line-height:20px; padding-top:5px; border-top:0px solid #CCCCCC; width:560px; padding-left:5px;}
.footer a {color: #666666; text-decoration:none}
.footer a:hover { text-decoration:overline;}
.wrapper { background-color: #FFFFFF;}
.inhoud {margin-top:0px;}

.content { margin: 0px 20px 0px 20px}
.content p{ text-align:justify; line-height:18px;}
.content img{border:0px solid gray;}

.trail { float:right; color:#99CC00; width:550px; padding-right:208px;font-size:12px;text-align:right;}
.trail a { color:#a1c71f; text-decoration:none; font-weight:bold;}
.trail a:hover { text-decoration:underline;}

.begroeting{ float:left; width:180px; font-weight:bold; padding-left:0px; }

/* TABLE */
table.bordered{ width:100%; padding:0px; border-spacing:1px; margin:.5em 0px;  background:#EEE; border:1px solid #EEE;  border-bottom-width:1px; font-size:12px}
table.bordered th{font-weight:normal; padding:4px; border-bottom:2px solid #BAC9CF; background:#FCFCFC}
table.bordered td{padding:4px; margin:0px; background-color:#fff; }


/* CLASSES */

.rechts div.titel { background-color:#a1c71f; color:#FFFFFF; padding-left:5px; padding-top:5px; height:20px; font-weight:bold;}
.rechts div.kader{ background:none; border:2px solid #b0b0b0;border-top:0px;padding-left:5px; margin-bottom:5px;}

.rechts .list { margin-left:15px; list-style:disc; margin-bottom:15px; margin-top:0px;padding-top:5px; font-size:12px; font-family: Arial, Georgia, "Times New Roman", Times, serif; color:#413f3e;}



/*fotoclass*/
.fleft{ margin:14px;margin-left:0px;margin-bottom:15px; float:left;}
.fright{margin-top:14px;margin-right:0px;margin-bottom:15px;float:right;}


/*gregoryshit*/
.txt p { margin-bottom:14px; line-height:14px; }
.sright { float:right; margin-left:10px;}

.openingsuren { padding:10px; float:left; margin-right:10px; margin-bottom:5px; margin-top:5px; border:1px solid silver;}
.just {text-align:justify; }
.flashheader { clear:both; margin-top:60px; text-align:right; border:0px solid black; margin-right:25px; height:128px}
.submenu { clear:all; color:#FFF; border:0px solid white; margin-top:28px; text-align:left; height:25px; line-height:25px;}
.zoeken { float:right; width:180px; text-align:right;}
.zoeken input { border:0px solid #ee3e34; color:#FFF; padding:3px; background: none url('images/zoeken.png') top left no-repeat; width:100px; font-size:11px; color:#ee3e34; padding-left:3px;}
.zoeken .btn { background:none; text-align:left; width:50px; font-size:11px; border:0px solid silver; color:#FFF; padding:0px;}
.groep tr td { border-bottom:1px solid silver;}



form.contact { border:0px; }
form.contact input { border:0px;font-size:10px}
form.contact textarea {font-size:11px}


.frminput { background-image:url(images/veldgraphic.gif); background-repeat:no-repeat; border:0px;width:178px; padding-left:5px;line-height:20px; height:22px; }

.frminput2 { background-image: url(images/veld_active.gif); background-repeat:no-repeat; border:0px;width:178px; padding-left:5px;line-height:20px; height:22px; }

.bigarea { height:90px; border:1px solid #CCCCCC; overflow:auto; width:440px; background-image:url(images/bg_opmerking.gif);background-repeat:no-repeat; padding-left:5px;}


.contact { padding:10px; border:1px solid #869e44; width:200px; margin-top:6px}
.contact h1 { background:none; padding:0px; color:#869e44;}
.tblopeningsuren { width:320px;}
.tblopeningsuren tr td { padding:2px; border-bottom:1px solid #E6E6E6;}
.tblcontact tr td { vertical-align:middle; text-align:right}
.noshow { display:none; border:10px solid black;}
.info { float:right; margin-top:10px;}

/*kalender*/

.kalender { float:left; width:560px; font-size:93%; line-height:normal; height:30px;}
.kalender ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
.kalender li { float:left; margin:0; padding:0; color:#333333; list-style:none;}
.kalender a { float:left;  margin:0; padding:0 0 0 4px; text-decoration:none; color:#333333; font-weight:bold;}
.kalender a span { float:left;  padding:1px 1px 1px 1px; color:#333333; }
.kalender a span {float:none;} 
.kalender a:hover span { color:#a2c71f; }
.kalender a:hover { background-position:0% -42px; }
.kalender a:hover span { background-position:100% -42px; }

/* .kalender li.selected a { background:none; /*background:url("images/tableftHsel.gif") no-repeat left top; */}
/* .kalender li.selected a span { background:none /* url("images/tabrightHsel.gif") no-repeat right top;  */ }
.kalender li.selected * { color:#a2c71f; }

.nieuwsbrief { padding-top:7px; background-image:url(./images/bgnieuwsbrief.jpg); background-repeat:no-repeat;}

.mailinput { width:110px; margin-left:47px; height:16px; background-color:transparent; border:0px; padding-left:10px;}

.dag, .legende { float:left; width:96px; background-color:#F3F3F3; border-right:1px dotted silver;}
.legende { width:90px;}
.dag h2, .legende .titel { height:40px; border-bottom:1px solid silver; text-align:center; line-height:40px; margin:0px;}
.uur { height:60px; border-bottom:1px dotted silver; overflow:hidden;}
.uur h3 { padding:10px; display:block; float:left; width:40px; line-height:40px; text-align:center;}
.uur .kwartiers { float:left; width:28px; font-size:10px; }
.uur h5 { font-weight:normal; padding:0px; margin:0px; font-size:10px; height:15px; line-height:15px;}
.blokken { font-size:10px}
.blok { width:96px; height:15px; color:#FFF; float:left; margin:0px; padding:0px; border:0px solid green; display:table-cell; border-bottom:1px dotted #e3e3e3;}
.blok a { display:block; height:15px; line-height:15px;}
.blok a:hover { background-color:#666666;}

#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(bg.gif) repeat-x;
	color:#fff;
	}

#easyTooltip2{
	padding:5px 10px;
	border:1px solid #5e5e5e;
	background:#5e5e5e url(bg2.gif) repeat-x;
	color:#fff;
	width:250px;
	}
#easyTooltip2 h4, #easyTooltip2 p{
	margin:.25em 0;
	}	
	


.btn { background-color:transparent; color:#333; font-weight:bold; font-size:11px; text-align:center; padding:8px; border:0px none; width:160px;}

.leg { height:18px; line-height:18px; float:left; margin-right:18px; margin-top:0px; margin-bottom:5px; width:180px;}
.leg span.kleur { width:30px; height:18px; float:left; cursor:pointer}
.leg span.titel { height:18px; float:left;}


.legend { margin:0px; }
.tussen { height:10px; clear:both;}

.uurrooster { margin-left:-10px; }
.blabla { height:8px;}