html
{
    height: 100%;
}
h1
{
    font-size: 24px;
    margin: 0px 0px 5px 0px;
}
h1.homeLocaties
{
    color: #673288;
}
h1.pageLocatie
{
    color: #a2a2a2;
    font-size: 30px;
}
a
{
    color: #51850a;
    text-decoration: none;
}
a:hover
{
    color: #51850a;
    text-decoration: underline;
}
a.white
{
    color: #ffffff;
    text-decoration: underline;
}
a.white:hover
{
    color: #ffffff;
    text-decoration: none;
}
a.groen
{
    color: #51850a;
    text-decoration: none;
}
a.groen:hover
{
    color: #51850a;
    text-decoration: underline;
}
h2
{
    display: inline;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}
span.content
{
    display: block;
    font-size: 22px;
    color: #673288;
    margin-bottom: 10px;
}
.kopje
{
    font-size: 14px;
    margin: 0px;
}
.hoofdmenu
{
    float: left;
    font-size: 16px;
}
div
{
      /* reset the text alignment, as the divs will inherit the text-center rule above... */
      text-align:left;
}
body
{
    background-image: url(/images/bg.jpg);
    background-position: bottom center;
    background-repeat: repeat-x;
    background-color: #ffffff;
    background-attachment: fixed;
    margin: 0 auto;
    height: 100%;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #6e6e6e;
}
#container
{
    width: 960px;
    height: auto;
    margin: 0 auto;
    padding: 0px 40px 0px 40px;
    background-image: url(/images/bg_container.png);
    background-position: top left;
    background-repeat: repeat-y;
}
#container:after
{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
#maincontainer
{
    width: 960px;
    float: left;
}
.test 
{
	float: left;
}
#leftside
{
    width: 720px;
}
#mainmenu
{
    width: 720px;
    height: 151px;
    float: left;
    background-image: url(/images/dummy_menu.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#mainmenulocatie
{
    width: 720px;
    display: inline;
    height: 151px;
    float: left;
    background-image: url(/images/bg_menu_locatie.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#logo
{
    width: 264px;
    height: 151px;
    float: left;
}
#locatienaam
{
    width: 560px; 
    height: 41px;
    padding-top: 80px;
    _padding-top: 66px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    vertical-align: bottom;
    float: left;
    display: inline;
}
#menuitems
{
    float: left;
    width: 430px;
    padding: 50px 0px 0px 0px;
}
#menuitemslocatie
{
    clear: both;
    width: 680px;
    padding: 5px 0px 0px 20px;
    height: 26px;
    line-height: 26px;
    float: left;
    display: inline;
}
.tabContainer, .tabContainerActive
{
    float: left;
    display: inline;
    height: 25px;
    margin-right: 10px;
}
.tabContainer .tabLeft
{
    float: left;
    display: inline;
    width: 5px;
    height: 25px;
    background-image: url(/images/tab_left.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.tabContainer .tab
{
    float: left;
    display: inline;
    height: 25px;
    padding: 0px 10px 0px 10px;
    line-height: 25px;
    background-image: url(/images/tab_bg.png);
    background-position: top left;
    background-repeat: repeat-x;
}
.tabContainer .tabRight
{
    float: left;
    display: inline;
    width: 5px;
    height: 25px;
    background-image: url(/images/tab_right.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.tabContainer .tab a
{
    display: inline;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}
.tabContainer .tab a:hover
{
    display: inline;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}
.tabContainerActive .tabLeft
{
    float: left;
    width: 5px;
    height: 25px;
    background-image: url(/images/tab_active_left.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.tabContainerActive .tab
{
    float: left;
    height: 25px;
    padding: 0px 10px 0px 10px;
    line-height: 25px;
    background-image: url(/images/tab_active_bg.png);
    background-position: top left;
    background-repeat: repeat-x;
}
.tabContainerActive .tabRight
{
    float: left;
    width: 5px;
    height: 25px;
    background-image: url(/images/tab_active_right.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.tabContainerActive .tab a
{
    display: inline;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
.tabContainerActive .tab a:hover
{
    display: inline;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#locatieContainer
{
    float: left;
    width: 720px;
    background-image: url(/images/bg_locatieContainer.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#locatieImage
{
    float: left;
    display: inline;
    width: 305px;
    height: 159px;
    margin: 46px 1px 0px 30px;
}
#locatieOpeningstijden
{
    float: left;
    display: inline;
    width: 138px;
    height: 139px;
    margin: 46px 0px 0px 0px;
    padding: 10px 0px 10px 8px;
    line-height: 18px;
    font-size: 11px;
}
#locatieAdres
{
    float: left;
    font-size: 11px;
    width: 215px;
    height: 139px;
    margin: 46px 0px 0px 0px;
    padding: 10px 5px 10px 10px;
    color: #ffffff;
    line-height: 18px;
}
#locatieContent
{
    float: left;
    width: 720px;
    min-height: 489px;
    background-image: url(/images/bg_content_locatie.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 16px;
}
.locatieLeftContent
{
    float: left;
    width: 426px;
    padding: 20px 27px 20px 27px;
}
.locatieFotos
{
    float: left;
    width: 210px;
    padding: 38px 15px 0px 15px;
}
.menuitem
{
    float: left; 
    margin-right: 10px;
    padding: 37px 0px 20px 0px;
}
.menuitemover
{
    float: left;
    margin-right: 10px;
    padding: 37px 0px 20px 0px;
    background-image: url(/images/bg_stars.png);
    background-position: top left;
    background-repeat: no-repeat;
}
#mainfoto
{
    float: left;
    width: 720px;
    height: 193px;
}
#page_title
{
    float: left;
    width: 460px;
    height: 92px;
    text-align: left;
    padding: 15px 240px 15px 20px;
    color: #ffffff;
    background-image: url(/images/bg_title.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#page_title_content
{
    float: left;
    width: 460px;
    height: 54px;
    text-align: left;
    padding: 5px 240px 15px 20px;
    color: #ffffff;
    background-image: url(/images/bg_title_content.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#page_submenu
{
    float: left;
    width: 216px;
    padding: 0px;
    margin-left: 20px;
}
#page_zoekopkaart
{
    float: left;
    width: 449px;
    height: 31px;
    line-height: 41px;
    padding: 10px 20px 0px 20px;
    background-image: url(/images/bg_zoekopkaart.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#page_zoekopnaam
{
    float: left;
    width: 190px;
    height: 31px;
    line-height: 41px;
    padding: 10px 20px 0px 20px;
    background-image: url(/images/bg_zoekopnaam.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    border-right: 1px solid #000000;
}
#page_map
{
    float: left;
    width: 469px;
    padding: 10px 0px 20px 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #6b6b6b;
}
#page_plaatsen
{
    float: left;
    width: 190px;
    padding: 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #6b6b6b;
}
#page_content
{
    float: left;
    width: 719px;
    min-height: 338px;
    border-right: 1px solid #000000;
    text-align: left;
    padding: 0px;
    background-color: #ffffff;
    background-image: url(/images/bg_content.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 16px;
    color: #6b6b6b;
}
#page_content2
{
    font-size: 12px;
    float: left;
    margin-left: 5px;
    width: 465px;
    min-height: 430px;
    padding-bottom: 20px;
}
.submenutop
{
    float: left;
    width: 214px;
    height: 9px;
    background-image: url(/images/submenu_top.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.submenuitems
{
    float: left;
    width: 214px;
    background-image: url(/images/bg_submenu.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #683489;
}
.submenubottom
{
    float: left;
    width: 214px;
    height: 9px;
    background-image: url(/images/submenu_bottom.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.submenu
{
    float: left;
    width: 186px;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px 0px 18px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}
.submenuover
{
    float: left;
    width: 186px;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px 0px 18px;
    font-size: 11px;
    font-weight: bold;
    background-color: #996fb4;
    color: #ffffff;
}
.submenuactive
{
    float: left;
    width: 186px;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px 0px 18px;
    font-size: 11px;
    font-weight: bold;
    background-color: #ababab;
    color: #ffffff;
}
#opvangmenu
{
    float: left;
    width: 373px;
    height: 283px;
}
#gastouderopvang
{
    float: left;
    width: 373px;
    height: 56px;
    background-image: url(/images/btn_gastouderopvang_mo.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#peuterspeelzalen
{
    float: left;
    width: 373px;
    height: 57px;
    background-image: url(/images/btn_peuterspeelzalen.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#kinderdagverblijf
{
    float: left;
    width: 373px;
    height: 56px;
    background-image: url(/images/btn_kinderdagverblijf.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#buitenschoolseopvang
{
    float: left;
    width: 373px;
    height: 56px;
    background-image: url(/images/btn_buitenschoolseopvang.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#extraknop
{
    float: left;
    width: 373px;
    height: 57px;
    background-image: url(/images/btn_extraknop.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#filler
{
    float: left;
    width: 720px;
    height: 218px;
    background-image: url(/images/bg_filler.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#nieuwsLeft
{
    float: left;
    width: 140px;
    padding-left: 200px;
    padding-top: 10px;
    padding-right: 10px;
}
#nieuwsLeft a, #nieuwsItem a
{
    font-weight: bold;
    font-size: 10px;
    color: #808080;
    text-decoration: none;
}
#nieuwsLeft a:hover, #nieuwsItem a:hover
{
    font-weight: bold;
    color: #808080;
    text-decoration: underline;
}
#nieuwsItem
{
    float: left;
    width: 300px;
    margin-top: 62px;
    border-left: 1px solid #c4c4c3;
    padding-left: 10px;
    padding-bottom: 5px;
}
#footer
{
    float: left;
    text-align: left;
    font-size: 11px;
    width: 679px;
    padding: 0px 20px 0px 20px;
    height: 23px;
    line-height: 23px;
    background-color: #5e1e76;
    border-right: 1px solid #000000;
    color: #ffffff;
}
#footer a
{
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
}
#footer a:hover
{
    color: #ffffff;
    font-size: 11px;
    text-decoration: underline;
}

#onzelocaties
{
    float: left;
    text-align: left;
    font-size: 11px;
    width: 339px;
    padding: 45px 0px 0px 8px;
    height: 237px;
    background-image: url(/images/bg_onzelocaties.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #808080;
}
#onzelocaties a
{
    font-weight: bold;
    color: #808080;
    text-decoration: none;
}
#onzelocaties a:hover
{
    font-weight: bold;
    color: #808080;
    text-decoration: underline;
}
.locatiezoekertop
{
    float: left;
    width: 339px;
    height: 68px;
    background-image: url(/images/locatiezoeker_top.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.locatiezoekerbutton
{
    float: left;
    width: 159px;
    height: 52px;
}
.locatiezoekerright
{
    float: left;
    width: 180px;
    height: 52px;
    background-image: url(/images/locatiezoeker_right.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#rightside
{
    width: 240px;
    background-color: #385300;
}
#righttop
{
    float: left;
    width: 240px;
    height: 151px;
    background-image: url(/images/right_top.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#rightmiddle
{
    float: left;
    width: 240px;
    height: 193px;
    background-image: url(/images/right_middle.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#rechterbalk
{
    float: left;
    width: 240px;
    height: 524px;
    background-image: url(/images/bg_rechterbalk.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #375300;
}
#rechterbalkcontent
{
    float: left;
    text-align: left;
    font-size: 11px;
    width: 180px;
    height: 160px;
    padding: 70px 30px 0px 30px;
    color: #ffffff;
}
.homevideo
{
    float: left;
    width: 240px;
    height: 71px;
}
.homebutton
{
    float: left;
    width: 240px;
    height: 97px;
}
.adres
{
    float: left;
    width: 180px;
    font-size: 11px;
    height: 109px;
    text-align: left;
    padding: 0px 30px 0px 30px;
    color: #ffffff;
    background-image: url(/images/bg_adres.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.adres a
{
    color: #ffffff;
    text-decoration: none;
}
.adres a:hover
{
    color: #ffffff;
    text-decoration: underline;
}    
#rechterbalkcontent a
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#rechterbalkcontent a:hover
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}
.imageleft
{
    float: left;
    width: 305px;
    padding: 1px;
}
.contentright
{
    float: left;
    width: 382px;
    padding: 15px;
    color: #555555;
}
.pagetitle
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    color: #555555;
}
.pagesubtitle
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #692883;
}

.clear  {clear:both;}

/* forum en admin deel*/
table.forum {
	border-collapse:collapse;
	border:1px solid #CECDD5;
}
tr.header, td.header {
	background-color:#E4E2E7;
	font-weight:bold;
	color:#000000;
}
table.forum td {
	padding:5px;	
}
table.forum td.tekst {
	padding:5px 0px 5px 0px;	
}
tr.normal {
	background-color:#FAFAFA;
	color:#000000;
}
tr.alternate {
	background-color:#FFFFFF;
	color:#000000;
}
tr.rowover
{
    background-color: #E9E9E9;
    color: #000000;
}
blockquote {
	background-color:#FAFAFA;
	padding:5px 5px 5px 5px;
	border:1px solid #CECDD5;
}

a.arachna {
	color:#000000;
}

.admincontainer
{
    float: left;
    width: 680px;
    border: 1px solid #666666;
}
.headerbar
{
    float: left;
    width: 660px;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px 0px 10px;
    background-color: #666666;
    font-size: 11px;
    color: #ffffff;
}
.itembar
{
    float: left;
    width: 660px;
    line-height: 20px;
    padding: 0px 10px 0px 10px;
    background-color: #ffffff;
    font-size: 11px;
    color: #666666;
}
.altitembar
{
    float: left;
    width: 660px;
    line-height: 20px;
    padding: 0px 10px 0px 10px;
    background-color: #f1f1f1;
    font-size: 11px;
    color: #666666;
}
.locatie
{
    float: left;
    width: 180px;
    line-height: 20px;
    padding: 0px 5px 0px 5px;
    color: inherit;
}
.plaats
{
    float: left;
    width: 100px;
    line-height: 20px;
    padding: 0px 5px 0px 5px;
    color: inherit;
}
.opties
{
    float: left;
    width: 350px;
    line-height: 20px;
    padding: 0px 5px 0px 5px;
    color: inherit;
}
.formintro
{
    float: left;
    width: 450px;
    padding: 0px 0px 10px 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #505050;
}
.formulierContainer
{
    float: left;
    width: 422px;
    margin-left: 0px;
    border: 1px solid #dfe4eb;
    background-color: #f6f6f6;
}
.formulierContainerLocatie
{
    float: left;
    width: 422px;
    margin-top: 5px;
    border: 1px silid #dfe4eb;
    background-color: #f6f6f6;
}
.formheader
{
    float: left;
    width: 402px;
    padding: 0px 10px 0px 10px;
    height: 22px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 22px;
    color: #ffffff;
    background-image: url(/images/bg_formheader.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    margin-bottom: 10px;
}
.formheaderLocatie
{
    float: left;
    width: 402px;
    padding: 0px 10px 0px 10px;
    height: 22px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 22px;
    color: #ffffff;
    background-image: url(/images/bg_formheader.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    margin-bottom: 10px;
}
.fotoAlbumHeader
{
    width: 402px;
    padding: 0px 10px 0px 10px;
    height: 22px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 22px;
    color: #ffffff;
    background-image: url(/images/bg_formheader.jpg);
    background-position: top left;
    background-repeat: repeat-x;
}
.fotoAlbumStrip
{
    width: 402px;
    padding: 2px 0px 2px 0px;
    height: 52px;
}
.fotoAlbumStripBottom
{
    width: 402px;
    padding: 2px 0px 2px 0px;
    height: 52px;
}
.formlabel
{
    float: left;
    width: 170px;
    padding: 0px 10px 0px 10px;
    line-height: 27px;
    color: #505050;
    height: 30px;
}
.formlabelwide
{
    float: left;
    width: 402px;
    padding: 0px 10px 0px 10px;
    line-height: 16px;
}
.obligatory
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #6b2a84;
}
.formfield
{
    float: left;
    width: 224px;
    line-height: 27px;
    height: 30px;
    padding: 0px 8px 0px 0px;
}
.formfieldlocatie
{
    float: left;
    width: 224px;
    line-height: 27px;
    height: 30px;
    padding: 0px 8px 0px 0px;
}
.formfieldlocatie .textveld, select
{
    border: 1px solid #dfe4eb;
    color: #6b2a84;
}
.formfieldwide
{
    float: left;
    width: 402px;
    height: 80px;
    padding: 0px 10px 0px 10px;
}
/*dTree*/
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}


div.overlay {
	padding:40px;	
	width:610px;  
	height: 348px;
	display:none;
	background-image:url(/images/white.png);	
}

div.overlay div.close {
	background:url(/images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.overlay a {
	height:450px;
	display:block;
}