/*1 em = 10 px*/
@import "Markup.css";
@import "Vormgeving.css";
@import "Sitespecific.css";
@import "Userselected.css";
@import "Aanmeldformulier.css";
@import "Extras.css";
@import "VoordeelTool.css";
/* lay-out */
    html, body
{
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #FFFFFF;
}

                
                        #thuisLink {
                            width: 87px;
                            background-image: url(../Images/Default_Images/lnk_voor_thuis2.png);
                        }
                        /*#thuisLink:hover {
                            background-image: url(../images/lnk_voor_thuis_hover.png);
                        }*/
                        #thuisLink:hover.selected,
                        #thuisLink.selected {
                            background-image: url(../Images/Default_Images/lnk_voor_thuis_selected2.png);
                        }
                        #zakelijkLink {
                            width: 87px;
                            background-image: url(../Images/Default_Images/lnk_zakelijk2.png);
                        }
                        /*#zakelijkLink:hover {
                            background-image: url(../images/lnk_zakelijk_hover.png);
                        }*/
                        #zakelijkLink:hover.selected,
                        #zakelijkLink.selected {
                            background-image: url(../Images/Default_Images/lnk_zakelijk_selected2.png);
                        }   
                        #over-greenchoiceLink {
                            width: 165px;
                            background-image: url(../Images/Default_Images/lnk_over_greenchoice3.png);
                        }
                        /*#over-greenchoiceLink:hover {
                            background-image: url(../images/lnk_over_greenchoice_hover.png);
                        }*/
                        #over-greenchoiceLink:hover.selected,
                        #over-greenchoiceLink.selected {
                            background-image: url(../Images/Default_Images/lnk_over_greenchoice_selected3.png);
                        }
                        #klantenserviceLink {
                            width: 133px;
                            background-image: url(../Images/Default_Images/lnk_klantenservice2.png);
                        }
                        /*#klantenserviceLink:hover {
                            background-image: url(../images/lnk_klantenservice_hover.png);
                        }*/
                        #klantenserviceLink:hover.selected,
                        #klantenserviceLink.selected {
                            background-image: url(../Images/Default_Images/lnk_klantenservice_selected2.png);
                        }  
                        
 

                #navigationLevel2Margin {
                    /*float: left;*/
                    width: 60px;
                    height: 34px;
                    text-transform: lowercase;
                    overflow:hidden;
                }
                
                *html #tblThuis {
                    margin-top:270px;
                }
                    
                
                /*#search {
                    width: 156px;
                    height: 28px;
                    background-image: url(../images/bg_search.png);
			        background-position: 0px 3px;
			        background-repeat: no-repeat;
			        overflow: hidden;
			        display:none;
                }
                    #search input {
                        width: 128px;
                        height: 17px;
                        margin: 5px 0px 0px 3px;
                        padding: 0px 0px 0px 0px;
                        background-color: #fdfdfd;
                        vertical-align: middle;
                        border: 0px;
                    }*/
                    /* fix IE6 */
                    *html #search input {
                        margin-top: 3px;
                    }	  
                        
        #rightColumnBanner {
            margin: 10px 0px 0px 2px;
            padding-right:1px;
        }
        /* bottom */

#afrondenTarieven img,
#overigeGegevens img,
.tblTarieven img {
    margin-bottom: -4px;
}
.formulier
{
    border: solid 1px #9FC15B;
    background-color: #F0F5E9;
    width:99%;
    padding: 10px 10px 10px 10px;
    
}
.formulier fieldset
{
    border: none;
}

.formulier ul 
{
    list-style:none;
}

.NavigationFullPath
{
    clear: both;
    padding-left: 50px;
    padding-bottom: 15px;
}



/* Kaartcontrol styles */
/* dit is een fix voor ie6, zonder laat ie geen kaart zien */
#map_canvas img {behavior: none}

.mapBack {
    background-position: gray;
    width: 100%;
    height: 100%;
    left: -1px;
    top: 0px;
    position: absolute;
    background: gray;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.GLegendaGroep {
    background-position: #8DB141;
    background: #8DB141;
    font-weight: bold;
    border-bottom: solid 1px #6c9c33;
    margin: 0;
    padding: 4px;
    color: White;
}
.GLegendaListTitle {
    background-color: #f2f1f1;
    border-bottom: solid 1px #dcdbdb;
    margin: 0;
    padding: 4px;
}
.GLegendaListItem {
    margin: 0;
    padding: 4px;
}
.GLegendaListItem a {
    font-weight: normal;
}
.GLegendaListItem a:visited {
    font-weight: normal;
}

.GLegendaListItem ul {
    margin: 3px 0px 5px 0px;
    padding: 0em 0px 0px 0px;
    list-style: none;
}
.GLegendaListItem ul li {
    margin: 0em 0em 0em 0em;
    padding: 0.3em 0em 0.3em 0.0em  !important;
    background-image: none !important;
}
.btn {
    cursor: pointer;
    height: 15px;
    font-size: 85%;
    border: solid 1px #849175;
    background: #8DB141;
    color: #fff;
    font-weight: bold;
}
.modP {
    width: 500px;
    height: 300px;
    background-color: #fff;
}
.modPTitle {
    background: #89ca3e;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 5px 1px 5px;
    border-left: solid 1px white;
    border-top: solid 1px white;
    border-bottom: solid 1px #008800;
    border-right: solid 1px #008800;
}
.modPBody {
    line-height: 150%;
    padding: 20px;
    font-size: small;
    height: 100%;
}
.modPBody a {
    text-decoration: none;
    font-weight: normal;
}
.modPBody a:hover {
    text-decoration: underline;
    font-weight: normal;
}
.modPBody a:visited {
    text-decoration: none;
    font-weight: normal;
}
.modPBody ul {
    margin: 0px;
    padding: 0px;
}
.modPBody ul li {
    margin: 5px;
    padding: 0px 0px 0px 15px;
    background: url(../images/bullet_default.png) no-repeat;
    background-position: 1.3em 0.5em;
}
.modPFoot {
    text-align: center;
    padding: 5px;
    background: white;
    border-left: solid 1px white;
    border-top: solid 1px white;
    border-bottom: solid 1px #008800;
    border-right: solid 1px #008800;
}

.divLoader {
    position: absolute;
    left: 40%;
    top: 50%;
    padding: 3px;
    border: solid 1px gray;
    background-color: White;
}
/* einde Kaartcontrol styles */

/* shopcart items - Lutfi Uzun   */
.shopitem       {clear:both;display:inline-block;margin: 20px 0px 0px 0px;border-bottom:dashed 1px #def2b3;}
.shopimg        {margin: 5px 10px 5px 5px; padding: 8px; float: left; background-image: url(/content/media/image/shopcart/productbk.gif); width: 163px; height: 144px;}
.shopimg img    {width: 157px; height: 140px;}
.shoptext       {width: 305px; float: left; padding-top: 5px;}
.shopprice      {float: right;}
.shoptitle      {}
.shopplaceorder {float: right;}
/* end shopcart*/

  
/* Lutfi Uzun 
   blockitems */
.block              {width:230px;padding:0px;margin:0px;border-collapse:collapse;}
.block td           {padding:0px;margin:0px;}
.block .title       {padding:0px 0px 0px 5px;margin:0px;height:26px;border:none;float:left;}
.block .blockbody   {padding:4px;margin:0px;border:none;display:inline-block;text-align:center;}

.blockTL          {height:26px;width:2px;background:Url(/Content/Media/Image/block-topleft.gif) no-repeat;}
.blockTM          {color:white !important;font-weight:bold;text-align:left !important;padding:0px 0px 0px 5px !important;height:26px;background:Url(/Content/Media/Image/block-topbk.gif) repeat-x;}
.blockTM a        {color:white !important;text-decoration:none !important;}
.blockTM a:hover  {color:white !important;text-decoration:underline !important;}
.blockTR    {height:26px;width:3px;background:Url(/Content/Media/Image/block-topright.gif) no-repeat;}

.blockML    {width:2px;background:Url(/Content/Media/Image/block-midleft.gif) repeat-y;}
.blockMM    {background-color:white;vertical-align:top;text-align:left !important;}
.blockMM ul {margin:0px !important;padding:0px !important;}
.blockMM ul li {padding: 0.2em 0em 0em 1.8em !important;
                background-image: url(../images/bullet_white_default.png) !important; 
                background-position: 0.3em 0.4em !important;
                text-align:left;}

.blockMR    {width:3px;background:Url(/Content/Media/Image/block-midright.gif) repeat-y;}

.blockBL    {height:2px;width:3px;background:Url(/Content/Media/Image/block-bottomleft.gif) no-repeat;}
.blockBM    {height:3px;background:Url(/Content/Media/Image/block-bottombk.gif) repeat-x;}
.blockBR    {height:3px;width:3px;background:Url(/Content/Media/Image/block-bottomright.gif) no-repeat;}

div.frmwin {
    display: none;
    position:absolute;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 502px !important;
    background-color: Transparent !important;
    border: none !important;
    font-weight: normal !important;
    color: #444 !important;
}
    div.frmwinTop {
        margin: 0px 0px 0px 0px;
        height: 6px;
        background-image: url(../images/bg_window_top.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;
    }
    *html div.frmwinTop {
        margin-bottom: -6px;
    }
    .frmwinMiddle {
        margin: 0px 0px 0px 0px;
        padding: 5px 20px 5px 20px;
        background-image: url(../images/bg_window_middle.png);
        background-repeat: repeat-y;
        background-attachment: scroll;
        background-position: 0 0;    
        height: 310px !important;
    }
    .frmwinBottom {
        margin: 0px 0px 0px 0px;
        height: 15px;
        background-image: url(../images/bg_window_bottom.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 0;    
    }
    
   #overstapservice th 
   {
       width: 120px;
   }
   
#m_hoog
{
    color :#000000;
}

.break { height:30px;}


#aMeerGreenchoice {
    background-image:url('/Content/Images/btnMeerOverGreenchoice.gif'); 
    height:22px; 
    width:233px; 
    border:none;
    background-repeat:no-repeat;
    margin-left: 18px;
}

    #aMeerGreenchoice:hover {
        background-image:url('/Content/Images/btnMeerOverGreenchoice.gif'); 
        height:22px; 
        width:233px; 
        border:none;
        background-repeat:no-repeat;
    }
    
    
.loyaliteit_knop
{
    background: url(/Content/Images/grote_knop.png) no-repeat;
    height: 20px;
    width: 432px;
    display: block;
    padding: 12px 10px 10px 10px;
    color: white;
    font-size: 13px;
    margin: 0 auto;
    margin-top: 10px;
    clear: both;
}

#loyaliteit td
{
    background: #ebf2df;
    padding: 5px;
    vertical-align: top;
}

#loyaliteit td a 
{
    color: #4b7e56;
    font-size: 11px;
}

#loyaliteit td p
{
    font-size: 11px;
    font-weight: 400;
}

#loyaliteit td img
{
    margin-left: 9px;
}

/*---------------------
    page_thuis
---------------------*/
#block_left_home {
    width: 210px; /*33.3%;*/ 
    text-align: left;
    
}

#block_center_home {
    width: 210px; /*34.3%;*/
    margin-right:7px;
    margin-left:7px;
    float: left;
}

#block_right_home, #block_right_home_optimizer {
    /*width:230px; 
    padding-top:0px;
    padding-left:6px;*/
    /*margin-left:14px;*/
    width: 210px;
    float:left;
}

#overstappers_block {
    width:230px; 
    height:203px; 
    background-image: url('/Content/Images/overstappers_bg.png'); 
    margin-top:-4px;  
    background-position: 0px 0px; 
    background-repeat : no-repeat;
}

#container_overstappers {
    height: 146px; 
    padding-top:26px;
}

#content_overstappers {
    height:138px; 
    font-size: 11px; 
    text-align:left; 
    float: left; 
    margin:6px 0 0 10px; 
    width: 208px; 
    color:#336E40;
}

#recente_overstappers {
    overflow: hidden; 
    line-height:21px;
}

/* End page_thuis ---------------------*/

#usercontrolDiv {
    background-color:#ff0000;
}


/*---------------------
    bespaarpagina
---------------------*/
#fLampBranden input, #fWasjeDraaien input[type="text"], #fDouchen input[type="text"], #fVerwarming input[type="text"], #typedouchekop, #typeverwarming {
    width:166px;
    /*border: 1px solid #999;*/
}

#fWasjeDraaien input[type="radio"], #fWasjeDraaien input[type="checkbox"] {
   border: none;
}

#fLampBranden legend, #fWasjeDraaien legend, #fDouchen legend, #fVerwarming legend {
    color: #88ad3a;
}

.readonly {
    background-color: #ecf3e2;
    border: solid 1px orange
}

.labelOutput{
    color:#336E40;}
   
#verplichtlabel {
    font-size:10px;
}
  
/* End bespaarpagina ----------------*/

/*FAQ*/

#faq
{
    
}

#faq tr td
{
    height: 150px;
    width: 250px;
    background: #ebf2df;
    vertical-align: top;
    text-align: left;
    padding: 5px;
}

#faq tr td a
{
    font-size: 11px;
    color: #6c7e56;
}

#faq ul li
{
    list-style-type: none;
    background-image: none;
    margin: 0;
    padding: 0;
    
}

#faq ul li a
{
    font-weight: normal;
}

#accordion h3
{
    padding-left: 15px;
    font-size: 12px;
    background: url(/Content/Images/link_arrow.gif) no-repeat 0px 7px;
    cursor: pointer;
    text-decoration: underline;
    line-height: 30px;
}

#accordion h3.selected
{
     background: url(/Content/Images/link_arrow_down.gif) no-repeat 0px 7px;
}



.question p
{
    padding-left: 15px;
}
.tags, .related
{
    padding-top:10px;
    padding-left: 30px;
}

.question table
{
    width: 400px;
    margin-left: 15px;
}

.breadcrumb
{
    text-transform: capitalize;
    z-index: 100;
    position: relative;
}

.categorie
{
    font-size: 11px;
    color: #6c7e56;
}

.categorie tr td img
{
    margin: 0 7px -5px 0;
}

/*------------------------------------------------------*/
/* Extra's.css (Oud)                                    */
/*------------------------------------------------------*/
#imgFlipper
{
    display: inline-block;
    width: 660px;
}
    #imgFlipper h1, #imgFlipper h1 {
        font-size: 18pt;
        color: #F9FBF4;
        margin: 50px;
        position: absolute;
        z-index: -1;
        width: 200px;
    }
    
#tblThuis
{
    position: relative;
    /*width:101%;*/ 
    border: 0;
    margin-top: 18px;
}

#tblThuis td p
{
    position: absolute;
    width: 150px;
    z-index: -1;
}

.pages
{
    display: none;
    position: absolute;
    width: 717px;
    height: 270px;
    padding: 0px;
}
.pageselect
{
    display: none;
    position: absolute;
    width: 717px;
    height: 270px;
    padding: 0px;
    cursor: pointer;
}



#btnAanmeld
{
    position: absolute;
    margin-left: 408px;
    margin-top: 167px;
    text-align: center;
}
#btnAanmeld a
{
    display: block;
    width: 221px;
    height: 40px;
}
#btnAanmeld a:hover
{
    display: inline-block;
    width: 221px;
    height: 40px;
    text-decoration: none;
}

#imgAmount
{
    position: absolute;
    margin-left: 20px;
    margin-top: 235px;
}
#imgAmount a
{
    line-height: normal !important;
    font-size: 10px;
    float: left;
    display: block;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    margin-left: 0px;
    background-color: #9ec059;
    color: #121212;
    border: 1px solid #3a5700;
    text-align: center;
}
#imgAmount a:hover
{
    float: left;
    display: block;
    width: 14px;
    height: 14px;
    background-color: #c2e47d;
    color: #121212;
    border: 1px solid #3a5700;
    text-align: center;
    text-decoration: none;
}
#imgAmount .ImgActive
{
    float: left;
    display: block;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    margin-left: 0px;
    background-color: #fff;
    color: #121212;
    border: 1px solid #3a5700;
    text-align: center;
}

#imgAmount #btnplay img
{
    padding-top: 3px;
}

.formLabel {
	width: 170px;
}
#btnAanmelden {
 text-align: center;
		width: 617px;
}

#lblikWil, #lblZelfRegelen {
    color: #35431b;
    font-size: 24px;
}

#columnRightThuisIkWil ul {
    list-style-image: url(../Images/Default_Images/wit_pijl.png);
    padding-left: 18px;
}
    #columnRightThuisIkWil ul li, #columnRightThuisZelfRegelen ul li {
        background:none;
        padding-left: 10px;
    }

    #columnRightThuisIkWil ul li a{            
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 25px;
    }

#columnRightThuisZelfRegelen { margin-top:26px;}

#columnRightThuisZelfRegelen ul {
    list-style-image: url(../Images/Default_Images/groen_pijl.png);
    padding-left: 18px;
}
    #columnRightThuisZelfRegelen ul li a  {
        font-size: 16px;
        font-weight: bold;
        color: #648525;
        line-height: 25px;
    }

#btnSubmitWhispergen {
	width: 137px;
	height: 24px;
	border: none;
	background-image: url('/Content/Media/Image/btnVerstuurGegevens.jpg') ;
	background-repeat: no-repeat;
}