/*****************************************************************************************************/
/* UNIVERSEEL                                                                                        */
/*****************************************************************************************************/
* {
	/* hier kun je bijvoorbeeld een standaard font e.d. neerzetten */
}

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

p, h1, h2, fieldset, form, input, select, table, tr, td {
   margin: 0;
   padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p, li, ul {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #505050;
}

p {
	padding: 0px 30px 0px 10px;
	line-height: 16px;
}

li, ul {
   margin-top: 0px;
   margin-bottom: 0px;
}

a {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}
.show {
	display: block;
}

.divShow {
   visibility: visible;
   display: inline;
}

.divHide {
   visibility: hidden;
   display: none;
}

/*****************************************************************************************************/
/* HTML, BODY, CONTAINER                                                                             */
/*****************************************************************************************************/
html, body {
   margin: 0;
   padding: 0;
   border: none;
   height: 100%;
   background-color: #F8F8F8;
}

/*****************************************************************************************************/
/* ZOEKEN                                                                                            */
/*****************************************************************************************************/
form#frmZoek table {
	border-collapse: collapse;
}

form#frmZoek table tr td {
	border: 1px solid #4B7C9F;
}

form#frmZoek input#txtZoek {
	width: 100%;
	height: 17px;
	border: 0;
	padding-top: 1px;
	font: 12px Arial;
}

/*****************************************************************************************************/
/* FORMS                                                                                             */
/*****************************************************************************************************/

#printFrame {
	height: 1px;
	width: 1px;
}

.form_titel {
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   color: #033114;
   padding: 0px 0px 20px 0px;
   margin: 0;
}

.form_text {
   border: 1px solid #c9c9c9;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 270px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}


.form_text_small {
   border: 1px solid #c9c9c9;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 60px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}

.form_text_medium {
   border: 1px solid #c9c9c9;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 130px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}

.form_text_verplicht {
   border: 1px solid #c9c9c9;
   background-color: #f8f8f8;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 270px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}

.form_text_verplicht_very_small {
   border: 1px solid #c9c9c9;
   background-color: #f8f8f8;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 70px;
   padding: 0px 2px 0px 2px;
   margin: 0;
}

.form_textarea {
   border: 1px solid #c9c9c9;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 270px;
   height: 50px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}

.form_textarea_verplicht {
   border: 1px solid #c9c9c9;
   background-color: #f8f8f8;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 270px;
   height: 50px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}

.form_select {
   border: 1px solid #c9c9c9;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 276px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}
.form_select_verplicht {
   border: 1px solid #c9c9c9;
   background-color: #f8f8f8;
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   width: 276px;
   padding: 0px 2px 0px 2px;
   margin: 2px;
}
select{
   font-size:10px;
}
.select_offerte {
   font-size: 10px;
}
.form_tabel {
   width: 400px;
   padding: 0;
   margin: 0;
}

.form_links {
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   padding: 0;
   margin: 0;
}

.form_rechts {
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   text-align: right;
   padding: 0px 0px 0px 10px;
   margin: 0;
}

.form_links_padding {
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   text-align: left;
   padding: 0px 0px 0px 19px;
   margin: 0;
}

.form_textarea {
   font-family: Arial;
   font-size:   11px;
   color: #2D2D2F;
   text-align: left;
   padding: 0px 2px 0px 2px;
   margin: 0;
   width: 165px;
}
.form_textarea_full {
   width: 98%;
   height: 70px;
}

#spelregels {
   width: 266px;
   border: 1px solid #c9c9c9;
   padding: 5px;
   text-align: left;
}

/*#################################################################################*\
##  Menu & CONTAINER																					  ##
\*#################################################################################*/

#container {
	height: 100%;
	width: 744px !important;
	padding: 0;
	margin: 0;
	background-image: url(../images/top_background.jpg);
	background-repeat: repeat-x;
	background-position: 0px 143px;
	background-color: #ffffff;
}
#content_height {
	height: 99%;
}

#header {
	height: 221px;
}

#footer {
	color: #C1C1C1;
	text-align: right;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica;
	padding-right: 26px;
}
.footer2 {
	background-color: #F7F7F7;
}
#menu_show {
	background-color: #022D12;
	background-image: url(../images/menu_root_back_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 226px;
	height: auto !important;
	min-height: 650px;
}
#menu {
	padding: 0;
	margin: 0;
	width: 226px;
	color: #ADACAA;
	background-image: url(../images/menu_back_open.jpg);
	line-height: 16px;
}
#menu .submenu .sub_item a{
	padding-left: 53px;
	/*background-image: url(../images/select.jpg);
	background-position: 55px 5px;
	background-repeat: no-repeat;*/
	margin: 0;
	width: 226px;
	color: #ADACAA;
	line-height: 18px;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
#menu .submenu .subsub_item a{
	padding-left: 63px;
	background-image: url(../images/select.jpg);
	background-position: 55px 5px;
	background-repeat: no-repeat;
	margin: 0;
	width: 226px;
	color: #ADACAA;
	line-height: 18px;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
}
#menu .submenu tr td a{
	color: #ADACAA;
}
#menu .submenu tr td a:hover{
	color: #FFFFFF;
}
#menu .selected {
	background-image: url(../images/selected_item.gif);
	background-repeat: no-repeat;
	background-position: 35px 2px;
}
#menu #selected p{
	padding-top: 2px;
	padding-left: 53px;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
#menu .submenu .subselect a{
	padding-left: 53px;
	/*background-image: url(../images/subselected.jpg);
	background-position: 55px 5px;
	background-repeat: no-repeat;*/
	margin: 0;
	width: 226px;
	color: #FFFFFF;
	line-height: 18px;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
#menu .submenu .subsubselect a{
	padding-left: 63px;
	background-image: url(../images/subselected.jpg);
	background-position: 55px 5px;
	background-repeat: no-repeat;
	margin: 0;
	width: 226px;
	color: #FFFFFF;
	line-height: 18px;
	font-size: 10px;
	text-decoration: underline;
}
#menu table a{
	padding-left: 53px;
}
#menu a {
	color: #ADACAA;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
}
#menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.selection {
	color: #ffffff !important;
}
/*#################################################################################*\
##  MAIN TABLE OPMAAK																				  ##
\*#################################################################################*/



#row1 {
	height: 119px !important;
	background-color: #F8F8F8;
}
#row2 {
	height: 45px;
	max-height: 45px;
}
#row3 {
	height: 57px;
}

#row4 {
	height: 99.9%;
}

#row_h {
	height: 225px;
}
#row5 {
	height: 45px;
}
.col1 {
	width: 226px;
}
.col2 {
	width: 12px;
}
.col3 {
	width: 512px;
}
.col4 {
	width: 5px;
}
.col5 {
	width: 16px;
	background-image: url(../images/schaduw_rechts.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

/*#################################################################################*\
##  Gradients schaduwen borders																	  ##
\*#################################################################################*/
#shade { height: auto; }
.bottom_grad{
	background-image: url(../images/bottom_background.jpg);
	background-position: 0px bottom;
	background-repeat: repeat-x;
	padding: 0px 15px 50px 15px;
}
.bottom_grad_init{
	background-image: url(../images/bottom_background.jpg);
	background-position: 0px bottom;
	background-repeat: repeat-x;
	padding: 0px 0px 50px 15px;
}
.groen_stip {
	background-image: url(../images/groen_stippen.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;
}
.schaduw_menu {
	background-image: url(../images/schaduw_menu.jpg);
	background-position: 0px -1px;
	background-repeat: repeat-y;
}
.bottom_border {
   background-image: url(../images/border_bottom.jpg);
	background-position: 0px 100%;
	background-repeat: repeat-x;
}
.horiz_border {
   background-image: url(../images/horiz_border_grey.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	width: 403px;
	height: 3px;
}
.vert_border_grey {
	background-image: url(../images/vert_border_grey.gif);
	background-position: 100% 0px;
	background-repeat: repeat-y;
}
/*#################################################################################*\
##  KOPPEN                     																	  ##
\*#################################################################################*/
H1 {
	padding: 12px 0px 15px 30px;
	font-weight: bold;
	font-size: 17px;
	color: #2C7847;
	font-family: Arial, Verdana, Helvetica;
	background-image: url(../images/h1.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

H1.long {
	background-image: url(../images/h1_long.gif);
}

H2 a { text-decoration: none; color: #2C7847; }
H2 a:hover { text-decoration: underline; color: #2C7847; }


H2 {
	font-weight: bold;
	font-size: 13px;
	color: #2C7847;
	padding: 3px 0px 8px 20px;
	font-family: Arial, Verdana, Helvetica;
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
h3 {
	line-height: 29px;
	font-weight: bold;
	color: #505050;
	padding: 0px 8px 0px 9px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica;
}
h4 {
	font-weight: bold;
	font-size: 13px;
	color: #2C7847;
	padding: 3px 0px 8px 20px;
   margin-bottom: 0px;
	font-family: Arial, Verdana, Helvetica;
	background-image: url(../images/h4.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.titel_groen {
	font-weight: normal;
	font-size: 12px;
	color: #2C7847;
	/*padding: 3px 0px 8px 20px;*/
	font-family: Arial, Verdana, Helvetica;
}
/*#################################################################################*\
##  KOPPEN                     																	  ##
\*#################################################################################*/
p a {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	line-height: 16px;
	color: #5b5b5c;
	text-decoration: underline;
}
#infoBox{
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	line-height: 16px;
	color: #5b5b5c;
	text-decoration: none;
}
.table_p {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #505050;
}
/*#################################################################################*\
##  ZOEKEN	                  																	  ##
\*#################################################################################*/
#zoeken {
	background-image: url(../images/zoeken_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 181px;
	height: 107px;
}
#zoeken_top {
	background-image: url(../images/zoeken_back_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 181px;
	height: 107px;
}
#zoeken #txtZoek {
	width: 100px;
}
.resultaat {
	margin-left: 5px;
	padding: 5px 5px 20px 5px;
	border: dotted 1px #CECECE;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	/*height: 100px;*/
	color: #505050;
}
.resultaat a {
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #505050;
	text-decoration: none;
}
.zoek_resultaat_link {
	text-decoration: none;
	color: #505050;
	padding-left: 8px;
}
.validate_error {
	background-color: red;
}

/*#################################################################################*\
##  WIDGET - meldingen         																	  ##
\*#################################################################################*/
#meldingen {
	background-image: url(../images/meldingen_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 181px;
	height: 110px;
}

#meldingen #pijl {
   padding: 62px 0px 0px 125px;
}

/*#################################################################################*\
##  WIDGET - afvalkalender     																	  ##
\*#################################################################################*/
#afvalkalender {
	background-image: url(../images/afvalkalender_back_plus.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 181px;
	height: 246px;
}
/*#################################################################################*\
##  WIDGET - saverpas_include _widget															  ##
\*#################################################################################*/
#saverpas_inc {
	background-image: url(../images/saverpas_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 181px;
	height: 201px;
}

/*#################################################################################*\
##  ENQUETE                    																	  ##
\*#################################################################################*/

.enquete { /*Div waar de enquete instaat*/
	border: 0;
	padding: 5px;
}

.enquete table { /* Table in de div waar alles komt te staan antwoorden en vragen  */
	width: 100%;
}

.enquete_vraag { 	/* td waar de vraag in staat */
	width: 100%;
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	padding: 0px 0px 10px 0px;/* top right bottom left */
	color: #505050;
}

.enquete_vraag_txt_field {/* input type: text (voor open vraag)*/
	border: solid 1px #022D12;
	width: 250px;
}

.enquete_vraag_radio_button { /* input type:radio */
	border: 0;
	color: #505050;
}

.enquete_vraag_radio_label { /* label voor radio button */
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #505050;
}

.enquete_button {
	border: solid 1px #022D12;
	background-color: #022D12;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
}

.enquete_button:hover {
	background-color: #6A8373;
}

.enquete_table {
	width: 100%;
}

.enquete_vraag_input_front {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
}
.tiny {
	color: #505050;
	font-size: 9px;
	padding-left: 5px;
}
/*#################################################################################*\
##  Header 																								  ##
\*#################################################################################*/
.head1 {
	text-align: left;
	width: 173px;

}
.head2 {
	text-align: left;
	width: 184px;

}
.head3{
	text-align: left;
	width: 173px;

}
.head4{
	text-align: left;
}
.header_box {
	padding: 0;
	margin: 0;
}

.bottom_grad ul{
	padding-top: 0;
	margin-top: -16px;
}

.bottom_grad table ul, .bottom_grad div ul{
	padding-top: 0;
	margin-top: 0px;
}

table#container tr td {
   font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #505050;

}

/*#################################################################################*\
##  DEBUGGING                  																	  ##
\*#################################################################################*/
/*table#container tr td { border: 1px solid red !important; }*/