#bgbg {
    background-image: url("../images/bg.jpg");      min-height: 750px;
    background-position: center top;
    background-repeat: no-repeat; display: block; margin:0px auto; width:100%;}

body { background-image:url(../images/Roy-Endenburg1.jpg); background-position:center; background-repeat:repeat-y; 
	
	  color: #222222;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    line-height: 150%;
    text-align: justify;
	
	
}p {      margin: 7px 0 0;}	
#header, #content {
    display: table;
    margin: 0 auto;
    width: 990px;
}
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-size:100%; font-weight:normal; color: #541C03; } 
h1, h2 {   padding:0;   font-size: 150%;   font-weight: normal;   margin: 0 0 10px; } 
h2 {  color: #4D2D1E; } 
h3 {
    font-size: 120%;
    line-height: normal;
    margin: 0 0 5px;
}
#player iframe {
    border-radius: 5px;
}
#nav {margin: -20px auto 0; padding:0; width: 990px; }  

#textbox {    background-color: #F3F3F3;
    border-radius: 10px;
    float: left;  margin-left: -4px;
    padding:20px;
    width: 720px; }

.homecss #textbox { background-color: transparent; border-radius: 0; padding:0;    width: 450px;   margin-right: 20px; margin-left:0; padding:0 0 0 20px } 
#nav ul {
    margin: 0 auto;
    padding: 0;
}
#nav ul li { display: inline-block; margin:0px -2px }	  
#content { padding: 10px 0;
    width: 990px;
}
#player { float:left;    margin-top: 36px;}

.navlink {width:68px;height:47px; background-image: url(../images/sprites.png); background-position: 0px 0px; display:inline-block; text-indent:-9999px;  }
.home {background-position: 0px 0px;}
.home:hover {background-position: 0px 47px;}

.about {background-position: -68px 0px; width:77px;}
.about:hover {background-position: -68px 47px; width:77px;}

.hip {background-position: -145px 0px; width:64px}
.hip:hover {background-position: -145px 47px; width:64px}

.knee {background-position: -209px 0px; width:74px}
.knee:hover {background-position: -209px 47px; width:74px}

.articles {background-position: -283px 0px; width:96px}
.articles:hover {background-position: -283px 47px; width:96px}

.contact {background-position: -379px 0px; width:93px}
.contact:hover {background-position: -379px 47px; width:93px}

.consultation {background-position: -477px 0px; width:166px; margin: 0 2px 0 58px;}
.consultation:hover {background-position: -477px 47px; width:166px}

.facebook {background-position: -645px 0px; width:37px;}
.facebook:hover {background-position: -645px 47px; width:37px}

.twitter {background-position: -682px 0px; width:35px;}
.twitter:hover {background-position: -682px 47px; width:35px}
#wrapper {
    margin: 0 auto;
    max-width: 990px;
}

#logo {
    margin: 10px 0 10px 40px;
}


hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
width: 90%;
text-align: left; margin-bottom:10px; margin-left:0px;
}

.bread {font-size:10px;color:#444; font-weight:normal }
.left {width:18%; margin-right:1%; float:left;  }
.main {    float: right;
    margin-top: -30px;
    width: 77%;}
.newsleft {width:18%; float:left; margin-right:12px; }
.newsmain {width:78%; float:right; margin-left:12px; margin-top:-35px; }
.newsmain h2 {margin-bottom:12px; font-size:140%}
ul.leftmenu {margin-left:0px; padding-left:0px; 
margin-top:0px; padding-top:0px;
border-top:1px solid #ddd; }
ul.leftmenu li {  border-bottom: 1px solid #DDDDDD;
    line-height: normal;
    list-style-type: none;
    padding: 10px 0;
    text-align: left;
	display:table;
 }
.row2 {background:#eee; } .row1 {background:#ddd; }
table.banner td {line-height:normal;font-family:verdana; font-size:1px}
#navbar td {text-align:center; font-size:15px; font-weight:bold;}

.nav1 td a {color:#fff;}
.headline {font-size:11px;}
.hide {display:none;}
.intro {margin-bottom:10px; margin-left:10px;font-size:12px; line-height:normal; text-align:justify }
.niframe {display:none;width:1; height:1;}
.thumb {text-align:center;width:142px;height:140px;float:left; margin:2px; border:1px solid #eee; margin-bottom:2px; margin-top:2px;}
.thumb:hover {text-align:center;width:142px;height:140px;float:left; margin:2px; border:1px solid #bbb; margin-bottom:2px; margin-top:2px;}
.thumb2 {text-align:center;width:120px;height:100px;float:left; margin:15px; border:1px solid #eee; margin-bottom:2px; margin-top:2px;}
.thumb2:hover {text-align:center;width:120px;height:100px;float:left; margin:15px; border:1px solid #bbb; margin-bottom:2px; margin-top:2px;}
.thumb td,.thumb2 td{text-align:center;}
h3.subhead {font-size:12px;}
.sidenav .headnav {font-size:13px; font-weight:bold; }
.sidenav .navitem {font-size:11px; font-weight:bold; padding:1px; padding-top:2px;
 padding-bottom:2px; padding-left: 6px; }

.itemcode {font-size:10px; font-weight:normal}
.itemname {font-size:11px; font-weight:bold; }

.pagethis {border:1px solid #ddd; padding:2px; background:#eee;}
.page {border:1px solid #ddd; padding:2px;}
.page:hover {border:1px solid #ddd; background:#eee}
.pageof {float:left; color:#666;}

.pagit {text-align:right; margin-top:10px; font-size:11px; margin-bottom:10px;}
#results tr td {font-size:10px;}
.req {float:right; font-size:10px; }

.NavMenu td {font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px;}
.quote {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; }
.testimonial {margin:20px;}
.testname {font-style:italic; padding-left:25px; margin-top:7px;}

.sitemap,.sitemap ul,.sitemap ul ul  {list-style-type:none; margin-left:0px; display:block}
.sitemap ul li.closed ul {display:none}
.sitemap li.closed ul {display:none}

.sitemap ul li.open ul {display:block}
.sitemap li.open ul {display:block}
.contact td{font-size:9px;}
.date {font-size:9px; margin-top:0px; font-weight:normal}
.ling h3  {border-bottom:0px; }
.ling {border-bottom:1px solid #ddd; margin-bottom:12px; }
h4 {font-size:14px; margin-top:0px;}
a,a:visited,a:active { color:#0d8c8c; text-decoration:none}
a:hover { color:#330000; text-decoration:underline}
a.print,a.print:active,a.print:visted,a.print:hover {color:#666; letter-spacing:0.05em}
input,textarea {font-family:Arial, Helvetica, sans-serif; color:#444;font-size:11px; border:1px solid #aaa }
img {border:0px;}
select {font-family:arial; color:#333; font-size:11px; }
p {margin-bottom:15px;margin-top:0px;}
input.contact {width:95%; }


img[align=right] { border:1px solid #ccc; } 

.aboutthedoc { float:left; width:59% } 
.theteam {float:right; width:39%; margin-top:-35px; } 

@media screen and (max-width:989px){
#wrapper { width:98%;max-width: 98%; }
#header, #content, #nav { width:100%; }
#nav ul li {     display: block;    float: left;    margin: 0;    padding: 0;}
.consultation {   margin: 0 2px 0 18px; } 
#textbox {    padding: 2%; float:none; display:table;     width: 95%; } .homecss #textbox { float:left; } 
}


@media screen and (max-width:767px){
.main { width: 75%; } 
#nav ul {    display: table;    margin: 0 auto;    padding: 0;}
#logo {     margin: 10px 0 0 5px;}
.facebook, .twitter { top: 10px; right:20px; position:absolute;  } .facebook { right: 60px; } 
#logo img {    max-height: 180px; width: auto; }
.consultation {     margin: 0;    position: absolute;    right: 10px;    top: 70px;}
#textbox {     display: table;    float: none;    margin: 0 auto;    padding: 2%;    width: 96%;}
h1, h2 {     font-size: 130%; } .homecss #textbox {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 0 0;
    margin-left: 0;
    margin-right: 20px;
    padding: 10px 0 0 10px;
    width: 360px;
}#player iframe {
    border-radius: 5px 5px 5px 5px;
    height: auto;
    width: 190px;
}
}
@media screen and (max-width:599px){

#logo img {     max-height: 120px;    width: auto;}
.facebook, .twitter { top:5px; }.consultation { top: 50px; } .home { display:none; } #nav {
    margin: -5px auto 0; } h1, h2 {     font-size: 120%;}.aboutthedoc, .theteam { float:none; margin:0; width:auto; } 
.homecss #bgbg{ background-position: center -50px; } 
.homecss #textbox { width:auto; } #player { display:none; } 
.contactcss td {    display: block;
    margin: 0;    padding: 0;    width: 100%;}.contactable {    display: table;    margin: 0 auto;    width: 100%;}.contactable td {    display: block;    float: left;   padding: 3px;    width: 48%;}input, textarea { width:100%;  font-size: 100%;display:block } .newsmain {
    float: right;
    margin-left: 2%;
    margin-top: -31px;
    width: 75%;
}.newsleft {
    float: left;
    margin-right: 2%;
    width: 18%;
}
}
@media screen and (max-width:479px){
.left, .newsleft {
    float: none;
    margin: 0 auto 10px;
    text-align: center;
    width: 80%;
}ul.leftmenu li { padding:0; }.leftmenu a {
    display: block;
    padding: 10px 0;
    text-align: center;
}
.main, .newsmain {
    margin: 10px auto;
    width: 100%;
}h1, h2 { 
    font-size: 140%;
    line-height: normal;
    margin: 10px auto;
    text-align: center;
}.main > img, .newsmain img {
    max-width: 280px;
}.articles, .consultation { display:none ; } #logo img {
    display: block;
    margin: 0 auto;
    max-height: 120px;
    width: auto;
} input, textarea { width:100%; }.contactable td {
    display: block;
    float: none;
    padding: 3px 0;
    width: 100%; }
	.homecss #textbox {     background-color: #F3F3F3;     border-radius: 10px; margin:0px auto; padding:10px; } 
	#player { display: block; margin: 10px auto; width: auto; } #player  iframe { margin:0px auto; } 
	.facebook, .twitter { display:none;  } h3 {
    font-size: 110%;
    line-height: normal;
    margin: 10px 0;
    text-align: center;
}img[align="right"]  {
    display: block;
    float: none;
    margin: 10px auto;
}
}