body.body1 {font-family: Myriad Pro; line-height:1.2; font-size: 16px; color: black; margin-top: 0px; margin-bottom: 0px; background-image: url('/images/backgrounds/background_top_1.jpg'); background-repeat:repeat-x; text-align:center; /* for IE */} 

/*VERWIJDEREN VAN TOP BAR VRAAG OM TE TRANSLATEN!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.goog-te-banner-frame.skiptranslate {display: none !important;} 

body { top: 0px !important; }

/*MIDDLE fonts div.middle_section2_left {font-family: Myriad Pro; font-size: 15px; color: black;}*/

a.a_telefoonnummer:link{color: blue;}
a.a_telefoonnummer:visited{color: blue;}
a.a_telefoonnummer:active{color: blue;}
h1 {text-align: center}
h1.h1_nocenter {text-align: left}

/* let op: algemene font etc */
div {font-family: Myriad Pro; font-size: 100%; color: black;}
a {color: white;}

a:link {color: FFFFCC;}
a:visited {color: FFFFCC;}
a:active {color: FFFFCC;}


a.a_white {color: white;}
a.a_grey {color: ADADAD;}
a.a_black {color: black;}
a.a_blue {color: blue;}
a.a_orange {color: FF8C00;}
a.a_red {color: red;}
a.a_bluemobile {color: blue;}
a.a_babyblue {color: 42FFB3; text-decoration: underline;}
h1 {margin:0; font-size: 103%;}
h2 {margin:0; font-size: 103%;}
p.p_nomargin {margin:0;}
p.p_blue {color: blue;}
p.p_red {color: red;}
p.p_black{color: black; margin:0; font-size: 100%;}
p.p_white{color: white; margin:0;}
p.p_grey {font-weight:bold; font-size: 89%; color: ADADAD; position: absolute; top: 35; left: 0;}

p.p_mobile{margin:0;}

em {text-decoration:underline; font-style: normal;}

/*background-color: red;*/

    div.divgehelevierkant {width: 100%; position: relative; top: 0; left: 0; margin:0px auto; text-align: center;} /* height: 1000px; totale height alles */
            div.divtop1 {height: 306px; width: 100%; position: relative; top: 0; left: 0;}
                div.divtop1middel_groterbox {width: 1000px; position: relative; top: 0; left: 0; text-align: left; display: block; margin-left: auto; margin-right: auto;} /* height: 307px; */
                div.divtop1middel {width: 1000px; background-color: 0098FF; position: relative; top: 0; left: 0; text-align: left;} /* height: 307px; */

            div.divtop1middelbovenste {height: 100px; width: 1000px; background-color: 19A3FF; position: relative; top: 0; left: 0; text-align: left;}
                div.divtop1middelbovenste_menu {height: 40px; width: 1000px; position: absolute; top: 60; left: 0; text-align: left;}
                    div.divtop1middelbovenste_menu_item_1{position: absolute; top: 10; left: 23; text-align: left; font-size: 100%; font-weight:bold; text-decoration: underline; color: black;}
                    div.divtop1middelbovenste_menu_item_2{position: absolute; top: 10; left: 170; text-align: left; font-size: 100%; font-weight:bold; color: black;}
                    div.divtop1middelbovenste_menu_item_3{position: absolute; top: 10; left: 285; text-align: left; font-size: 100%; font-weight:bold; color: black;}
                    div.divtop1middelbovenste_menu_item_5{position: absolute; top: 10; left: 371; text-align: left; font-size: 100%; font-weight:bold; color: black;}
                    div.divtop1middelbovenste_menu_item_6{position: absolute; top: 10; left: 493; text-align: left; font-size: 100%; font-weight:bold; color: black;}

                    img.img_defontein_top {height: 57px; width: 399px; border-style: solid; border-width: 0px; position: relative; top: 0; left: 15;}
                    img.img_nhg_logo_top {height: 81px; width: 135px; border-style: solid; border-width: 0px; position: absolute; top: 10; left: 594;}
                    div.defonteinnummer-spoednummer_top_rechts {height: 41px; width: 200px; border-style: solid; border-width: 0px; position: relative; top: -45; left: 777; color: white; font-size: 85%;}
                        img.email_icoon_top_rechts {height: 18px; width: 27px; border-style: solid; border-width: 0px; position: absolute; top: 20; left: 150;}
                
                
            div.divtop1middelonderste {height: 207px; width: 1000px; background-color: 0098FF; position: relative; top: 0; left: 0; text-align: left;}
                img.praktijk_voorkant_top_rechts {height: 207px; width: 267px; border-style: none; border-width: 0px; position: absolute; top: 0; left: 732;}
               /* weg? 
                img.huisartsen_medewerkers_top_rechts {height: 185px; width: 354px; border-style: solid; border-width: 0px; position: absolute; top: 22; left: 290;}
               */

                div.huisartsenmedewerkers55{position: absolute; top: 13; left: 215;}
                    /*vervanging van hierboven?*/
                    img.t112 { width: 447px; height: 88px; border-style: solid; border-width: 0px;}

                    
                div.divtop1middelondersteonline_menu {position: absolute; top: 20; left: 50; text-align: left;} /*  height: 130px; width: 210px; */
                    div.wit_online_menu {margin-left: 12px; text-align: left;  /*background-color: red;*/ font-weight:bold; font-size: 89%; color: white;}
                    div.bovenstezinonlinemenu {text-align: left;  /*background-color: red;*/ font-weight:bold; font-size: 89%; text-decoration: underline;}
                div.divtop1middelonderste_inschrijven {position: absolute; top: 170; left: 20; text-align: left; color: 42FFB3; font-weight:bold; font-size: 89%;}


            
            div.middle_section1 {height: 155px; width: 1000px; position: relative; top: 4; left: 0; text-align: left; display: block; margin-left: auto; margin-right: auto;  /*background-color: red;*/}
                div.middle_section1_left {height: 155px; width: 734px; position: absolute; top: 0; left: 0; text-align: left; background-color: D6E3FF;  border-left-color: blue; border-left-width: 4px; border-left-style: solid; border-right-color: blue; border-right-width: 2px; border-right-style: solid; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: solid;}
                    div.main_menu_menu{position: absolute; top: 3; left: 7; text-align: left; font-weight:bold; font-size: 80%; color: A0A0A0; font-family: Aharoni;}
                    div.main_menu_rij_1{position: absolute; top: 13; left: 47; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_2{position: absolute; top: 13; left: 210; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_3{position: absolute; top: 13; left: 389; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_5{position: absolute; top: 85; left: 389; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_4{position: absolute; top: 13; left: 516; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_6{position: absolute; top: 102; left: 516; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                div.middle_section1_right {height: 155px; width: 256px; position: absolute; top: 0; left: 740; text-align: left; background-color: D6E3FF; border-right-color: blue; border-right-width: 4px; border-right-style: solid; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: solid;} 
                    img.logodefontein {height: 102px; width: 239px; border-width: 0px; position: absolute; top: 18; left: 13;}

            div.middle_section2 {height: 1533px; width: 1000px; position: relative; top: 8; left: 0; text-align: left; display: block; margin-left: auto; margin-right: auto;  /*background-color: red*/;}
/*MIDDLE*/      div.middle_section2_left {height: 1533px; width: 685px; position: absolute; top: 0; left: 0; padding: 25px; text-align: left; background-color: white; text-align: justify; font-size: 100%; color: black;  border-left-color: blue; border-left-width: 4px; border-left-style: solid; border-right-color: grey; border-right-width: 1px; border-right-style: solid; border-bottom-color: black; border-bottom-width: 0px; border-bottom-style: solid;}
                    img.img_print { height:22px; width: 22px; border-style: none; position: absolute; top: 13; left: 697;}
                div.middle_section2_right {height: 1533px; width: 256px; position: absolute; top: 0; left: 740; text-align: left; background-color: D6E3FF; border-right-color: blue; border-right-width: 4px; border-right-style: solid; border-bottom-color: black; border-bottom-width: 4px; border-bottom-style: solid;}

                img.middle_section2_right_n1 { width: 152px; height: 134px; border-width: 0px; position: relative; top: 35; left: 52;}
                img.middle_section2_right_n2 { width: 152px; height: 134px; border-width: 0px; position: relative; top: 70; left: 52;}
                img.middle_section2_right_n3 { width: 152px; height: 134px; border-width: 0px; position: relative; top: 105; left: 52;}
                img.middle_section2_right_n4 { width: 152px; height: 134px; border-width: 0px; position: relative; top: 140; left: 52;}
                img.middle_section2_right_n5 { width: 152px; height: 134px; border-width: 0px; position: relative; top: 175; left: 52;}
                img.middle_section2_right_n6 { width: 152px; height: 134px; border-width: 0px; position: relative; top: 210; left: 52;}
                img.middle_section2_right_n7 { width: 152px; height: 134px; border-width: 0px; position: relative; top: 245; left: 52;}



            div.bottom_section1 {width: 994px; height: 198px; position: relative; top: 8; left: 0; text-align: left; display: block; margin-left: auto; margin-right: auto;  background-color: 404040; border-right-color: white; border-right-width: 2px; border-right-style: solid; border-left-color: white; border-left-width: 2px; border-left-style: solid;}   
                    div.bottom_section1_topleft {width: 644px; height: 25px; position: absolute; top: 3; left: 0; text-align: left;  /*background-color: red*/ border-bottom-color: white; border-bottom-width: 2px; border-bottom-style: solid;}   
                        div.bottom_section1_text {margin-top: 8px; text-align: left;  /*background-color: red;*/ font-weight:bold; font-size: 94%; color: white;}
                            div.bottom_section1_text_n1 {position: absolute; top: 0; left: 10; margin-top: 8px; text-align: left;  /*background-color: red;*/ font-weight:bold; color: white;}
                            div.bottom_section1_text_n2 {position: absolute; top: 0; left: 97; margin-top: 8px; text-align: left;  /*background-color: red;*/ font-weight:bold; color: white;}
                            div.bottom_section1_text_n3 {position: absolute; top: 0; left: 230; margin-top: 8px; text-align: left;  /*background-color: red;*/ font-weight:bold; color: white;}
                            div.bottom_section1_text_n4 {position: absolute; top: 0; left: 363; margin-top: 8px; text-align: left;  /*background-color: red;*/ font-weight:bold; color: white;}
                            div.bottom_section1_text_n5 {position: absolute; top: 0; left: 477; margin-top: 8px; text-align: left;  /*background-color: red;*/ font-weight:bold; color: white;}
                            div.bottom_section1_text_n6 {position: absolute; top: 0; left: 550; margin-top: 8px; text-align: left;  /*background-color: red;*/ font-weight:bold; color: white;}
                        div.bottom_section1_fotos {margin-top: 60px; margin-left: 2px; text-align: left;}
                            img.bottom_section1_fotos_n1 { width: 127px; height: 74px; border-width: 0px; position: relative; top: 0; left: 10;}
                            img.bottom_section1_fotos_n2 { width: 127px; height: 74px; border-width: 0px; position: relative; top: 0; left: 47;}
                            img.bottom_section1_fotos_n3 { width: 127px; height: 74px; border-width: 0px; position: relative; top: 0; left: 84;}
                            img.bottom_section1_fotos_n4 { width: 127px; height: 74px; border-width: 0px; position: relative; top: 0; left: 121;}
                        div.bottom_section1_text_right {width: 285px; position: absolute; top: 8px; left: 690; text-align: left; font-weight:bold; font-size: 94%; color: white;} /*  height: 120px; */


/*coronavirus middle css*/
img.coronavirus {position: relative; top: 0; left: 0; width: 135px; height: 90px;}

/*index middle css*/
div.google_translate_button{position: absolute; top: 10; left: 10;}
img.index_middle_parkeren { width: 150px; height: 100px; border-width: 0px;}
img.img_titel_index_page{position: relative; top: 0; left: 155;}
img.img_waarschuwing{position: relative; top: 10; left: 60;}
/*img.img_waarschuwing{position: relative; top: 10; left: 155;}*/
div.div_googleplus{text-align: center; position: relative; top: 100; left: 100;}

/*dietiste middle css*/
img.dietiste { width: 150px; height: 225px;  border-width: 0px; position: relative; top: 0; left: 270;}
img.dietiste_logo { width: 215px; height: 72px; border-width: 0px; position: absolute; top: 130; left: 380;}

/*huisartsenmedewerkers middle css boven ORIGINAL 150 bij 150 px en onder  ORIGINAL 200 bij 149*/
img.img_medewerkers_boven { width: 100px; height: 100px; border-width: 0px; position: relative; top: 0; left: 10;}
img.img_medewerkers_boven2 { width: 100px; height: 100px; border-width: 0px; position: relative; top: 0; left: 70;}
img.img_medewerkers_boven3 { width: 100px; height: 100px; border-width: 0px; position: relative; top: 0; left: 150;}
img.img_medewerkers_onder { width: 111px; height: 149px; border-width: 0px; position: relative; top: 0; left: 65;}
img.img_medewerkers_onder2 { width: 111px; height: 149px; border-width: 0px; position: relative; top: 0; left: 185;}
img.img_medewerkers_onder3 { width: 111px; height: 149px; border-width: 0px; position: relative; top: 0; left: 310;}
div.div_medewerker1{margin:0; position: relative; top: 0; left: 65; height: 0;}
div.div_medewerker2{margin:0; position: relative; top: 0; left: 265; height: 0;}
div.div_medewerker3{margin:0; position: relative; top: 0; left: 550; height: 0;}
div.div_huisarts1{margin:0; position: relative; top: 0; left: 0; height: 0;}
div.div_huisarts2{margin:0; position: relative; top: 0; left: 155; height: 0;}
div.div_huisarts3{margin:0; position: relative; top: 0; left: 330; height: 0;}

/*NHG foto bij nhg acreditatie css*/
img.nhg_foto_ngh_php {width: 140px; height: 81px; border-width: 0px;}

/* psychologe */
img.psychologe {border-width: 0px;}

/* contact en locatiepraktijk */
iframe.googlemapsclass{width: 660px; height: 400px;}









/*
    CSS VOOR MOBIELE APPARATEN!!!!!!!!!!!!!!!!!!!!!!!!!
    //&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
    //&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/


   /* Devices between 550-1020px - iphone 5 and above etc.  NET EVEN ONDER DE 1024...*/

 /*    
@media screen and (min-width:550px) and (max-width:1020px) {

          body.body1{font-size: 16px;}

}
*/



/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/   

      /* Devices 549px & below - iphone 4 etc */

/*      
@media screen and (max-width:549px) {

      body.body1{font-size: 16px;}

}
*/


     /*TEST GALAXY S6!!*/

/*      */ 

    @media screen and (min-width:100px) and (max-width:590px) {
 
    a.a_bluemobile {color: blue; text-decoration: underline; font-style: italic;}
        
    body.body1{font-size: 16px; background-image: url('/images/backgrounds/background_top_2.jpg');}
         
        div.divtop1 {height: 230px;}
            div.divtop1middel_groterbox {width: 320px;}
            div.divtop1middel {width: 320px;}
 
           
          div.divtop1middelbovenste {height: 160px; width: 320px;  background-color: 0098FF;}
                 img.img_defontein_top {height: 41px; width: 288px;}
                 div.divtop1middelbovenste_menu {display:none;}
                 img.img_nhg_logo_top {height: 53px; width: 86px; top: 75; left: 223;}
                div.defonteinnummer-spoednummer_top_rechts {height: 41px; width: 200px; position: relative; top: 20; left: 20;}


          div.divtop1middelonderste {height: 0px; width: 0px; position: relative; top: 0; left: 0; text-align: left;}
                img.praktijk_voorkant_top_rechts {display: none;}
                
                div.divtop1middelondersteonline_menu {position: absolute; top: 0; left: 0; text-align: left;}
                    div.wit_online_menu {display: none;}
                    div.bovenstezinonlinemenu {display: none;}
                              div.huisartsenmedewerkers55{position: absolute; top: 0; left: 0; height: 60px; width: 320px; text-align: center;}
                              img.t112 { width: 284px; height: 58px; border-style: solid; border-width: 0px;}
                              
                              div.divtop1middelonderste_inschrijven {display: none;}



          div.middle_section1 {height: 248px; width: 320px; position: relative; top: 4; left: 0; text-align: left; display: block; margin-left: auto; margin-right: auto;}
                div.middle_section1_left {height: 228px; width: 312px; position: absolute; top: 0; left: 0; text-align: justify; background-color: D6E3FF;  border-color: blue; border-width: 3px; border-style: solid;}
                    div.main_menu_menu{position: absolute; top: 3; left: 5; text-align: left; font-weight:bold; font-size: 80%; color: A0A0A0; font-family: Aharoni;}
                    div.main_menu_rij_1{position: absolute; top: 20; left: 10; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_2{position: absolute; top: 20; left: 163; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_3{position: absolute; top: 147; left: 10; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_5{position: absolute; top: 147; left: 163; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_6{position: absolute; top: 182; left: 163; text-align: left; font-weight:bold; font-size: 94%; color: blue; font-family: Aharoni;}
                    div.main_menu_rij_4{display: none;}
                div.middle_section1_right {display: none;} 
                    img.logodefontein {display: none;}

                    
                div.middle_section2 {height: 100%; width: 320px; position: relative; top: -5; left: 0; text-align: left; display: block; margin-left: auto; margin-right: auto;}
      div.middle_section2_left {height: 100%; width: 320px; position: absolute; top: 10; left: 0; padding-top: 20; padding-bottom: 30; padding-left: 0; padding-right: 0; background-color: white; text-align: left; font-size: 100%; color: black; border: none;}
                    img.img_print { height:22px; width: 22px; border-style: none; position: absolute; top: 0; left: 295;}
                    div.google_translate_button{position: absolute; top: 0; left: 0;}
                     .pac-container, .pac-item { width: 320px;}
                div.middle_section2_right {display: none;}

               
    div.bottom_section1 {display: none;}   
            div.bottom_section1_topleft {width: 144px; height: 25px; position: absolute; top: 3; left: 0; text-align: left; border: none;}   
                div.bottom_section1_text {display: none;}
                div.bottom_section1_fotos {display: none;}
                div.bottom_section1_text_right {display: none;}


          
                
/*index middle css   */
p.p_mobile{display: none;}
img.img_titel_index_page{display: none;}
/*img.img_waarschuwing{display: none;} */
/*img.img_waarschuwing{position: relative; top: 0; left: -20;}*/
img.img_waarschuwing{position: relative; top: 0; left: -20; width: 380px; height: 90px; border-width: 0px;}
div.div_googleplus{display: none;}



/*dietiste middle css */
img.dietiste { width: 150px; height: 225px; border-width: 0px; position: relative; top: 0; left: 30;}
img.dietiste_logo { width: 135px; height: 46px; border-width: 0px; position: absolute; top: 0; left: 150;}

/*coronavirus css */
img.coronavirus {position: relative; top: 0; left: 0;}

/* huisartsenmedewerkers */
img.img_medewerkers_boven { width: 75px; height: 75px; border-width: 0px; position: relative; top: 0; left: 0;}
img.img_medewerkers_boven2 { width: 75px; height: 75px; border-width: 0px; position: relative; top: 0; left: 20;}
img.img_medewerkers_boven3 { width: 75px; height: 75px; border-width: 0px; position: relative; top: 0; left: 40;}
img.img_medewerkers_onder { width: 56px; height: 75px; border-width: 0px; position: relative; top: 0; left: 17;}
img.img_medewerkers_onder2 { width: 56px; height: 75px; border-width: 0px; position: relative; top: 0; left: 75;}
img.img_medewerkers_onder3 { width: 56px; height: 75px; border-width: 0px; position: relative; top: 0; left: 140;}

div.div_medewerker1{display: block; width: 135px; margin:0; position: relative; top: -10; left: 0; height: 0; font-size: 75%;}
div.div_medewerker2{display: block; width: 135px; margin:0; position: relative; top: -10; left: 110; height: 0; font-size: 75%;}
div.div_medewerker3{display: block; width: 135px; margin:0; position: relative; top: -10; left: 250; height: 0; font-size: 75%;}
div.div_huisarts1{display: block; width: 135px; margin:0; position: relative; top: 0; left: 0; height: 0; font-size: 75%;}
div.div_huisarts2{display: block; width: 135px; margin:0; position: relative; top: -96; left: 72; height: 0; font-size: 75%;}
div.div_huisarts3{display: block; width: 135px; margin:0; position: relative; top: 0; left: 180; height: 0; font-size: 75%;}



/*NHG foto bij nhg acreditatie css */
img.nhg_foto_ngh_php {width: 140px; height: 81px; border-width: 0px;}


/* psychologe */  
img.psychologe { border-width: 0px;}
 


/* contact en locatiepraktijk */
iframe.googlemapsclass{width: 250px; height: 250px;}
 

}



  