/* Default tags */

body {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica;
	font-size: 1em;
	background: #00496a url(../images/bg_body.gif) repeat-y 50%;
}

* {
	padding: 0px;
	margin: 0px;
}


input, select, textarea	{
	font-size: 1em;
	background-color: #FFFFFF;
	background-image: url(../images/inputveld.gif);
	background-repeat:  no-repeat;
	background-position: 0px 0px;
	border-style: none solid solid none;
	border-color: #00496a;
	border-width: 1px;
	padding: 3px 1px 1px 5px;
	margin: 4px;
	font-family: inherit;
}

textarea {
	height: 100px;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica;
	font-size: 1em;
}

#checkbox input{
	border-width: 0px;
	background-image: none;
}

#blok2 input, #blok2 select, #blok2 textarea {
	width: 150px;
}

#blok2b {
	width: 720px;
	float: left;
	margin-left: 20px;
}

a		{ text-decoration: none;}
a:link 		{ color: #00496a; }
a:visited 	{ color: #00496a; }
a:hover 	{ color: #99cc33; }

a img {
	border-style: none;
}

hr { border: none; border-top: 1px solid #99cc33; }

h1 {
	color: #003366;
}

h2, h3, h4, h5, h6 {
	font-size: 1.2em;
	color: #447a92
}

b, strong {
	font-weight: bold;
	/* color: #00496a; */
}

acronym, abbr {
	border-bottom: 1px dotted #b1822c;
	cursor: help;
	letter-spacing: 1px;
	color: #7b7b4f;
}

table {
	font-size: 0.9em;
}

/* Classes and id's */

.divider {
	height: 1px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #96c118
}

#greenbar {
	background-color: #96bc17;
	height: 70px;
	width: 100%;
	position: absolute;
	top: 0px;
}

#mainbody {
	width: 772px;
	left: 50%;
	margin-left: -386px;
	position: absolute;
	background-color: #fff;
}


/* Topheader */
#topheader {
	height: 70px;
	position: relative;
}

#toplogo {
	background: url(../images/logo_topleft.gif);
	width: 170px;
	height: 70px;
	float: left;
	cursor: pointer;
}

#topzoeken {
	width: 770px;
	height: 24px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#topzoeken label {
	color: #00496a;
	font-size: 0.85em;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-right: 150px
}

#topzoekinput {
	height: 22px;
/*	xxwidth: 126px;*/
	background-color: #FFFFFF;
	background-image: url(../images/zoekveld_topright.gif);
	background-repeat:  no-repeat;
	background-position: 0px 0px;
	border-style: none solid solid none;
	border-color: #00496a;
	border-width: 1px;
/*	xxpadding: 4px;
	xxmargin: 0px 10px -8px 0px;*/
	font-size: 0.8em;
	font-weight: normal;
	float: right;
/*             xxmargin-top: -8px;
                xxmargin-right: 50px;*/
}

#BtnSearch
{
    height: 22px;
}

#SearchTable
{
   float: right;
   position: absolute;
   bottom: -6px;
   right: 0px;
   margin-right: -8px;

}


/* Topmenu */
#topmenu {
	position: relative;
	float: left;
	width: 772px;
	background: #96bc17 url(../images/bg_topmenu.gif) no-repeat 100% 100%;
}

#topmenu2 {
	position: relative;
	float: left;
	width: 772px;
	background-image: url(../images/bg_topmenu2.gif);
}

#topmenu a			{ 
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	display: block; 
	padding-left: 17px;
}
#topmenu a:link		{ color: #fff; }
#topmenu a:visited	{ color: #fff;  }
#topmenu a:hover	{ color: #00496a; }
#topmenu #firstmenu a.active, #topmenu #secondmenu a.active, #topmenu #thirdmenu a.active { color: #00496a; }

#firstmenu, #secondmenu, #thirdmenu {
	position: relative;
	/*min-height: 155px;*/
	width: 188px;
	float: left;
	/*overflow: hidden;*/
	padding: 9px 5px 6px 0px;
}

/* First and second menu */
#firstmenu a.active {
	background: url(../images/listtype_firstmenu.gif) no-repeat 0px 25%;
}

#secondmenu a.active {
	background: url(../images/listtype_secondmenu.gif) no-repeat 7px 50%;
}



/* Third menu */
#thirdmenu {
	width: 178px;
	padding: 4px 5px 3px 10px;
	background-position: 193px 0px;
}

#thirdmenu a {
	line-height: 2.15em;
	padding-left: 35px;
	background-position: 15px 50%;
	background-repeat: no-repeat;
}

#item_contact 	{ background-image: url(../images/icon_contact.gif); }
#item_sitemap 	{ background-image: url(../images/icon_sitemap.gif); }
#item_forum 	{ background-image: url(../images/icon_forum.gif); }
#item_loket		{ background-image: url(../images/icon_loket.gif); }
#item_gids 		{ background-image: url(../images/icon_gids.gif); }
#item_vacatures { background-image: url(../images/icon_vacatures.gif); }
#item_pers 		{ background-image: url(../images/icon_pers.gif); }

/* Fourth menu */
#topmenu #fourthmenu a {
	display: inline;
	padding: 0px;
}

/* Datebar */
#datebar {
	position: relative;
	float: left;
	width: 772px;
	height: 1.2em;
	background: #00496a;
	margin: 5px 0px 12px 0px;
	font-size: 0.7em;
	color: #fff;
	padding: 2px 0px 4px 20px;
}

span.talen {
	position:absolute;
	right: 20px;
}

span.talen a	{ text-decoration: none;height:20px;}
span.talen a:link 	{ color: #FFFFFF; }
span.talen a:visited 	{ color: #FFFFFF; }
span.talen a:hover 	{ color: #99cc33; }


/* Footer */
#footer {
	height: 1.2em;
	background: #00496a;
	margin: 80px 0px 20px 0px;
	font-size: 0.6em;
	color: #fff;
	padding: 2px 0px 4px 20px;
}

#footer #copyright {
	margin-left: 10px;
}

#footer #dislaimer {
	margin-left: 75px;
}

#footer a 		{ text-decoration: none; }
#footer a:link		{ color: #fff }
#footer a:visited	{ color: #fff }
#footer a:hover		{ color: #96bc17 }

/* Voorpagina */
.voorpagina h1 {
	color: #00496a;
	font-size: 1.0em;
	padding-bottom: 8px;
	margin-bottom: 7px;
	border-bottom: 1px solid #96c118;
}

.voorpagina #blok1, .voorpagina #blok2, .voorpagina #blok3 {
	width: 174px;
	float: left;
	margin-left: 20px;
}

.voorpagina .groen {
	color: #96c118
}

.voorpagina .blauw {
	color: #003366
}

.voorpagina .nieuwskop {
	font-weight: bold;
	font-size: 0.75em;
	display: block;
	line-height: 1.1em;
	margin-top: 4px;
}

.voorpagina .nieuwskop span {
	color: #96c118;
	letter-spacing: -1px;
	margin-right: 4px
}

.voorpagina .nieuwstekst {
	font-size: 0.7em;
	padding-top: 3px;
	line-height: 1.4em;
	display: block;
}

.voorpagina .leesmeer {
	font-size: 0.70em;
	display: block;
	text-align: right;
	margin-top: -15px;
}

.voorpagina .leesmeer a:link 		{ text-decoration: none; color: #000; }
.voorpagina .leesmeer a:visited 	{ text-decoration: none; color: #000; }
.voorpagina .leesmeer a:hover		{ text-decoration: none; color: #99cc33; }

.voorpagina .divider {
	margin: 2px 0px 10px 0px
}

.voorpagina #blok3 ul {
	font-size: 0.70em;
	line-height: 1.4em;
	margin-left: 30px
}

.voorpagina #actueelblok {
	background: #eaf3d1;
	padding: 5px 2px 5px 0px;
}

.voorpagina #bedrijvenblok {
	background: #00496A;
	padding: 5px 2px 5px 0px;
}


.voorpagina #blok3 li {
	background-position: 0px 3px;
	background-repeat: no-repeat;
	margin: 0 0 0 -20px;
	padding: 0 0 0px 25px;
	list-style: outside none none;
}

.voorpagina #blok3 #actueelblok a 			{ color: #000; text-decoration: none }
.voorpagina #blok3 #actueelblok a:visited 	{ color: #000; }
.voorpagina #blok3 #actueelblok a:hover 	{ color: #00496a; }

.voorpagina #blok3 #actueelblok li {
	background-image: url(../images/arrow_black.gif);
}

.voorpagina #blok3 #bedrijvenblok li {
	background-image: url(../images/arrow_white.gif);
	font-weight: bold;
}

.voorpagina #blok3 #bedrijvenblok a 			{ text-decoration: none }
.voorpagina #blok3 #bedrijvenblok a:link		{ color: #fff; }
.voorpagina #blok3 #bedrijvenblok a:visited 	{ color: #fff; }
.voorpagina #blok3 #bedrijvenblok a:hover 		{ color: #96bc17; }

.voorpagina #blok4 {
	float: right;
	margin-top: 2.4em;
}

/* Contentpagina */
.contentpagina h1 {
	color: #00496a;
	font-size: 1em;
	padding-bottom: 8px;
	margin-bottom: 7px;
	border-bottom: 1px solid #96c118;
}

.contentpagina #blok1 {
	width: 177px;
	margin-left: 20px;
	float: left;
}

.contentpagina #blok2, .contentpagina #blok2breed {
	width: 338px;
	float: left;
	margin-left: 20px;
	font-size: 0.85em;
}

.contentpagina #blok1blok2samen {
	width: 535px;
	float: left;
	margin-left: 20px;
	font-size: 0.85em;
}

.contentpagina #blok2 h1, .contentpagina #blok2breed h1, .contentpagina #blok1blok2samen h1 {
	font-size: 1.2em;
}

.contentpagina #blok2breed {
	width: 520px;
}

.contentpagina #contenttekst {
	font-size: 0.8em;
	padding: 10px 0px 0px 2px;
}

.contentpagina #contenttekst P{
	margin-bottom: 10px;
}


.contentpagina #contenttitel {
	font-weight: bold;
	color: #00496a;
	font-size: 1.4em;
}

.contentpagina #blok2 #contenttekst ul {
	margin: 0px 0px 0px 20px;
}

.contentpagina #blok2 #contenttekst li {
	margin: 0 0 0 -20px;
	padding: 0 0 0 25px;
	list-style: outside none none;
	background: no-repeat url(../images/bullet.gif);
	background-position: 12px 7px;
}

.contentpagina #blok3 {
	width: 191px;
	float: left;
	margin-left: 20px;
}

.contentpagina #blok3 li span {
	color: #96bc17;
	display: block;
	font-weight: bold;
}

.contentpagina #blok3 ul {
	margin: 0px 0px 0px 20px;
}

.contentpagina #blok3 li {
	font-size: 0.7em;
	margin: 0 0 0 -20px;
	padding: 0 0 0 25px;
	list-style: outside none none;
	background: no-repeat url(../images/arrow_white_on_green.gif);
	background-position: 0px 4px;
	border-bottom: 1px solid #96bc17
}

/* Form elements */
form .required_tekst {
	color: #00496a;
	font-size: 1em;
	padding-left: 5px;
}

form th{
	width: 29%;
	text-align: left;
	font-weight: normal;
	padding-top: 5px;
	vertical-align: top;
}

form label.required {
	padding-right: 20px;
	background: url(../images/required.gif) no-repeat 100% 4px;
	display: block;
}

form .submitbutton, form .resetbutton {
	width: auto;
	background: #00496a;
	color: #99cc33;
	padding: 0px;
	border: none;
	float: right;
	height: auto;
	padding-bottom: 2px;
	font-weight: bold;
}

form .resetbutton {
	background: #99cc33;
	color: #00496a
}


/* WIAB CSS			WIAB CSS			WIAB CSS			WIAB CSS			WIAB CSS			WIAB CSS			*/

/* zoek formulier */

#zoekdiv {
    position: absolute;
    left: 0px;
    top: 91px;
    width: 202px;
    height: 20px;
    background-color: #00496A;
    margin: 0px;
    padding: 0px;
    z-index: 15;
}

#zoekdiv form {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 18px;
}

#zoekdiv input {
    border: 0px solid;
    background-color: #00496A;
    color: #ADBC1A;
    font-size: .7em;
    font-style : italic;
    width: 162px;
    height: 16px;
    z-index: 5;
}



/* extra navigatie */

#extranav {
    position: relative;
    float: left;
    left: 0px;
    margin-top: 200px;
    width: 202px;
    
    z-index: 10;
    text-align: right;     
}

#extranav .label {
    float: right;
    background-image: url("../images/hoek_rt.gif");
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 16px;
    padding-right: 4px;
}

#gerelateerd,#kinderen {
    width: 100%;
    float: left;
    text-align: left;
    font-size: .7em;

    
    background-image: url("../images/hoek_rb.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
}

#gerelateerd a,#kinderen a { color: #ADBC1A; }

#kinderen ul {
    margin-left: 20px;
    padding-top: 6px;
    list-style-image: url("../images/li_kinderen.gif");
}

#gerelateerd ul {
    margin-left: 20px;
    padding-top: 6px;
    list-style-image: url("../images/li_gerelateerd.gif");
}



/* content tabel */
.contenttable {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    border-bottom: 2px #00496A solid;
}

.contenttable td {
    vertical-align: top;
    padding: 2px;
}

.contenttable th {
    font-size: .7em;
    font-weight: bold;
    text-align: left;
    background-color: #00496A;
    color: #ADBC1A;
    
    vertical-align: top;
    padding: 2px;
}

.contenttable a {       color: #000000; }
.contenttable .even {   background-color: #FFFFFF; }
.contenttable .odd {    background-color: #EAEEC6; }

.contenttable .last {
    background-image: url("../images/hoekw_rb.gif");
    background-repeat: no-repeat;
    background-position: right bottom;    
    padding-top: 0px;
    padding-right: 0px;
}

.contenttable .lasttop {
    position: relative;
    background-image: url("../images/hoekw_rt.gif");
    background-repeat: no-repeat;
    background-position: right top;    
    padding: 0px;
    width: 100%;    
    height: 4px;
    overflow: hidden;
    margin-bottom: -2px;
    /*border: 2px #FF0000 solid;*/
}

.contenttable .label {
    font-weight: bold;
    color: #ADBC1A;
    background-color: #EAEEC6;
}

/* evenementen */

.eventtable {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    border-bottom: 2px #00496A solid;
}

.eventtable td {
   padding-left:10px;
}
.eventtable th {
   font-size: .7em;
    font-weight: bold;
    text-align: left;
    background-color: #00496A;
    color: #ADBC1A;
}

.eventtable a {       color: #000000; }

.eventtable .label {
     font-weight: bold;
    color: #ADBC1A;
    background-color: #EAEEC6;
    padding:2px;
}


/* smoelenboek / wie is wie*/

.smoelenboekhoofdgegevens {
    background-color: #EAEEC6;
    font-weight: bold;
    border-bottom: 1px solid #FFFFFF;
}
/* Woz */
/* woz tabel */
.woztable {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 530px;
    border-bottom: 2px #00496A solid;
}

.woztable td {
    vertical-align: top;
    font-size: .8em;
    padding: 2px;
}

.woztable th {
    font-size: .7em;
    font-weight: bold;
    text-align: left;
    background-color: 96bc17;
    color: #00496a;
    
    vertical-align: top;
    padding: 2px;
}

.woztable a {       color: #000000; }
.woztable .even {   background-color: #FFFFFF; }
.woztable .odd {    background-color: #EAEEC6; }

.woztable .last {
    background-image: url("../images/hoekw_rb.gif");
    background-repeat: no-repeat;
    background-position: right bottom;    
    padding-top: 0px;
    padding-right: 0px;
}

.woztable .lasttop {
    position: relative;
    background-image: url("../images/hoekw_rt.gif");
    background-repeat: no-repeat;
    background-position: right top;    
    padding: 0px;
    width: 100%;    
    height: 4px;
    overflow: hidden;
    margin-bottom: -2px;
    /*border: 2px #FF0000 solid;*/
}

.woztable .label {
    font-weight: bold;
    font-size: .7em;
    color: #00496a;
    background-color: #EAEEC6;
}
.woztable .leftl{
	width: 150px; 
}
.woztable .right {
	text-align: right;
}

/* WIAB CSS			WIAB CSS			WIAB CSS			WIAB CSS			WIAB CSS			WIAB CSS			*/