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

/* This file is read by ALL browsers */

/* STANDARDIZATION  */
img{
display:block}
/* LAYOUT */
body,td,th,p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 9px;
}
a:link {
	color: #00A8ED;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00A8ED;
}
a:hover {
	text-decoration: none;
	color: #00A8ED;
}
a:active {
	text-decoration: none;
	color: #00A8ED;
}
h1 {
	font-size: 13px;
	color: #01AEF2;
	margin:0;
	margin-bottom:3px;
	padding:0;
	line-height:14px;
	font-weight:bold;
}
.content table, .content tr, .content td{
border-collapse:collapse;
border:0;
padding:0;
margin:0}
p {
margin:0;
margin:0 0 9px 0;
line-height:18px;
}
.style1 {font-size: 14px}

/* MENU */
div#menu{
position:absolute;
width:215px;
top:0;
left:0;
padding:17px 17px 0 17px;
z-index:3}
div#menu ul li{
line-height:1em;
margin-bottom:1px;
padding:3px;
background:#fff}


/* TYPOGRAFY */
/* standard font, size, color, lineheight */
body{
font-family:Verdana, Helvetica, Arial;  	/* standard font */
font-size:100%; 							/* standard 16px */
color:#000;									/* standard text-color */
line-height:1.3em}							/* standard line-height */
/* setting a bottom-margin for a paragraph */ 
div#content p{
font-size:0.75em;
margin:0 0 17px 0}
pre{
font-size:0.75em;
margin:0 0 17px 0}
/* standard link */
a{
color:#00A8ED;
text-decoration:none}
a:visited{									/* standard link which has been viewed by user */
color:#00A8ED}
a:hover{									/* standard link with mouse-over */
color:#00A8ED}
a:active{									/* standard link mouse button hold down */
color:#00A8ED}
/* 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, .titel{
font-size:1.125em;							/* standard 22px */
line-height:1.275em;
font-weight:bold;
color:#00A8ED;
margin:0 0 3px 0}
/* header 3, used for subitem titles */
h3{
color:#FF0000;
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}
/* 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{
font-size:0.625em}
/* 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}
div.kopp{
font-size:1.125em;							/* standard 22px */
line-height:1.275em;
font-weight:bold;
color:#606063;
margin:0 0 3px 0}
.sidepanel div.titel{
color:#606063}
.sidepanel a, .sidepanel a:link, .sidepanel a:hover, .sidepanel a:active, .sidepanel a:visited{
color:#606063;
font-size:9px;
line-height:12px;
text-decoration:underline}
.sidepanel td, .sidepanel p{
color:#606063;
font-size:9px;
line-height:12px}
/* lees verder knop in een item zonder odd / even */
div.knop{
display: inline}
/* lees verder knop in een item zonder odd / even */
div.knop a{}
/* foto in een item zonder odd / even */
div.foto{
background-position:top;
background-repeat:no-repeat;
cursor:pointer}
/* foto onderschrift in een item zonder odd / even */
div.onderschrift{
margin-bottom:-1px;
font-size:0.5625em;
line-height:0.5625em}
/* foto positioneering in een item zonder odd / even */
.left{
margin:0 10px 10px 0;
float:left;
clear:left}
/* foto positioneering in een item zonder odd / even */
.right{
margin:0 0 10px 10px;
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 10px 10px 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 10px 10px;
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}

.openingstijden table tr td{
margin:0 5px 5px 0}
/* END ELEMENTS */

/* FORM STYLES */
.formsubmitbutton{
clear:both;
background:#fff;
border:1px solid #BABABA;
margin:9px 0}
.formcheckbox{}
.formradiobutton{
float:left;
clear:left}
.formradiobuttontekst{
margin:1px 0 2px 30px}
.formtextbox{
background:#fff;
border:1px solid #BABABA;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:174px}
.formtextbox2{
background:#fff;
border:1px solid #BABABA;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:100%}
.rood{
font-size:1em;
color:red;
font-family:"trebuchet MS", Helvetica, Arial; 
font-weight:bold}
.redborder{
border:1px solid red;
vertical-align:middle;
background:#fff}
.warning{
color:red}

/* 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/slimbox/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/slimbox/prevlabel.gif) no-repeat 0% 0%}
#lbPrevLink:hover {
background:transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 0%}
#lbNextLink {
right:0;
background:transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 0%}
#lbNextLink:hover {
background:transparent url(../images/slimbox/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}

/* TABLE WIDGET */
/* General rules for both standard column header and mouse on header of sortable columns */.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	
cursor:pointer;	
border-bottom:3px solid #C5C2B2;
border-right:1px solid #ACA899;
border-left:1px solid #FFF;	
background-color: #ECE9D8}
/* Standard column header */
.tableWidget_headerCell{	
border-top:2px solid #ECE9D8}
/* Rollover on sortable column header */
.tableWigdet_headerCellOver{	
border-top:2px solid #FFC83C}
/* Rollover style on mouse over (Data) */
.tableWidget tbody .tableWidget_dataRollOver{	
background-color:#FFF}
.tableWigdet_headerCellDown{
border-top:2px solid #FFC83C;	
background-color:#DBD8C5;
border-left:1px solid #ACA899;
border-right:1px solid #FFF}
.tableWidget td{
margin:0px;
padding:2px;
border-bottom:1px solid #EAE9E1}	/* Border bottom of table data cells */
.tableWidget tbody{
background-color:#FFF}
.tableWidget{
font-family:arial;
font-size:12px;	
width:400px}
/* widget container */
div.widget_tableDiv {
border:1px solid #ACA899;	
height: 200px;
overflow:auto;
overflow-y:auto;
overflow:-moz-scrollbars-vertical;
width:400px}
html>body div.widget_tableDiv {
overflow: hidden;
width:400px}
.tableWidget thead{
position:relative}
.tableWidget thead tr{
position:relative;
top:0px;
bottom:0px}
.tableWidget .scrollingContent{
overflow-y:auto;
overflow:-moz-scrollbars-vertical;
width:100%}