﻿body.flash
{
    margin:0;
    padding:0;
    font: 75%/1.5 Arial, Helvetia, Verdana, Tahoma, sans-serif;
    background:#fff url() repeat-y center;
    text-align:center;
    overflow:hidden;
    }
html>body.flash
{
    overflow:hidden;
    }
#flashintro
{
    margin-right:38px;
    }
body
{
    margin:0;
    padding:0;
    font: 75%/1.5 Arial, Helvetia, Verdana, Tahoma, sans-serif;
    background:#fff url(../images/background_kwh.jpg) repeat-y center;
    }
.page_container_holder
{
    background:transparent;
    width:990px;
    margin:auto;
    }
.page_container
{
    background:transparent url(../images/background_kwh_top.jpg) no-repeat;
    width:976px;
    margin:auto;
    position:relative;
    }
html>body .page_container
{
    min-height:365px;
    }
    
.logo_top
{
    width:450px;
    height:50px;
    position:absolute;
    left:50px;
    top:0px;
    display:block;
    z-index:9999;
    }
.topmenu
{
    position:absolute;
    top:20px;
    right:80px;
    color:#84706c;
    }
.topmenu a.top
{
	color: #3a8d19;
	text-decoration: none;
}
.topmenu a.top:hover
{ 
    color: #5b92e5;
    }
.menu_container
{
    width:235px;
    height:365px;
    float:left;
    position:relative;
    }
.menu,
#flashcontent
{
    width:221px;
    height:249px;
    float:right;
    margin-top:113px;
    }
#flashcontent p
{
    color:#fff;
    padding:15px;
    }
.menu_container .logo
{
    margin:15px 0 0 47px;
    border:0;
    }
.menu_container .proimpact
{
    margin:31px 0 0 46px;
    border:0;
    }
.wrapper
{
    width:736px;
    float:left;
    }
.wrapper div.titel
{
    padding:90px 0 0px 10px;
    height:65px;
    }
.wrapper div.titel h1
{
    margin:0;
    padding:0;
    color:#fff;
    font-size:2.0em;
    }
.content,
.content_full
{
    width:440px;
    padding:25px 25px 10px;
    float:left;
    _display:inline;
    }
.content_full
{
    width:600px;
    }
    
.content_image_big
{
    width:227px;
    height:317px;
    float:right;
    position:relative;
    overflow:hidden;
    }
    
.content_image
{
    width:227px;
    height:205px;
    float:right;
    position:relative;
    overflow:hidden;
    }
.content_image .foto_sjabloon
{
    width:227px;
    height:205px;
    position:absolute;
    top:0;
    left:0;
    _z-index:20;
    _width:1px; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/foto_sjabloon.png', sizing='scale');
    background:transparent url(../images/foto_sjabloon.png) no-repeat;
    }
.content_image .img
{
    width:auto;
    height:auto;
    }
    
    .left
    {
		float: left;
    }
    .right
    {
		float: right;
    }
    
    
   /******************* OPMAAK ***********************/
.wrapper h2.paginatitel
{
    margin:0 0 10px 0;
    padding:0;
    color:#3a8d19;
    font-size:2.1em;
    }
.wrapper h3.subtitel
{
    margin:0 0 10px 0;
    padding:0;
    color:#3a8d19;
    font-size:1.6em;
    }
    
.wrapper h1{font-size:1.6em;padding:0;margin:0 0 10px 0;font-weight:bold;}
.wrapper h2{font-size:1.4em;padding:0;margin:0 0 10px 0;font-weight:bold;}
.wrapper h3{font-size:1.3em;padding:0;margin:0 0 10px 0;font-weight:bold;}
.wrapper h4{font-size:1.2em;padding:0;margin:0 0 10px 0;font-weight:bold;}
.wrapper h5{font-size:1.0em;padding:0;margin:0 0 10px 0;font-weight:bold;}
.wrapper h6,
.wrapper h7{font-size:1.0em;padding:0;margin:0 0 10px 0;}
.wrapper p{font-size:1.0em;padding:0;margin:0 0 10px 0;}
.wrapper ul,
.wrapper ol{font-size:1.0em;padding:0;margin:0 0 10px 0;}
.wrapper ul ul, 
.wrapper ol ol, 
.wrapper ul ol, 
.wrapper ol ul{font-size:1.0em;padding:0;margin:0 0 0px 0;}
.wrapper li{font-size:1.0em;padding:0;margin:0 0 0px 16px;}
.wrapper table{font-size:1.0em;padding:0;margin:0 0 10px 0;}
.wrapper th{font-size:1.0em;padding:0;margin:0;font-weight:bold;}
.wrapper td{font-size:1.0em;padding:0;margin:0;}
.wrapper form{font-size:1.0em;padding:0;margin:0 0 10px 0;}
.wrapper span{font-size:1.0em;padding:0;margin:0;}
.wrapper b,
.wrapper strong{font-size:1.0em;padding:0;margin:0;font-weight:bold;}
.wrapper i,
.wrapper em{font-size:1.0em;padding:0;margin:0;font-style:italic;}
.wrapper u{font-size:1.0em;padding:0;margin:0;text-decoration:underline;}

.wrapper  a
{ 
    color:#3a8d19;
    text-decoration:underline;
    }
.wrapper a:hover
{ 
    color:#5b92e5;
    }
    
.wrapper a.green
{ 
    color:#3a8d19;
    text-decoration:none;
    }
.wrapper a.green:hover
{ 
    color:#5b92e5;
    }
    
.wrapper .input_groot
{
    width:185px;
    border:0;
    padding:3px 5px 3px 5px;
    background:transparent;
    color:#444;
    }
.wrapper .input_text
{
    width:185px;
    height: 68px;
    border:0;
    padding:3px 5px 3px 5px;
    background:transparent;
    color:#444;
}
.wrapper .textarea
{
    width:200px;
}
.wrapper .dropdown
{
    width:125px;
    color:#4880cd;
    background:#fff;
    margin-right:5px;
    }
   
.input_bg
{
    float:left;
    background:transparent url(../images/input_bg.jpg) no-repeat;
    width:200px;
    height:28px;
    }
.input_ta
{
    float:left;
    background:transparent url(../images/input_textarea.jpg) no-repeat;
    width:200px;
    height:78px;
    }
.wrapper .button 
{
    background:transparent url(../images/button_leftside.jpg) no-repeat top left;
    float:left;
    }
.wrapper .btnZoek 
{
    background:transparent url(../images/button_small.jpg) no-repeat top left;
    float:left;
    color:#fff;
    border:0;
    width:76px;
    height:28px;
    margin: 0 0px 0 0px;
    padding:0px 0 1px;
    cursor:pointer;
    }
.wrapper .btnZoek:hover
{
    background:transparent url(../images/button_small_hover.jpg) no-repeat top left;
    color:#000;
    }
.wrapper .button a,
.wrapper .buttonsmall a
{
    background:transparent url(../images/button_leftside.jpg) no-repeat top left;
    color:#fff;
    float:left;
    _width:auto;
    display:block;
    text-decoration:none;
    }
.wrapper .button a u,
.wrapper .buttonsmall a u
{
    background:transparent url(../images/button_rightside.jpg) no-repeat top right;
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    height:30px;
    padding:4px 20px 6px;
    cursor:pointer;
    }
.wrapper .buttonsmall a u
{
    padding:4px 11px 6px 8px;
    }
.wrapper .button a:hover,
.wrapper .buttonsmall a:hover
{
    background:transparent url(../images/button_leftside_hover.jpg) no-repeat top left;
    color:#000;
    }
.wrapper .button a:hover u,
.wrapper .buttonsmall a:hover u
{
    background:transparent url(../images/button_rightside_hover.jpg) no-repeat top right;
    color:#000;
    }
.wrapper .current
{
    background:transparent url(../images/current.jpg) no-repeat top left;
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    height:30px;
    padding:4px 0px 6px 0px;
    }
.wrapper .current u
{
    background:transparent url(../images/current_right.jpg) no-repeat top right;
    display:block;
    float:left;
    color:#fff;
    padding:4px 11px 6px 8px;
    text-decoration:none;
    margin-top:-4px;
    }
.wrapper .print 
{
    float:right;
    background:transparent url(../images/print.jpg) no-repeat;
    display:block;
    height:17px;
    width:16px;
    
    }
.wrapper .print:hover
{
    background:transparent url(../images/print_hover.jpg) no-repeat;
    }



   /******************* ZOEK ***********************/
   
.block
{
    width:100%;
    clear:both;
    margin-bottom:20px;
    }
.block .max
{
    float:right;
    }

.zoekresultaat a
{
    color:#5b92e5;
    text-decoration:none;
    padding:0px 0 4px 16px;
    background:transparent url(../images/bullet.jpg) no-repeat 0px 2px;
    display:block;
    width:100%;
    border-bottom:1px solid #d3e3fb;
    }
.zoekresultaat a:hover
{
    color:#3a8d19;
    text-decoration:none;
    padding:0px 0 4px 16px;
    background:transparent url(../images/bullet_hover.jpg) no-repeat 0px 2px;
    display:block;
    width:100%;
    border-bottom:1px solid #c1ee61;
    }
   
   /******************* ENQUETE ***********************/
.enquete .title
{
    font-weight:bold;
    font-size:1.1em;
    }
    
.error
{
    color:#f00;
    }
    
/* Div voor antwoorden */
.resultlabel
{
	float: left;
	width: 200px;
	display: inline;
	margin: 0 10px 10px 0;
}
/* Div voor resultaat percentages */
.resultvalue
{
	float: left;
	width: 30px;
	display: inline;
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
	margin-right: 10px;
}
.resultbar
{
	float: left;
	display: inline;
	height: 16px;
	background: #BEF05D;
}
   /******************* CONTACT ***********************/
.contact td
{
    padding:3px 0;
    border-bottom:1px solid #eee;
    }


   /******************* SERVICEMENU ***********************/
.servicemenu
{
    float:right;
    clear:both;
    position:absolute;
    top:460px;
    right:8px;
    width:75px;
    }
.servicemenu ul
{
    margin:0;
    padding:0;
    list-style:none;
    float:right;
    }
.servicemenu ul a
{ 
    color:#3a8d19;
    text-decoration:none;
    padding-left:13px;
    background:transparent url(../images/bullet.jpg) no-repeat;
    }
.servicemenu ul a:hover
{ 
    color:#5b92e5;
    background:transparent url(../images/bullet_hover.jpg) no-repeat;
    }



   /******************* FAQ ***********************/
.togglebox .hide,
.togglebox .antwoord
{display:none;}
.togglebox .show,
.togglebox .vraag,
.togglebox .vraag a.opened,
.togglebox .vraag a.closed
{display:block;}

.togglebox li
{
    margin:0;
    padding:0;
    list-style:none;
    border-bottom:1px dotted #ddd;
    }
.togglebox .vraag
{
    margin-bottom:15px;
    }
.togglebox .vraag a
{
    color:#000;
    font-size:1.0em;
    font-weight:normal;
    text-decoration:none;
    background:transparent url(../images/arrow_down.jpg) no-repeat;
    display:block;
    padding:4px 0 10px 35px;
    }
.togglebox .vraag a:hover
{
    background:transparent url(../images/arrow_down_hover.jpg) no-repeat;
    }
.togglebox .vraag a.closed
{
    background:transparent url(../images/arrow_up.jpg) no-repeat;
    }
.togglebox .vraag a.closed:hover
{
    background:transparent url(../images/arrow_up_hover.jpg) no-repeat;
    }
.togglebox .vraag li a
{
    color:#6495c2;
    font-size:1.0em;
    font-weight:normal;
    text-decoration:underline;
    }
.togglebox .vraag li a:hover
{
    color:#253965;
    font-size:1.0em;
    font-weight:normal;
    text-decoration:none;
    }
.togglebox div
{
    padding-left:36px;
    }

   /******************* SITEMAP ***********************/
   
.sitemap
{
    width:100%;
    }
.sitemap ul,
.sitemap ul li
{
    margin:0;
    padding:0;
    list-style:none;
    }
.sitemap ul a
{ 
    color:#5b92e5;
    text-decoration:none;
    font-weight:bold;
    }
.sitemap ul ul a
{ 
    color:#3a8d19;
    text-decoration:none;
    padding-left:16px;
    display:block;
    font-weight:normal;
    background:transparent url(../images/bullet.jpg) no-repeat;
    width:100%;
    }
.sitemap ul ul a:hover
{ 
    color:#5b92e5;
    background:transparent url(../images/bullet_hover.jpg) no-repeat;
    }
.sitemap ul ul ul a
{ 
    color:#3a8d19;
    text-decoration:none;
    padding-left:20px;
    display:block;
    font-weight:normal;
    background:transparent url(../images/bullet.jpg) no-repeat;
    width:100%;
    }
.sitemap ul ul ul a:hover
{ 
    color:#5b92e5;
    background:transparent url(../images/bullet_hover.jpg) no-repeat;
    }
    
/******************* Google Maps ***********************/
/* Div waar de Google Maps in wordt geladen */
#map
{
    width: 600px;
    height: 400px;
    border:#ddd solid 5px;
    z-index: 1;
}
.overlay
{
	display: block;
	z-index:4;
	background-color:#000000;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40)
}
.lightbox
{
	display: block;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	top:440px;
	left:395px;
	width: 320px;
	z-index:5;
	margin: 0px 0 0 0px;
	border:1px solid #2F68AD;
	background: #BFEE60; 
	text-align:left;
	padding: 10px;
}
/* Div die om de content in de popup zit */
div.gm_popup
{
	margin: 0;
	padding: 0;
}
div.gm_popup h3
{
    margin: 0;
    padding: 0;
    color: #3a8d19;
    font-size: 1.2em;
}
/* Link voor de titel */
a.googlemap_link:link,
a.googlemap_link:visited
{
    font-size: 1.0em;
    color:#000;
    text-decoration:underline;
    padding-left:16px;
    background:transparent url(../images/bullet_zwart.jpg) no-repeat;
}
a.googlemap_link:hover,
a.googlemap_link:active
{
	color: #316AB1;
    background:transparent url(../images/bullet.jpg) no-repeat;
}
h2.gm_titel
{
    margin: 0;
    padding: 0;
    color: #3a8d19;
    font-size: 1.6em;
}
h3.gm_subtitel
{
    margin: 0 0 5px 0;
    padding: 0;
    color: #3a8d19;
    font-size: 1.2em;
}
/* Tabel voor de corporatie details */
.tbl_corp
{
	background: #C4EEFA;
	width: 85%;
}
/* Row header voor de tabel titels */
.tblSelectie
{
	width: 620px;
	height: auto;
	padding: 0;
	margin: 0;
	border: 0;
}
.tblSelectie td
{
	padding: 2px;
	vertical-align: top;
	text-align: left;
	font-size: 0.9em;
}
.rowheader
{
	font-weight: bold;
	font-size: 1.1em;
}
.rowheader a:link,
.rowheader a:visited
{
	color: #000;
}
.rowheader a:hover,
.rowheader a:active
{
	color: #5B92E5;
}
.row1
{
	background: #EEFBD0;
}
.row2
{
	background: #fff;
}
.tdId
{
	width: 25px;
}
.tdCorp
{
	width: 170px;
}
.tdGrootte
{
	width: 75px;
}
.tdRegio
{
	width: 80px;
}
.tdType
{
	width: 110px;
}
.tdScore
{
	width: 160px;
}
.tbl_corp .score
{
	text-align: right;
}
.tbl_corp .score span
{
	padding-right: 50px;
}
/* UL voor de links onderaan de corporatie details */
.corpmenu
{
	display: block;
	margin: 0;
	padding: 0;
}
.corpmenu .title
{
	color: #000;
	font-weight: bold;
}
.corpmenu ul
{
    margin:0;
    padding:0;
    list-style:none;
    }
.corpmenu ul a
{ 
    color:#000;
    text-decoration:none;
    padding-left:16px;
    background:transparent url(../images/bullet_zwart.jpg) no-repeat;
    }
.corpmenu ul a:hover
{ 
    color:#5b92e5;
    background:transparent url(../images/bullet_hover.jpg) no-repeat;
    }
.gm_legenda
{
	float: left;
	color: #000;
	font-weight: bold;
	font-size:0.9em;
	margin-right: 5px;
}
.gm_legenda img
{
	border: 0;
	margin-right: 5px;
	width:18px;
	height:auto;
}
.gm_legenda span
{
	position: relative;
	bottom: 5px;
	font-weight: normal;
}
/* AutoComplete flyout */
.acList
{
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	visibility: hidden;
	margin: 0 auto;
	color: #2F68AF;
	/*overflow: auto;*/
	height: auto;
    text-align: left; 
    list-style-type: none;
    padding:0;
	border: 3px solid #BEF05D;
}
.acList li
{
	position: relative;
	left: 0;
	width: 183px;
    padding: 1px 5px 2px 5px;
    margin: 0 auto;
}
/* AutoComplete flyout voor Corporatie's */
.acList_corp
{
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	visibility: hidden;
	margin: 0 auto;
	color: #2F68AF;
	/*overflow: auto;*/
	height: auto;
    text-align: left; 
    list-style-type: none;
    padding:0;
	border: 3px solid #BEF05D;
}
.acList_corp li
{
	position: relative;
	left: 0;
	width: 335px;
    padding: 1px 5px 2px 5px;
    margin: 0 auto;
}

/* AutoComplete item */
.acItem
{
	background-color: #fff;
	color: #3A8D19;
}
/* AutoComplete highlighted item */
.acHighlight
{
	background-color: #EEFBD0;
	color: #5B92E5;
}