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

HTML, BODY {
	font-family: 'Open Sans', sans-serif;
	color:					#4a4a4b;
	height:					100%;
}

a {
	color: 				#fd0410;
    text-decoration:    none; 
    vertical-align:     baseline; 

}

a:hover {
    color: 			#0255cf; 
}

.afspraak_icon a, .blauw_blok_smal a {
	color: #ffffff;
}

.afspraak_icon a:hover, .blauw_blok_smal a:hover {
	color: #fd0410;
}

.clr {
	clear:both;
	height: 1px;
}

h1, h2, h3 {
	color: #0255cf;
}


ul {
	margin: 10px 0 10px 30px;
	list-style:disc;
}

ol {
	margin: 10px 0 10px 30px;
	list-style-type:decimal;
}

.bereik {
	visibility: hidden;
	height: 1px;
}

.alert {
	background-color: #fd0410;
	padding: 5px;
	color: #ffffff;
}

.quote {
	color: #00F;
	font-style:italic;
}


/* ################### BREEDBEELDSCHERMEN ###################### */
/* ============================================================== */
/* ============================================================== */

@media screen and (min-width: 1600px) {
	
HTML, BODY {
	font-size:				16px;
	line-height:			19px;
}	
	
h1 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 21px;
	line-height: 24px;
	margin: 0 0 10px 0;
}
	
.inner {
	width: 1580px;
	margin: 0 auto;
	border: 0px solid #F00;
}

#top {
	height: 600px;
	background-image: url(/images/top_bck.jpg);
	background-size:cover;
}

#logo {
	float: left;
	width: 530px;
	height: 270px;
	overflow: hidden;
}

#logo img {
	width: 100%;
}


#menu {
	height: 50px;
	background-color: #0255cf;
}

#menu_mobiel {
	display: none;	
}

#maincontent {
	min-height: 400px;
	padding: 50px 0 50px 0;
}

#homefoto {
	float: left; 
	width: 520px;
	border: 0px solid #777;
}

#homefoto img {
	width: 90%;
}

#hometekst {
	float: left; 
	width: 670px;
	border: 0px solid #777;
	margin: 0 0 0 10px;
}

    
    #homeblok_1 {
        float: left;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 7% 0 0;
    }
    
    #homeblok_2 {
        float: left;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 7% 0 0;
    }
    
    #homeblok_3 {
        float: right;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 0 0 0;
    }
    
    #homeblok_1 img, #homeblok_2 img, #homeblok_3 img {
        width: 100%;
    }
    
    .break {
        height: 20px;
        border-bottom: 1px solid #1B379F;
        margin: 20px 0 0 0;
    }

#afspraakblok {
	float: right; 
	width: 320px;
	border: 0px solid #777;
	background-color: #0255cf;
	color: #ffffff;
}

#afspraakblok_titel {
	background-color: #fd0410;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 7px 20px 20px;
	text-align: center;
}

.afspraak_icon p {
	display: inline-block;
	position: relative;
	bottom: 25px;
}

.afspraak_icon img {
	width: 60px;
	margin: 10px 15px 0 15px;
}

.afspraakblok_tekst {
	padding: 20px;
}

.nieuwslinkje {
	float: left;
	width: 300px;
	overflow: hidden;
	margin: 90px 125px 0 0;
}

.vierde {
	float: right;
	border: 0px solid #F00;
	margin: 90px 0 0 0;
}

.nieuwslinkje img {
	width: 100%;
}

.nieuwslinks_titel {
	background-color: #0255cf;
	color: #ffffff;
	padding: 12px;
	margin: 0 0 10px 0;
}

.nieuwslinks_titel a {
	color: #ffffff;
}

#nieuwsvak {
	float: left;
	width: 1030px;
	border: 0px solid #777;
}

#nieuwsmenu {
	float: right;
	width: 500px;
	border: 0px solid #777;
}

.nieuwstitel, #nieuwsmenu h2 {
	background-color: #0255cf;
	color: #ffffff;
	font-size: 24px;
	line-height: 28px;
	padding: 10px 15px 10px 15px;
}

.nieuwsintro {
	font-weight: bold;
	margin: 0 0 15px 0;
}

.nieuwsfoto {
	float: left;
	width: 340px;
}

.nieuwsfoto img {
	width: 100%;
}

.nieuwstekst {
	float: left;
	width: 670px;
	margin: 15px 0 0 20px;
}

.nieuwslinks {
	margin: 0 0 15px 15px;
}

.lees_verder {
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

#extra_home_tekst {
	width: 70%;
	margin: 0 auto;
	margin-top: 90px;
}

#extra_home_tekst img {
	
}

.tekstblok_half_links {
	float: left;
	width: 45%;
	border: 0px solid #777;
}

.tekstblok_half_rechts {
	float: right;
	width: 45%;
	border: 0px solid #777;
}

.formlabel {
	float: left;
	width: 20%;
}

.formfield {
	float: left;
	width: 80%;
}

.tekstveld {
	width: 400px;
	height: 22px;
	margin: 0 0 10px 0;
}

.tekstblok {
	width: 400px;
	height: 180px;
	margin: 0 0 10px 0;
}

#mapsblok img {
	width: 100%;
}

.foto_links {
	float: left;
	width: 30%;
	border: 0px solid #777;
    margin: 0 40px 0 0;
}

.foto_rechts {
	float: right;
	width: 30%;
	border: 0px solid #777;
	margin: 0 0 5px 20px;
}

.foto_links img, .foto_rechts img {
	width: 100%;
}

.tekst_rechts_naast_foto {
	float: right;
	width: 67%;
}

.blauw_blok_smal {
	color: #ffffff;
	width: 70%;
	margin: 0 auto;
	background-color: #0255cf;
	padding: 20px;
}

.blauw_blok_breed {
	color: #ffffff;
	width: 90%;
	margin: 0 auto;
	background-color: #0255cf;
	padding: 2% 5% 2% 5%;
}

.blauw_blok_smal h2, .blauw_blok_smal h1, .blauw_blok_breed h2, .blauw_blok_breed h1 {
	color: #ffffff;
}

.inspringende_tekst {
	width: 70%;
	margin: 0 auto;
	}
	
.kolom_1_2_A {
	float: left; 
	width: 45%;
}

.kolom_1_2_B {
	float: right; 
	width: 45%;
}

.kolom_1_2_A h3, .kolom_1_2_B h3, .kolom_1_3_A h3, .kolom_1_3_B h3, .kolom_1_3_C h3 {
	background-color: #0255cf;
	color: #ffffff;
	padding: 5px 7px 5px 7px;
	margin: 0 0 10px 0;
}

.kolom_1_2_A img, .kolom_1_2_B img{
	width: 100%;
	margin: 10px 0 0 0;
}

.kolom_1_3_A {
	float: left; 
	width: 29%;
}

.kolom_1_3_B {
	float: left; 
	width: 29%;
	margin: 0 0 0 7%;
}

.kolom_1_3_C {
	float: right; 
	width: 29%;
}

.pupmedlink {
	width: 200px;
	height: 39px;
}

.teamlid {
	float: left;
	width: 80%;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #b8babc;
	margin: 20px 0 20px 10%;
}

.teamlidfoto {
	float: left;
	width: 300px;
}

.teamlidfoto img {
	width: 100%;
}

.teamlid_naam {
	background-color: #0255cf;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	padding: 12px 15px 12px 0;
	position: relative;
	bottom: 5px;
}

.teamlid_functie {
	background-color: #fd0410;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	padding: 7px 15px 7px 0;
	width: 215px;
	margin: 0 0 0 70px;
	position: relative;
	bottom: 5px;
}

.teamlid_tekst {
	float: right;
	width: 900px;
}


.popup {
	width: 500px;
	padding: 5%;
	border: 1px solid #777;
	margin: 0 0 0 0;
}

#proefschrift {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 30px;
}

#proefschrift h2 {
	background-color: #0255cf;
	padding: 12px 7px 12px 7px;
	text-align: center;
	color: #ffffff;
}

#proefschrift img {
	width: 100%;
}

.fysioprotocol {
	float: left;
	width: 12%;
	margin: 10px 0 30px 4%;
}

.fysioprotocol img {
	width: 100%;
}

.middenfoto {
	width: 45%;
	margin: 0 0 0 27%;
}

.center_afbeelding {
	width: 30%;
	margin: 0 0 0 35%;
}

.patienteninfo_afbeelding_links {
	float: left;
	width: 350px;
}

.tussentekst {
	float: left;
	width: 700px;
	padding: 0 0 0 90px;
}

.patienteninfo_afbeelding_rechts {
	float: right;
	width: 350px;
}

.patienteninfo_afbeelding_rechts img, .patienteninfo_afbeelding_links img {
	width: 100%;
}

.afb_klik {
	font-size: 12px;
	font-weight: bold;
}

    .diaserie {
        float: left;
        width: 180px;
        margin: 0 20px 20px 0;
        border: 1px solid #0255cf;
        padding: 3px;
    }

.footer {
	background-color: #0255cf;
	margin: 20px 0 0 0;
	min-height: 50px;
	padding: 20px 0 40px 0;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #777;
}


}
/* ##################  EINDE BREEDBEELDSCHERMEN ################# */
/* ============================================================== */
/* ============================================================== */



/* ###################  KLEINERE SCHERMEN  ###################### */
/* ============================================================== */
/* ============================================================== */
@media screen and (min-width: 1280px) and (max-width: 1599px) {


HTML, BODY {
	font-size:				14px;
	line-height:			18px;
	background-image: url(../images/main_bck.jpg);
	background-attachment:fixed;
}	
	
h1 {
	font-size: 18px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 21px;
	margin: 0 0 10px 0;
}
	
.inner {
	width: 1200px;
	margin: 0 auto;
}


#top {
	height: 480px;
	background-image: url(/images/top_bck.jpg);
	background-size:cover;
}

#logo {
	float: left;
	width: 420px;
	height: 270px;
	overflow: hidden;
}

#logo img {
	width: 100%;
}


#menu {
	height: 50px;
	background-color: #0255cf;
}

#menu_mobiel {
	display: none;	
}

#maincontent {
	min-height: 400px;
	padding: 30px 0 20px 0;
}

#homefoto {
	float: left; 
	width: 380px;
	border: 0px solid #777;
}

#homefoto img {
	width: 90%;
}

#hometekst {
	float: left; 
	width: 510px;
	border: 0px solid #777;
	margin: 0 0 0 10px;
}
    
    #homeblok_1 {
        float: left;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 7% 0 0;
    }
    
    #homeblok_2 {
        float: left;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 7% 0 0;
    }
    
    #homeblok_3 {
        float: right;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 0 0 0;
    }
    
    #homeblok_1 img, #homeblok_2 img, #homeblok_3 img {
        width: 100%;
    }
    
    .break {
        height: 20px;
        border-bottom: 1px solid #1B379F;
        margin: 20px 0 0 0;
    }

#afspraakblok {
	float: right; 
	width: 250px;
	border: 0px solid #777;
	background-color: #0255cf;
	color: #ffffff;
}

#afspraakblok_titel {
	background-color: #fd0410;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 7px 20px 20px;
	text-align: center;
}

.afspraak_icon p {
	display: inline-block;
	position: relative;
	bottom: 25px;
}

.afspraak_icon img {
	width: 50px;
	margin: 10px 15px 0 15px;
}

.afspraakblok_tekst {
	padding: 20px;
}

.nieuwslinkje {
	float: left;
	width: 250px;
	overflow: hidden;
	margin: 70px 66px 0 0;
}

.vierde {
	float: right;
	border: 0px solid #F00;
	margin: 70px 0 0 0;
}

.nieuwslinkje img {
	width: 100%;
}

.nieuwslinks_titel {
	background-color: #0255cf;
	color: #ffffff;
	padding: 12px;
	margin: 0 0 10px 0;
}

.nieuwslinks_titel a {
	color: #ffffff;
}

#nieuwsvak {
	float: left;
	width: 790px;
	border: 0px solid #777;
}

#nieuwsmenu {
	float: right;
	width: 380px;
	border: 0px solid #777;
}

.nieuwstitel, #nieuwsmenu h2 {
	background-color: #0255cf;
	color: #ffffff;
	font-size: 21px;
	line-height: 24px;
	padding: 10px 15px 10px 15px;
}

.nieuwsintro {
	font-weight: bold;
	margin: 0 0 15px 0;
}

.nieuwsfoto {
	float: left;
	width: 280px;
}

.nieuwsfoto img {
	width: 100%;
}

.nieuwstekst {
	float: left;
	width: 490px;
	margin: 15px 0 0 20px;
}

.nieuwslinks {
	margin: 0 0 15px 15px;
}

.lees_verder {
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

#extra_home_tekst {
	width: 70%;
	margin: 0 auto;
	margin-top: 70px;
}

#extra_home_tekst img {
	
}

.tekstblok_half_links {
	float: left;
	width: 45%;
	border: 0px solid #777;
}

.tekstblok_half_rechts {
	float: right;
	width: 45%;
	border: 0px solid #777;
}

.formlabel {
	float: left;
	width: 25%;
}

.formfield {
	float: left;
	width: 75%;
}

.tekstveld {
	width: 350px;
	height: 18px;
	margin: 0 0 10px 0;
}

.tekstblok {
	width: 350px;
	height: 150px;
	margin: 0 0 10px 0;
}

#mapsblok img {
	width: 100%;
}

.foto_links {
	float: left;
	width: 30%;
	border: 0px solid #777;
}

.foto_rechts {
	float: right;
	width: 30%;
	border: 0px solid #777;
	margin: 0 0 5px 20px;
}

.foto_links img, .foto_rechts img {
	width: 100%;
}

.tekst_rechts_naast_foto {
	float: right;
	width: 67%;
}

.blauw_blok_smal {
	color: #ffffff;
	width: 70%;
	margin: 0 auto;
	background-color: #0255cf;
	padding: 20px;
}

.blauw_blok_breed {
	color: #ffffff;
	width: 90%;
	margin: 0 auto;
	background-color: #0255cf;
	padding: 2% 5% 2% 5%;
}

.blauw_blok_smal h2, .blauw_blok_smal h1, .blauw_blok_breed h2, .blauw_blok_breed h1 {
	color: #ffffff;
}

.inspringende_tekst {
	width: 70%;
	margin: 0 auto;
	}
	
.kolom_1_2_A {
	float: left; 
	width: 45%;
}

.kolom_1_2_B {
	float: right; 
	width: 45%;
}

.kolom_1_2_A h3, .kolom_1_2_B h3, .kolom_1_3_A h3, .kolom_1_3_B h3, .kolom_1_3_C h3 {
	background-color: #0255cf;
	color: #ffffff;
	padding: 5px 7px 5px 7px;
	margin: 0 0 10px 0;
}

.kolom_1_2_A img, .kolom_1_2_B img{
	width: 100%;
	margin: 10px 0 0 0;
}

.kolom_1_3_A {
	float: left; 
	width: 29%;
}

.kolom_1_3_B {
	float: left; 
	width: 29%;
	margin: 0 0 0 7%;
}

.kolom_1_3_C {
	float: right; 
	width: 29%;
}

.pupmedlink {
	width: 200px;
	height: 39px;
}


.teamlid {
	float: left;
	width: 80%;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #b8babc;
	margin: 20px 0 20px 10%;
}

.teamlid_2 {
	float: left;
	width: 80%;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #b8babc;
	margin: 20px 0 20px 10%;
}

.teamlidfoto {
	float: left;
	width: 230px;
}

.teamlidfoto img {
	width: 100%;
}

.teamlid_naam {
	background-color: #0255cf;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	padding: 12px 15px 12px 0;
	position: relative;
	bottom: 5px;
}

.teamlid_functie {
	background-color: #fd0410;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	padding: 7px 15px 7px 0;
	width: 170px;
	margin: 0 0 0 45px;
	position: relative;
	bottom: 5px;
}

.teamlid_tekst {
	float: right;
	width: 680px;
}

.fysioprotocol {
	float: left;
	width: 12%;
	margin: 10px 0 20px 4%;
}

.fysioprotocol img {
	width: 100%;
}

.middenfoto {
	width: 45%;
	margin: 0 0 0 27%;
}

.center_afbeelding {
	width: 30%;
	margin: 0 0 0 35%;
}

.patienteninfo_afbeelding_links {
	float: left;
	width: 280px;
}

.tussentekst {
	float: left;
	width: 550px;
	padding: 0 0 0 45px;
}

.patienteninfo_afbeelding_rechts {
	float: right;
	width: 280px;
}

.patienteninfo_afbeelding_rechts img, .patienteninfo_afbeelding_links img {
	width: 100%;
}

.afb_klik {
	font-size: 12px;
	font-weight: bold;
}
    
     .diaserie {
        float: left;
        width: 160px;
        margin: 0 15px 15px 0;
        border: 1px solid #0255cf;
        padding: 3px;
    }

.footer {
	background-color: #0255cf;
	margin: 20px 0 0 0;
	min-height: 50px;
	padding: 20px 0 40px 0;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #777;
}
   
}
/* ##################  EINDE KLEINERE  SCHERMEN ################# */
/* ============================================================== */
/* ============================================================== */


/* ###################  KLEINERE SCHERMEN  ###################### */
/* ============================================================== */
/* ============================================================== */
@media screen and (min-width: 961px) and (max-width: 1279px) {

HTML, BODY {
	font-size:				14px;
	line-height:			19px;
	background-image: url(../images/main_bck.jpg);
	background-attachment:fixed;
}	
	
h1 {
	font-size: 16px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
	
.inner {
	width: 960px;
	margin: 0 auto;
}

#top {
	height: 400px;
	background-image: url(/images/top_bck.jpg);
	background-size:cover;
}

#logo {
	float: left;
	width: 320px;
	height: 180px;
	overflow: hidden;
}

#logo img {
	width: 100%;
}


#menu {
	height: 50px;
	background-color: #0255cf;
}

#menu_mobiel {
	display: none;	
}

#maincontent {
	min-height: 400px;
	padding: 30px 0 20px 0;
}

#homefoto {
	float: left; 
	width: 260px;
	border: 0px solid #777;
}

#homefoto img {
	width: 90%;
}

#hometekst {
	float: left; 
	width: 440px;
	border: 0px solid #777;
	margin: 0 0 0 10px;
}
    
    #homeblok_1 {
        float: left;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 7% 0 0;
    }
    
    #homeblok_2 {
        float: left;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 7% 0 0;
    }
    
    #homeblok_3 {
        float: right;
        width: 28%;
        border: 0px solid #F00;
        margin: 30px 0 0 0;
    }
    
    #homeblok_1 img, #homeblok_2 img, #homeblok_3 img {
        width: 100%;
    }
    
    .break {
        height: 20px;
        border-bottom: 1px solid #1B379F;
        margin: 20px 0 0 0;
    }

#afspraakblok {
	float: right; 
	width: 210px;
	border: 0px solid #777;
	background-color: #0255cf;
	color: #ffffff;
}

#afspraakblok_titel {
	background-color: #fd0410;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 7px 20px 20px;
	text-align: center;
}

.afspraak_icon p {
	display: inline-block;
	position: relative;
	bottom: 15px;
}

.afspraak_icon img {
	width: 40px;
	margin: 5px 15px 0 10px;
}

.afspraakblok_tekst {
	padding: 15px;
}

.nieuwslinkje {
	float: left;
	width: 210px;
	overflow: hidden;
	margin: 50px 40px 0 0;
}

.vierde {
	float: right;
	border: 0px solid #F00;
	margin: 50px 0 0 0;
}

.nieuwslinkje img {
	width: 100%;
}

.nieuwslinks_titel {
	background-color: #0255cf;
	color: #ffffff;
	padding: 12px;
	margin: 0 0 10px 0;
}

.nieuwslinks_titel a {
	color: #ffffff;
}

#nieuwsvak {
	float: left;
	width: 620px;
	border: 0px solid #777;
}

#nieuwsmenu {
	float: right;
	width: 300px;
	border: 0px solid #777;
}

.nieuwstitel, #nieuwsmenu h2 {
	background-color: #0255cf;
	color: #ffffff;
	font-size: 21px;
	line-height: 24px;
	padding: 10px 15px 10px 15px;
}

.nieuwsintro {
	font-weight: bold;
	margin: 0 0 15px 0;
}

.nieuwsfoto {
	float: left;
	width: 210px;
}

.nieuwsfoto img {
	width: 100%;
}

.nieuwstekst {
	float: left;
	width: 390px;
	margin: 15px 0 0 20px;
}

.nieuwslinks {
	margin: 0 0 15px 15px;
}

.lees_verder {
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

#extra_home_tekst {
	width: 70%;
	margin: 0 auto;
	margin-top: 50px;
}

#extra_home_tekst img {
	
}

.tekstblok_half_links {
	float: left;
	width: 45%;
	border: 0px solid #777;
}

.tekstblok_half_rechts {
	float: right;
	width: 50%;
	border: 0px solid #777;
}

.formlabel {
	float: left;
	width: 25%;
}

.formfield {
	float: left;
	width: 75%;
}

.tekstveld {
	width: 300px;
	height: 16px;
	margin: 0 0 10px 0;
}

.tekstblok {
	width: 300px;
	height: 120px;
	margin: 0 0 10px 0;
}

#mapsblok img {
	width: 100%;
}

.foto_links {
	float: left;
	width: 25%;
	border: 0px solid #777;
}

.foto_rechts {
	float: right;
	width: 30%;
	border: 0px solid #777;
	margin: 0 0 5px 20px;
}

.foto_links img, .foto_rechts img {
	width: 100%;
}

.tekst_rechts_naast_foto {
	float: right;
	width: 73%;
}

.blauw_blok_smal {
	color: #ffffff;
	width: 90%;
	margin: 0 auto;
	background-color: #0255cf;
	padding: 20px;
}

.blauw_blok_breed {
	color: #ffffff;
	width: 100%;
	margin: 0 auto;
	background-color: #0255cf;
	padding: 2% 5% 2% 5%;
}


.blauw_blok_smal h2, .blauw_blok_smal h1, .blauw_blok_breed h2, .blauw_blok_breed h1 {
	color: #ffffff;
}

.inspringende_tekst {
	width: 90%;
	margin: 0 auto;
	}
	
.kolom_1_2_A {
	float: left; 
	width: 45%;
}

.kolom_1_2_B {
	float: right; 
	width: 45%;
}

.kolom_1_2_A h3, .kolom_1_2_B h3, .kolom_1_3_A h3, .kolom_1_3_B h3, .kolom_1_3_C h3 {
	background-color: #0255cf;
	color: #ffffff;
	padding: 5px 7px 5px 7px;
	margin: 0 0 10px 0;
}

.kolom_1_2_A img, .kolom_1_2_B img{
	width: 100%;
	margin: 10px 0 0 0;
}

.kolom_1_3_A {
	float: left; 
	width: 29%;
}

.kolom_1_3_B {
	float: left; 
	width: 29%;
	margin: 0 0 0 7%;
}

.kolom_1_3_C {
	float: right; 
	width: 29%;
}

.pupmedlink {
	width: 200px;
	height: 39px;
}

.teamlid {
	float: left;
	width: 100%;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #b8babc;
	margin: 20px 0 20px 0;

}


.teamlid_2 {
	float: left;
	width: 100%;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #b8babc;
	margin: 20px 0 20px 0;

}

.teamlidfoto {
	float: left;
	width: 180px;
}

.teamlidfoto img {
	width: 100%;
}

.teamlid_naam {
	background-color: #0255cf;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	padding: 12px 15px 12px 0;
	position: relative;
	bottom: 5px;
}

.teamlid_functie {
	background-color: #fd0410;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	padding: 7px 15px 7px 0;
	width: 120px;
	margin: 0 0 0 45px;
	position: relative;
	bottom: 5px;
}

.teamlid_tekst {
	float: right;
	width: 740px;
}

.fysioprotocol {
	float: left;
	width: 12%;
	margin: 10px 0 20px 4%;
}

.fysioprotocol img {
	width: 100%;
}

.middenfoto {
	width: 45%;
	margin: 0 0 0 27%;
}

.center_afbeelding {
	width: 30%;
	margin: 0 0 0 35%;
}

.patienteninfo_afbeelding_links {
	float: left;
	width: 200px;
}

.tussentekst {
	float: left;
	width: 480px;
	padding: 0 0 0 40px;
}

.patienteninfo_afbeelding_rechts {
	float: right;
	width: 200px;
}

.patienteninfo_afbeelding_rechts img, .patienteninfo_afbeelding_links img {
	width: 100%;
}

.afb_klik {
	font-size: 12px;
	font-weight: bold;
}
    
     .diaserie {
        float: left;
        width: 150px;
        margin: 0 15px 15px 0;
        border: 1px solid #0255cf;
        padding: 3px;
    }

.footer {
	background-color: #0255cf;
	margin: 20px 0 0 0;
	min-height: 50px;
	padding: 20px 0 40px 0;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #777;
}
   
}
/* ##################  EINDE KLEINERE  SCHERMEN ################# */
/* ============================================================== */
/* ============================================================== */






/* ###################   MOBILE  DEVICES   ###################### */
/* ============================================================== */
/* ============================================================== */
@media only screen and (max-width: 960px) {
	
	
	HTML, BODY {
	font-size:				14px;
	line-height:			16px;
}	
	
h1 {
	font-size: 21px;
	line-height: 26px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 18px;
	margin: 0 0 10px 0;
}
	
.inner {
	width: 95%;
	margin: 0 auto;
	border: 0px solid #777;
	overflow: hidden;
}

#top {
	min-height: 200px;
	background-image: url(/images/top_bck.jpg);
	background-size:cover;
}

#logo {
	width: 70%;
	margin: 0 0 0 2%;
}

#logo img {
	width: 100%;
}

#menu {
	display: none;

}

#menu_mobiel {
	width: 100%;
	color: #ffffff;
	margin: 0 0 10px 0;	
	position: relative;
	bottom: 1px;
}

#homefoto { 
	width: 80%;
	border: 0px solid #777;
}

#homefoto img {
	width: 100%;
}

#hometekst {
	border: 0px solid #777;
	margin: 10px 0 20px 10px;
}
    
    #homeblok_1 {
        width: 100%;
        border: 0px solid #F00;
        margin: 30px 0 0 0;
    }
    
    #homeblok_2 {
        width: 100%;
        border: 0px solid #F00;
        margin: 30px 0 0 0;
    }
    
    #homeblok_3 {
        float: right;
        width: 100%;
        border: 0px solid #F00;
        margin: 30px 0 0 0;
    }
    
    #homeblok_1 img, #homeblok_2 img, #homeblok_3 img {
        width: 100%;
    }
    
    .break {
        height: 20px;
        border-bottom: 1px solid #1B379F;
        margin: 20px 0 0 0;
    }

#afspraakblok {
	width: 90%;
	margin: 0 auto;
	border: 0px solid #777;
	background-color: #0255cf;
	color: #ffffff;
}

#afspraakblok_titel {
	background-color: #fd0410;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 7px 20px 20px;
	text-align: center;
}

.afspraak_icon p {
	display: inline-block;
	position: relative;
	bottom: 15px;
}

.afspraak_icon img {
	width: 40px;
	margin: 10px 15px 0 10px;
}

.afspraakblok_tekst {
	padding: 15px;
}

.nieuwslinkje {
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	border-bottom: 1px dotted #777;
	padding: 0 0 10px 0;
}

.vierde {
	
}

.nieuwslinkje img {
	width: 100%;
}

.nieuwslinks_titel {
	background-color: #0255cf;
	color: #ffffff;
	padding: 12px;
	margin: 0 0 10px 0;
	text-align: center;
}

.nieuwslinks_titel a {
	color: #ffffff;
}

#nieuwsvak {
	width: 100%;
	border: 0px solid #777;
}

#nieuwsmenu {
	width: 100%;
	border: 0px solid #777;
}

.nieuwstitel, #nieuwsmenu h2 {
	background-color: #0255cf;
	color: #ffffff;
	font-size: 21px;
	line-height: 24px;
	padding: 10px 15px 10px 15px;
}

.nieuwsintro {
	font-weight: bold;
	margin: 0 0 15px 0;
}

.nieuwsfoto {
	width: 100%;
}

.nieuwsfoto img {
	width: 100%;
}

.nieuwstekst {
	width: 100%;
	margin: 15px 0 15px 0;
}

.nieuwslinks {
	margin: 0 0 15px 15px;
}

.lees_verder {
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

#extra_home_tekst {
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
}

#extra_home_tekst img {
	
}

.tekstblok_half_links {
	width: 100%;
	border: 0px solid #777;
	margin: 0 0 10px 0;
}

.tekstblok_half_rechts {
	width: 100%;
	border: 0px solid #777;
}

.formlabel {
	
}

.formfield {

}

.tekstveld {
	width: 95%;
	height: 22px;
	margin: 0 0 10px 0;
}

.tekstblok {
	width: 95%;
	height: 120px;
	margin: 0 0 0 0;
}

#mapsblok {
	margin: 0 0 10px 0;
}

#mapsblok img {
	width: 100%;
}

.foto_links, .foto_rechts {
	width: 90%;
	margin: 0 auto;
}

.foto_links img, .foto_rechts img {
	width: 100%;
}

.tekst_rechts_naast_foto {
	width: 100%;
}

.blauw_blok_smal, .blauw_blok_breed {
	color: #ffffff;
	width: 96%;
	margin: 0 auto;
	background-color: #0255cf;
	padding: 2%;
}

.blauw_blok_smal h2, .blauw_blok_smal h1, .blauw_blok_breed h2, .blauw_blok_breed h1 {
	color: #ffffff;
}

.inspringende_tekst {
	width: 100%;
	margin: 0 auto;
	}
	
.kolom_1_2_A {
	width: 100%;
}

.kolom_1_2_B {
	width: 100%;
	margin: 10px 0 0 0;
}

.kolom_1_2_A h3, .kolom_1_2_B h3, .kolom_1_3_A h3, .kolom_1_3_B h3, .kolom_1_3_C h3 {
	background-color: #0255cf;
	color: #ffffff;
	padding: 5px 7px 5px 7px;
	margin: 0 0 10px 0;
}

.kolom_1_2_A img, .kolom_1_2_B img{
	width: 100%;
	margin: 10px 0 10px 0;
}

.kolom_1_3_A {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.kolom_1_3_B {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.kolom_1_3_C {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.pupmedlink {
	width: 50%;
	float: right;
}

.teamlid, .teamlid_2 {
	width: 70%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #b8babc;
	margin-bottom: 20px;
}


.teamlidfoto {
	float: left;
	width: 100%;
}

.teamlidfoto img {
	width: 100%;
}

.teamlid_naam {
	background-color: #0255cf;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	padding: 12px 15px 12px 0;
	position: relative;
	bottom: 5px;
}

.teamlid_functie {
	background-color: #fd0410;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	padding: 7px 15px 7px 0;
	margin: 0 0 0 0;
	position: relative;
	bottom: 5px;
}

.teamlid_tekst {
	width: 100%;
}

.fysioprotocol {
	float: left;
	width: 27%;
	margin: 10px 0 20px 5%;
}

.fysioprotocol img {
	width: 100%;
}

.middenfoto {
	width: 45%;
	margin: 0 0 0 27%;
}

.center_afbeelding {
	width: 50%;
	margin: 0 0 0 25%;
}

.patienteninfo_afbeelding_links {
	width: 100%;
	margin: 0 0 0 0;
}

.tussentekst {
	width: 100%;
	margin: 0 0 0 0;
}

.patienteninfo_afbeelding_rechts {
	width: 100%;
	margin: 0 0 0 0;
}

.patienteninfo_afbeelding_rechts img, .patienteninfo_afbeelding_links img {
	width: 100%;
}

.afb_klik {
	font-size: 12px;
	font-weight: bold;
}
    
.diaserie {
        float: left;
        width: 45%;
        margin: 0 3% 3% 0;
        border: 1px solid #0255cf;
        padding: 3px;
    }

.footer {
	background-color: #0255cf;
	margin: 20px 0 0 0;
	min-height: 30px;
	padding: 20px 0 40px 0;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #777;
}

   
}
/* ##################   EINDE  MOBILE  DEVICES  ################# */
/* ============================================================== */
/* ============================================================== */