/* browser settings reset */
html, body, dt, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 , form, fieldset,a ,blockquote { margin:0px; padding:0px; border:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* site settings */
img{ border:0px;}
a{}
a:hover{}
html, body{ height:100%; width:100%;}
hr{ height:1px; border-bottom:#000 solid 1px;}

/* Tekst stylen */
h1,h2,h3,h4,h5,h6{ margin:0 0 .8em 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
div, td { font-family:Verdana, Arial, Helvetica, sans-serif;}
p{ margin:0 0 .8em 0;}

/*Default*/
input, textarea, select{ font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* FCK Styles */
.kop{ font-size:1.8em;}
.tussenkop{ font-size:1.2em;}
.inleiding{ font-size:11px; font-weight:bold; color:#000;}
.univers{ font-size:11px; font-family: Courier New, Courier, Monaco, monospace; color:#00285b;}

#Vervolg .kop, #Modules .kop{ color:#000;}
#JeugdenGezin .kop{ color:#45a12b;}
#Vriendenenrelaties .kop{ color:#006e9f;}
#Lerenenwerken .kop{ color:#ae0d1c;}
#Wonen .kop{ color:#929601;}
#Vrijetijd .kop{ color:#e1007a;}
#Regelgeving .kop{ color:#4e3936;}

#Vervolg .tussenkop, #Modules .tussenkop{ color:#000;}
#JeugdenGezin .tussenkop{ color:#45a12b;}
#Vriendenenrelaties .tussenkop{ color:#006e9f;}
#Lerenenwerken .tussenkop{ color:#ae0d1c;}
#Wonen .tussenkop{ color:#929601;}
#Vrijetijd .tussenkop{ color:#e1007a;}
#Regelgeving .tussenkop{ color:#4e3936;}

/*Body*/
#Home{ background:url(header.gif) left top repeat-x;}
#Vervolg{ background:url(header.gif) left top repeat-x;}
#Modules{ background:url(header.gif) left top repeat-x;}

#JeugdenGezin{ background:url(header.gif) left top repeat-x;}
#Vriendenenrelaties{ background:url(header.gif) left top repeat-x;}
#Lerenenwerken{ background:url(header.gif) left top repeat-x;}
#Wonen{ background:url(header.gif) left top repeat-x;}
#Vrijetijd{ background:url(header.gif) left top repeat-x;}
#Regelgeving{ background:url(header.gif) left top repeat-x;}


/*LAYOUT*/

/*Layout Algemeen (Vormgeving)*/

#MainContainer{ width:980px; margin:0 auto; font-size:.75em;}
#HeaderContainer{ float:left; width:980px; height:126px;}
#HeaderContainer .Left{ float:left; width:291px;}
#HeaderContainer .Left .Logo{ width:252px; height:45px; padding:15px 0 0 0;}
#HeaderContainer .Left .Titel{ width:183px; height:30px; padding:9px 0 0 0;}
#HeaderContainer .Center{ display:none; float:left; width:220px;}
#HeaderContainer .Center .Socialekaart{ float:left; width:106px; height:126px; padding:0 0 0 0; margin:0 0 0 0;}
#HeaderContainer .Center .Activiteiten{ float:right; width:106px; height:126px; padding:0 0 0 0; margin:0 0 0 0;}
#HeaderContainer .Right{ display:none; float:right; width:469px; padding:32px 0 0 0;}
#HeaderContainer .Right .ZoekenContainer{ float:right; text-align:right; padding:23px 0 0 0; width:460px;}
#HeaderContainer .Right .ZoekenContainer .Input{ padding:0 5px 0 0;}
#HeaderContainer .Right .ZoekenContainer .Input input{ height:14px!important;}
#HeaderContainer .Right .ZoekenContainer .Button{}
#HeaderContainer .Right .ZoekenContainer .Button input{ background:#ccc url(button.gif) left bottom repeat-x; border:#666 1px outset; color:#fff; height:19px; width:80px;}
#HeaderContainer .Right .ZoekenContainer .Button input:hover{ border:#666 1px inset; color:#f98105;}

#LeftmenuContainer{ display:none; width:195px; float:left;}
#LeftmenuContainer .hkz{ width:195px; float:left; margin:30px 0 0 0;}

#ContentContainer{ float:left;  width:100%;}
#Modules #ContentContainer{ float:left; margin:10px 20px 0 0; width:100%;}
#ContentContainer .Leesvoor{ display:none; float:right;}
#ContentContainer .Content{ font-size:16px;}
#ContentContainer .Content a{ color:#000;}
#ContentContainer .Content a:hover{ color:#f98105;}
#ContentContainer .Content li{ margin:0 0 0 30px;}
#ContentContainer #FooterContainer{ float:left; margin:30px 0 0 0; width:100%; border-top:#000 1px solid; padding:5px 0 20px 0; font-size:.9em;}
#Modules #ContentContainer #FooterContainer{ float:left; margin:30px 0 0 0; width:100%; border-top:#000 1px solid; padding:5px 0 20px 0; font-size:.9em;}
#ContentContainer #FooterContainer .Left{ float:left;}
#ContentContainer #FooterContainer .Right{ display:none; float:right;}
#ContentContainer #FooterContainer .Right a{ color:#000;}
#ContentContainer #FooterContainer .Right a:hover{ color:#f98105;}

#RightContainer{ display:none; float:right; margin:10px 0 0 0; width:200px;}
#RightContainer .TekstResize{ height:20px;}
#RightContainer .TekstResize ul{}
#RightContainer .TekstResize ul li{ float:left; list-style:none; padding:1px 10px 0 0; font-size:.9em;}
#RightContainer .TekstResize ul li a{ color:#000;}
#RightContainer .TekstResize ul li a:hover{ color:#f98105;}
#RightContainer .TekstResize ul #Normaal{ font-size:12px; padding:0px 0px 0px 0;}
#RightContainer .TekstResize ul #Groot{ font-size:15px; padding:0px 0px 0px 10px; margin:-3px 0 0 0;}
#RightContainer .TekstResize ul #Extragroot{ font-size:17px; padding:0px 0px 0px 10px; margin:-5px 0 0 0;}
#RightContainer .Print{ height:20px; font-size:.9em;}
#RightContainer .Print a{ color:#000;}
#RightContainer .Print a:hover{ color:#f98105;}
#RightContainer .VorigePagina{ height:20px; font-size:.9em;}
#RightContainer .VorigePagina a{ color:#000;}
#RightContainer .VorigePagina a:hover{ color:#f98105;}

#Home #Blokken{ display:none; float:left; width:615px; margin:0 0 0 0;}
#Home #Blokken li{ list-style:none; float:left; margin:10px 10px 0 0;}
#Home #Blokken li a{ display:block; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}
#Home #Blokken .JeugdenGezin a{ background:#45a12b url(jeugdengezin.jpg) left 23px no-repeat;}
#Home #Blokken .Vriendenenrelaties a{ background:#006e9f url(vriendenenrelaties.jpg) left 23px no-repeat;}
#Home #Blokken .LerenenWerken a{ background:#ae0d1c url(lerenenwerken.jpg) left 23px no-repeat;}
#Home #Blokken .Wonen a{ background:#929601 url(wonen.jpg) left 23px no-repeat;}
#Home #Blokken .Vrijetijd a{ background:#e1007a url(vrijetijd.jpg) left 23px no-repeat;}
#Home #Blokken .Regelgeving a{ background:#4e3936 url(regelgeving.jpg) left 23px no-repeat;}

#Home #Blokken .hkz{ display:none;}

#Home #NieuwsContainer{ display:none; float:right; width:343px; margin:10px 0 10px 0; border:#f98105 1px solid;}
#Home #NieuwsContainer .Header{ width:338px; height:19px; padding:3px 0 0 5px; background:#f98105; color:#fff;}
#Home #NieuwsContainer .Header span{ float:left;}
#Home #NieuwsContainer .Header img{ float:right; margin:1px 5px 0 0;}
#Home #NieuwsContainer .NieuwsItem{ list-style:none; padding:0 5px 0 5px;}
#Home #NieuwsContainer .NieuwsItem li{ padding:5px 0 5px 0;}
#Home #NieuwsContainer .NieuwsItem a{ color:#000; text-decoration:none;}
#Home #NieuwsContainer .NieuwsItem a:hover{ color:#f98105;}
#Home #NieuwsContainer .Footer{ width:336px; padding:0 5px 5px 0; text-align:right;}
#Home #NieuwsContainer .Footer a{ color:#000;}
#Home #NieuwsContainer .Footer a:hover{ color:#f98105;}

#Home #AgendaContainer{ display:none; float:right; width:343px; margin:0 0 10px 0; border:#f98105 1px solid;}
#Home #AgendaContainer .Header{ width:338px; height:19px; padding:3px 0 0 5px; background:#f98105; color:#fff;}
#Home #AgendaContainer .Header span{ float:left;}
#Home #AgendaContainer .Header img{ float:right; margin:1px 5px 0 0;}
#Home #AgendaContainer .AgendaItem{ list-style:none; padding:0 5px 0 5px;}
#Home #AgendaContainer .AgendaItem li{ padding:5px 0 5px 0;}
#Home #AgendaContainer .AgendaItem a{ color:#000; text-decoration:none;}
#Home #AgendaContainer .AgendaItem a:hover{ color:#f98105;}
#Home #AgendaContainer .AgendaItem .Datum{ padding:5px 0 0px 0; font-size:.9em; color:#f98105;}
#Home #AgendaContainer .Footer{ width:336px; padding:0 5px 5px 0; text-align:right;}
#Home #AgendaContainer .Footer a{ color:#000;}
#Home #AgendaContainer .Footer a:hover{ color:#f98105;}

/*Layout Menu*/
.Topmenu{ display:none; float:right; font-size:.9em;}
.Topmenu li{ float:left; list-style:none; padding:0 0 0 8px;}
.Topmenu li a{ color:#000;}
.Topmenu li a:hover{ color:#f98105;}

#StatmenuContainer{ display:none; float:left; width:980px; height:30px;}
.Statmenu{ float:left; padding:6px 0 0 0;}
.Statmenu li{ float:left; list-style:none; padding:5px 6px 5px 6px; margin:0 7px 0 0;}
.Statmenu li a{ display:block; color:#fff; text-decoration:none;}
.Statmenu li a:hover{ color:#000;}

.Statmenu .Selected{ display:none; background:url(selected.gif) left top repeat-x;}
#JeugdenGezin .Statmenu .Selected a{ color:#45a12b;}
#Vriendenenrelaties .Statmenu .Selected a{ color:#006e9f;}
#Lerenenwerken .Statmenu .Selected a{ color:#ae0d1c;}
#Wonen .Statmenu .Selected a{ color:#929601;}
#Vrijetijd .Statmenu .Selected a{ color:#e1007a;}
#Regelgeving .Statmenu .Selected a{ color:#4e3936;}
.Statmenu .Selected a:hover{ color:#f98105;}

.MeerHome{ display:none; float:right; list-style:none; background:url(meer2.gif) right 8px no-repeat; padding:5px 15px 5px 5px; margin:6px 0 0 0; position:relative; border:#fff 1px solid; border-bottom:none;}
.MeerHome li{ float:left; padding:0 5px 0 5px; font-size:.9em;}
.MeerHome li a{ color:#fff; padding:0px 5px 5px 0px; text-decoration:none; background:none;}
.MeerHome li a:hover{ color:#000;}

.Meer, .Meer ul { float:right; width:150px;}
.Meer li {list-style:none; background:url(meer.gif) 130px 10px no-repeat; padding:4px 20px 5px 10px; margin:6px 0 0 0; position:relative; border:#fff 1px solid; border-bottom:none;}
.Item a{ display:block; padding:0 15px 0 0; color:#fff; text-decoration:none;}
.MeerSub{ display:none; position:absolute; background:#f98105; border-top:#fff 1px solid;}
.MeerSub li{ background:none; border:none; width:150px; padding:0px 0 0px 5px; margin:5px 0 5px 0; font-size:.9em;}
.MeerSub li a{ color:#fff; padding:0px 5px 5px 0px; background:none;}
.MeerSub li a:hover{ color:#000;}
.Meer li>ul { top:23px; left:-1px;}
.Meer li:hover ul, li.over ul { display:block;}

#Vervolg #LeftmenuContainer .Header{ display:none; background:#686868 url(vrijetijd.jpg) left 23px no-repeat; float:left; margin:10px 10px 0 0; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}
#JeugdenGezin #LeftmenuContainer .Header{ display:none; background:#45a12b url(jeugdengezin.jpg) left 23px no-repeat; float:left; margin:10px 10px 0 0; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}
#Vriendenenrelaties #LeftmenuContainer .Header{ display:none; background:#006e9f url(vriendenenrelaties.jpg) left 23px no-repeat; float:left; margin:10px 10px 0 0; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}
#Lerenenwerken #LeftmenuContainer .Header{ display:none; background:#ae0d1c url(lerenenwerken.jpg) left 23px no-repeat; float:left; margin:10px 10px 0 0; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}
#Wonen #LeftmenuContainer .Header{ display:none; background:#929601 url(wonen.jpg) left 23px no-repeat; float:left; margin:10px 10px 0 0; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}
#Vrijetijd #LeftmenuContainer .Header{ display:none; background:#e1007a url(vrijetijd.jpg) left 23px no-repeat; float:left; margin:10px 10px 0 0; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}
#Regelgeving #LeftmenuContainer .Header{ display:none; background:#4e3936 url(regelgeving.jpg) left 23px no-repeat; float:left; margin:10px 10px 0 0; width:185px; height:204px; padding:4px 0 0 10px; color:#fff; text-decoration:none;}

#Vervolg .Leftmenu{ display:none; list-style:none; width:195px; float:left; background:#686868; padding:5px 0 5px 0;}
#JeugdenGezin .Leftmenu{ display:none; list-style:none; width:195px; float:left; background:#45a12b; padding:5px 0 5px 0;}
#Vriendenenrelaties .Leftmenu{ display:none; list-style:none; width:195px; float:left; background:#006e9f; padding:5px 0 5px 0;}
#Lerenenwerken .Leftmenu{ display:none; list-style:none; width:195px; float:left; background:#ae0d1c; padding:5px 0 5px 0;}
#Wonen .Leftmenu{ display:none; list-style:none; width:195px; float:left; background:#929601; padding:5px 0 5px 0;}
#Vrijetijd .Leftmenu{ display:none; list-style:none; width:195px; float:left; background:#e1007a; padding:5px 0 5px 0;}
#Regelgeving .Leftmenu{ display:none; list-style:none; width:195px; float:left; background:#4e3936; padding:5px 0 5px 0;}

.Leftmenu li{ display:none; padding:3px 0 3px 0; font-size:.9em;}
.Leftmenu li a{ display:block; color:#fff; text-decoration:none; padding:2px 0 2px 15px; background:url(leftmenu.gif) 5px 4px no-repeat;}
.Leftmenu li a:hover{ color:#000;}

/*LIJSTEN*/
/*Rechts HOME*/
#Home .LijstRechts{ display:none; float:right; width:343px; margin:0 0 10px 0; border:#868686 1px solid;}
#Home .LijstRechts .Header{ width:338px; height:19px; padding:3px 0 0 5px; background:#868686; color:#fff;}
#Home .LijstRechts .LijsRechtsItem{ padding:5px;}
#Home .LijstRechts .LijsRechtsItem a{ color:#000; text-decoration:none;}
#Home .LijstRechts .LijsRechtsItem a:hover{ color:#f98105;}
#Home .LijstRechts .LijsRechtsItem .Img{ float:left; padding:0 10px 0 0;}
#Home .LijstRechts .LijsRechtsItem .Img img{ width:100px;}
#Home .LijstRechts .LijsRechtsItem .Naam{ padding:0 0 5px 0;}
#Home .LijstRechts .LijsRechtsItem .Naam a{ color:#000; text-decoration:underline;}
#Home .LijstRechts .LijsRechtsItem .Omschrijving{ font-size:.9em;}
#Home .LijstRechts .Footer{ clear:both; width:336px; padding:0 5px 5px 0; text-align:right;}
#Home .LijstRechts .Footer a{ color:#000;}
#Home .LijstRechts .Footer a:hover{ color:#f98105;}

#RightContainer .LijstRechts{ float:left; width:200px; margin:20px 0 10px 0; background:#eaeaea;}

#Vervolg #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#686868; color:#fff;}
#Modules #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#686868; color:#fff;}
#JeugdenGezin #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#45a12b; color:#fff;}
#Vriendenenrelaties #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#006e9f; color:#fff;}
#Lerenenwerken #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#ae0d1c; color:#fff;}
#Wonen #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#929601; color:#fff;}
#Vrijetijd #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#e1007a; color:#fff;}
#Regelgeving #RightContainer .LijstRechts .Header{ width:195px; height:18px; padding:4px 0 0 5px; margin:0 0 3px 0; background:#4e3936; color:#fff;}

#RightContainer .LijstRechts .LijsRechtsItem{ float:left; width:185px; padding:3px 5px 3px 10px;}
#RightContainer .LijstRechts .LijsRechtsItem a{ color:#000; text-decoration:none;}
#RightContainer .LijstRechts .LijsRechtsItem a:hover{ color:#f98105;}
#RightContainer .LijstRechts .LijsRechtsItem .Img{ float:left; padding:0 10px 0 0;}
#RightContainer .LijstRechts .LijsRechtsItem .Img img{ width:100px;}
#RightContainer .LijstRechts .LijsRechtsItem .Naam{ padding:0 0 5px 0;}
#RightContainer .LijstRechts .LijsRechtsItem .Naam a{ color:#000; text-decoration:underline;}
#RightContainer .LijstRechts .LijsRechtsItem .Omschrijving{ font-size:.9em;}
#RightContainer .LijstRechts .Footer{ float:left; width:195px; height:18px; padding:4px 5px 0 0; margin:0 0 0 0; text-align:right; border-top:#fff 1px solid; font-size:.9em;}
#RightContainer .LijstRechts .Footer a{ color:#000;}
#RightContainer .LijstRechts .Footer a:hover{ color:#f98105;}