@charset "utf-8";
body  {
	font: 80% Verdana, Helvetica, sans-serif;
	background: #8f9dce;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h3 {font-size:18px; letter-spacing:0.1em; color:#435e9d}
h4 {font-size:1.2em; color:#435e9d; font-style:normal; }
h5 {font-size:1.1em; color:#3a4c85; font-style:italic; letter-spacing:0.1em }
h6 {font-size:1em; color:#3a4c85; font-style:italic; letter-spacing:0.1em; margin:0 }
a img, img {border:none}
#wrapper { width:980px; margin:20px auto; padding:0; position:relative}
em, em a
	{color:#C30; font-size:1.1em}
	
.twoColFixLtHdr #container { 
	width: 100%;  
	background: #FFFFFF;
	margin: 0; 
	padding:0;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../img/bg-sidebar.jpg);
	background-repeat:repeat-y;
	background-position:0 100%;	
	float:left;
} 

img {float:left; margin:5px 10px 10px 0}

.twoColFixLtHdr #header { 
	background: #c7cbe4; 
	padding: 0 ;  
	background-image:url(../img/bg-header.jpg);
	background-repeat:no-repeat;
	height:200px;
	width:980px;
	margin:0;
	position:relative;

} 
.twoColFixLtHdr #header.kerst { 
	background-image:url(../img/header_kerst.jpg);
	background-repeat:no-repeat;
	height:250px;
	width:980px;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 170px 0 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size:0.85em;
	text-transform:uppercase;
	color:#FFFFFF;
	width:200px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.twoColFixLtHdr #header.kerst h1 {
	float:right; }

.twoColFixLtHdr #sidebar1 {
	float: left; 
	clear:right;
	width: 200px; 
	min-height:800px;
	background: #435e9d; /* the background color will be displayed for the length of the content in the column, but no further */
	color:#FFFFFF;
	padding: 0;
	margin:0;
}

#sidebar2
	{float:right; width:200px; }
	
#mainContent{
	margin: 0 0 10px 0;
	float:right;
	width: 740px;
	padding: 20px;
	background-color:#fff;
	color:#000000;
	}
#mainContent.highlight
{
background-color:#c7cbe4;
}
#vaste-inhoud{
font-size:1.1em;
width:740px;
margin:10px 0 15px 0;
float:left;
}
.nieuws h3{
font-size:1.3em;
/*border-top:1px solid #435e9d;*/
border-bottom:1px solid #435e9d;
padding:3px 0 3px 3px;
}
.nieuweleden h3{
background-image:url(../img/bg-nieuweledenh3.jpg);
background-repeat:repeat-y;
background-position:100% 0;
}
.overlijden h3{
color:#FFFFFF;
background-image:url(../img/bg-overlijdenh3.jpg);
background-repeat:repeat-y;
background-position:100% 0;
}
.nieuws{
float:right;
width:200px;
font-size:0.85em;
margin:0 10px 10px 0;
padding:0 0 0 5px;
}
#highlights
{
float:left;
width: 500px;
border-right:1px solid #ccc;
margin:0 0 0 10px;
}
#highlights h3
	{margin:0}
#highlights h4
{
	font-size:1.1em;
color:#fff;
background-color:#435e9d;
padding:3px 0 3px 5px;
}
.items
	{ border-top:1px dotted grey; width:450px; margin-left:25px; }
highlights h6
	{margin:0}
p.titel
{
font-weight:bold;
font-size:0.9em;

}
p.titel.activiteiten{color:#435e9d}

.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ccc;
	color:#000;
	text-align:center;
	font-size:1.1em;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
span#credits{float:right; width:100px;font-size:0.9em; display:inline; text-align:right}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	padding-left:5px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#fotos {width:100%; float:left}

fieldset, fieldset.nieuws
{
display:block;
padding: 0 0 10px 1em;
margin-bottom:10px;
width:90%;
float:left;
}
fieldset.nieuws{padding:0}

form {font-size:0.9em; margin:0; border:0;}
.form {
display:block;
clear:both;
padding-top:1em;
}
fieldset
{margin-bottom:15px;
}
legend {font-weight:bold; color:#936; font-size:1.2em}
fieldset table{font-weight:normal}

#lettergrootte fieldset{
font-size:12px;
padding-left:10px;
}
.nieuws.lettergrootte{
margin:0 0 0 5px;
width:25%}
.nieuws.lettergrootte p.titel{font-size:14px;
color:#FF0000}

label
{
width:250px;
float:left;
text-align:left;
font-weight:bold;
font-size:0.9em;
margin-right:0.2em;
padding:3px 0 0 0;
}
label.waarschuwing {color:#FF0000}
/* formulieren opmaak ================================== */
.form input, .form select
{
	margin-left:10px;
}
select.namen	{width:200px}
.form input {width:200px; float:left}
input.checkbox {width:25px}
.form textarea {width:400px; float:left; clear:right}
input.submit{width: 100px; float:left; clear:both}
input.klein{width:75px;}
input.heelklein{width:25px; text-align:right}
input.email{width:200px}
input.adres{width:300px;}

input.ok{color:#006633}
input.cancel{color: #FF0000;}

td, th {vertical-align:top}
td.datum
{color:#030; width:45px }
td.titel
{color:#999;}
td.titel a
{text-decoration:none; color:#00C}
th.border, td.border
	{border-bottom:1px solid grey; padding:0 0 5px 0}
	
table.klein td, table.klein th{font-size:0.9em}
table.klein td {border-right:1px dotted}
table.restaurants td	{border:1px dotted grey}
p.leesverder
{
background-image:url(../img/readon-blue.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 3px 15px;
margin:5px 0 10px 0;
clear:left;
font-size:1.1em;
}
p.terug
{
background-image:url(../img/terug.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding:0 0 3px 15px;
margin:0 0 10px 0;
}
#nieuws p.leesverder
{
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
p.leesverder a
{text-decoration:none;
}
p.leesverder a:hover{
text-decoration:underline;
}
.pic {
float:right;
margin:0 5px 5px 5px;
text-align:center;
}
.pic .ls {
width:200px;
height:150px;
}
.pic150 {
float:right;
margin:0 0 5px 0;
width:160px;
}

.pic p.titel {
font-size:0.8em;
text-align:center;
color:#0000CC;
font-weight:bold;
margin:0 0 10px 0;
float:left; clear:left;
width:200px;
}
#breadcrumb
{float:left;
width:780px;

background-color:#FFFFFF;
margin-left:200px;
}
#teller {
width:400px;
float:left;
margin-left:5px;
}
#teller td{
font-size:0.8em;
color:#333;
}
#login {float:left; margin:25px 0 50px 225px;}

table.archief td, table.archief th{border-bottom:1px solid #ccc;}
#zoeken {width:95%; margin:10px auto;}
#zoeken input {width:90%}
#zoeken input.submit {width:25%; font-size:0.9em; float:left}
#zoeken legend {color:#FFFFFF;}

.detail{display:none; font-size:0.9em; border:1px solid #ccc; padding:3px;}
.detail img {padding:2px; float:right;}
p.verbergen{display:none; color:#fff}
p.melding {font-weight:bold; color:#0033FF}
.probleem, .oplossing {width:80%; float:left; clear:left; margin:10px 0; background-color:#66FF66; padding:5px; font-size:0.9em}
.probleem th {text-align:left; color:#000; font-size:1.3em; vertical-align:top}
.probleem td, .probleem th {vertical-align:top}
th.rood, td.rood, span.rood	{color:red}
#thema_oplossing
	{display:none; padding:5px; float:left; width:100%}

#bridge
{
	float:left; width:300px; padding:10px; border:1px solid; background-image:url(../img/goudsmit-klein.jpg); background-repeat:no-repeat/*background-color:#00FF00;*/
}
h5
	{font-weight:normal}
h5.alv
{background-image:url(../img/alv.jpg); background-repeat:no-repeat; background-position:0 0; padding-left:35px; height:30px}
h5.bridge
{background-image:url(../img/bridge_cards.gif); background-repeat:no-repeat; background-position:0 0; padding-left:35px; height:30px}

h5.dinerclub
{background-image:url(../img/dinerclub.gif); background-repeat:no-repeat; background-position:0 0; padding-left:35px; height:30px}
h5.cultuur
{background-image:url(../img/cultuur.gif); background-repeat:no-repeat; background-position:0 0; padding-left:35px; height:30px}
h5.hobbies
{background-image:url(../img/camera.png); background-repeat:no-repeat; background-position:0 0; padding-left:35px; height:30px}

#slides
{ width:800px; height:650px; position:absolute; top:5px; left:187px; padding:0; margin:0;}
#knoppen
	{width:100px; height:50px;  position: absolute; z-index:1000; top:10px;left:187px; margin:0; padding:0;}
.knop
	{width:50px; height:50px; float:left; margin:0; padding:0}
	
#slide_detail
	{ width:800px; height:600px;  display:none; z-index:1000; padding:0; margin:0; position:absolute; top:5px; left:187px;}
#tekst
{padding:0 0 0 5px; width:800px; height:50px; font-size:0.9em;position:absolute; top:620px;left:187px; border:1px solid grey; background:white }
#slide_link
{position:absolute; width:800px; height:600px; top:100px;right:0}
#sluiten
	{position:absolute; right:0; bottom:0;}
#map
{
 width:95%; height:500px;
 }
#infowindow 
	{ visibility:hidden}
#enquete
{width:100%; float:left}
fieldset.dinerclub
	{width:450px; margin-left:25px;}
fieldset.dinerclub legend
	{font-size:0.9em}
		
#waardering
{float:right; width:60px; font-size:2em; color:#00C; margin-right:5px; background-color:#FF0; text-align:center}
#waardering span
	{font-size:9px;}