/* Meer roodbruin gebruiken. Bijv. CC3300. Zie nieuws.php */

* {font-family: arial,helvetica,sans-serif;}
	
body {
	padding-right: 0px; 
	padding: 0; margin: 0; 
	color: #222222; 
	background: white;
	text-align: center}
	
html {}

h1 {
	font-size: 200%; color: #5A6B96; 
	text-align: center;
	padding-top: 25px; margin-bottom:0px}
	
h2 {
	color: #5A6B96;
	margin-bottom: -15px;
	font-size: 125%;}

h3 {
	color: #5A6B96;
	font-size: 110%;}

h4 {
	color: #5A6B96;
	font-size: 100%;}
	

.rechts {float:right; margin-left:15px; margin-top:8px}
.links {float:left; margin-right:15px;}
.center {text-align: center;}
strong {color: #5A6B96; font-style: italic;}
strong a{font-size: 95%}
.hide {display: none}
table {width: 100%; border-collapse: collapse} 
img { border: none}
.closer_both {margin-top:-1em; margin-bottom:-1em}
.closer_up {margin-top:-1em;}
.closer_down {margin-bottom:-1em}
span.small {font-size: .1em}
span.rood, p.rood {color:red}

div#aparteopeningstijden {color: #5A6B96; font-style: italic; font-weight: bold; border: 1px solid #CCC; width: 40em; margin: auto; padding-left: 5px }

	
div#kop {
	background: #FFFFFF url('images/bg1.jpg') left repeat-y;
	padding-right: 0px; 
	padding-left: 0.5em; 
	padding-bottom: 5px; 
	margin: 0px; 
	padding-top: 0.1em; 
	border-bottom: 1px solid #AAAAAA;  
	text-align: left;}

div#adres {
	float: right; 
	width: 10em; 
	color: #3D2E9A; 
	padding-top: 5px;}

div#menu { 
	clear: both; 
	background-color: #BCBDCA; 
	padding-left: 10px;}

/* padding-left: 0! anders scroll bar in Mozilla */	
div#menu ul {
	list-style-type: none; 
	padding-top: 0; 
	padding-left: 0;
	margin: 0; 
	width: 100%; }
	
div#menu li {
	display: inline;}

/* a met float: left! Anders komen de opties niet goed tegen elkaar en zijn er problemen met borders */		
div#menu a {
	font-size: 100%;  
	float: left; 
	border-right: 1px solid #AAAAAA ; 
	padding-right: 0.25em; 
	border-top: #AAAAAA 1px; 
	padding-top: 0; 
	padding-left: 0.25em; 
	padding-bottom: 0; 
	margin: 0px; 
	text-align: center; 
	text-decoration: none;}
	
div#menu span {
	float: left;
	font-size: 100%; 
	border-right: 1px solid #AAAAAA ; 
	padding-right: 0.25em; 
	padding-left: 0.25em;  
	padding-bottom: 0; 
	margin: 0; 
	padding-top: 0; 
	text-align: center; 
	text-decoration: none}
	
div#menu a {
	border-bottom: 1px solid #AAAAAA ; 
	background-color: #BCBDCA
}
div#menu span {
	border-bottom: 1px solid #FFFFFF; 
	background-color: #fff
}
div#menu a:link {
	color: #404040; 
	background-color: #BCBDCA}
	
div#menu a:visited {
	color: #404040; 
	background-color: #BCBDCA}
	
div#menu a:hover {
	color: blue; 
	border-bottom: 1px solid #FFFFFF; 
	background-color: #FFFFFF;}

div#menubottom {
	font-size: 90%; 
	clear: both; 
	border-top: #AAAAAA 1px solid; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 1em; 
	padding-bottom: 1em; 
	width: 98%; 
	line-height: 100%; 
	text-align: center}
	
div#menubottom ul {
	list-style-type: none;
	padding: 0; 
	margin: 0;}
	
div#menubottom li {
	display: inline}
	
div#menubottom a {
	border-right: 1px solid #AAAAAA ; 
	margin: 0; 
	padding-right: 0.4em; 
	padding-left: 0.4em; 
	padding-bottom: 0em; 
	padding-top: 0;}
	
div#menubottom span {
	border-right: 1px solid #AAAAAA; 
	padding-right: 0.4em; 
	padding-left: 0.4em; 
	padding-bottom: 0; 
	padding-top: 0;
	margin: 0; }
	
div#menubottom a:link {
	color: #37549F}
	
div#menubottom a:visited {
	color: #37549F}
	
div#menubottom a:hover {
	color: #CE9E1C; 
	text-decoration: none}

#content {
	clear: both; 
	margin-top: 1em; 
	padding-left: 35px; 
	padding-bottom: 0; 
	padding-right: 35px; 
	padding-top: 15px; 
	text-align: left;}

a:link, a:visited {
	color: #5A6B96}
	
a:hover {
	color: #CC3300;}

a.gilde {text-decoration: none}
	
p#sig {font-size: 80%; color: gray; margin-top:0}
a.sig:link, a.sig:visited  {color: gray; text-decoration: none; border-right: none}
a.sig:hover	{color: #993300;}