/* CSS Document */
/* http://www.satzansatz.de/cssd/tmp/alphatransparency.html */

* {
	margin: 0;
	padding: 0;
}

* {  }


body {
	background-image: url(../images/bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: inherit;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
}


/* *******************************************Navigatie balonnen ************************************************* */


/* ******************************************* rechter kolom ************************************************ */

#logo {
	position: absolute;
	top: 139px;
	left: 644px;
}

#btn_home { 
	position: absolute;
	top: 7px;
	left: 636px;
}

/* search field */

#searchform {
	position: absolute;
	top: 278px;
	left: 720px;
}

#searchform .searchfield {
	width: 150px;
	height: 20px;
	border: 1px solid #CCC;
}

#searchform .submitbtn {
	width: 50px;
	height: 20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* nieuws */

#rightcol { 
	position: absolute;
	top: 317px;
	left: 720px;
}

#rightcol h1 {
	font-size: 16px;
	font-weight:bold;
	color: #C2103A;
	margin-bottom: 0.5em;
}

#rightcol #newsnavlist {
	list-style-type: none;
	width: 210px;
}

#rightcol #newsnavlist li {
	padding-left: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	color: #666;
	font-weight: bold;
}

#rightcol #newsnavlist li a {
	color: #C2103A;
	text-decoration: none;
	margin-bottom: 0.5em;
}

#rightcol #newsnavlist li a:hover {
	text-decoration: underline;
}

#rightcol #btn_meer_nieuws {
	margin-bottom: 20px;
}

#rightcol #btn_vrijwilligersteunpunt, #rightcol #btn_jeugd_gezin, #rightcol #wmo_loket, #discriminatie, #btn_meldpunthuiselijkgeweld {
	margin-bottom: 5px;
}


#naw {
	color: #666;
	font-weight: bold;
	margin: 20px 0 20px 0;
}

#naw a {
	color: #666;
	text-decoration: none;
}

#naw a:hover {
	color: #C2103A;
	text-decoration: underline;
}

#naw .red {
	color: #C2103A; 
}


/* ******************************************* hoofdnavigatie ************************************************ */
#nav {
	position: absolute;
	left: 15px;
	top: 7px;
	float: left;
	width: 750px;
	height: 262px;
}

#nav ul {
	list-style-type: none;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	display: block;
	width: 131px;
	height: 131px;
	background-repeat: no-repeat;
	background-position: top;
}

#nav ul li a:hover {
	background-repeat: no-repeat;
	background-position: bottom;
}

/* ******************* OPGROEIEN ******************* */
#nav ul li a.btn_opgroeien {
	background-image: url(../images/btn_opgroeien.png);
}



#nav ul li a#current {
background-position:bottom;
}



#nav ul li a:hover.opgroeien{
	background-image: url(../images/btn_opgroeien.png);
}

/* ******************* REGELGEVING ******************* */
#nav ul li a.btn_regelgeving {
	background-image: url(../images/btn_regelgeving.png);
}

#nav ul li a:hover.btn_regelgeving {
	background-image: url(../images/btn_regelgeving.png);
}

/* ******************* WERK EN INKOMEN ******************** */
#nav ul li a.btn_werk_inkomen {
	background-image: url(../images/btn_werk_inkomen.png);
}

#nav ul li a:hover.btn_inkomen {
	background-image: url(../images/btn_werk_inkomen.png);
}

/* ******************* WONEN ******************** */
#nav ul li a.btn_wonen {
	background-image: url(../images/btn_wonen.png);
}

#nav ul li a:hover.btn_wonen {
	background-image: url(../images/btn_wonen.png);
}

/* ******************* BUURT WIJK DORP ******************** */
#nav ul li a.btn_buurt_wijk_dorp {
	background-image: url(../images/btn_buurt_wijk_dorp.png);
}

#nav ul li a:hover.btn_buurt_wijk_dorp {
	background-image: url(../images/btn_buurt_wijk_dorp.png);
}

/* ******************* OUDER WORDEN ******************** */
#nav ul li a.btn_ouder_worden {
	background-image: url(../images/btn_ouder_worden.png);
}

#nav ul li a:hover.btn_ouder_worden {
	background-image: url(../images/btn_ouder_worden.png);
}

/* ******************* LEREN EN OPLEIDING ******************** */
#nav ul li a.btn_leren_opleiding {
	background-image: url(../images/btn_leren_opleiding.png);
}

#nav ul li a:hover.btn_leren_opleiding {
	background-image: url(../images/btn_leren_opleiding.png);
}

/* ******************* VRIJE TIJD ******************** */
#nav ul li a.btn_vrije_tijd {
	background-image: url(../images/btn_vrije_tijd.png);
}

#nav ul li a:hover.btn_vrije_tijd {
	background-image: url(../images/btn_vrije_tijd.png);
}

/* ******************* IKZELF EN ANDEREN ******************** */
#nav ul li a.btn_ikzelf_anderen {
	background-image: url(../images/btn_ikzelf_anderen.png);
}

#nav ul li a:hover.btn_ikzelf_anderen {
	background-image: url(../images/btn_ikzelf_anderen.png);
}

.hide{
display:none;
}




/* ******************************************* navigatie ************************************************ */







#navlist {
	width: 280px;
	position:absolute;
	top:263px;
}

#navlist li {
	margin-bottom: 7px;
	font-weight: 900;
}

#navlist li a {
	width: 280px;
	height: 21px;
	display: block;
	line-height: 21px;
	background-image: url(../images/subnav_btn_bg_large.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 22px;
	text-decoration: none;
	color: #666
}

#navlist li a:hover, #navlist li a#current {
	background-position: bottom left;
	color: #FFF;
}

#navlist li a:hover, #navlist li a#vraag {
	background-image: url(../images/vraag.gif);
	background-position: top left;
	color: #FFF;
}

#navlist li a:hover, #navlist li a:hover#vraag {
	background-image: url(../images/vraag.gif);
	background-position: bottom left;
	color: #FFF;
}

/* *************** subnavigatie ****************** */

#subnav { 
	position: absolute;
	top: 26px;
	left: 21px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	width: 181px;
}

#subnav ul, #subnav ul ul {
	list-style: none;
}


/* ******************************************* sub sub navigatie ************************************************ */

#subsubnav {
	width: 380px;
	/*height: 50px;*/
	
	margin-bottom: 30px;
}

#subsubnav ul {
	list-style-type: none;
}

#subsubnav li {
	margin-bottom: 10px;
	font-weight: bold;
	float: left;
	width: 190px;
}

#subsubnav li a {
	background-color: none;
	background-image: url(../images/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #FFF;
	text-decoration: none;
	margin-bottom: 0.5em;
	height: 15px;
	line-height: 15px;
	padding-left: 15px;
	float: left;
}

#subsubnav li a:hover {
	background-position: bottom left;
	color: #400312;
}


#mid_menu{
	display:none;
}

#subnav #nieuwsarchief{
color:#000000;
position:absolute;
top:40px;
}

#subnav #nieuwsarchief #nieuwsbrief{
color:#FFF;


/* nieuwsbrief aanmeldformulier tijdelijk verbergen */

display: none;
}



#subnav #nieuwsarchief  a{
color:#4C0516;
background-image:url(../images/pijlwit.gif);
background-repeat:no-repeat;
font-size:13px;
font-weight:600;
background-position: 0  1px;
display:block;
padding-left:18px;
text-decoration:none;
}

#subnav #nieuwsarchief  a:hover{
color:#FFF;
background-image:url(../images/pijlzwart.gif);
}




/* ******************************************* inhoud ************************************************ */




#content {
	position: absolute;
	top: 290px;
	left: 325px;
	width: 360px;
	line-height: 1.7em;
	font-size: 13px;
}

#content h1 {
	clear: left;
	font-size: 19px;
	font-weight:300;
	/*color: #4C0516;*/
	color:#FFFFFF;
	margin-bottom: 0.5em;
	width: 380px;
}

#content p {
	margin-bottom: 1.5em;
	text-align: left;
}

#content a {
	color: #FFF;
	text-decoration: underline;
}

#content img{
	border:none;
}
#content a:hover {
	color: #4C0516;
}

#content #breadcrumbs {
	width: 380px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}

#content #breadcrumbs a {
	color: #FFF;
	text-decoration: none;
}

#content #breadcrumbs a:hover {
	color: #400312;
	text-decoration: none;
}


/* HEADER LEFT*/
#header_left{
width:200px;
position:absolute;
top:290px;
left:25px;
}
#header_left h1{
font-size:19px;
width:265px;
}




#contactform td{
	font-weight:200;
}

#contactform input{
	font-size:12px;
}

#contactform input.btn{
	font-size:13px;
}

#contactform .foutmelding{
	color:#000000;
	font-weight:600;
}

#subnav #nieuwsarchief #link_naar_archief a{
	color:#EFEFEF;
}

#subnav #nieuwsarchief #link_naar_archief a:hover{
	color: #400312;
}