/*
#6DB33F = groen
#D8D9DA = lichtgrijs
#6A737B = donkergrijs
mouseover = 67ff00 opacity 20%

Climate construction
#00929F = blauw
#72C267 = groen
*/

/***** basic elements *****/
body {
	MARGIN: 0px auto;  
	MIN-HEIGHT: 100%;
	HEIGHT: auto !important;
	BACKGROUND-COLOR:#52575A;
	
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11pt;
	COLOR: #6A737B;
}

/***** structure *****/
.container {
	DISPLAY: block;
	MARGIN: 0px auto; 
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;

	PADDING: 0px;
	HEIGHT: auto !important;
	WIDTH: 900px;
	BACKGROUND-COLOR: #FFFFFF;

}


/***** header *****/
.top {
	DISPLAY: block;
	MARGIN: 0px auto;
	HEIGHT: 30px;
	WIDTH: auto;
	BACKGROUND-IMAGE:url(../_images/top_bg.png);
	LINE-HEIGHT: 30px;
	VERTICAL-ALIGN: middle;
	TEXT-ALIGN: right;
}

.header {
	PADDING: 0px 0px 0px 0px; 
	WIDTH: 910px; 
	HEIGHT: 230px; 
}

.header_img {
	POSITION: absolute; 	
	MARGIN: 0px 0px 0px 0px; 	
	WIDTH: 910px; 
	HEIGHT: 156px;
	background-repeat:repeat-x;
}

/***** topmenu *****/
.afdelingen {
	POSITION: absolute; 
	MARGIN: 131px 0px 0px 3px; 
	WIDTH: 900px;
	HEIGHT: 96px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	font-weight: bold;
}

.afdelingen img {
	BORDER: none;
}

.headmenu {
	BACKGROUND-IMAGE:url(../_images/button_menu.png);
	FLOAT: left;
	MARGIN: 0px 0px 0px 0px; 	
	WIDTH: 149px; 
	HEIGHT: 94px;
}

.headmenu_active {
	BACKGROUND-IMAGE:url(../_images/button_menu_active.png);
	FLOAT: left;
	MARGIN: 0px 0px 0px 0px; 	
	WIDTH: 149px; 
	HEIGHT: 94px;
}

.headmenu a {
	outline: none;
	padding: 10px 10px 10px 10px;
}

.headmenu_active a {
	outline: none;
	padding: 10px 10px 10px 10px;
}

.headmenu a img {
	MARGIN-TOP: 43px;
	WIDTH: 130px; 
	HEIGHT: 30px;
	outline: none;
}

.headmenu_active a img {
	MARGIN-TOP: 43px;
	WIDTH: 130px; 
	HEIGHT: 30px;
	outline: none;
}


/***** content *****/
.content {
	DISPLAY: block;
	MARGIN: 0px auto;
	WIDTH: 900px;
	MIN-HEIGHT: 350px;
}

.content_admin {
	DISPLAY: block;
	MARGIN: 0px auto;
	WIDTH: 900px;
	MIN-HEIGHT: 480px;
	CLEAR:both;
}
.menupic li {
	FLOAT:left;
	WIDTH:120px;
	HEIGHT:120px;
	LIST-STYLE: none;
	text-align:center;
}

.menupic img {
	WIDTH:60px;
	HEIGHT:60px;
	border:none;

}

/***** menu and page *****/
.side_menu {
	float: left;
	width: 180px;
	padding-bottom:10px;
}

.side_menu ul {
	margin: 0px;
	padding: 0px;
}

.side_menu li {
	margin: 0px auto;
	float:left;
	line-height: 25px;
	list-style:none;
	background-image:url(../_images/side_menu_middle.png);
	width:180px;
}

.side_menu li a {
	padding: 0px 10px 0px 10px;
	text-decoration:none;
	color: #6A737B;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt;
}

.side_menu li a:hover {
	color: #6DB33F;
}

.side_menu img {
	float: left;
	width: 180px;
	height: 25px;
}

.include {
	FLOAT:left;
	WIDTH: 700px;
	MIN-HEIGHT: 350px;
	HEIGHT: auto !important;
	PADDING: 0px 10px 0px 10px;
}

.inc_text_area {
	WIDTH: 500px;
}


/***** footer *****/
.footer_green {
	DISPLAY: block;
	BACKGROUND-IMAGE:url(../_images/footer_bg.png);
	MARGIN: 0px auto;
	HEIGHT: 30px;
	CLEAR: both;
	BORDER-TOP: 2px solid #6DB33E;
	PADDING: 0px 20px 0px 20px;
}

.footer_blue {
	DISPLAY: block;
	BACKGROUND-IMAGE:url(../_images/footer_bg.png);
	MARGIN: 0px auto;
	HEIGHT: 30px;
	CLEAR: both;
	BORDER-TOP: 2px solid #00929F;
	PADDING: 0px 20px 0px 20px;
}

.footer_tx1 {
	FLOAT: left;	
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	LINE-HEIGHT: 24px;
	WIDTH: 420px;
	COLOR: #52575A;
	TEXT-ALIGN: left;
}

.footer_tx1 a {
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	COLOR: #52575A;
}

.footer_tx1 a:hover {
	COLOR: #63AC1F;
}

.footer_tx2 {	
	FLOAT: left;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	LINE-HEIGHT: 24px;
	WIDTH: 420px;
	COLOR: #52575A;
	TEXT-ALIGN: right;
}

.footer_tx2 a {
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	COLOR: #52575A;
}

.footer_tx2 a:hover {
	COLOR: #63AC1F;
	TEXT-DECORATION: underline;
}

/***** text formats *****/
a {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	COLOR: #63AC1F;
	TEXT-DECORATION: none;
}

a:hover {
	TEXT-DECORATION: underline;
}

H1 {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 24pt;
	TEXT-DECORATION: none;
	COLOR: #6DB33E;
	PADDING: 10px 10px 10px 40px;
}

H6 {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 24pt;
	TEXT-DECORATION: none;
	COLOR: #00929F;
	PADDING: 10px 10px 10px 40px;
}

H2 {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 18pt;
	COLOR: #6DB33E;
	PADDING: 0px 10px 0px 10px;
}

H3 {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 13pt;
	COLOR: #6DB33E;
	PADDING: 0px 10px 0px 10px;
}

H4 {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 16pt;
	COLOR: #6DB33E;
}

H5 {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 13pt;
	COLOR: #6DB33E;
	PADDING: 0px 10px 5px 10px;
	TEXT-ALIGN: center;
}

P {
	MARGIN: 0px auto;
	PADDING: 0px 10px 0px 10px;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11pt;
	COLOR: #52575A;
}

.err {
	LIST-STYLE: none;
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 13pt;
	COLOR: red;
}

.ok {
	MARGIN: 0px auto;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 13pt;
	COLOR: green;
}



/***** photos *****/
.photo {
	FLOAT: right;
	MARGIN-RIGHT: 0px;
}

.photo img {
	HEIGHT: 100px;
	WIDTH: 135px;
	BORDER: 1px solid #D8D9DA;
	MARGIN: 5px 5px 5px 5px;
	PADDING: 5px 5px 5px 5px;
}

.photo3 {
	FLOAT: right;
	MARGIN:0px;
}

.photo3 img {
	HEIGHT: 135px;
	WIDTH: 100px;
	BORDER: 1px solid #D8D9DA;
	MARGIN: 5px 5px 5px 5px;
	PADDING: 5px 5px 5px 5px;
}

.photo4 {
	FLOAT: left;
	MARGIN:0px;
}

.photo4 img {
	HEIGHT: 135px;
	WIDTH: 100px;
	BORDER: 1px solid #D8D9DA;
	MARGIN: 5px 5px 5px 5px;
	PADDING: 5px 5px 5px 5px;
}

.photo1 {
	FLOAT: left;
	MARGIN-RIGHT: 0px;
}

.photo1 img {
	HEIGHT: 100px;
	WIDTH: 135px;
	BORDER: 1px solid #D8D9DA;
	MARGIN: 5px 5px 5px 5px;
	PADDING: 5px 5px 5px 5px;
}

.photo2 {
	FLOAT: left;
}

.photo2 img {
	width: 95px;
	height: 130px;
	BORDER: 6px solid #D8D9DA;
	MARGIN: 5px 5px 5px 5px;
	PADDING: 5px 5px 5px 5px;
}


.news_photo {
	FLOAT: right;
	
}

.news_photo img {
	HEIGHT: 120px;
	WIDTH: 160px;
	BORDER: 1px solid #D8D9DA;
	MARGIN: 5px 0px 5px 5px;
	PADDING: 5px 5px 5px 5px;
}

.news_date {
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
	COLOR: #52575A;
	PADDING: 0 0 0 10px;
	font-weight:bold;
}

/***** vacature table *****/
.vacatures {
	WIDTH: 480px;
	HEIGHT: 80px;
	PADDING: 0px 10px 5px 10px;
	MARGIN: 0px 10px 5px 10px;
	
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	TEXT-DECORATION: none;
	COLOR: #52575A;
}

.vacatures a {
	BACKGROUND-IMAGE:url(../_images/vacature_bg.png);
	DISPLAY: block;
	TEXT-DECORATION: none;
}

.vacatures a:hover {
	BACKGROUND-IMAGE:url(../_images/vacature_bg_hover.png);
	DISPLAY: block;
	TEXT-DECORATION: none;
}



/***** adres table *****/
.adressen {
	WIDTH: 302px;
	HEIGHT: 155px;
	PADDING: 0px 9px 5px 9px;
	MARGIN: 0px 10px 5px 10px;
	BACKGROUND-IMAGE:url(../_images/adres_bg.png);
	TEXT-DECORATION: none;
	DISPLAY: block;
}

/***** contact table *****/
.contact_table {
	MARGIN: 0px auto;
	PADDING: 0px 10px 0px 10px;
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	COLOR: #52575A;
}

/***** project table *****/
.project {
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	COLOR: #52575A;
}

.project td {
	padding: 5px 5px 5px 5px;
}

.project a {
	BACKGROUND-IMAGE:url(../_images/proj_bg.png);
	DISPLAY: block;
	TEXT-DECORATION: none;
	HEIGHT: 150px;
	WIDTH: 310px;
	padding: 5px 5px 5px 5px;
}

.project a:hover {
	BACKGROUND-IMAGE:url(../_images/proj_bg_hover.png);
	DISPLAY: block;
	TEXT-DECORATION: none;
}

.project img {
	HEIGHT: 100px;
	WIDTH: 130px;
	BORDER: 1px solid #D8D9DA;
	MARGIN: 0px 10px 0px 10px;
	clear: left;
	float:left;
	
}

.proj_spec {
	FLOAT: left;
	width: 700px;
}

.proj_spec_table {
	margin-left: 10px;
}

.proj_spec a {
	BORDER: none;
}

.proj_spec a:hover img {
	OPACITY: 0.7;
	FILTER:alpha(opacity=70);
	-MOZ-OPACITY: 0.7;
}

.proj_spec img {
	WIDTH: 120px;
	HEIGHT: 90px;
	BORDER: 1px solid #6A737B;
	PADDING: 5px 5px 5px 5px;
	MARGIN: 0px 2px 5px 2px;
}

/***** brochures table *****/
.brochures {
	text-align: center;
	margin: 0px 5px 0px 5px;
}

.brochures a img {
	width: 95px;
	height: 130px;
	border: 1px solid #E4E4E4;
}

.brochures a:hover img {
	border: 1px solid #6A737B;
}


/***** login table *****/
.login_table {
	margin: 100px 0 100px 0;
}

.login_welcome {
	
}

/***** ftp table *****/
.ftp_table {
	padding-left: 30px;	
}


/***** algemene voorwaarden *****/
.av_table {
	WIDTH: 480px;
	HEIGHT: 85px;
	PADDING: 0px 10px 0px 10px;
	MARGIN: 0px 10px 5px 10px;
		
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	TEXT-DECORATION: none;
	COLOR: #52575A;
}

.av_table a {
	BACKGROUND-IMAGE:url(../_images/vacature_bg.png);
	DISPLAY: block;
	TEXT-DECORATION: none;
	vertical-align:middle;
}

.av_table a:hover {
	BACKGROUND-IMAGE:url(../_images/vacature_bg_hover.png);
	DISPLAY: block;
}

.av_table img {
	width:50px;
	height:50px;
	float:left;
	clear:right;
	border: none;
	margin: 15px 10px 0px 0px;
}

.av_table_text {
	line-height: 80px;
	vertical-align:middle;
}

#map_canvas {
	MARGIN: 0px 12px 20px 12px;
	PADDING: 5px 5px 5px 5px;
	BORDER: 1px solid #D8D9DA;
}

/**** admin index ****/


.admin_side_menu {
	float: left;
	width: 180px;
}

.admin_side_menu ul {
	margin: 0px;
	padding: 0px;
}

.admin_side_menu li {
	margin: 0px auto;
	float:left;
	line-height: 20px;
	list-style:none;
	background-image:url(../_images/side_menu_middle.png);
	width:180px;
}

.admin_side_menu li a {
	padding: 0px 10px 0px 10px;
	text-decoration:none;
	color: #6A737B;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt;
}

.admin_side_menu li a:hover {
	color: #6DB33F;
}



.admin_side_menu_sub {
	float: left;
	width: 180px;
	background-image: none;
}

.admin_side_menu_sub a {
	padding: 0px;
	color:#6A737B;
	font-weight: normal;
	font-size:8pt;
}

.admin_side_menu_sub a img {
	height: 8px;
	width: 8px;
	border: none;
}


.admin_side_menu_sub table {
	margin-left: 10px;
}


.admin_side_menu_sub ul {
	margin: 0px auto;
	padding: 0px;
}

.admin_side_menu_sub li {
	margin: 0px auto;
	line-height: 17px;
	list-style:none;
	width:180px;
	background-image: none;
}

.admin_side_menu_sub li a {
	padding: 0px;
	margin-left: 5px;
	color:#6A737B;
	font-weight: normal;
	font-size:8pt;
}

.admin_side_menu_sub li a img {
	height: 8px;
	width: 8px;
	border: none;
	margin-left:10px;
	margin-top:5px;
	line-height: 15px;
}


.admin_side_menu_sub2 li {
	margin: 0px auto;
	line-height: 15px;
	list-style:none;
	width:180px;
}
.admin_side_menu_sub2 li a {
	padding: 0px 10px 0px 30px;
	color:#6A737B;
	font-weight: normal;
	font-size:8pt;

}

.admin_table1 {
	width: 300px;
}

.admin_table1 td {
	width: 150px;
}

.admin_table1 img {
	WIDTH: 120px;
	HEIGHT: 90px;
	BORDER: 1px solid #6A737B;
	PADDING: 5px 5px 5px 5px;
	MARGIN: 0px 2px 5px 2px;
}

.close img {
	height: 17px;
	width: 17px;
	border: none;
}

/***** bestelsysteem *****/
.step {
	height:30px;
	width:400px;
	background-image:url(../admin/_images/step_nav_bg.png);
	margin:0 0 5px 0;
	font-size:12px;
	line-height:24px;
}

.step_sel {
	height:30px;
	line-height:24px;
	
	font-size:14px;
	font-weight:bold;
	color:#6DB33F;
}

.step_mssg {
	width:500px;
}

.step_submit {
	margin:10px 0 10px 0;
}

/***** bestelsysteem STAP 1*****/
.table_step1 {
	float:left;
	height:120px;
	width:400px;
	background-image:url(../admin/_images/step1_bg.png);
	padding:10px 10px 10px 10px;
	margin:5px 0 10px 0;
}

/***** bestelsysteem STAP 2*****/
.table_wagen_overz {
	float:left;
	height:120px;
	width:290px;
	background-image:url(../admin/_images/wagen_bg.png);
	padding:15px 10px 15px 10px;
	margin:5px 0 5px 10px;
}

.table_wagen_spec {
	width:700px;
	padding:0 20px 0 20px;
}

.table_wagen {
	float:left;
	height:120px;
	width:700px;
	padding:15px 10px 15px 10px;
	margin:5px 0 5px 10px;
}

.table_step2 {
	height:210px;
	width:700px;
	background-image:url(../admin/_images/step2_bg.png);
	padding:5px 10px 10px 10px;
	margin:10px 0 5px 0;
}

.table_step2_prodlist {
	margin:5px 0 5px 0;
	padding:0;
}

.table_step2_cat {
	height:30px;
	width:700px;
	background-image:url(../admin/_images/step2_cat_bg.png);
	margin:0;
}

.table_step2_subcat {
	height:20px;
	width:700px;
	background-image:url(../admin/_images/step2_subcat_bg.png);
	padding-left:20px;
	padding-right:20px;
}

.table_step2_prod {
	height:25px;
	width:700px;
	background-image:url(../admin/_images/step2_subcat_bg.png);
	padding:0 20px 0 20px;
	font-size:12px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/***** bestelsysteem STAP 3*****/
.table_step3 {
	width:700px;
	height:210px;
	background-image:url(../admin/_images/step2_bg.png);
	padding:5px 10px 10px 10px;
	margin:5px 0 5px 0;
}


/***** kalender *****/
.dpDiv { /*Div waar de kalender in staat*/
}

.dpTable { /*De tabel in de DIV om de kalender*/
      font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: center;
      background-color: #F8F8F8;
      border: 1px solid #6DB33F;
}

.dpTR { /*De tabelregel van de datumnummers*/
}

.dpTD { /*Tabelcellen van datumnummers*/
      border: 1px solid #ece9d8;
}

.dpTDHover { /*Tabelcellen van datumnummers bij mouseover*/
      background-color: #6DB33F;
      cursor: pointer;
      color: white;
}

/*De titelregel waar maand en jaar in staat*/
.dpTitleTR { 
}

.dpTitleTD { 
}

.dpTitleText { 
      font-size: 12px;
      color: gray;
      font-weight: bold;
}

/*De tabelregel waar dagnamen staan*/
.dpDayTR { 
}

.dpDayTD { 
      background-color: #6DB33F; 
      color: white;
}

/*De tabelregel waar buttons close en this month staan*/
.dpTodayButtonTR { 
}

.dpTodayButtonTD { 
}

.dpDayHighlightTD { 
      background-color: #CCCCCC;
      border: 1px solid #AAAAAA;
}

.dpDayHighlight {
      color: 4060ff;
      font-weight: bold;
}

/*De titelcel waar forward/backward buttons in staan*/
.dpButtonTD { 
}

.dpButton {
      font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: gray;
      background: #EEEEEE;
      font-weight: bold;
      padding: 1px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
      font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: gray;
      background: #EEEEEE;
      font-weight: bold;
}


/***** PDF *****/
.pdf_adres {
	 font-size: 8pt;
     color: gray;
}

/***** BESTELLING OVERZICHT *****/
.bestellingoverzicht_table {
	WIDTH: 480px;
	HEIGHT: 65px;
	PADDING: 10px 10px 10px 10px;
	MARGIN: 0px 10px 5px 10px;
		
	FONT-FAMILY: Calibri, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	TEXT-DECORATION: none;
	COLOR: #52575A;
}

.bestellingoverzicht_table a {
	BACKGROUND-IMAGE:url(../admin/_images/overzicht_bg.png);
	DISPLAY: block;
	TEXT-DECORATION: none;
	vertical-align:middle;
}

.bestellingoverzicht_table a:hover {
	BACKGROUND-IMAGE:url(../admin/_images/overzicht_bg_hover.png);
	DISPLAY: block;
}

.bestellingoverzicht_2 {
	margin-left:30px;	
}

.bestellingoverzicht_table img {
	width:50px;
	height:50px;
	float:left;
	clear:right;
	border: none;
	margin: 0px 10px 0px 0px;
}

.bestellingoverzicht_table_text {
	line-height: 80px;
	vertical-align:middle;
}

.order_num a {
	text-decoration:none;
}

.num_noselect {
	border: 1px solid #CCC;
	padding:0 5px 0 5px;
	font-size:12px;
}

.num_select {
	border: 1px solid gray;
	padding:0 5px 0 5px;
	font-size:18px;
}

/***** textinputs *****/
.textinput {
	background-image:url(../_images/input.png);
	background-repeat:no-repeat;
	height:27px;
	width:172px;
	border:0;
	line-height:25px;
	vertical-align:middle;
	color:#666666;
	padding:0 5px 0 5px;
}

.textarea {
	background-image:url(../_images/input1.png);
	background-repeat:no-repeat;
	height:200px;
	width:360px;
	border:0;
	color:#666666;
	padding:0 5px 0 5px;
	line-height:23px;
}


/***** sitemap table *****/

.ul_sitemap {

}

.ul_sitemap li {
	list-style:none;
}