body,html
	{
		margin: 0px;
		padding: 0px;
		height: 100%;
		width: 100%;
		font-family: Arial, Verdana;
		font-size: 13px;
		color: #FFFFFF;
	}

body,html .welkom
	{
		background-color: #FD46A1;
	}

body,html .wie
	{
		background-color: #BD55A9;
	}

body,html .wie_db
	{
		background-color: #BD55A9;
	}

body,html .wie_db1
	{
		background-color: #BD55A9;
	}

body,html .wie_db2
	{
		background-color: #BD55A9;
	}

body,html .wie_db3
	{
		background-color: #BD55A9;
	}

body,html .stichting
	{
		background-color: #FF9801;
	}

body,html .aat
	{
		background-color: #A4D200;
	}

body,html .rainbow
	{
		background-color: #03C9FC;
	}

body,html .rainbow_galerie
	{
		background-color: #03C9FC;
	}

body,html .rainbow_foto
	{
		background-color: #03C9FC;
	}

body,html .contact
	{
		background-color: #AB74BB;
	}

body,html .home
	{
		background-color: #FD46A1;
	}

img
	{
		border: none;
	}

#top
	{
		height: 109px;
		position: relative;
		margin: 0px;
	}

#middle
	{
		height: 347px;
		position: relative;
		margin: 0px;
		line-height: 16px;
	}

.welkom #middle
	{
		background-color: #FF6940;
	}

.wie #middle
	{
		background-color: #FF67AD;
	}

.wie_db #middle
	{
		background-color: #FF67AD;
	}

.wie_db1 #middle
	{
		background-color: #FF67AD;
	}

.wie_db2 #middle
	{
		background-color: #FF67AD;
	}

.wie_db3 #middle
	{
		background-color: #FF67AD;
	}

.stichting #middle
	{
		background-color: #FD0209
	}

.aat #middle
	{
		background-color: #0080D2;
	}

.rainbow #middle
	{
		background-color: #24A9CC;
	}

.rainbow_galerie #middle
	{
		background-color: #24A9CC;
	}

.rainbow_foto #middle
	{
		background-color: #24A9CC;
	}

.contact #middle
	{
		background-color: #DB008F;
	}

.home #middle
	{
		background-color: #FD0208;
	}

#bottom
	{
		height: 109px;
		position: relative;
		margin: 0px;
	}

.container
	{
		position: relative;
		margin: auto;
		width: 900px;
	}

#top .container
	{
		height: 109px;
	}

.welkom #top .container
	{
		background: url(pix/structure/welkom_background_top.jpg);
	}

.wie #top .container
	{
		background: url(pix/structure/wie_background_top.gif);
	}

.wie_db #top .container
	{
		background: url(pix/structure/wie_background_top.gif);
	}

.wie_db1 #top .container
	{
		background: url(pix/structure/wie_background_top.gif);
	}

.wie_db2 #top .container
	{
		background: url(pix/structure/wie_background_top.gif);
	}

.wie_db3 #top .container
	{
		background: url(pix/structure/wie_background_top.gif);
	}

.stichting #top .container
	{
		background: url(pix/structure/stichting_background_top.gif);
	}

.aat #top .container
	{
		background: url(pix/structure/aat_background_top.gif);
	}

.rainbow #top .container
	{
		background: url(pix/structure/rainbow_background_top.gif);
	}

.rainbow_galerie #top .container
	{
		background: url(pix/structure/rainbow_background_top.gif);
	}

.rainbow_foto #top .container
	{
		background: url(pix/structure/rainbow_background_top.gif);
	}

.contact #top .container
	{
		background: url(pix/structure/contact_background_top.gif);
	}

.home #top .container
	{
		background: url(pix/structure/home_background_top.gif);
	}

#middle .container
	{
		height: 347px;
	}

.welkom #middle .container
	{
		background: url(pix/structure/welkom_background_middle.jpg);
	}

.wie #middle .container
	{
		background: url(pix/structure/wie_background_middle.jpg);
	}

.wie_db #middle .container
	{
		background: url(pix/structure/wie_db_background_middle.jpg);
	}

.wie_db1 #middle .container
	{
		background: url(pix/structure/wie_db1_background_middle.jpg);
	}

.wie_db2 #middle .container
	{
		background: url(pix/structure/wie_db2_background_middle.jpg);
	}

.wie_db3 #middle .container
	{
		background: url(pix/structure/wie_db3_background_middle.jpg);
	}

.stichting #middle .container
	{
		background: url(pix/structure/stichting_background_middle.jpg);
	}

.aat #middle .container
	{
		background: url(pix/structure/aat_background_middle.jpg);
	}

.rainbow #middle .container
	{
		background: url(pix/structure/rainbow_background_middle.jpg);
	}

.rainbow_galerie #middle .container
	{
		background: url(pix/structure/rainbow_background_2_middle.gif);
	}

.rainbow_foto #middle .container
	{
		background: url(pix/structure/rainbow_background_3_middle.jpg);
	}

.contact #middle .container
	{
		background: url(pix/structure/contact_background_middle.jpg);
	}

.home #middle .container
	{
		background: url(pix/structure/home_background_middle3.jpg);
	}

#bottom .container
	{
		height: 109px;
	}

.welkom #bottom .container
	{
		background: url(pix/structure/welkom_background_bottom.jpg);
	}

#navigatie
	{
		position: absolute;
		left: 0px;
		bottom: 0px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

#navigatie li
	{
		float: left;
		margin-bottom: 0px;
	}

#navigatie li img
	{
		display: block;
		margin-bottom: 0px;
	}

#middle h1
	{
		margin-top: 15px;
		margin-bottom: 5px;
		font-size: 16px;
	}

#middle ul
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

.home #middle li
	{
		background: url(pix/structure/home_li.gif) left top no-repeat;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		padding-left: 15px;
	}

.stichting #middle li
	{
		background: url(pix/structure/stichting_li.gif) left top no-repeat;
		margin-bottom: 0px;
		padding-left: 15px;
	}

.aat #middle li
	{
		background: url(pix/structure/aat_li.gif) left top no-repeat;
		margin-bottom: 5px;
		padding-left: 15px;
	}

.aat #middle .groen li
	{
		background: url(pix/structure/aat_li_2.gif) left top no-repeat;
	}

.contact #middle li
	{
		background: url(pix/structure/contact_li.gif) left center no-repeat;
		margin-bottom: 5px;
		padding-left: 15px;
		font-weight: bold;
	}

.content
	{
		position: absolute;
		height: 100%;
		width: 100%;
	}

.content a
	{
		font-size: 14px;
		color: #FFDA8E;
		font-weight: bold;
		text-decoration: none;
	}

.aat .content a
	{
		color: #93defa;
	}


.rainbow .content a
	{
		color: #8ED6F1;
	}

.rainbow_galerie .content td
	{
		vertical-align: top;
		width: 117px;
		height: 112px;
	}

.rainbow_galerie .content td img
	{
		display: block;
	}

.contact .content a
	{
		font-size: 14px;
		color: #7ED3F0;
		font-weight: bold;
		text-decoration: none;
	}

.contact label
	{
		font-weight: bold;
	}

.contact .sle
	{
		width: 322px;
		border: 0px;
		margin-bottom: 8px;
	}

.content a:hover
	{
		text-decoration: underline;
	}

.rainbow_foto .fotoblok
	{
		position: absolute;
		right: 105px;
		width: 775px;
	}

.rainbow_foto .fotoblok .beschrijving
	{
		vertical-align: bottom;
		padding-bottom: 10px;
		padding-right: 10px;
		text-align: right;
		width: 100%;
	}

/*oplossing voor Firefox-probleem (lichte pixels boven menubuttons): pixels in achtergrondkleur.*/

.menuaat a:active
	{
		background-color: #A4D200;
		color: #A4D200;

	}

.menuaat a:visited
	{
		background-color: #A4D200;
		color: #A4D200;

	}

.menucontact a:active
	{
		background-color: #AB74BB;
		color: #AB74BB;

	}

.menucontact a:visited
	{
		background-color: #AB74BB;
		color: #AB74BB;

	}

.menuhome a:active
	{
		background-color: #FD46A1;
		color: #FD46A1;

	}

.menuhome a:visited
	{
		background-color: #FD46A1;
		color: #FD46A1;

	}

.menurainbow a:active
	{
		background-color: #03C9FC;
		color: #03C9FC;

	}

.menurainbow a:visited
	{
		background-color: #03C9FC;
		color: #03C9FC;

	}

.menustichting a:active
	{
		background-color: #FF9800;
		color: #FF9800;

	}

.menustichting a:visited
	{
		background-color: #FF9800;
		color: #FF9800;

	}

.menuwie a:active
	{
		background-color: #BD55A9;
		color: #BD55A9;

	}

.menuwie a:visited
	{
		background-color: #BD55A9;
		color: #BD55A9;

	}

/*einde oplossing firefox-probleem*/

/* mouse-over foto op homepage*/
	
#menu {position:relative; top:10px; left:100px; width:75px; z-index:100;}
#menu a.p1, #menu a.p1:visited {text-decoration:none;;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:underline;}
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:absolute; top:4px; left:-330px; width:280px; height:202px; border:0px;}
