html {
margin: 0;
padding: 0;
height: 100%;
}

body {
position: relative;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
color: #000;
background-color: #222;
height: 100%;
}

/* Algemene stijlen ******************/

a:link, a:visited, a:active {
text-decoration: none;
color: #000;
}

a:hover {
text-decoration: underline;
}

img, div { 
border:0;
margin: 0;
padding: 0;
} 

p { 
margin:0 0 1em; 
} 

h1 {
font-weight: bold;
font-size: 1.5em;
line-height: 1.6em;
margin: 0;
}

h2 {
font-weight: bold;
font-size: 1.3em;
line-height: 1.6em;
margin: 0;
}

h3, h4, h5 {
font-weight: bold;
font-size: 1.2em;
line-height: 1.6em;
margin: 0;
}

/* Layout *************************************/

img#logo {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
}

#pagina {
position: relative;
background: #fff url('../images/bg.gif') left repeat-y;
width: 918px;
min-height: 100%;
overflow: auto;
margin: 0 33px;
padding: 0 0 20px 0;
}

#wrapper, #wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6, {
float: left;
width: 100%;
clear: left;
}

#linkermenu {
position: relative;
width: 146px;
float: left;
margin-left: -918px;
min-height: 100%;
}

#extra {
position: relative;
width: 133px;
float: left;
margin-left: -153px;
padding: 10px;
}

#content {
margin: 0 153px;
float: left;
width: 612px;
font-size: 1.2em;
line-height: 2.0em;
}

#koptekst, #voettekst, #module_inhoud {
padding: 40px;
}

/* Extramenu ****************************/

#extramenu {
display: block;
color: #60b0ac;
font-weight: bold;
width: 100%;
background-color: #222;
overflow: auto;
}

#extramenu ul {
margin: 0;
padding: 0;
list-style: none;
}

#extramenu li {
height: 23px;
float: right;
display: inline;
font-size: 1.2em;
font-weight: bold;
padding: 10px 10px 0 5px;
background: #222 url('../images/streepje.gif') right center no-repeat;
}

#extramenu a {
color: #ccc;
}

#extramenu li.current a {
color: #60b0ac;
}

#set_normal, #set_kleur{
	display:block;}

#set_bigger, #set_zwartwit{
	display:none;}


/* Hoofdmenu **********************************/

#hoofdmenu.actief {
background: url('../images/headeractief.jpg') bottom no-repeat;
}
#hoofdmenu.ontspanning {
background: url('../images/headerontspanning.jpg') bottom no-repeat;
}
#hoofdmenu.gezondheid {
background: url('../images/headergezondheid.jpg') bottom no-repeat;
}
#hoofdmenu.hulp {
background: url('../images/headerhulp.jpg') bottom no-repeat;
}
#hoofdmenu.wonen {
background: url('../images/headerwonen.jpg') bottom no-repeat;
}
#hoofdmenu.werk {
background: url('../images/headerwerk.jpg') bottom no-repeat;
}

#hoofdmenu ul.ul_home {
height: 130px;
background: none;
}

#hoofdmenu ul {
height: 130px;
background: none;
overflow: visible;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
z-index: 100;
}

#hoofdmenu ul li {
position: relative;
display: inline;
list-style: none;
float: left;
margin: 0;
padding-top: 10px;
background-color: #fff;
}

#hoofdmenu ul li a {
margin: 0;
padding: 20px 0 0 0;
width: 153px;
height: 0;
overflow: hidden;
display: block;
}

#hoofdmenu ul li.first a {
background: url('../images/tab_actief.gif') top center no-repeat;
border-bottom: 6px solid #3c6db2;
}

#hoofdmenu ul li.first a:hover,#hoofdmenu ul li.first#current a {
background: url('../images/tab_actief_on.gif') top center no-repeat;
}

#hoofdmenu ul li.second a {
background: url('../images/tab_ontspanning.gif') top center no-repeat;
border-bottom: 6px solid #e4b720;
}

#hoofdmenu ul li.second a:hover,#hoofdmenu ul li.second#current a {
background: url('../images/tab_ontspanning_on.gif') top center no-repeat;
}

#hoofdmenu ul li.third a {
background: url('../images/tab_gezondheid.gif') top center no-repeat;
border-bottom: 6px solid #a4004f;
}

#hoofdmenu ul li.third a:hover,#hoofdmenu ul li.third#current a {
background: url('../images/tab_gezondheid_on.gif') top center no-repeat;
}

#hoofdmenu ul li.fourth a {
background: url('../images/tab_hulpenzorg.gif') top center no-repeat;
border-bottom: 6px solid #90bd4c;
}

#hoofdmenu ul li.fourth a:hover,#hoofdmenu ul li.fourth#current a {
background: url('../images/tab_hulpenzorg_on.gif') top center no-repeat;
}

#hoofdmenu ul li.fifth a {
background: url('../images/tab_wonen.gif') top center no-repeat;
border-bottom: 6px solid #dc9b5a;
}

#hoofdmenu ul li.fifth a:hover,#hoofdmenu ul li.fifth#current a {
background: url('../images/tab_wonen_on.gif') top center no-repeat;
}

#hoofdmenu ul li.sixth a {
background: url('../images/tab_werkeninkomen.gif') top center no-repeat;
border-bottom: 6px solid #978a82;
}

#hoofdmenu ul li.sixth a:hover,#hoofdmenu ul li.sixth#current a {
background: url('../images/tab_werkeninkomen_on.gif') top center no-repeat;
}

#hoofdmenu ul li ul {
margin: 0;
padding: 0;
display: none;
position: absolute;
top: auto;
left: 0;
}

#hoofdmenu ul li:hover ul,#hoofdmenu ul li.over ul  {
display: block;
border-top: 1px solid #b4d5d4;
width: 153px;
height: 93px;
overflow: visible;
}

#hoofdmenu ul ul li {
position: relative;
float: none;
display: inline;
margin: 0;
padding: 0;
}

#hoofdmenu ul ul li a {
display: block;
height: auto;
width: 143px;
padding: 3px 5px;
font-size: 1.2em;
color: #fff;
}

#hoofdmenu ul li.first#current ul li.current a,#hoofdmenu ul li.second#current ul li.current a,#hoofdmenu ul li.third#current ul li.current a,#hoofdmenu ul li.fourth#current ul li.current a,#hoofdmenu ul li.fifth#current ul li.current a,#hoofdmenu ul li.sixth#current ul li.current a {
background: url('../images/current.gif') right center no-repeat;
width: 128px;
padding: 3px 20px 3px 5px;
color: #fff;
}

#hoofdmenu ul li.first ul {
background-color: #3c6db2;
}

#hoofdmenu ul li.second ul {
background-color: #e4b720;
}

#hoofdmenu ul li.third ul {
background-color: #a4004f;
}

#hoofdmenu ul li.fourth ul {
background-color: #90bd4c;
}

#hoofdmenu ul li.fifth ul {
background-color: #dc9b5a;
}

#hoofdmenu ul li.sixth ul {
background-color: #978a82;
}

#hoofdmenu ul li.first ul li a,#hoofdmenu ul li.first#current ul li a,#hoofdmenu ul li.second ul li a,#hoofdmenu ul li.second#current ul li a,#hoofdmenu ul li.third ul li a,#hoofdmenu ul li.third#current ul li a,#hoofdmenu ul li.fourth ul li a,#hoofdmenu ul li.fourth#current ul li a,#hoofdmenu ul li.fifth ul li a,#hoofdmenu ul li.fifth#current ul li a,#hoofdmenu ul li.sixth ul li a,#hoofdmenu ul li.sixth#current ul li a {
background-image: none;
border-bottom: 1px solid #b4d5d4;
}

#hoofdmenu ul li ul li a:hover,#hoofdmenu ul li.first#current ul li a:hover,#hoofdmenu ul li.second#current ul li a:hover,#hoofdmenu ul li.third#current ul li a:hover,#hoofdmenu ul li.fourth#current ul li a:hover,#hoofdmenu ul li.fifth#current ul li a:hover,#hoofdmenu ul li.sixth#current ul li a:hover,#hoofdmenu ul li.first ul li a:hover,#hoofdmenu ul li.second ul li a:hover,#hoofdmenu ul li.third ul li a:hover,#hoofdmenu ul li.fourth ul li a:hover,#hoofdmenu ul li.fifth ul li a:hover,#hoofdmenu ul li.sixth ul li a:hover {
background-image: none;
background-color: #fff;
color: #000;
text-decoration: none;
}

#hoofdmenu ul li.first ul li, #hoofdmenu ul li.first ul li a, #hoofdmenu ul li.first#current ul li a {
background-color: #3c6db2;
}

#hoofdmenu ul li.second ul li, #hoofdmenu ul li.second ul li a, #hoofdmenu ul li.second#current ul li a {
background-color: #e4b720;
}

#hoofdmenu ul li.third ul li, #hoofdmenu ul li.third ul li a, #hoofdmenu ul li.third#current ul li a {
background-color: #a4004f;
}

#hoofdmenu ul li.fourth ul li, #hoofdmenu ul li.fourth ul li a, #hoofdmenu ul li.fourth#current ul li a {
background-color: #90bd4c;
}

#hoofdmenu ul li.fifth ul li, #hoofdmenu ul li.fifth ul li a, #hoofdmenu ul li.fifth#current ul li a {
background-color: #dc9b5a;
}

#hoofdmenu ul li.sixth ul li, #hoofdmenu ul li.sixth ul li a, #hoofdmenu ul li.sixth#current ul li a{
background-color: #978a82;
}


/* Submenu ******************************/

#linkermenu {
font-size: 1.2em;
}

#titel {
font-weight: bold;
margin-top: 10px;
padding: 3px 5px;
border-bottom: 1px solid #b4d5d4;
width: 138px;
font-size: 1.4em;
}

#linkermenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#linkermenu ul li {
display: inline;
margin: 0;
padding: 0;
}

#linkermenu ul li a:link, #linkermenu ul li a:visited, #linkermenu ul li a:active {
display: block;
height: auto;
width: 138px;
padding: 3px 5px;
color: #000;
border-bottom: 1px solid #b4d5d4;
background-color: #e2eded;
font-weight: bold;
}

#linkermenu ul li a:hover {
background-color: #f2fdfd;
text-decoration: none;
}

#linkermenu ul li.current a {
padding: 3px 20px 3px 5px;
width: 123px;
}

#linkermenu ul li.current ul.level3 li a {
background-image: none;
}

#linkermenu ul li.parent a, #linkermenu ul.level3 li a:link, #linkermenu ul.level3 li a:visited, #linkermenu ul.level3 li a:active {
background-color: #fff;
}

#linkermenu ul.level3 li a, #linkermenu ul li.current ul li a {
font-weight: normal;
padding: 3px 5px 3px 10px;
width: 133px;
}

#linkermenu ul.level4 li a {
font-size: 0.9em;
}

#linkermenu ul.level3 li a:hover {
background-color: #f6f6f6;
}

#linkermenu ul li ul li.current a {
padding: 3px 20px 3px 10px;
width: 118px;
}

/* Zoekformulier ************************/

form#simplesearch {
position: relative;
margin-bottom: 10px;
color: #60b0ac;
font-size: 1.2em;
}

form#simplesearch input#zoekterm {
border: 1px solid #60b0ac;
width: 118px;
padding-right: 14px;
}

form#simplesearch input#searchbutton {
position: absolute;
width: 14px;
height: 14px;
border: 0;
margin-left: 118px;
top: 18px;
background: #fff url('../images/submit.gif') center;
}

/* Content *****************************/

#content img {
margin: 10px 10px 10px 0;
}

#content img.foto {
margin: 0;
float: right;
}

#content img.detailimage {
max-width: 250px;
float: right;
}

#nieuws p a {
color: #000;
font-size: 1.2em;
}

#content table.gids_overview {
line-height: 1.4em;
border-bottom: 1px solid #000;
padding: 10px 0;
}

#content table.gids_overview th {
border-top: 1px solid #000;
margin-top: 10px;
padding-top: 10px;
}

#content table.gids_overview td {
padding: 0 5px 10px 0;
}

#content table.gids_overview th {
text-align: left;
}

#content table.gids_overview td.gids_overview_adres {
text-align: right;
}

#module_inhoud h3, #module_inhoud h4, #module_inhoud h5 {
font-size: 1.0em;
}

h2.productnaam, h2.organisatienaam {
margin-bottom: 1.0em;
}

/* Content kleuren *********************/

#wrapper a, #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper #titel {
color: #60b0ac;
}

#wrapper #linkermenu {
border-left: 5px solid #60b0ac;
}

#wrapper1 a, #wrapper1 h1, #wrapper1 h2, #wrapper1 h3, #wrapper1 h4, #wrapper1 h5, #wrapper1 #titel {
color: #3c6db2;
}
#wrapper1 #linkermenu {
border-left: 5px solid #3c6db2;
}
#wrapper1 #linkermenu ul li.current a {
background: #fff url('../images/current1.gif') right center no-repeat;
}
#wrapper1 #linkermenu ul li.current ul li.current a {
background: #fff url('../images/current1.gif') right center no-repeat;
}
#wrapper1 #linkermenu ul li.current ul li a {
background-image: none;
}



#wrapper2 a, #wrapper2 h1, #wrapper2 h2, #wrapper2 h3, #wrapper2 h4, #wrapper2 h5, #wrapper2 #titel {
color: #e4b720;
}

#wrapper2 #linkermenu {
border-left: 5px solid #e4b720;
}
#wrapper2 #linkermenu ul li.current a {
background: #fff url('../images/current2.gif') right center no-repeat;
}
#wrapper2 #linkermenu ul li.current ul li.current a {
background: #fff url('../images/current2.gif') right center no-repeat;
}
#wrapper2 #linkermenu ul li ul li.parent ul li.current a {
background: #fff url('../images/current2.gif') right center no-repeat;
}
#wrapper2 #linkermenu ul li.current ul li a {
background-image: none;
}

#wrapper3 a, #wrapper3 h1, #wrapper3 h2, #wrapper3 h3, #wrapper3 h4, #wrapper3 h5, #wrapper3 #titel {
color: #a4004f;
}

#wrapper3 #linkermenu {
border-left: 5px solid #a4004f;
}
#wrapper3 #linkermenu ul li.current a {
background: #fff url('../images/current3.gif') right center no-repeat;
}
#wrapper3 #linkermenu ul li.current ul li.current a {
background: #fff url('../images/current3.gif') right center no-repeat;
}
#wrapper3 #linkermenu ul li.current ul li a {
background-image: none;
}

#wrapper4 a, #wrapper4 h1, #wrapper4 h2, #wrapper4 h3, #wrapper4 h4, #wrapper4 h5, #wrapper4 #titel {
color: #90bd4c;
}

#wrapper4 #linkermenu {
border-left: 5px solid #90bd4c;
}
#wrapper4 #linkermenu ul li.current a {
background: #fff url('../images/current4.gif') right center no-repeat;
}
#wrapper4 #linkermenu ul li.current ul li.current a {
background: #fff url('../images/current4.gif') right center no-repeat;
}
#wrapper4 #linkermenu ul li.current ul li a {
background-image: none;
}

#wrapper5 a, #wrapper5 h1, #wrapper5 h2, #wrapper5 h3, #wrapper5 h4, #wrapper5 h5, #wrapper5 #titel {
color: #dc9b5a;
}

#wrapper5 #linkermenu {
border-left: 5px solid #dc9b5a;
}
#wrapper5 #linkermenu ul li.current a {
background: #fff url('../images/current5.gif') right center no-repeat;
}
#wrapper5 #linkermenu ul li.current ul li.current a {
background: #fff url('../images/current5.gif') right center no-repeat;
}
#wrapper5 #linkermenu ul li.current ul li a {
background-image: none;
}

#wrapper6 a, #wrapper6 h1, #wrapper6 h2, #wrapper6 h3, #wrapper6 h4, #wrapper6 h5, #wrapper6 #titel {
color: #978a82;
}

#wrapper6 #linkermenu {
border-left: 5px solid #978a82;
}
#wrapper6 #linkermenu ul li.current a {
background: #fff url('../images/current6.gif') right center no-repeat;
}
#wrapper6 #linkermenu ul li.current ul li.current a {
background: #fff url('../images/current6.gif') right center no-repeat;
}
#wrapper6 #linkermenu ul li.current ul li a {
background-image: none;
}

/* Nieuwsberichten *********************/

.nieuwsintros a h1, h1.nieuwskop, h1 {
font: bold 1.6em Arial, Helvetica, sans-serif;
margin: 1.6em 0 0.4em 0;
}

#nieuwsintros_menu {
position: absolute;
top: 69px;
left: 0;
width: 918px;
height: 94px;
overflow: hidden;
background-color: #60b0ac;
font-size: larger;
}

#nieuwsintros_menu .nieuwsintro {
display: inline;
float: left;
width: 306px;
height: 94px;
letter-spacing: -0.05em;
}

#nieuwsintros_menu .nieuwsintro img {
position: relative;
display: block;
float: left;
width: 153px;
height: 95px;
margin: -1.8em 0 0 0;
}

#nieuwsintros_menu .nieuwsintro p {
position: relative;
display: block;
float: right;
width: 138px;
height: 84px;
padding: 0 5px 0 10px;
font-size: 1.0em;
line-height: 1.7em;
color: #fff;
}

#nieuwsintros_menu a h1 {
display: block;
font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 7px 5px 0 163px;
color: #fff;
}

#nieuwsintros_menu a {
color: #a4004f;
}

.nieuwsdatum {
font-style: italic;
}

a.terug {
float: right;
margin-right: 10px;
}

#news_rss_item_single table a:hover {
text-decoration: none;
}

img.powered_by {
position: relative;
bottom: 132px;
left: 48px;
}

img.gids_image {
position: relative;
width: 200px;
}

#module_inhoud img.gids_image {
padding-left: 20px;
}