﻿body {
	FONT: 76.01% arial, helvetica, sans-serif;
	background-color : #639CBD;
	margin-top : 0px;
}

.smallfontchoice{
	FONT: 76.01% arial, helvetica, sans-serif;
}
.mediumfontchoice{
	FONT: 100.01% arial, helvetica, sans-serif;
}
.largefontchoice{
	FONT: 120.01% arial, helvetica, sans-serif;
}



.errorfont 
{
    color : Red
}    

.mainbody{
	MARGIN: 0px auto; WIDTH: 950px; height:900px; /*height:820px;*/
	background-color : White;
}
.mainbodyprovincieindex{
	MARGIN: 0px auto; WIDTH: 950px; height:1020px;
	background-color : White;
}

.mainbodyreport{
	MARGIN: 0px auto; WIDTH: 950px; height:1220px;
	background-color : White;
}

.chargepointinfopopup
{
    MARGIN: 0px auto;
    width : 850px;
    height : 800px;
	background-color : White;
}
.chargepointinfopopupbody
{
    width : 840px;
    height : 800px;
	background-color : White;
	padding-left : 10px;
}

.kaartbox
{
    width : 940;
    height : 460px;
}    
#map_container
{
    width: 1124px;
    margin: 0px;
    position: relative;
   /* border: 0px #f00 solid;*/
}
  
#map_canvas
{
    width: 375px; /* 800px 640  1024 */
    height:   470px; /*600 480 768 */
    overflow: hidden;
   /* border: 1px #000 solid;*/
}

.mapcontrols
{


}

.header{
	height: 127px;

	BACKGROUND: url(blue_header.png) #d6ebf7 repeat-x 0px 0px; COLOR: #c9b5c2;
	BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; BORDER-LEFT:  1px solid; BORDER-BOTTOM:  1px solid
	}


.topheader
{
    height : 30px;
    width : 100%;
    background-color : Black;

}
.startheader{
	height: 127px;
	background-color:White;
	}

.topmenu{
	padding-left:0px;
	padding-top:0px;
	width:950px;
    height: 50px;   	
}


.loginheader{
	padding-left:0px;
	padding-top:0px;
	width:950px;
    height: 20px;   	
}

.loginheadermainleftcolumn{
	padding-left:10px;
	padding-top:0px;
	width:175px;
	float:left;
    height: 20px;
}

.loginheadermaincentercolumn{
	padding-left:0px;
	padding-top:0px;
	width:750px;
	float:left;
    height: 20px;
    text-align : right;
}

.mobiurl{
            padding-left: 10px;
            padding-top: 0px;
            width: 241px;
            height: 39px;
            background-color : White;
        }

        .logobox
        {
            padding-left: 10px;
            width: 265px;
            float: left;
            height: 117px;
            background-color : White;
        }




#ubutton1{
    height:22px;
    width:225px;
    background-image:url('images/Button_none.gif');
    cursor : pointer; 
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold;
    color : #C0C0C0;   
}
#ubutton2{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif');
    cursor : pointer ; 
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}

.headerimage{
	padding-left:0px;
	padding-top:0px;
	width:548px;
	float:right;
	height:127px;
    background-image:url('images/Kop_rechts.gif');	
}


.main{
	padding-left:0px;
	padding-top:0px;
	width:950px;
    height: 761px; /*height: 681px;*/
}
.mainprovincieindex{
	padding-left:0px;
	padding-top:0px;
	width:950px;
    height: 881px;
}
.mainreport{
	padding-left:0px;
	padding-top:0px;
	width:950px;
    height: 1081px;
}
.mainleftcolumn{
	padding-left:10px;
	padding-top:0px;
	width:175px;
	float:left;
    height: 678px;
}    
  .mainmenu{
	float : left;
	width : 154px;
  }



#button1selected{
    height:22px;
    width:134px;
    background-image:url('images/Button_geselecteerd.gif');
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}

.buttonspacer{
    height:1px;
    width:154px;
    background-image:url('images/Lijn-tussen-buttons-links.gif');
    top:35px;
    left:28px;
}

.mmbuttonleft{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif');
    cursor : pointer ; 
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}
.mmbuttonleft:hover{
    height:22px;
    width:134px;
    background-image:url('images/Button_mouse_over.gif');
    cursor : pointer ; 
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}
 
.mmbuttonleftselected{
    height:22px;
    width:134px;
    background-image:url('images/Button_geselecteerd.gif');
    cursor : pointer ; 
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #FFFFFF;   
   
}    
.mmbuttonleftselected:hover{
    height:22px;
    width:134px;
    background-image:url('images/Button_geselecteerd.gif');
    cursor : pointer ; 
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}



#button1{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif');
    cursor : pointer ; 
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}

#button2{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif.gif');
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}
#button3{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif.gif');
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}
#button4{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif.gif');
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}
#button5{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif.gif');
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}
#button6{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif.gif');
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}

#button7{
    height:22px;
    width:134px;
    background-image:url('images/Button_none.gif.gif');
    top:35px;
    left:28px;
    padding-left : 20px;
    padding-top : 5px;
    font-weight : bold ;
    color : #C0C0C0;   
}

.buttonselected{
    height:27px;
    width:134px;
    background-image:url('images/Button_geselecteerd.gif');
    top:35px;
    left:28px;
    padding-left : 20px;

    font-weight : bold ;
    color : #C0C0C0;   
}





.undermenuspacer{
    height:23px;
    width:170px;
    top:35px;
    left:28px;
}

#lbutton1{
    height:49px;
    width:89px;
    background-image:url('images/Button_oplaadpuntregister.gif');
    top:35px;
    left:28px;
    padding-left : 65px;
    padding-top : 20px;    
    font-weight : bold ;
    color : #C0C0C0;       
}
.lbuttonspacer{
    height:8px;
    width:154px;
    top:35px;
    left:28px;
}
#lbutton2{
    height:49px;
    width:89px;
    background-image:url('images/Button_nieuwsbrief.gif');
    top:35px;
    left:28px;
    padding-left : 65px;
    padding-top : 20px;    
    font-weight : bold ;
    color : #C0C0C0;       
}

#lmenubottomimage{
    height:101px;
    width:154px;
    background-image:url('images/Afb_opladen-links.gif');
    top:35px;
    left:28px;
}

.lindex{
    height:275px;
    width:154px;
    top:35px;
    left:28px;
}



.maincentercolumn{
	padding-left:0px;
	padding-top:0px;
	width:750px;
	float:left;
    height: 678px;
}


.maincentercolumnmenu{
	padding-left:0px;
	padding-top:0px;
	width:750px;
    height: 20px;
    float : left ;
}
        .uppermenu
        {
            padding-left: 10px;
            padding-top: 0px;
            width: 115px;
            float: left;
            height: 78px;
            font-size : small;
            background-color : White;
        }

.upbutton 
{
    width : 100px;
    height : 20px;
    cursor : pointer;

    padding-left : 20px;
    padding-top : 1px;
    font-weight : bold;
    float :left;
    font-weight : bold ;
    color : #C0C0C0;       
}

.upbutton:hover{
    background-color: black;
    background-image:url('images/Button_mouse_over.gif');
    color : #C0C0C0;       
}
.upbuttonselected 
{
    width : 100px;
    height : 20px;
    cursor : pointer;

    padding-left : 20px;
    padding-top : 1px;
    font-weight : bold;
    float :left;
    font-weight : bold ;
    color : #FFFFFF;
    background-image:url('images/Button_geselecteerd.gif');    
}

.upbuttonselected:hover{
    background-color: black;
    background-image:url('images/Button_geselecteerd.gif');
    color: white;
}

.upbuttonspacer 
{
    width : 10px;
    height : 20px;
    cursor : pointer;
    background-color : #FFFFFF;   
    float :left;
}




.maincentercolumnmenuspacer{
	padding-left:0px;
	padding-top:0px;
	width:750px;
    height: 5px;
    float : left ;
    background-color : White ;
}
.maincentercolumcontent{
	padding-left:0px;
	padding-top:0px;
	width:750px;
    height: 648px;
    float : left ;
}


.submenu
{
	width:750px;
	height: 25px;
	border-color : #FFFFFF;
	BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; BORDER-LEFT:  1px solid; BORDER-BOTTOM:  1px solid;
	border-right-color : #C0C0C0;
	border-left-color : #C0C0C0;
	border-top-color : #C0C0C0;
	border-bottom-color :  #C0C0C0;
}


.searchbox
{
	width:750px;
	height: 85px;
	border-color : #C0C0C0;
	BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; BORDER-LEFT:  1px solid; BORDER-BOTTOM:  1px solid;
	border-right-color : #C0C0C0;
	border-left-color : #C0C0C0;
	border-top-color : #C0C0C0;
	border-bottom-color :  #C0C0C0;
}
.searchboxnew
{
	width:750px;
	height: 150px;
}
.searchboxspacer2{
	width:750px;
	height: 10px;
}

.searchboxcheckboxes
{
	width:100px;
	float:left;
}
.Snellaadpunteninfo
{
	width:305px;
	float:left;
}
.SnellaadpunteninfoSpacer
{
	width:10px;
	height : 24px;
	float:left;
}
.SnellaadpunteninfoImage
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/chargepointtype3_small.png');		
}
.SnellaadpunteninfoText
{
	width:250px;
	float:left;
    height: 19px;
    color : #606060;
    padding-left : 5px;
    padding-top : 5px;
}


.searchboxcheckboxescar
{
	width:180px;
	float:left;
}
.searchboxcheckboxesstatuscolumn
{
	width:300px;
	float:left;
}
.searchboxcheckboxesstatusrow
{
	width:300px;
	float:left;
}
.searchboxcelstatus
{
	width:250px;
	float:left;
    height: 32px;
}

.searchboxcelstatustext
{
	width:200px;
	float:left;
    height: 19px;
    color : #A0A0A0;
    padding-left : 5px;
    padding-top : 5px;
}


.searchboxcheckboxes2
{
	width:125px;
	float:left;
}
.searchboxcheckboxes2car
{
	width:180px;
	float:left;
}
.searchboxcheckboxesquestionmark
{
	width:24px;
	height:24px;
	float:right;
    background-image:url('images/questionmark24.png');			
}
.searchboxcel
{
	width:100px;
	float:left;
    height: 32px;
}
.searchboxcelcar
{
	width:200px;
	float:left;
}
.searchboxfacilities
{
	width:200px;
	float:left;
}
.searchboxcelspacer
{
	width:100px;
	float:left;
	height : 2px;
}

.searchboxzoekknopcelspacer
{
	width:78px;
	float:left;
	height : 19px;
}

.searchboxcel2
{
	width:125px;
	float:left;
}

.searchboxcelleft
{
	width:25px;
	float:left;
    height: 21px;
    padding-top : 3px;
}
.searchboxcar
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/Icon_auto_blauw.gif');	
}
.searchboxbike
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/Icon_fiets_blauw.gif');	
}
.searchboxboat
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/Icon_boot_blauw.gif');	
}

.searchboxscooter
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/Icon_scooter_blauw.gif');	
}
.searchboxscootmobiel
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/Icon_scootmobiel_blauw.gif');	
}
.searchboxstep
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/Icon_step_blauw.gif');	
}
.searchboxtype1
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/chargepointtype1_small.png');	
}
.searchboxtype2
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/chargepointtype2_small.png');		

}
.searchboxtype3
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/chargepointtype3_small.png');		
}
.searchboxtype4
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/chargepointtype4_small.png');			
}
.searchboxtype5
{
	width:24px;
	height : 24px;
	float:left;
background-image:url('images/chargepointtype5_small.png');				
}
.searchboxtype6
{
	width:24px;
	height : 24px;
	float:left;
}

.searchboxstatusavailable
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/pingreenicon.png');	
}
.searchboxstatusoccupied
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/pinredicon.png');	
}

.searchboxstatusunavailable
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/pinorangeicon.png');	
                             
}

.searchboxstatusunknown
{
	width:24px;
	height : 24px;
	float:left;
    background-image:url('images/pinpurpleicon.png');	
}

.searchboxfac
{
    width : 300px;
}
.searchboxfacrow
{
	width:100%;
	float:left;
    height: 32px;
}
.searchboxfacleft
{
	width:25px;
	float:left;
    height: 21px;
    padding-top : 3px;
}
.searchboxfacrestaurant
{
	width:32px;
	height : 32px;
	float:left;
    background-image:url('images/facrestaurant.png');	
}

.searchboxfachotel
{
	width:32px;
	height : 32px;
	float:left;
    background-image:url('images/fachotel.png');	
}
.searchboxfacwifi
{
	width:32px;
	height : 32px;
	float:left;
    background-image:url('images/facwifi.png');	
}
.searchboxfaccafe
{
	width:32px;
	height : 32px;
	float:left;
    background-image:url('images/faccafe.png');	
}
.searchboxfaccampings
{
	width:32px;
	height : 32px;
	float:left;
    background-image:url('images/faccamping.png');	
}
.searchboxfacall
{
	width:32px;
	height : 32px;
	float:left;
    background-image:url('images/facall.png');	
}
.searchboxcelcar
{
	width:200px;
	float:left;
    height: 32px;
}


.searchboxcelright
{
	width:45px;
	float:left;
    height: 19px;
    color : #A0A0A0;
    padding-left : 5px;
    padding-top : 5px;
}
.searchboxcelfacilities
{
	width:45px;
	float:left;
    height: 19px;
    color : #A0A0A0;
    padding-left : 5px;
    padding-top : 5px;
}



.searchboxcelrightcar
{
	width:125px;
	float:left;
    height: 19px;
    color : #A0A0A0;
    padding-left : 5px;
    padding-top : 5px;
}

.searchboxsoort
{
	width:129px;
	float:left;
}
.searchboxprovincie
{
	width:189px;
	float:left;
}
.searchboxzoekknop
{
	width:80px;
	float:left;
}
.searchboxsoortheader
{
	width:124px;
	height : 18px;
	float:left;
    background-image:url('images/Kop_zoekveld.gif');	
	color : White;
	font-family :Arial;
	font-size : 12px;
	font-weight :bold;
	padding-top : 3px;
	padding-left : 5px;
}

.searchboxsoortpostcode
{
	width:150px;
	float:left;
}
.searchboxpostcodeheader
{
	width:145px;
	height : 18px;
	float:left;
    background-image:url('images/Kop_zoekveld_postcode.gif');	
	color : White;
	font-family :Arial;
	font-size : 12px;
	font-weight :bold;
	padding-top : 3px;
	padding-left : 5px;
}

.searchzipcodecityerror
{
    width : 368px;
    height : 20px;
    color : Red;
}    



.searchboxsoortSearchbox
{
	width:129px;
	height : 21px;
	float:left;
}
.searchboxspacer
{
	width:10px;
	float:left;
    height: 57px;
}


#searchboxsoortSearchButton
{
	width:45px;
	height : 31px;
	float:left;
    background-image:url('images/OK_button_plain.gif');		
    color : #C0C0C0;
    padding-top : 10px;
    font-weight: bold;
    
    
}


.kaart{
    width : 100%;
    margin-left : 0px;
    margin-right: 0px;
    background-color : White;
    height: 619px;
}
.kaartoud2010-0421{
    width : 100%;
    margin-left : 0px;
    margin-right: 0px;
    background-color : White;
    height: 659px;
}

.mainmenu_
{
    margin-top : 5px;
	height: 30px;
	background-color:White;
}
.mainmenuitem_{
	float:left;
	width : 150px;
	padding-left : 10px;
}


.footermenu
{
    margin-top : 5px;
	height: 30px;
}
.footeritem{
	float:left;
	width : 100px;
	padding-left : 10px;
    color : #AAAAAA;
}


.oplaadpuntenopties
{
    width : 150px;
	float:left;       
}
.oplaadpuntenkaart
{
    width : 375px;
	float:left;        
}
.oplaadpuntenkaartspacer
{
    width : 20px;
	float:left;
    height: 523px;

}
.oplaadpuntenkaartspacerbutton
{
    width : 20px;
	float:left;
    height: 20px;
    background-color :#444444;
}
.oplaadpuntenkaartspacerbutton
{
    width : 20px;
	float:left;
    height: 22px;
    background-color :#eeeeee;
        cursor : hand;
}
.oplaadpuntenkaartspacerbutton:hover
{
    width : 20px;
	float:left;
    height: 22px;
    background-color :#FF5700;
}


    
    
.oplaadpuntenlijstbox
{
    width : 350px;
	float:left;
}
.oplaadpuntenlijst
{
    width : 350px;
	float:left;
    height: 398px;
}


.mapheader
{
	width : 100%;
	height : 27px;
    color : White;
    background-image:url('images/Zoek-oplaadpunt_balk1.png');	         
}
.mapheaderleft
{
    float : left ;
	width : 125px;
	height : 27px;
    background-image:url('images/Zoek-oplaadpunt_balk125.png');	
    padding-left : 0px;
    padding-top:0px;
    color : White;
    font-weight:bold;
    font-size :larger;    
}
.mapheaderright
{
    float : left ;
	width : 250px;
	height : 22px;
	padding-top : 5px;
    color : White;
    font-weight:bold;
    font-size :larger;   
    background-image:url('images/Zoek-oplaadpunt_balk1.png');	     
}



.oplaadpuntenlijstheader
{
	width : 230px;
    padding-top:5px;	
	height : 22px;
    padding-left : 120px;
    background-image:url('images/Zoek-oplaadpunt_balk375.gif');	
    color : White;
    font-weight:bold;
    font-size :larger;
       
}

#map
{
    width: 375px; /* 800px 640  1024 */
    height:   470px; /*600 480 768 */
    overflow: hidden;
   /* border: 1px #000 solid;*/
}

.mapfooter
{
	width : 100%;
	height : 52px;
	padding-top : 2px;
	
}
.mapfootercol
{
    width : 200px;
    float : left;
}
.mapfooterrow
{
    width : 200px;
}
.mapfooterrowitem1
{
    width : 20px;
    float : left ;
}
.mapfooterrowitem2
{
    width : 150px;
    float : left ;
    padding-left : 10px;    
}
.kaartmainblock{
	height: 670px;
	background-color : White;
	}


.oplaadpunteninfo
{
	width : 100%;	
	height : 50px;
	border-color : #C0C0C0;
	BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; BORDER-LEFT:  1px solid; BORDER-BOTTOM:  1px solid;
	border-right-color : #C0C0C0;
	border-left-color : #C0C0C0;
	border-top-color : #C0C0C0;
	border-bottom-color :  #C0C0C0;
	
}
.oplaadpuntsoorten
{
	background-color : #DDDDDD;
	width : 375px;
	height : 50px;
	float:left;
}


.popupControl
{
	background-color : #DDDDDD;
    position:absolute;
    border-style:solid;
    border-color:Black;
    visibility:hidden;
    border-width: 2px;
}    
 
.modalBackGround
{
    Background-color :Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;    
}    
.modalPopup
{
    background-color:#ffffdd;
    border-width : 3px;
    border-style : solid;
    border-color:Gray;
    padding:5px;
    width: 350px;
    height:300px;
}    

	
.startheaderspacer
{
    height : 4px;
}
    
.logo{
	padding-left:10px;
	padding-top:10px;
	width:466px;
	float:left;
    height: 78px;
  
}
.news{
	padding-left:10px;
	padding-top:10px;
	width:200px;
	float:left;
    height: 78px;
    color : #205499;    
}



.ondertitel{
    color : #205499;
}
.login{
	padding-left:0px;
	padding-top:0px;
	width:240px;
	float:right;
	height:75px;
}
.centerleftspace{
	padding-left:0px;
	padding-top:0px;
	width:5px;
	float:left;
}





.pointslistpaginakeuze{
	width: 350px;
	height: 20px; 
	}



.pointslistitem{
    width: 350px;
    height: 125px;
	}


.pointslistimage{
	width: 148px;
	height : 83px;
	padding-left:0;
	padding-top:0;
	float:left;
	}

.pointslistmoreinfo{
	width: 148px;
    background-image:url('images/Meer_informatie_balk.gif');	
	float:left;
	color : #FFFFFF;
	text-align: right;
	padding-right: -10px;
	}
.pointslistmoreinfounselected{
	width: 148px;
	float:left;
	color : #FFFFFF;
	text-align: right;
	padding-right: -10px;
	}


.tab_oplaadpunten_{
	width: 100px;
    background-image:url('images/Meer_informatie_balk.gif');	
	float:left;
	color : #FFFFFF;
	text-align: right;
	padding-right: -10px;
	}


.tabs
{
    width : 340px;
    height : 20px;
}        
.tabpage
{
    width : 340px;
    height : 280px;
    border-bottom:  1px solid;    
    border-bottom-color : #AECAF0;
    border-top:  1px solid;    
    border-top-color : #AECAF0;
    border-left:  1px solid;    
    border-left-color : #AECAF0;
    border-right:  1px solid;    
    border-right-color : #AECAF0;
}        
.tab_begin{
	width: 8px;
	background-color: #FFFFFF;
	float:left;
	color : #000000;
	text-align: right;
    cursor : pointer ; 	
    font-weight : bold ;    
    border-bottom:  1px solid;    
    border-bottom-color : #AECAF0;
    height : 20px;
	}
.tab_oplaadpuntensel{
	width: 90px;
    height : 18px;	
	background-color: #FFFFFF;
	float:left;
	color : #1E395B;
	text-align: left;
	padding-left: 5px;
	padding-top : 2px;
    cursor : pointer; 	
    font-weight : bold;  
    border-top:  1px solid #B59EBF;    
    border-left:  1px solid #B59EBF;    
    border-right:  1px solid #B59EBF;
}
.tab_oplaadpuntensel:hover{
	width: 90px;
    height : 18px;	
	background-color: #629CBC;
	float:left;
	color : #1E395B;
	text-align: left;
	padding-left: 5px;
	padding-top : 2px;	
    cursor : pointer ; 	
}
.tab_oplaadpunten{
	width: 90px;
    height : 18px;	
	background-color: #B4CAE3;
	float:left;
	color : #1E395B;
	text-align: left;
	padding-left: 5px;
	padding-top : 2px;	
    cursor : pointer; 	
    border-bottom:  1px solid #AECAF0;
}
.tab_oplaadpunten:hover{
	width: 90px;
    height : 18px;	
	background-color: #629CBC;
	float:left;
	color : #1E395B;
	text-align: left;
	padding-left: 5px;
	padding-top : 2px;	
    cursor : pointer ; 	
    border-bottom: 1px solid #AECAF0;
}


.tab_openingstijden{
	width: 148px;
    background-image:url('images/Meer_informatie_balk.gif');	
	float:left;
	color : #FFFFFF;
	text-align: right;
	padding-right: -10px;
	}




.pointslistfirstcolumn{
	width: 190px;
	height : 75px;
	padding-top:0;
    padding-left:5px;    
	float:left;
	}


.pointslistsecondcolumn{
    
	width: 148px;
	height : 95px;
	float:right;
	background-color :#FAFAFA;
      	
	}

.pointslistaddress
{

}
	
.pointslistblock{
	border-color:Black;        

	}

.pointslistheader
{
	width: 325px;
	height: 20px;
	color : Black;
	font-size : 16px;
	font-weight :bold;
    
	}

.pointslistnameinheader
{
    padding-left:5px;
    width: 350px;
    color : #639CBD;
    
}
.pointslistnameinheader:hover
{
    padding-left:5px;
    width: 350px;
    color : #FF5700;
    cursor : pointer;     
}

.pointslistbody
{
	width: 350px;
	height: 90px;
	}
	
.pointslistspacer{
	width: 350px;
	height: 1px;
	background-color : #C0C0C0;
	}
.pointitem{
	width: 350px;
	height: 500px; /*Dirk 29-04-10 was 500*/
	border-color : #C0C0C0;
	BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; BORDER-LEFT:  1px solid; BORDER-BOTTOM:  1px solid;
	border-right-color : #C0C0C0;
	border-left-color : #C0C0C0;
	border-top-color : #C0C0C0;
	border-bottom-color :  #C0C0C0;
	}

.pointslistmoreinfobody
{
	width: 345px;
    padding-top:20px;    
    padding-left:5px;    
	float:left;
	height : 200px;
}

.footerdisclamer{
	PADDING-LEFT: 10px;
	color:#999999;
	float:left;
	width:200;
}

.postcodewatermerk
{
    color : #AAAAAA;
    font-size :small;    
}

.postcodeplaatswatermerk
{
    color : #AAAAAA;
    font-size :small;        
}



.disclaimerhyperlink
{
    color : #AAAAAA;
}
-A:link {color: #205499; text-decoration: none}
-A:visited {color: #205499; text-decoration: none}
-A:active {color: #205499; text-decoration: none}
-A:hover {color: #205499; text-decoration: none}


 
 
.introtextheaders
{
  color: #205499;
  font-weight:bold;
}        
.introtext
{
  color: #205499;
}        

.centerbutton
{
    text-align :center;
}



.titlepagesearchbox
{
	width:750px;
	height: 85px;
}

.titlepagesearchboximage
{
	width:224px;
	height: 85px;
    background-image:url('images/TitlepageSearch.png');		
}
.titlepagesearchboxspacer
{
	width:750px;
	height: 10px;
}
.titlepageMainBox
{
	width:750px;
    height: 668px;
}
.titlepageCenterBox
{
	width:486px;
	float:left;	
}
.titlepageCenterBoxTopButtons
{
	width:486px;
	height : 101px;
    padding-left:20px;	
}

.titlepageCenterBoxTopButton1
{
	width:110px;
	height : 46px;
	float:left;
    cursor : pointer; 	
    background-image:url('images/Home_knop_blauw.jpg');				
    padding-left : 0px;
    padding-top : 55px;    
    font-weight : bold;
    color : #505050;
    text-align:center;
}

.titlepageCenterBoxTopButtonSpacer
{
	width:40px;
	height : 101px;
	float:left;
}



.titlepageCenterBoxTopButton1:hover
{
	width:110px;
	height : 46px;
	float:left;
    background-image:url('images/Home_knop_grijs.jpg');				
    padding-left : 0px;
    padding-top : 55px;    
    font-weight : bold ;
    color : #C0C0C0;
    text-align:center;
    
}

.titlepageCenterBoxTopButton2
{
	width:110px;
	height : 46px;
	float:left;
    background-image:url('images/Home_knop_groen.jpg');				
    padding-left : 0px;
    padding-top : 55px;    
    font-weight : bold ;
    color : #505050;
    text-align:center;
}
.titlepageCenterBoxTopButton2:hover
{
	width:110px;
	height : 46px;
	float:left;
    background-image:url('images/Home_knop_grijs.jpg');				
    padding-left : 0px;
    padding-top : 55px;    
    font-weight : bold ;
    color : #C0C0C0;
    text-align:center;
}

.titlepageCenterBoxTopButton3
{
	width:110px;
	height : 46px;
	float:left;
    background-image:url('images/Home_knop_paars.jpg');				
    padding-left : 0px;
    padding-top : 55px;    
    font-weight : bold ;
    color : #505050;
    text-align:center;
}
.titlepageCenterBoxTopButton3:hover
{
	width:110px;
	height : 46px;
	float:left;
    background-image:url('images/Home_knop_grijs.jpg');				
    padding-left : 0px;
    padding-top : 55px;    
    font-weight : bold ;
    color : #C0C0C0;
    text-align:center;
}




.titlepageCenterBoxHeader
{
	width:417px;
	height : 27px;
    background-image:url('images/TitlepageHeader.gif');			
}
.titlepageCenterContent
{
	width:411px;
	padding-left:20px;
	padding-top : 20px;
    padding-right : 50px;	
    color :#000000;
    font-size:larger;
    height: 528px;
}

.titlepageFontBold
{
    font-weight :bold;
    color :#639CBD; 
}
.titlepageCenterPhoto
{

	width:327px;
	padding-left:20px;
	padding-top : 20px;
    padding-right : 50px;
    height : 306px;
    	
    background-image:url('images/Foto-auto1.jpg');			        
}


.titlepageRightBox
{
	width : 240px;
	float:left;
    
}
.titlepageCenterSpacer
{
	width : 10px;
	float:left;
	height : 529px;
    
}
.titlepageaanmelden
{
    width : 240px;
}

.titlepagefacebooklike
{
    width : 230px;
    height : 72px;
	padding-left:10px;    
    padding-top:5px;		
	color : White;
	font-weight :bold;	
}


.titlepageaanmeldenheader
{
    width : 230px;
    background-image:url('images/titlepage_aanmelden_header.gif');			    
    height : 22px;
	padding-left:10px;    
    padding-top:5px;		
	color : White;
	font-weight :bold;	
}
.titlepageaanmeldencontent
{
    width: 220px;
    padding-left: 0px;
    padding-top: 20px;
    color :#000000;
    height: 295px;
}

.titlepageimagemobile
{
    text-align: center;
}
.titlepagerightspacer
{
    width : 220px;
    height : 10px;

}
.titlepageactivities
{
    width : 210px;
    height : 429px;
    background-color : #D8E473;
    padding-right : 10px;
    padding-left : 10px;
    padding-top : 10px;
    padding-bottom : 10px;        

}
.titlepageactivitiesitem
{
    width : 210px;
    height : 48px;
    background-color : #FFFFFF;    
}
.titlepageactivitiesitemodd
{
    width : 210px;
    height : 48px;
    background-color : #F2F2F2;    
}
.titlepageactivitiesitemimage
{
    width : 74px;
    height : 42px;
    float : left ;    
	padding-left:0;
	padding-top:0;
}
.titlepageactivitiesitemtext
{
    width : 125px;
    height : 48px;
    float : left ;
    text-align : left ;
    padding-left : 5px;
}





.aanmeldencontent
{
    width : 100%;
    color :#000000;
    
}

.aanmeldennieuwsbriefcontent
{
    width : 100%;
    color :#639CBD; 
    color :#000000;    	    	
}

.oplaadpuntenwordencontent
{
	width:411px;
    color :#000000;    	  
    font-family:arial, helvetica, sans-serif;  	
    float:left;
}

.oplaadpuntenwordenafbeeldingen
{
	width:111px;
    color :#000000;    	  
    font-family:arial, helvetica, sans-serif;  	
    float:left;
}




.mobielcontent
{
    width : 100%;
    color :#000000; 	    	
}


.footer{
	height: 20px;
	background-color:White;
	background-color : #639CBD;	
	}





.titleinstellingenheader
{
    width : 450px;
    background-image:url('images/instellingen.gif');			    
    height : 22px;
	padding-left:10px;    
    padding-top:5px;		
	color : White;
	font-weight :bold;	
}
.titleinstellingenoplaadpuntnaam
{
    width : 450px;
    height : 22px;
	padding-left:10px;    
    padding-top:5px;		
	font-weight :bold;	
}


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/corners.gif'); /* CHANGE: path and name of your image */
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -10px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #C00000;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */


.tabelpostcodezoekenvelden
{
    width : 450px;
    
}

.tabelpostcodezoekenveldentitel
{
    width : 100px;
    
}

.zoomlabel_current
{
    font-weight :bold;
}    

.zoomlabel
{
    
}    


.downloadtablemaintitle
{
    font-weight :bold;
    color :#639CBD; 
    font-size : large;
}
.downloadtabletitle
{
    font-weight :bold;
    color :#639CBD; 
}


.NewsCenterBox
{
	width:682px;
	float:left;	
}


.newsblock
{
    width : 684px;
    height : 125px;
    background-color : White;
}
.newsblockspacer
{
    width : 600px;
    height : 25px;
    float : left;
}
  
.newsblockimage
{
    width : 100px;
    height : 75px;
    float : left;
    padding-left : 10px;
    padding-top : 10px;
}  

.newsblockbody
{
    width : 441px;
    height : 75px;
    float : left;
    padding-left : 10px;
    padding-top : 10px;
} 
.newsblockbodytitle
{
    width : 419px;
    height : 20px;
	font-size : 16px;
	font-weight :bold;
    color : #639CBD;
    float : left;
}    

.newsblockdate
{
    width : 300px;
    height : 20px;
	font-size : 12px;
    color : #555555;
    float : left;
}    
.newsbloctext
{
    width : 600px;
    height : 50px;
	font-size : 12px;
    color : #000000;
    float : left;
} 
.newsdetails
{
	font-size : 12px;
	font-weight :bold;
    color : #639CBD;
    text-decoration : none;
}    
.newsdetails:hover
{
    	text-decoration : underline;

}    	

.infohtmlpopup
{
    max-width: 500px;
    width: 500px;
    height: 250px;
    text-align: justify;
    max-height: 250px;
    min-height: 250px;
    min-width: 200px;
    padding-right: 6px;
    overflow-x: auto;
    overflow-y: auto;
    
}

.infohtmlpopupleft
{
    width : 213px;
    height : 215px;
    float : left;
    background-color:Red;
}
.infohtmlpopupmiddle
{
    width : 200px;
    height : 100px;
}

.onderwegchoiceitem
{
    width : 400px;
    height : 100px;
}
.onderwegchoicespacer
{
    width : 400px;
    height : 10px;
}
.onderwegchoiceitemimage
{
    width : 100px;
    height : 100px;
    float :left;     
}
.onderwegchoiceitembutton
{
    float :left; 
    width : 280px;
    height : 60px;
    abackground-image:url('images/Button_300_100.gif');
	
    cursor : pointer; 
    padding-left : 20px;
    padding-top : 40px;
    font-weight : bold;
    font-size : 14px;
    
    color : #639CBD;
    float : left; 
}
.onderwegchoiceitembutton:hover
{
    width : 280px;
    height : 60px;
	float :left; 
	abackground-image:url('images/Button_300_100_mouseover.gif');				
    padding-left : 20px;
    padding-top : 40px;    
    font-weight : bold ;
    font-size : 14px;    
    color : #FFFFFF;
    background-color : #639CBD;
}


.oneoplaadpunttitle
{
	width: 599px;
	height: 20px;
    color : #639CBD;
	font-size : 20px;
	font-weight :bold;
}

.oneoplaadpuntcolumn1
{
    width : 300px;
    float : left; 
}

.oneoplaadpuntcolumn2
{
    width : 350;
    float : left; 
}

.oneoplaadpuntitem{
    width: 461px;
    height: 216px;
	}

.oneoplaadpuntheader
{
	width: 325px;
	height: 20px;
	color : Black;
	font-size : 16px;
	font-weight :bold;
}

.oneoplaadpuntnameinheader
{

    width: 350px;
    color : #000000;
    
}


.Pagenotfound
{
	font-size : 16px;
    width: 350px;
    color : #639CBD;    
    
}


.provinciesheader
{
	width:148px;
	height : 21px;
    background-image:url('images/Button_geselecteerd_plain.gif');	
	color : White;
	font-family :Arial;
	font-size : 12px;
	font-weight :bold;
	padding-top : 3px;
	padding-left : 5px;
}


.provincies{
}
.provincies OL{
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    Border-left: #cococo 1px solid;
    Border-right: #cococo 1px solid;
    Border-bottom: 0px;
    Border-top: #cococo 1px solid;			
	margin: 0px 0px 0px 0px;
    width: 154px;
    list-style-type :none;
    list-style-position :inherit;
    list-style-image : none;
}
.provincies OL LI{
	position: relative;
	margin: 0px 0px 0px 0px;
    left: 0px;
    height: 17px;
}

.provincies OL LI ABBR {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
    text-align : center; 
	line-height: 20px;
    top : 0px;
    right : 4px;
    left : 121px;
    width: 29px;
    display: block;  
	font-weight: normal; 
}


.provincies OL LI A{
	padding-left: 25px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 17px; 
    display: block;  
	color: #494949;
	background-color: #FEFEFE;
	font-weight: normal; 
}
.provincies OL LI A:hover
{
    text-decoration: underline;
    background-color: #DCE572;	
}


.plaatsen {
}
.plaatsen .column {
	float: left;
	margin: 0px 0px 0px 0px;	
}
.plaatsen OL {
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
	border-left: #cococo 1px solid;
	border-right: #cococo 1px solid;
	border-bottom: 0px;
	border-top: #cococo 1px solid;
	margin: 0px 0px 20px;
	width: 180px;
    list-style-type :none;
    list-style-position :inherit;
    list-style-image : none;
}
.plaatsen OL LI {
	border-bottom: #cococo 1px solid;
	position: relative;
	margin: 0px
}

.plaatsen OL LI ABBR {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
    text-align : center; 
	line-height: 20px;
    left : 151px;
    right : -6px;
    top : 0px;
    width: 37px;
    display: block;  
	font-weight: normal; 
}

.plaatsen OL LI A {
	padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
	line-height: 20px;
    display: block;  
	color: #494949;
	background-color: #FEFEFE;
	font-weight: normal; 
}
.plaatsen OL LI A:hover {
    text-decoration: underline;
    background-color: #DCE572;	
}


.oplaadpunteninplaats{
}
.oplaadpunteninplaats .column {
	MARGIN: 0px 8px 0px 0px;
	FLOAT: left
}
.oplaadpunteninplaats OL{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 250px;
    list-style-type :none;
    list-style-position :inherit;
    list-style-image : none;
    height: 20px;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0px;
}
.oplaadpunteninplaats OL LI{
	position: relative;
    margin: 0px;
    top: 0px;
    left: 0px;
    height: 20px;
    bottom: 0px;    
}
.oplaadpunteninplaats OL LI A{
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    display: block;
	color: #494949;
	background-color: #FEFEFE;
	font-weight: normal; 	
}
.oplaadpunteninplaats OL LI A:hover{
    text-decoration: underline;
    background-color: #DCE572;	
}

.linksmenu {

}






A {
	COLOR: #002280
}
A.strong {
	FONT-WEIGHT: bold
}
A.none {
	TEXT-DECORATION: none
}
A.none:hover {
	TEXT-DECORATION: underline
}
A.underline {
	TEXT-DECORATION: underline
}
A.underline:hover {
	TEXT-DECORATION: none
}


.divFooterLeftMenu {
	FONT-FAMILY: Verdana; FLOAT: left; COLOR: #979797; FONT-SIZE: 10px;
	text-decoration : none
	
}
.divFooterLeftMenu A:hover {
	COLOR: #42a4f7; TEXT-DECORATION: underline
}
.divFooterLeftMenu A:active {
	FONT-FAMILY: Verdana; COLOR: #979797; FONT-SIZE: 10px; FONT-WEIGHT: normal
}
.divFooterLeftMenu A:link {
	FONT-FAMILY: Verdana; COLOR: #979797; FONT-SIZE: 10px; FONT-WEIGHT: normal
}
.divFooterLeftMenu A:visited {
	FONT-FAMILY: Verdana; COLOR: #979797; FONT-SIZE: 10px; FONT-WEIGHT: normal
}




