 /* CSS Document
000000 = '';
FFFFFF = '';
verdana = ''
13 = '';
normal = '';

000000 = '';
FFFFFF = '';
verdana = ''
13 = '';
bold = '';

0067B0 = '';
FFFFFF = '';
verdana = ''
15 = '';
bold = '';

FFFFFF = '';
DF2727 = '';
verdana = ''
9 = '';
normal = '';

FFFFFF = '';
FFFFFF = '';
55A2CE = '';
0067B0 = '';
verdana = '';
bold = '';
13 = '';

FFFFFF = '';
FFFFFF = '';
55A2CE = '';
0067B0 = '';
verdana = '';
normal = '';
13 = '';

0067B0 = '';
0067B0 = '';
FFFFFF = '';
FFFFFF = '';
verdana = '';
bold = '';
13 = '';


 = '';
 = '';
0971B3 = '*/

:focus {
	outline: 0;
}  

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	background-color: #FFFFFF;
}

.body {
	background-color: #0971B3;
}


#horizon {
	text-align: center;
	position: absolute;
	top: 48%;
	left: 0;
	width: 100%;
}

#content {
	margin-top: 2px;
	margin-left: -470px;
	position: absolute;
	top: -290px;
	left: 50%;
	width: 942px;
	height: 582px;
}

#main {
	border: 1px solid #FFFFFF;
	width: 940px;
	height: 580px;

	color: #000000;
	background-color: #FFFFFF;

	font-family: verdana;
	font-size: 13px;
	font-weight: normal;
	line-height:  18px;	

	text-align: left;
	overflow: hidden;
}

#header {
	height: 100px;
	background: url(../images/kop.jpg) no-repeat top;
	overflow: hidden;
}

#links {
	height: 480px;
	width: 211px;
	float: left;
	background-color: #0067B0;
	background-color: #E32528; /* rood*/
	overflow: hidden;
}

#links_menu {

	color: #FFFFFF;
	background-color: #55A2CE;
	font-family: verdana;
	font-weight: bolder;
	font-size: 14px;
	padding-top: 4px;
	text-align: left;
	padding-left: 29px;
	
	height: 26px;
	background: #0067B0;
	overflow: hidden;
}

#links_onder {
	border-top:  1px solid #FFFFFF;
	border-bottom:  1px solid #FFFFFF;
	height: 20px;
	background: #0067B0;
	overflow: hidden;
}

#links_logo {
	height: 55px;
	background: #FFFFFF;
	overflow: hidden;
	margin-left:0px;
	padding-left:0px;
}

#navi {
	height: 30px;
	width: 727px;
	
	color: #FFFFFF;
	background-color: #55A2CE;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;

	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	overflow: hidden;
}


#hoofd {
	margin: 20px 0 20px 35px;
	padding-right: 50px;
	height: 425px;
	width: 424px;
	float: left;
	text-align: left;
	overflow: auto;
	overflow-x:hidden;
}

#rechts {

	height: 456px;
	width: 211px;
	float: right;
	text-align: left;
	overflow: hidden;
	background-color: #FFFFFF;

	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}


/*ALGEMENE OPMAAK---------------------------------------------------------------------*/
h1 {
	color: #0067B0;
	background-color: #FFFFFF;
	font-family: verdana;
	font-size: 15px;
	font-weight: bold;

	padding-bottom: 20px;
}

h2 {
	color: #000000;
	background-color: #FFFFFF;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;

	padding-bottom: 20px;
}

img {
	border: none;
}

a {
	text-decoration: none;

	color: #0067B0;
	background-color: #FFFFFF;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #$ActivelLink;
	background-color: #FFFFFF;
}

.klein {
	font-size: .9em;
}

.extraklein {
	font-size: .8em;
}

p {
	color: #000000;
	font-family: verdana;
	font-size: 13px;
	font-weight: normal;

	margin-bottom:5px;
}


/*HOOFD------------------------------------------------------------------------------------------*/

.hoofd_margin {
	margin: 29px 25px 0 28px;
}

#hoofd a, #hoofd a:visited {
	color: #0067B0;
	background-color: #FFFFFF;
}

#hoofd a:hover {
	color: #0067B0;
	background-color: #FFFFFF;
}

#hoofd li {
	margin-left: 15px;
	margin-bottom: 3px;

}

#hoofd ul {
	margin-top: 10px;
}


#object {
	float: left;
	width: 300px;
}

#teksten {
	float: right;
	width: 305px;
	overflow: auto;
	height: 425px;
	padding-right: 5px;
}

.date_start {
	font-size: .7em;
	color: #FF0000;
}

.buttonLogout{
	background-color:#FFFFFF;
	border: 1px solid #FFFFFF;
	color: #E0001A;
	}

/*NAVI------------------------------------------------------------*/

#navi ul {
	list-style: none;
}

#navi li {
	float: left;
	width: 102px;
	border-right: 1px solid #FFFFFF;
	line-height: 30px;

	font-family: verdana;
	font-weight: bold;
}

#navi a, #navi a:visited {
	font-size: 13px;
	color: #FFFFFF;
	background-color: #55A2CE;
	height: 30px;
	display: block;
	overflow: hidden;
	text-align: center;

}

#navi a.actief, #navi a.actief:visited {
	color: #FFFFFF;
	background-color: #0067B0;
}

#navi a:hover {
	color: #FFFFFF;
	background-color: #0067B0;
}

#navi li#menuitem_7 {
	width: 108px;
}

/*ZIJNAVI------------------------------------------------------------------------------------------*/
#submenu_box {
	height: 318px;

}

#submenu {
	overflow: hidden;
	background-color: #55A2CE;
}


#links #submenu li {
	list-style: none;
	width: 211px;
	padding-left: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin:0px;
	padding:0px;
}

#links a, #links a:visited{
	color: #FFFFFF;
	background-color: #55A2CE;
	font-family: verdana;
	font-size: 13px;
	font-weight: normal;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	padding-left: 30px;
	height:20px;
	display: block;
}

#links a:hover, #links a.actief {
	color: #FFFFFF;
	background-color: #0067B0;
}

#links #links_logo a, #links #links_logo a:hover, #links #links_logo a:active, #links #links_logo a:visited,#links #links_logo{
padding-left:0px;
}


/*uitklappen:*/


#links ul.open {
	display: block;
}

#links ul.dicht {
	display: none;
}


#links li.open a.open {
	background-image: url(../images/min.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#links li.dicht a.dicht {
	background-image: url(../images/plus.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#links .subsub {
	width: 200px;
	margin-left: 15px;
}

#links li.subsub {
	padding-left: 0px;
}






/*Nieuws inschrijven-------------------------------------------------------------------------------------*/

#news_subsc {
	margin-top: 20px;
	width: 288px;
	height: 180px;
	border: 1px solid #BDBDD7;
	float: left;
	
}

.news_subsc_box {
	margin: 10px;
}

#news_subsc p{
	color: #0E1676;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}

.news_subsc_box input {
	border: 1px solid #BDBDD7;
	width: 205px;
	margin: 7px 0 0 5px;
	padding-left: 3px;
	height: 25px;
	
}

.news_subsc_box input.button {
	width: 100px;
	background-color: #000066;
	color: #fff;
	height: 25px;
	float: right;
	margin-right: 13px;
}

#news_subsc span.klein{
	font-size: .8em;
	font-style:italic;
	padding-left: 5px;
	float: left;
}


.message {
	display: none;
}


.bedankt {
	font-size: 1.2em;
	font-weight: bold;
	margin: 60px 0 0 10px;
}

html>body .news_subsc_box input {
	*display: block;
	*margin: 0;
}

html>body #hoofd div.tekst table div.links div.news_subsc_box{
	*margin: 7px 0 0 0;
}

html>body .news_subsc_box input.button {
	*margin-right: 8px;
}

/*NIEUWS------------------------------------------------------------------------------------------*/

#nieuws{
	margin: 20px 0 20px 35px;
	padding-right: 10px;
	height: 425px;
	width: 680px;
	float: left;
	text-align: left;
	overflow: auto;
}

#nieuws ul{
	margin-left: 5px;
}

#nieuws li, #nieuws li:hover {
	list-style:disc;
	margin: 0 0 10px 15px;
	border:none;
	color: #FF761A;
}


/*CONTACT FORM------------------------------------------------------------------------------------------*/
#contact {
	overflow:visible;
}


#contact .rij {
	display: block;
	clear: both;
	margin-bottom: 2px;
}

#contact label {
	font-size: 11px;
	float: left;
	width: 6em;
	padding: 3px 3px;	
}

#contact input{
	width: 300px;
	border: 1px solid #BDBDD7;
	text-align: left;
	padding: 3px 3px;
	
}

#contact textarea {
	width: 300px;
	height: 90px;
	border: 1px solid #BDBDD7;
	padding: 3px 3px;	
}

#contact input.button {
	float: left;
	width: 7em;
	padding: 0;
	margin-left: 287px;
	margin-top: 10px;
	text-align: center;
	background-color: #0067B0;
	color: #fff;
	cursor: pointer; 
	cursor: hand; 
}

.orange {
	color: #0067B0;
	font-weight: normal;
}

.ster {
	font-size: 1.4em;
}

/*ADRES------------------------------------------------------------------------------------------*/

#adres {
	osition: absolute;
	ottom: -1px;
	left: 15px;

	margin-top: 8pt;
	margin-left: 10pt;

	color: #FFFFFF;
	font-family: verdana;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.2em;
}

#adres a, #adres a:hover, #adres a:visited{
	background-color: transparent;
	border: none;
}


/*RECHST------------------------------------------------------------------------------------------*/

.rechthoek {
	height: 302px;
	background-color: #54A4D1;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	color: #FFFFFF; !important;
}

.rechthoek_groot {
	height: 480px;
	background-color: #54A4D1;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
}


.vierkant {
	height: 151px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #54A4D1;
	text-align: center;
}

.vierkant_txt {
	height: 111px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #54A4D1;
	text-align: center;
	padding:20px;
	color: #FFFFFF;
}

.vierkant_txt p{
	color:#FFFFFF;
	text-align:left;
}

.marge_rechthoek, .marge_rechthoek_txt {
	padding: 20px;
}



div.marge_rechthoek p, div.marge_rechthoek_txt p {
	color: white;
	background-color: transparent;
}

div.marge_rechthoek_txt {
	overflow:hidden;
}




/*FOTOALBUM------------------------------------------------------------------------------------------*/

#fotoalbum {
	margin: 20px 0 20px 35px;
	padding-right: 10px;
	height: 425px;
	width: 680px;
	float: left;
	text-align: left;
	overflow: auto;
}

#fotoalbum img{
	margin: 0 15px 15px 0;
	border-right: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;

}




/*ZOEKEN------------------------------------------------------------------------------------------*/

.zoekresultaat{
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}



/*COM2020------------------------------------------------------------------------------------------*/

#com2020 {
	position: absolute;
	width: 300px;
	height: 20px;
	left: 0px;
	text-align: left;	
}

#com2020 a {

	margin: 0;
	padding: 0 0 0 15px;
	color: #FFFFFF;
	background-color: transparent;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;

	text-align: left;
	
}

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