@charset "utf-8";
/* CSS Document */

body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #667881;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#top {
    text-align: left;
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
    background-image: url(../images/bgtop.gif);
    background-repeat: repeat-x;
}
#logo {
    background-repeat: no-repeat;
    height:117px;
    width:181px;
    background-image: url(../images/logo_new.jpg);
    margin: 0;
    padding: 0;
    float: left;
}

address {
    font-style: normal;    
}    

#logo a {
    display:block;
    height:117px;
    overflow:hidden;
    text-indent:-5000px;
    width:181px;
}    

#cb {
    display:block; 
    height:117px;
    width:220px;
    background-image: url(../images/contact_kop.gif);
    background-repeat: no-repeat;
    float: right;     
    margin-right: 0px;  
}

#cb a {
    display:block;    
    margin-top: 2px;
    margin-right: 32px;
    text-align: right;       
    font-size: 11px;
    color: #258dc0;
}

.telefoon {
    font-size: 16px;
    color: #333;
    margin: 44px 20px 0 72px;
}



#middle {
    overflow: hidden;
    text-align: left;
    width: 990px;
    margin: 0 auto;
}
#left {
    float:left;
    width: 181px;
    height: 382px;
    background-image: url(../images/bgmenu.gif);
    background-repeat: no-repeat;        
}
#menu {
    display:block;
    float:left;
    margin-top: 64px;
    margin-left: 0px;
    overflow:hidden;
    padding:0;
    width: 181px;    
}
    
#menu li a.active {
    display: block;
    width: 153px;
    height: 29px;
    font-size: 12px;
    color: #005878;
    background-image: url(../images/bgactive.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    padding: 12px 0px 0px 28px;
}

#menu li a.inactive {
    display: block;
    height: 29px;
    width: 153px;
    color: #258dc0;
    background-image: url(../images/bginactive.gif);
    background-repeat: no-repeat;
    padding: 8px 0px 0px 28px;    
}

#center {
    float:left;
    width: 588px;
    min-height: 382px;
    background-repeat: no-repeat;
    background-image: url(../images/bgmiddle.gif);
    margin: 0;
    padding: 0;
}


#right {
    display: block;
    float:right;     
    width: 220px;              
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.box {
    width: 160px;
    margin-left: 28px;
}
    .box img {
        border: 1px solid #76878f;
        margin: 4px 0px 0px 0px;
    }
    .box a {
        border: 0;
    }
    .box a img {
        border:0;
        margin: 0 0 0 0px;
    }      
    .box a img.defaultButton {
        border:0;
        margin: 0 0 0 60px;
    }          
    .box ul {
        margin:0;
        padding:0;
    }
    
.box_custom {
    width: 160px;
    margin-left: 28px;    
}    
    .box_custom img {
        border: 1px solid #76878f;
        margin: 4px 0px 0px 0px;
    }
    .box_custom a {
        border: 0;
    }
    .box_custom a img {
        border:0;
        margin: 0 0 0 0px;
    }      
    .box_custom ul {
        margin:0;
        padding:0;
    }    
    .box_custom #sideblock_btn_directcontact {
        border:0;
        margin:0 0 0 8px;
    }
    .box_custom #sideblock_btn_premie {
        border:0;
        margin:0 0 0 31px;
    }
    .box_custom #sideblock_btn_terugbellen {
        border:0;
        margin:0 0 0 60px;
    }    


    
.videobox {
    width: 160px;
    margin-left: 28px;    
    height:115px; 
}
    .videobox img {
        border: 1px solid #76878f;
        margin: 4px 0px 0px 0px;
    }
    .videobox a {
        border: 0;
    }
    .videobox a img {
        border:0;
        margin: 0 0 0 0px;
    }     
    
    

.noborder {
    border: 0px solid #FFF;
    margin: 0px;
    padding: 0px;
}



.boxend {
    background-image: url(../images/bgrightbottom.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    height: 26px;        
    width: 215px;
}
                 
ul.woongarant {
    display: block;    
    list-style-type: none;   
    padding-left:0;
}
.woongarant li {
    background-image: url(../images/bullet_right.gif);
    background-repeat: no-repeat;
    padding-left:2.5em;
}
.right {
    text-align: right;
    margin: 4px 28px 0px 0px;
}
  

#bottom {
    text-align: center;
    width: 990px;
    margin: auto;
    background-image: url(../images/bgbottom.gif);
    height: 90px;
    background-repeat: no-repeat;
    padding-top: 50px;
}
    #bottom a {
        color: #258DC0;    
        text-decoration: underline;
    }
    #bottom a:hover {
        color: #000;    
        text-decoration: underline;
    }
    #bottom a.active {         
        color: #000;    
        text-decoration: underline;    
    }
    
    #bottom #copyright {
        margin: 0 7px 0 0;
    }
    #bottom .pipe {
        margin: 0 5px 0 5px;
    }
    
h3 {
    font-size: 13px;
} 
.quote {
    font-style: italic;
    text-decoration: none;
}
input.postcode {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #666;
    text-decoration: none;
    border: 1px solid #bababa;
    height: 20px; 
    width: 48px;
    display:inline;
    float: left;
    margin: 0;
    padding: 5px 0 0 2px;
}
.header {
    background-image: url(../images/bgrighttop.gif);
    background-repeat: no-repeat;
    color: #ff8d1e;
    font-size: 14px;
    font-weight: bold;
    padding:  16px 18px 4px 26px;
}
.newsletter {
 }
.newsletter img {    
    margin: 0 0 14px 28px;
    border: 1px solid #76878F;
    float: left;
}
#tabs {     
    list-style-type: none;
    display: block;
    width: 546px;
    height: 44px;
    margin: 0px 0px 0px 18px;
    padding: 0;
    background: url(../images/normaltabs.gif) no-repeat center top;    
}
#tabs li {    display: block;     float:left;
}
#tabs #tab1 {     width: 144px;    height: 44px; }    
#tabs #tab2 {    width: 201px;    height: 44px;    }
#tabs #tab3 {    width: 201px;    height: 44px;    }


#tabs #tab1.t_active{    background: url(../images/bgtabset.gif) no-repeat left top; }
#tabs #tab2.t_active{    background: url(../images/bgtabset.gif) no-repeat -144px -44px; }
#tabs #tab3.t_active{    background: url(../images/bgtabset.gif) no-repeat -344px -88px; }

#tabs #tab1 a{     display: block;    color: #258dc0;     margin: 18px 0px 0px 44px;    } 
#tabs #tab2 a{     display: block;    color: #258dc0;     margin: 18px 0px 0px 38px;    } 
#tabs #tab3 a{     display: block;    color: #258dc0;     margin: 18px 0px 0px 38px;    } 

#tabs #tab1.t_active a{ color:#005878; text-decoration:none;  }
#tabs #tab2.t_active a{ color:#005878; text-decoration:none;  }
#tabs #tab3.t_active a{ color:#005878; text-decoration:none; }

#placeholder {
    display: block;
    background: url(../images/bghome.gif) no-repeat;
    width: 546px;
    margin: 0px 0px 0px 18px;
    overflow: hidden; 
}
#placeholder h2 {
    font-size: 24px;
    color: #000;
    font-weight:normal;    
    margin: 4px 0px 2px 24px;
}
#placeholder span {
    color: #005878;
    font-size: 16px;
    margin: 0px 0px 2px 24px;
}
.movie {    margin: 4px 0px 2px 24px;    }

.btm {
    width: 546px;
    height: 25px;
    margin: 10px 0px 0px 20px;    
    padding: 0;
    background: url(../images/bgplaceholderbottom.gif) center top no-repeat;
    float:left;
}
div.nobackground {
    background: none;
}
.page {
    width: 546px;
    min-height: 360px;
    margin: 10px 0px 0px 20px;    
    padding: 0;    
    background: url(../images/bgnormal.gif) center 40px no-repeat;
}
.page h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 0px 0px 0px 18px;
}    
.page h3 {
    font-size: 15px;
    font-weight: normal;
    margin: 0px 0px 0px 18px;
}    

.pageTekst {
    width: 761px;
    min-height: 360px;
    margin: 10px 0px 0px 20px;    
    padding: 0;    
    background: url(../images/bgContentBreed.gif) center 40px no-repeat;        
}
.pageTekst h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 0px 0px 0px 18px;
}


/* Start Buttons */

#buttonSet {
    margin: 0 0 0 22px;
    width: 546px;
    height: 80px;
    display:block;
    background: transparent url(../images/bgplaceholderbottom.gif) bottom no-repeat ;
    float:left;
}
#terugbellen {
    margin:18px 6px 0 0;
    padding:0;
    float:left;    
}
#premie {
    margin:18px 6px 0 0;
    padding:0;
    float:left;        
}
#directContact {
    margin:0 6px 0 0;
    padding:0;
    float:left;            
}
/* End Buttons */



#slideshow {
    margin: 8px 0px 2px 42px;
    padding: 0;
    width: 492px;
    height: 76px;
    text-align: center;
}
.control {
    float: left;
}
.control_noborder {
    border: none;
    margin: 14px 0px 0px 0px;
    padding: 0px;
}

.slide { float: left; margin: 0px 5px 0px 5px; border: 2px #eee solid; }
.slide:hover { border: 2px #7db64a solid; } 
.slide#active { border: 2px #7db64a solid; } 

.home_text {
    color: #57666d;
    width: 289px;
    margin: 0px 0px 18px 24px;
    float: left;
}
.home_pic  {
    float:right;
    margin: 12px 24px 8px 0px;
    overflow: hidden;
}
.border {
        border: 1px solid #76878f;    
}

#TestimonialContainer {
    margin:0;
    padding:0;    
    float:left;
}
#testimonialContent {
    display: block;
    width: 546px;
    margin: 0px 0px 0px 18px;
    overflow: hidden; 
}

.testimonial_pic  {
    margin: 12px 8px 8px 24px;    
    border: solid #FFF 2px;
    width: 137px;
    float:left;
}
/*
.testimonial_name  {
    float:left;
    width: 120px;
    font-size: 13px;
    margin: 4px 0px 8px  24px;
}
*/
.testimonial_text {
    color: #57666d;
    width: 320px;
    margin: 12px 18px 0px 0px;
    float: left;
}
    .testimonial_text p {
        margin:0;         
    }

.form_text {
    float:left;
    padding: 22px 18px 8px 18px;
    line-height: 18px;
}
.form_pic {
    float:right;
    margin: 2px 18px 8px 18px;
    border: 1px solid #76878f;
}



#actieformLink {
    width: 500px;
    margin: 10px 0 0 10px;
    float:left;
}
    
    #actieformLink a {
        color:#258DC0;        
        text-decoration: underline;
    }
    
#actieform {
    width:350px; 
    margin: 10px 0 0 20px;
    display: none;           
    float:left;
}    
    #actieform label { 
        width: 100px;        
        margin: 2px 5px 5px 0px;
        color: #000;
        font-size:11px;
        float:left;
    }
    #actieform label#toev { 
        width: 30px;
        margin-left: 5px;
    }    
    
    #actieform form input { 
        margin: 2px 5px 5px 0px; 
        width: 200px;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 11px;      
        color: #667881;           
        float:left;
        padding:3px;
        border:1px solid grey;
    }            
        #actieform form input.error { border:1px solid red; }
        
        #actieform form input.small { width: 30px; margin-right: 5px; }        
        #actieform form input.medium { width: 60px; margin-right: 130px;}        
        #actieform form input.medium2 { width: 60px; margin-right:0px; }        
        #actieform form input.radio { float:left; width: 15px; margin-right:0px; height:12px; }        
        
    
    #actieform form .geslacht{ 
        width: 220px;        
        height:12px;
        float: left;
    }
    
    #actieform form .radioDiv {
        width:240px; 
        margin:0;
        float:left;
    }
    #actieform form #checkbox { 
        width: 17px; 
        height: 14px;
        float:left;
    }
    #actieform form #actievoorwaarden {
        float:left;
        width:280px;   
    }                
    
    
    #actieform form #actieform_verzenden { 
        clear: both;
        width: 104px;
        height:29px;
        border:none;
        margin: 4px 0 0 105px;
        float:left;
    }    
    

    #actieform #terug a {
        width:350px;
        color: #258DC0;
        text-decoration: underline;
        float:left;
    }
    #actieform #terug a:hover {    
        color: #000;
    }

    
    span.error { color:red; display:block; margin-left:23px;}
    
    p.error { color:#F00; width:279px; padding:15px; border:1px solid #F00; background-color: #FDD; }
    p.valid { margin-left:18px;float:left; color:#0D0; width:279px; padding:15px; border:1px solid #0D0; background-color: #DFD; }div.map{
    margin-left:0;
    width:588px;
}

body 
{
    padding : 0px ;
    margin : 0px ;
    border : 0px ;
    font-family : arial ;
    font-size : 11px ;
    color : #626262 ;
}



/** Generic styles =======================================**/

img
{
    border : 0px ;    
}

.left
{
    float: left;
}
.right
{
    float: right;
}


br.left
{
    clear : left ;    
}
br.right
{
    clear : right ;    
}
br.both
{
    clear : both ;    
}

a
{
    color : #449BFF ;        
}


/**Block styles ===========================================**/


div#wrapper
{
    position : relative ;
    /*width : 987px ;*/
    width : 588px ;
    margin : 0px auto ;
}

div#header
{
    position : relative ;
    width : 588px ;
    height : 102px ;
    border : 1px solid white ;
    background : url( ../images/hoeveiligisuwbuurt/layout/cbheader.jpg ) no-repeat ;
}
 
div#footer
{
    position : relative ;
    width : 588px ;
    height : 90px ;
    border : 1px solid white ;
    background : url( ../images/hoeveiligisuwbuurt/layout/footer.jpg ) no-repeat ;
}

div#footer div.footerlink
{
    text-align : center ;
    margin-top : 70px ;
    font-size : 10px ;
}

img.png, input.png
{
    pngfix: expression( typeof XMLHttpRequest == "undefined" ? ( this.src.substr(this.src.length-4) == ".png" ? this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')" + (this.src="/images/hoeveiligisuwbuurt/clear.gif").substr(0,0) : "") : "" ); 
}

div#infopart
{
    position : relative ;
    /*height : 333px ;*/
    height : 400px ;
    background : url( ../../images/infoback.gif ) no-repeat ;
    background-position : 30px 56px ;

}


div#infopart div.caller
{
    position : absolute ;
    left : 45px ;
    top : 68px ;
    font-size : 11px ;
    color : black ;
}


div#infopart div.aboveleft
{
    position : absolute ;
    left : 34px ;
    padding : 0px ;
    margin : 0px ;

}

div#infopart div.aboveleft h2
{
    font-size : 28px ;
    font-family : arial narrow ;
    padding : 0px ;
    margin : 0px ;
}

div#infopart div.aboveleft p
{
    padding : 0px ;
    margin : 0px ;    
    font-size : 10px ;    
}


div.tips a,
div.coverage a
{
    color : #449BFF ;    
}

div#infopart div.aboveright
{
    position : absolute ;
    right : 34px ;
    padding : 0px ;
    margin : 0px ;

}

div#infopart div#streetcity
{
    position : absolute ;
    text-align : rigth ;
    right : 32px;
    top : 30px ;    
}

div#infopart div.aboveright input,
div#infopart div.aboveright label,
div#infopart div.aboveright a
{
    float : left ;    
    padding : 0px ;
    margin : 0px ;    
    margin-left : 4px ; 
    height : 20px ;    
    
}

div#infopart div.aboveright label
{
    padding-top : 1px ;    
}

div#infopart div.aboveright input.dress
{
    width : 55px ;
    border : 0px ;
    padding-left : 4px ;
    padding-top : 2px ;
    color:#626262;
    font-family:arial;
    font-size:12px;
    background : url( ../images/hoeveiligisuwbuurt/layout/inputborder_iniminie.jpg ) no-repeat ;
}


div#infopart div.aboveright a.submit,
div#infopart div.aboveright input.submit
{
    width : 47px ;

    
}


div#infopart div.aboveright a.submit
{
    border : 0px ;
    background : url( ../images/hoeveiligisuwbuurt/button/stelin.jpg ) no-repeat ;
}

div#infopart div.aboveright a.submit:hover
{
    background-position : 0px -24px ;    
}

div#infopart div#summary
{
    position : absolute ;
    line-height : 33px ;
    left : 33px ;
    top : 68px !important;
    top : 62px ;
    /*height : 236px ;*/
    height : 168px ;
    width : 335px ;
    padding-top : 20px ;
    font-size: 14px;
}

div#infopart div#summary div.counter
{
    
    /*height : 38px ;*/
    height : 24px ;
    width : 320px ;
    background-repeat :  no-repeat ;
    background-position : -1px 0px ;
    padding-left : 15px ;
    padding-top: 7px;
}

div#infopart div#summary div.arrow
{
    /* Original
    background-image: url( ../images/hoeveiligisuwbuurt/layout/selectarrow.png ) !important;
    background-image : url( ../images/hoeveiligisuwbuurt/layout/selectarrow.gif ) ;*/
    background-image : url( ../../images/selectarrow.gif ) ;
}

div#infopart div#summary div.first a
{
    text-decoration : none ;    
}

div#infopart div#summary div.counter a
{
    /*line-height : 37px ;    
    */
    line-height : 19px;    
    float : left ; 
    width : 65px ;
    color : #449BFF ;    
    font-size : 12px ;
    
}

div#infopart div#summary div.counter span.counter
{
    /*line-height : 37px ;*/
    line-height : 19px ;
    float : left ;    
}




div#infopart div.tips
{
    position : absolute ;
    /*left : 360px ;*/
    left : 324px ;
    top : 68px ;
    height : 115px ;
    width : 236px ;
    font-size : 10px ;

}

div#infopart div.tips ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div#infopart div.tips li
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/x.gif );
    background-repeat: no-repeat;
    margin : 0px ;
    padding-left : 25px ;
    padding-top : 1px ;
    padding-bottom : 4px ;
    font-size : 11px ;
}

div#infopart div.tips h3
{
    padding : 0px ;
    margin : 0px ;
    padding-left : 25px ;
    padding-bottom : 5px ;    
    font-size : 14px ;
    color: #EE6632;
}


div.coverage a#premiebutton
{
    position : absolute ;
    color: #fff;
    line-height: 25px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    left : 475px ;
    top : 92px ;
    width : 105px ;
    height : 25px ;
    background : url( ../images/hoeveiligisuwbuurt/button/normal_em.jpg  ) ;
}


div.coverage a#premiebutton:hover
{
    background-position : 0px -25px ;    
}

div#infopart div.coverage
{
/*    position : absolute ;
    left : 360px ;
    top : 195px ;
    height : 95px ;
    width : 510px ;
*/    position : absolute ;
    left : 45px ;
    top : 263px ;
    height : 135px ;
    width : 493px ;
}

div#infopart div.coverage h3
{
    padding : 0px ;
    margin : 0px ;
    padding-left : 25px ;
    padding-bottom : 5px ;    
    font-size : 14px ;
    color: #6CA242;
}

div#infopart div.coverage p
{
    font-size : 11px ;
    padding : 0px ;
    margin : 0px ;
    padding-left : 25px ;
    padding-bottom : 6px ;
}

div#googlepart
{
    position : relative ;
    overflow: hidden;
    height : 330px ;
    background : url( ../../images/mapback.png ) no-repeat ;
    background-position : 30px -2px ;
}

div#googlepart h3
{
    position : absolute ;
    paddin : 0px ;
    margin : 0px ;
    left : 47px ;
    top : 16px ;
    font-size : 12px ;
    font-weight : bold ;
}

div#googlepart div#ginfowindow
{
    position : absolute ;
    background : url( ../../images/expandedback.gif ) no-repeat ;
    left : 968px ;
    top : 0px ;
    width : 0px ;
    height : 320px ;
    z-index : 999 ;
    ddisplay : none ;
    overflow : hidden ;
}

div#googlepart div#ginfowindow img
{
    position : absolute ;
    margin-left : 40px ;
    margin-top : 16px ;    
    top : 0px ;
    left : 0px ;
}

div#googlepart div#ginfowindow a.closebox
{
    text-decoration : none ;
    position : absolute ;
    left : 0px ;
     top : 0px ;
    width : 30px;
    height : 318px ;
    cursor : pointer ; 
    background : url( ../images/hoeveiligisuwbuurt/layout/expandedback_alt.jpg ) no-repeat ;    
    background-position : -80px 0px ;
    text-decoration : none ;
}

div#googlepart div#ginfowindow a.closebox:hover
{
    background-position : 0px 0px ;    
}


div#googlepart div#ginfowindow div.headmaps
{
    position : relative ;
    /*width : 308px ;*/
    width: 139px;
    height : 83px ;    
    top : 20px ;
    left : 105px ;
}

div#googlepart div#ginfowindow div.textmaps
{
    position : relative ;
    left : 40px ;
    /*width : 370px ;        */
    width : 203px;    
    height:224px;
    overflow: hidden;    
}

/* Tiny Icon business */

div#summary img
{
    height: 31px;
    width: 24px;
    background-position: 0 -32px;
    margin-top: -11px;
    display:block;
    float:left;
    
}

div#summary div.arrow img
{
    /*background-position: 0 0;*/
    background-position: 0 0px;
}

img.diefstal
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_theft_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_theft_s_d.gif );
}

img.brand
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_fire_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_fire_s_d.gif );
}

img.inbraak
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_burglar_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_burglar_s_d.gif );
}

img.overlast
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_trouble_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_trouble_s_d.gif );
}

img.verkeer
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/traffic_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/traffic_s_d.gif );
}

/*********************************************************************************/


.bold
{
    font-weight: bold;
}

.space
{
    line-height: normal;
    height: 10px;
}

div#infopart div#summary div#rating.arrow
{
    background-image: url( ../../images/selectarrow.gif) !important;
    background-image: url( ../../images/ratingarrow.gif );
}

#rating {
    background-position: -4px 2px;
    background-repeat: no-repeat;
    height: 33px;
}

div#infopart div#summary div.counter.arrow a
{
    text-decoration: none;
    color : #626262 ;
}

.arrow a#a_rating
{
    color: #626262;
    text-decoration: underline;
}

#rating #ratetext
{

    width: 245px;
    margin: 3px 0 0 30px;
    font-size: 14px;
    position: relative;
}

#ratetext div.countryscore
{
    position: absolute;
    right: 5px;
    top: 5px;
    color: #5D5D5D;
    width: 35px;
    height: 27px;
    line-height: 27px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    background-image: url(../images/hoeveiligisuwbuurt/layout/countryscore.jpg);
    background-position: 0px 0px;
}

.arrow #ratetext div.countryscore
{
    background-image: none;
}

#rating a
{
    color: #fff;
}

#rating #grade
{
    position: relative;
    background-image: url(../images/hoeveiligisuwbuurt/layout/rating.png);
    background-repeat: no-repeat;
    float: right;
    margin: 6px 59px 0 0;
    width: 35px;
    height: 26px;
}

#rating #grade div
{
    text-align: center;
    position: absolute;
    width: 35px;
    height: 27px;
    bottom: 2px;
    font-size: 14px;
}

div.ratingcontainer p
{
    margin-left : 25px ;
}


#hviub_landing { 
    margin:0 0 0 18px;
}

    #hviub_landing #postcodeform {
        width: 180px;
        height:252px;
        background: url(../images/hoeveiligisuwbuurt/landingpage.gif) no-repeat;    
        padding:75px 0 0 380px;
    }
    #hviub_landing #postcodeform #tekst {
        color:#215280;
        font-size: 14px;
        margin: 10px 0 10px 0;                    
    }
    #hviub_landing #postcodeform form {
       display:inline;    
    }
    #hviub_landing #postcodeform form input {
        width:60px;    
        border:1px solid #C0C0C0;
        margin: 0 0 0 40px;
    }
    #hviub_landing #postcodeform form input#checkhethier {
        width:139px;
        height:29px;        
        margin:10px 0 0 0;
        border: 0px;
        float:left;
    }
div.map{
    margin-left:0;
    width:588px;
}

body 
{
    padding : 0px ;
    margin : 0px ;
    border : 0px ;
    font-family : arial ;
    font-size : 11px ;
    color : #626262 ;
}



/** Generic styles =======================================**/

img
{
    border : 0px ;    
}

.left
{
    float: left;
}
.right
{
    float: right;
}


br.left
{
    clear : left ;    
}
br.right
{
    clear : right ;    
}
br.both
{
    clear : both ;    
}

a
{
    color : #449BFF ;        
}


/**Block styles ===========================================**/


div#wrapper
{
    position : relative ;
    /*width : 987px ;*/
    width : 588px ;
    margin : 0px auto ;
}

div#header
{
    position : relative ;
    width : 588px ;
    height : 102px ;
    border : 1px solid white ;
    background : url( ../images/hoeveiligisuwbuurt/layout/cbheader.jpg ) no-repeat ;
}
 
div#footer
{
    position : relative ;
    width : 588px ;
    height : 90px ;
    border : 1px solid white ;
    background : url( ../images/hoeveiligisuwbuurt/layout/footer.jpg ) no-repeat ;
}

div#footer div.footerlink
{
    text-align : center ;
    margin-top : 70px ;
    font-size : 10px ;
}

img.png, input.png
{
    pngfix: expression( typeof XMLHttpRequest == "undefined" ? ( this.src.substr(this.src.length-4) == ".png" ? this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')" + (this.src="/images/hoeveiligisuwbuurt/clear.gif").substr(0,0) : "") : "" ); 
}

div#infopart
{
    position : relative ;
    /*height : 333px ;*/
    height : 400px ;
    background : url( ../../images/infoback.gif ) no-repeat ;
    background-position : 30px 56px ;

}


div#infopart div.caller
{
    position : absolute ;
    left : 45px ;
    top : 68px ;
    font-size : 11px ;
    color : black ;
}


div#infopart div.aboveleft
{
    position : absolute ;
    left : 34px ;
    padding : 0px ;
    margin : 0px ;

}

div#infopart div.aboveleft h2
{
    font-size : 28px ;
    font-family : arial narrow ;
    padding : 0px ;
    margin : 0px ;
}

div#infopart div.aboveleft p
{
    padding : 0px ;
    margin : 0px ;    
    font-size : 10px ;    
}


div.tips a,
div.coverage a
{
    color : #449BFF ;    
}

div#infopart div.aboveright
{
    position : absolute ;
    right : 34px ;
    padding : 0px ;
    margin : 0px ;

}

div#infopart div#streetcity
{
    position : absolute ;
    text-align : rigth ;
    right : 32px;
    top : 30px ;    
}

div#infopart div.aboveright input,
div#infopart div.aboveright label,
div#infopart div.aboveright a
{
    float : left ;    
    padding : 0px ;
    margin : 0px ;    
    margin-left : 4px ; 
    height : 20px ;    
    
}

div#infopart div.aboveright label
{
    padding-top : 1px ;    
}

div#infopart div.aboveright input.dress
{
    width : 55px ;
    border : 0px ;
    padding-left : 4px ;
    padding-top : 2px ;
    color:#626262;
    font-family:arial;
    font-size:12px;
    background : url( ../images/hoeveiligisuwbuurt/layout/inputborder_iniminie.jpg ) no-repeat ;
}


div#infopart div.aboveright a.submit,
div#infopart div.aboveright input.submit
{
    width : 47px ;

    
}


div#infopart div.aboveright a.submit
{
    border : 0px ;
    background : url( ../images/hoeveiligisuwbuurt/button/stelin.jpg ) no-repeat ;
}

div#infopart div.aboveright a.submit:hover
{
    background-position : 0px -24px ;    
}

div#infopart div#summary
{
    position : absolute ;
    line-height : 33px ;
    left : 33px ;
    top : 68px !important;
    top : 62px ;
    /*height : 236px ;*/
    height : 168px ;
    width : 335px ;
    padding-top : 20px ;
    font-size: 14px;
}

div#infopart div#summary div.counter
{
    
    /*height : 38px ;*/
    height : 24px ;
    width : 320px ;
    background-repeat :  no-repeat ;
    background-position : -1px 0px ;
    padding-left : 15px ;
    padding-top: 7px;
}

div#infopart div#summary div.arrow
{
    /* Original
    background-image: url( ../images/hoeveiligisuwbuurt/layout/selectarrow.png ) !important;
    background-image : url( ../images/hoeveiligisuwbuurt/layout/selectarrow.gif ) ;*/
    background-image : url( ../../images/selectarrow.gif ) ;
}

div#infopart div#summary div.first a
{
    text-decoration : none ;    
}

div#infopart div#summary div.counter a
{
    /*line-height : 37px ;    
    */
    line-height : 19px;    
    float : left ; 
    width : 65px ;
    color : #449BFF ;    
    font-size : 12px ;
    
}

div#infopart div#summary div.counter span.counter
{
    /*line-height : 37px ;*/
    line-height : 19px ;
    float : left ;    
}




div#infopart div.tips
{
    position : absolute ;
    /*left : 360px ;*/
    left : 324px ;
    top : 68px ;
    height : 115px ;
    width : 236px ;
    font-size : 10px ;

}

div#infopart div.tips ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div#infopart div.tips li
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/x.gif );
    background-repeat: no-repeat;
    margin : 0px ;
    padding-left : 25px ;
    padding-top : 1px ;
    padding-bottom : 4px ;
    font-size : 11px ;
}

div#infopart div.tips h3
{
    padding : 0px ;
    margin : 0px ;
    padding-left : 25px ;
    padding-bottom : 5px ;    
    font-size : 14px ;
    color: #EE6632;
}

            
div.coverage a#premiebutton
{
    position : absolute ;
    color: #fff;
    line-height: 25px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    left : 475px ;
    top : 92px ;
    width : 105px ;
    height : 25px ;
    background : url( ../images/hoeveiligisuwbuurt/button/normal_em.jpg  ) ;
}


div.coverage a#premiebutton:hover
{
    background-position : 0px -25px ;    
}

div#infopart div.coverage
{
/*    position : absolute ;
    left : 360px ;
    top : 195px ;
    height : 95px ;
    width : 510px ;
*/    position : absolute ;
    left : 45px ;
    top : 263px ;
    height : 135px ;
    width : 493px ;
}

div#infopart div.coverage h3
{
    padding : 0px ;
    margin : 0px ;
    padding-left : 25px ;
    padding-bottom : 5px ;    
    font-size : 14px ;
    color: #6CA242;
}

div#infopart div.coverage p
{
    font-size : 11px ;
    padding : 0px ;
    margin : 0px ;
    padding-left : 25px ;
    padding-bottom : 6px ;
}

div#googlepart
{
    position : relative ;
    overflow: hidden;
    height : 330px ;
    background : url( ../../images/mapback.png ) no-repeat ;
    background-position : 30px -2px ;
}

div#googlepart h3
{
    position : absolute ;
    paddin : 0px ;
    margin : 0px ;
    left : 47px ;
    top : 16px ;
    font-size : 12px ;
    font-weight : bold ;
}

div#googlepart div#ginfowindow
{
    position : absolute ;
    background : url( ../../images/expandedback.gif ) no-repeat ;
    left : 968px ;
    top : 0px ;
    width : 0px ;
    height : 320px ;
    z-index : 999 ;
    ddisplay : none ;
    overflow : hidden ;
}

div#googlepart div#ginfowindow img
{
    position : absolute ;
    margin-left : 40px ;
    margin-top : 16px ;    
    top : 0px ;
    left : 0px ;
}

div#googlepart div#ginfowindow a.closebox
{
    text-decoration : none ;
    position : absolute ;
    left : 0px ;
     top : 0px ;
    width : 30px;
    height : 318px ;
    cursor : pointer ; 
    background : url( ../images/hoeveiligisuwbuurt/layout/expandedback_alt.jpg ) no-repeat ;    
    background-position : -80px 0px ;
    text-decoration : none ;
}

div#googlepart div#ginfowindow a.closebox:hover
{
    background-position : 0px 0px ;    
}


div#googlepart div#ginfowindow div.headmaps
{
    position : relative ;
    /*width : 308px ;*/
    width: 139px;
    height : 83px ;    
    top : 20px ;
    left : 105px ;
}

div#googlepart div#ginfowindow div.textmaps
{
    position : relative ;
    left : 40px ;
    /*width : 370px ;        */
    width : 203px;    
    height:224px;
    overflow: hidden;    
}

/* Tiny Icon business */

div#summary img
{
    height: 31px;
    width: 24px;
    background-position: 0 -32px;
    margin-top: -11px;
    display:block;
    float:left;
    
}

div#summary div.arrow img
{
    /*background-position: 0 0;*/
    background-position: 0 0px;
}

img.diefstal
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_theft_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_theft_s_d.gif );
}

img.brand
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_fire_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_fire_s_d.gif );
}

img.inbraak
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_burglar_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_burglar_s_d.gif );
}

img.overlast
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_trouble_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/house_trouble_s_d.gif );
}

img.verkeer
{
    background-image: url( ../images/hoeveiligisuwbuurt/icon/traffic_s_d.png ) !important;
    background-image: url( ../images/hoeveiligisuwbuurt/icon/traffic_s_d.gif );
}

/*********************************************************************************/


.bold
{
    font-weight: bold;
}

.space
{
    line-height: normal;
    height: 10px;
}

div#infopart div#summary div#rating.arrow
{
    background-image: url( ../../images/selectarrow.gif) !important;
    background-image: url( ../../images/ratingarrow.gif );
}

#rating {
    background-position: -4px 2px;
    background-repeat: no-repeat;
    height: 33px;
}

div#infopart div#summary div.counter.arrow a
{
    text-decoration: none;
    color : #626262 ;
}

.arrow a#a_rating
{
    color: #626262;
    text-decoration: underline;
}

#rating #ratetext
{

    width: 245px;
    margin: 3px 0 0 30px;
    font-size: 14px;
    position: relative;
}

#ratetext div.countryscore
{
    position: absolute;
    right: 5px;
    top: 5px;
    color: #5D5D5D;
    width: 35px;
    height: 27px;
    line-height: 27px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    background-image: url(../images/hoeveiligisuwbuurt/layout/countryscore.jpg);
    background-position: 0px 0px;
}

.arrow #ratetext div.countryscore
{
    background-image: none;
}

#rating a
{
    color: #fff;
}

#rating #grade
{
    position: relative;
    background-image: url(../images/hoeveiligisuwbuurt/layout/rating.png);
    background-repeat: no-repeat;
    float: right;
    margin: 6px 59px 0 0;
    width: 35px;
    height: 26px;
}

#rating #grade div
{
    text-align: center;
    position: absolute;
    width: 35px;
    height: 27px;
    bottom: 2px;
    font-size: 14px;
}

div.ratingcontainer p
{
    margin-left : 25px ;
}


#hviub_landing { 
    margin:0 0 0 18px;
}

    #hviub_landing #postcodeform {
        width: 546px;     
        height:300px;
        margin:0;
        padding: 0;
        background: url('../images/hoeveiligisuwbuurt/landingpage.gif') no-repeat;
    }    
        #hviub_landing #postcodeform #postcodeBlock {                                  
            padding:75px 0 0 380px;
            float:left;
        }        
                               
    #hviub_landing #postcodeform #tekst {
        color:#215280;
        font-size: 14px;
        margin: 10px 0 10px 7px;                    
    }
    #hviub_landing #postcodeform form {
       display:inline;    
    }
    #hviub_landing #postcodeform form input {
        width:60px;    
        border:1px solid #C0C0C0;
        margin: 0 0 0 40px;
    }

    #hviub_landing #postcodeform form input#checkhethier {
        width:139px;
        height:29px;        
        margin:10px 0 0 383px;
        border: 0px;
        float:left;
    }
    #hviub_landing #postcodeform span.error { color:red; display:block; margin:0 0 0 20px;}



/* OUD zie ook in template
    #hviub_landing #postcodeform {
        width: 546px;     
        height:300px;
        margin:0;
        padding: 0;
        background: url('../images/hoeveiligisuwbuurt/hviub_background.jpg') no-repeat;
    }    
        #hviub_landing #postcodeform #postcodeBlock {                      
            width: 546px;    
            padding:20px 0 0 20px;
            float:left;
        }        
        #hviub_landing #postcodeform #emailBlock {        
            width: 546px;    
            padding:0px 0 0 20px;    
            float:left;
        }        
        #hviub_landing #postcodeform #checkboxContainer {        
            width: 250px;
            padding: 10px 190px 0 20px;
            float:left;
        }
    #actievoorwaarden {
        width:221px;   
        padding:0 0 0 4px;
        margin:0;
        float:left;
    }                        
    
    #hviub_landing #postcodeform #tekst {
        color:#215280;
        font-size: 14px;
        margin: 10px 0 10px 0;                    
    }
    #hviub_landing #postcodeform form {
       display:inline;    
    }
    #hviub_landing #postcodeform form input {
        width:60px;    
        border:1px solid #C0C0C0;
        margin: 0 0 0 0px;
    }
    #hviub_landing #postcodeform form #checkbox {
        border: none;
        width:14px;
        float:left;
    }
    #hviub_landing #postcodeform form input#checkhethier {
        width:139px;
        height:29px;        
        margin:10px 0 0 20px;
        border: 0px;
        float:left;
    }
    #hviub_landing #postcodeform span.error { color:red; display:block; margin:0;}
*/