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

/* Det som behövs för indexsidan */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


:focus, :active {
	outline: 0;
}


body {
	background: #e6e6e6 url(../images/contentbakgrund4.png) repeat-y center;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, #nav {
	font-family: Helvetica, arial, sans-serif;
	color: #455560;
	font-weight: lighter;
	margin-bottom: 20px;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 18px;
	margin-top: 20px;
}

h3 {
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 20px;
}

a:link {
	color: #6699CC;
	text-decoration: none;
}

a:visited {
	color: #6699CC;
	text-decoration: none;
}

a:hover, a:active {
	color: #666;
	text-decoration: underline;
}

p {
	font-size: 13px;
	line-height: 19px;
	color: #666;
	margin: 0 0 10px 0;
}

#top {
	background: url(../images/head-back.png) repeat-x;
	width: 100%;
	top: 0;
	position: absolute;
}

hr {
	border: none;
	border-top: 1px solid #eaeae3;
	background:#eaeae3;
	width: 100%;
	clear:both;
	height: 1px;
	margin: 20px 0;
}
#header {
	width: 810px;
	height: 134px;
	margin: 0 auto;
	background-image: url(../images/header4.png);
}

#header p, a.skip {
	position:absolute;
	left:-9999px;
}


body#home {
	background: #e1e4e4 none;
}

#middle {
	width: 100%;
	background-color: #E6E6E6;
	border-bottom: 1px solid #dadfe0;
	overflow: auto;
	margin-top: 108px;
}

body#home {
	background: #fdfdfc none;
}



#middle-content {
	width: 811px;
	margin: 0 auto;
}

#middle-content img {
	float: left;
}

body#home #nav {
	width: 170px;
	float: left;
	margin: 20px 37px 0 0;
	color: #E3E3E3;
}

#bottom {
	width: 811px;
	margin: 20px auto;
	overflow: auto;
}

body#home h2 {
	font-size: 19px;
	color: #455560;
	font-weight: normal;
	border-bottom: 1px solid #ebe8e1;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#feat-about, #feat-phys, #feat-contact {
	width: 250px;
	float: left;
}

#feat-phys, #feat-contact {
	margin-left: 55px;
}

#feat-contact {
	width: 200px;
}

body#home #footer {
	width: 811px;
	clear: both;
	margin: 0 auto;
}

ul#nav {
	list-style: none;
	width: 183px;
	float: left;
	margin-top: 140px;
}

#nav a:visited {
	color: #6699CC;
}

#nav a:hover, ul#nav a:active {
	text-decoration: none;
	color: #666666;
	font-size: 17px;
}

#nav a {
	border-bottom: 1px solid #D0DEDF;
	display: block;
	width: 165px;
	padding: 5px 0;
	font-size: 17px;
}

#nav li.links a {
	border: none;
}

#nav li {
	font-size: 19px;
}

body#home #nav li.home {
	display: none;
}

#footer {
	border-top: 1px solid #ebe8e1;
	padding: 10px 0;
	margin-top: 30px;
	clear: both;	
}

#footer p {
	color: #acacac;
	font-size: 10px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color: #acacac;
	text-decoration: underline;
}

#footer p#design {
	float: right;
	text-align: right;
}

/* komplettering about */


#content ul {
	font-size: 13px;
	line-height: 17px;
	color: #666;
	margin: 0 0 10px 20px;
	clear: left;
}

#content ul li {
	background: url(/i/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 8px 13px;
}

#content ol {
	font-size: 13px;
	line-height: 17px;
	color: #666;
	margin: 0 0 10px 20px;
	clear: left;
}

#page {
	width: 811px;
	margin: 0 auto;
}

#content {
	width: 565px;
	margin: 150px 30px 20px 0;
	float: right;
}

#content img {
	padding: 6px;
	background: #fff;
	border: 1px solid #e4e6e6;
	margin: 5px;
}

#content img.profile {
	float: left;
	margin: 0 20px 10px 0;	
}

#content img.left {
	float: left;
	margin: 5px 15px 15px 0;
}

#content img.right {
	float: right;
	margin: 5px 0 15px 15px;
}

#content img.pdf, #content img.doc {
	padding: 0;
	background: none;
	border: none;
	float: none;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

/*för navigeringsbilden */

body#about #nav li.about,
body#physicians #nav li.physicians,
body#staff #nav li.staff,
body#visit #nav li.visit,
body#services #nav li.services,
body#clinical #nav li.clinical,
body#videos #nav li.videos,
body#links #nav li.links {
	background: url(../images/nav-back2.gif)repeat-y;
	border-bottom:1px solid #D0DEDF;
	border-top:1px solid #D0DEDF;
}

body#about #nav li.about a,
body#about #nav li.home a,
body#physicians #nav li.physicians a,
body#physicians #nav li.about a,
body#staff #nav li.staff a,
body#staff #nav li.physicians a,
body#visit #nav li.visit a,
body#visit #nav li.physicians a,
body#services #nav li.services a,
body#services #nav li.visit a,
body#clinical #nav li.clinical a,
body#clinical #nav li.services a,
body#videos #nav li.videos a,
body#videos #nav li.clinical a,
body#links #nav li.videos a 
{border: none;}

/*koplettering besök*/

div#map iframe {
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}

/*koplettering behandlingar*/

/* för toppnavigeringen*/

ul#topnav {
	border-top: 1px solid #eaeae3;
	border-bottom: 1px solid #eaeae3;
	margin: 0;
	padding: 10px 15px;
	overflow: auto;
}

ul#topnav li {
	float: left;
	width: 155px;
	padding-right: 8px;
}

/*koplettering läkare*/



#nav ul li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	list-style: none;
	border-top: 1px solid #fff;
	padding: 4px 5px 2px 18px;
}

#nav ul li a:link, #nav ul li a:visited {
	color: #777;
}

#nav ul li a:hover, #nav ul li a:active {
	color: #333;
}

#nav ul {
	display: none;
}

body#about #nav li.about ul,
body#physicians #nav li.physicians ul,
body#staff #nav li.staff ul,
body#visit #nav li.visit ul,
body#services #nav li.services ul,
body#clinical #nav li.clinical ul,
body#videos #nav li.videos ul,
body#links #nav li.links ul {
	display: block;
}



body.guelich li.guelich a,
body.hoffman li.hoffman a,
body.mercier li.mercier a,
body.nam li.nam a,
body.diekevers li.diekevers a,
body.vitello li.vitello a,
body.sports li.sports a,
body.elbow li.elbow a,
body.foot li.foot a,
body.knee li.knee a,
body.shoulder li.shoulder a,
body.arthritis li.arthritis a,
body.hip-arth li.hip-arth a,
body.knee-arth li.knee-arth a,
body.shoulder-arth li.shoulder-arth a {
	font-weight: bold;
}

/*test*/


#phys a:visited {
	color: #6699CC;
}

#phys a:hover, ul#phys a:active {
	text-decoration: none;
	color: #666666;
	font-size: 12px;
}

#phys a {
	border-bottom: 1px solid #D0DEDF;
	display: block;
	width: 165px;
	padding: 5px 0;
	font-size: 12px;
}

#phys li.links a {
	border: none;
}

#phys li {
	font-size: 19px;
}