﻿
body {
	margin: 22px;
	padding: 4px;
	background-color: #F5F5F5;/*url("bilder/bg.jpg") repeat-x left top; /*#242323 */
	text-align: justify;
	font: 13px Arial, Helvetica, sans-serif;
	color: #444444;/*all text*/

}
.h4 {
	margin-top: 0px;
	padding: 5px;
		color: #000066;
	font-weight: normal;
	font: 20px Times New Roman; 

}


.hallux_valgus {
	margin-top: 0px;
	padding: 5px;
		color: #000066;
	font-weight: normal;
	font: 20px Times New Roman; 

}

.rubrik {
	margin-top: 0px;
	padding: 5px;
		color: #000066;
	font-weight: normal;
	font: 20px Times New Roman; 

}

h3 {
	margin-top: 0px;
	font-weight: normal;
	color: #000066;
}

h2 {
	margin-top: 0px;
	font-weight: normal;
	color: #000066;
}

h1 {
	margin-top: 0px;
	padding: 10px;
	font-weight: normal;
	color: #000066;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 2.8em;
}

ul {
	margin-bottom: 1.8em;
	line-height: 160%;
}

ol {
	margin-bottom: 1.8em;
	line-height: 160%;
}

p {
	margin-bottom: 1.8em;
	line-height: 160%;
}

a {
	color: #C0C0C0;
}

a:hover {
	text-decoration: none;
	color: #000033;
}

a img {
	border: none;
}

#wrapper {
	width: 900px;
	margin:  auto;
	border: 5px solid #F5F5F5; /*ramen runt sidan*/
}

/* Header */

#header {
	width: 950px;
	height: 2px;
	margin: -1px auto;
}

#header a {
	text-decoration: none;
	color: #000080;
}

/* Loga */

#loga {
	float: left;
	padding-left: 6px;
	
}

#loga p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #F5F5F5;
}

#loga h1 {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #F5F5F5;
}

#loga h1 {
	padding: 0px 0px 0px 0px;
}

#loga p {
	text-indent: -99999px;
}
#indexheading {
background-color: #F5F5F5;
padding: 10px;
margin-bottom: 24px;
	font-weight: normal;
	font: 24px Tw Cen MT;
	color: #FF8C00;

}


#box2 {
background-color: #F5F5F5;
width: 422px;
padding: 1px;
margin-top: 0px;
	font-weight: normal;
	font: 2px Tw Cen MT;
	color: #000066;

}

#box1 {
background-color: #F5F5F5;
width: /*422px;*/;
padding: 25px;
margin-top: -28px;
	font-weight: normal;
	font: 18px Tw Cen MT;
	color: #000066;
/*text-align: right;*/
}

#box3 {
background-color: #F5F5F5;
width: 190px;
margin-left: 10px;
margin-top: 0px;
margin-bottom:5px;
	font-weight: normal;
	/*word-spacing: 20px;*/
	font: 12px Times New Roman;/*Tw Cen MT;*/
	color: #708090;
	line-height: 2px; 
	/*text-align: justify;*/
	white-space: nowrap;
	float: left;

	/*position:absolute; left: 330px; top: 0px;*/ /*perfekt å köra absolute - i boxar bara å dra som i denna box - se indexkod*/
}

#box4 {
background-color: #F5F5F5;
width: 457px;
padding: 14px;
margin-left: 10px;
	font-weight: normal;
	font: 16px Tw Cen MT;
	color: #000066;
		line-height: 28px;
		word-spacing: 1px;
	float:left; /*position:absolute; left: 490px; top:70px;*/
}

#box5 {
background-color: #F5F5F5;
width: 10px;
padding: 25px;
margin-top: 0px;
	font-weight: normal;
	font: 18px Tw Cen MT;
	color: #000066;
}

#boxhead{
	background-color: #F5F5F5;
width: 950px;
padding: 20px;
margin-top: 0px;
	font-weight: normal;
	font: 18px Tw Cen MT;
	color: #000066;
float:left;
}
	#loggobox{
	background-color: #F5F5F5;
width: 418px;
height: 127px;
padding: 10px;
margin-top: 0px;
	font-weight: normal;
	font: 18px Tw Cen MT;
	color: #000066;
float:left;
}

	#boxvaror {
background-color: #F5F5F5;
width: 240px;
height: 190px;
padding: 5px;
margin-left:20px;
	font-weight: normal;
	font: 18px Tw Cen MT;
	color: #000066;
/*text-align: right;*/
}

	#boxbeskriv {
background-color: #F5F5F5;
width: 583px;
padding: 2px;
margin-top: 0px;
	font-weight: normal;
	/*word-spacing: 20px;*/
	font: 11px Times New Roman;/*Tw Cen MT;*/
	color: #726357;
	line-height: 10px; 
	/*text-align: justify;*/
	white-space:inherit;
	float:left;
}

#boxkarta {
background-color: #F5F5F5;
width:230px;

padding: 4px;
margin-top: 0px;
	font-weight: normal;
	/*word-spacing: 20px;*/
	font: 14px Tw Cen MT;
	color: #000066;
	line-height: 14px; 
	/*text-align: justify;*/
	white-space: normal;
	float: left;

}
#boxvag {
background-color: #F5F5F5;
width:260px;

padding: 4px;
margin-top: 0px;
	font-weight: normal;
	/*word-spacing: 20px;*/
	font: 14px Tw Cen MT;
	color: #726357;
	line-height: 14px; 
	/*text-align: justify;*/
	white-space: normal;
	float: left;

}


#karttext{
	background-color: #F5F5F5;
width: 700px;
padding: 15px;
margin-top: 2px;
	font-weight: normal;
	font: 16px Tw Cen MT;
	color: #000066;
	
}


#kartbox{
width: 600px;
height:400px;
	
}

#fotbilder{
	background-color: #F5F5F5;
width: 640px;
padding: 10px;
margin-top: 0px;
	font-weight: normal;
	font: 13px Tw Cen MT;
	color: #000066;
float: left;
}

#medfotbilder{
	background-color: #F5F5F5;
width: 400px;
padding: 4px;
margin-top: 2px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	word-spacing: 1px;
float: left;
}
#medfotbilder2{
	background-color: #F5F5F5;
width: 400px;
padding: 4px;
margin-top: 2px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	word-spacing: 1px;
float: left;
}


#fotbäddtext{
background-color: #F5F5F5;
width: 300px;
height:400px;
padding: 4px;
margin-top: 0px;
	font-weight: normal;
	font:14px Tw Cen MT;
	color: #000066;
	float:left;
}
#medfottext{
background-color: #F5F5F5;
width: 415px;
height:400px;
padding: 4px;
margin-top: 2px;
	font-weight: normal;
	font:14px Tw Cen MT;
	color: #000066;
	word-spacing: 1px;
	float:left;

}

#medbildbox{
background-color: #F5F5F5;
width: 200px;
height:80px;
padding: 4px;
margin-top: 2px;
margin-right:60px;
margin-bottom:6px;
	font-weight: normal;
	font:14px Tw Cen MT;
	color: #000066;
	float:right;

}
#medbildbox2{
background-color: #F5F5F5;
width: 100px;
height:80px;
padding: 4px;
margin-top: 2px;
margin-right:60px;
margin-bottom:6px;
	font-weight: normal;
	font:14px Tw Cen MT;
	color: #000066;
	float:right;

}

#prodbox{
	background-color: #F5F5F5;
width: 644px;
height:340px;
padding: 15px;
margin-top: 0px;
margin-left: 30px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
float:left;
}

#logobox{
	background-color: #F5F5F5;
width: 170px;
height:380px;
padding: 5px;
margin-top: 0px;
	font-weight: normal;	
float:left;
}
/*#prodbox1{
	background-color: #F5F5F5;
width: 600px;
height:60px;
padding: 15px;
margin-top: 0px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	/*float: right;*/
	/*position: absolute; left:500px; top:365px;/*float: left;*/

}
#prodbox3{
	background-color: #F5F5F5;
width: 200px;
height:80px;
padding: 5px;
margin-top: 0px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	float: left;
	/*position: absolute; left:500px; top:365px;/*float: left;*/
}

#sidbox{
	background-color: #F5F5F5;
width: 867px;
height:400px;
padding: 15px;
margin-top: 0px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	
}

#boxdiagnos{
background-color: #F5F5F5;
width: 125px;
height:320px;
padding: 15px;
margin-top: 20px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	float: left;
	/*position:absolute; left:10px; top:356px;*/
}

#boxdiagnos2{
background-color: #F5F5F5;
width: 150px;
height:320px;
padding: 5px;
margin-top: 20px;
margin-left: 6px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	float: left;
/*position:absolute; left:190px; top:356px;*/
}

#boxdiagnos3{
background-color: #F5F5F5;
width: 170px;
height:320px;
padding: 15px;
margin-top: 20px;
	font-weight: normal;
	font: 16px Tw Cen MT;
	color: #000066;
	float: left;
	/*position:absolute; left:10px; top:356px;*/
}

#boxdiagnos4{
background-color: #F5F5F5;
width: 170px;
height:320px;
padding: 15px;
margin-top: 20px;
	font-weight: normal;
	font: 16px Tw Cen MT;
	color: #000066;
	float: left;
/*position:absolute; left:190px; top:356px;*/
}


#diagnossida{
	background-color: #F5F5F5;
width: 300px;
height:300px;
padding: 15px;
margin-top: 0px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;	
}
#orsaksbox{
background-color: #F5F5F5;
width: 410px;
height:250px;
padding: 15px;
margin-top: 20px;
margin-left: 10px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	float:left; /*position :absolute; left:423px; top:357px;*/

}
#bildbox{
background-color: #F5F5F5;
width: 200px;
height:160px;
padding: 15px;
margin-top: 5px;
margin-left: 30px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	float:left; /*position:absolute; left:580px; top:357px;*/
}

#bildbox8{
background-color: #F5F5F5;
padding: 15px;
margin-top: 5px;
margin-left: 0px;
	font-weight: normal;
	font: 14px Tw Cen MT;
	color: #000066;
	float:left; /*position:absolute; left:580px; top:357px;*/
}

#soifbox{
background-color: #F5F5F5;
padding: 5px;
margin-top: 5px;
margin-left: 0px;
	font-weight: normal;
	font: 12px Tw Cen MT;
	color: #000066;
	float:left; /*position:absolute; left:580px; top:357px;*/
}

#fotbaddbox{
background-color: #F5F5F5;
width: 280px;
height:164px;
padding: 4px;
margin-top: 2px;
margin-right:4px;
margin-left: 10px;
margin-bottom:6px;
	font-weight: normal;
	font:8px Tw Cen MT;
	color: #000066;
	float:right;

}

#diagnosbox{
background-color: #F5F5F5;
width: 650px;
height:;
padding: 15px;
margin-top: 0px;
	font-weight: normal;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	float:left; /*position :absolute; left:423px; top:357px;*/



}
#oppetbox{
font-weight: bold;

	color: #708090;
	line-height: 8px; 
	/*text-align: justify;*/
	white-space:normal;
	padding-left: 0px;
	padding-top: 0px;
	font: 14px Tw Cen MT;
	float:left;
}

#utbildbox{
	background-color: #F5F5F5;
width: 400px;
padding: 10px;
margin-top: 0px;
	font-weight: normal;
	font: 15px Tw Cen MT;
	color: #000066;
float: left;
}
#utbildboxbild{
	background-color: #F5F5F5;
width:;
padding: 10px;
margin-top: 0px;
	font-weight: normal;
	font: 15px Tw Cen MT;
	color: #000066;
float: left;
}
#utbildboxbild1{
	background-color: #F5F5F5;
width:;
height:;
padding: 10px;
margin-top: 0px;
	font-weight: normal;
	font: 15px Tw Cen MT;
	color: #000066;
float: left;
}
#utbildboxbild2{
	background-color: #F5F5F5;
width:;
height:;
padding: 10px;
margin-top: 0px;
	font-weight: normal;
	font: 15px Tw Cen MT;
	color: #000066;
float: left;
}
#boxremiss{
font-weight: bold;
width: 290px;
height: 90px;
	line-height: 6px;
	color: #000066; 
	/*text-align: justify;*/
	white-space:normal;
	padding-left: 0px;
	padding-top: 0px;
	padding-right:0px;
	font: 14px Tw Cen MT;
	float:right;
}

#adobebox{
	float:right;
	margin-bottom: 0px;
	margin-right: 24px;
}

/* Meny blå*/
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #C0C0C0;
color: White;
float: left;
width: 950px;
font-family:  "Tw Cen MT";
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #C0C0C0;
color: #000066;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:current
{
background: #F5F5F5; color: red;
}
#navcontainer ul li a:hover
{
background-color: #F5F5F5/*silver*/;
color: red;
}

/*meny2 produkter*/
#menycontainer2{margin-left: 1px; width: 130px; font-size: 13px; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc; float:left;}

#meny2{margin: 0; padding: 0; list-style-type: none;}
#meny2 a{display: block; margin: 0; padding: 0.3em; background: #C0C0C0; padding: 0.3em; text-decoration: none; height: 5%; border-bottom: 1px solid #cccccc;}
#meny2 ul{list-style-type: none;} 
#meny2 ul a{margin: 0; padding: 0.3em; background: #DCDCDC;} 

#meny2 a:link{color: #000066;}
#meny2 a:visited{color: #000066;}
#meny2 a:hover{background: #F5F5F5; color: red;}
#meny2 a#cu{font-weight: bold;}
#meny2 a#subcurrent{font-weight: bold;}

#menycontainer3{margin-left: 1px; width: 130px; font-size: 13px; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc; float:left;}

#meny3{margin: 0; padding: 0; list-style-type: none;}
#meny3 a{display: block; margin: 0; padding: 0.3em; background: #DCDCDC; padding: 0.3em; text-decoration: none; height: 5%; border-bottom: 1px solid #cccccc;}
#meny3 ul{list-style-type: none;} 
#meny3 ul a{margin: 0; padding: 0.3em; background: #DCDCDC;} 

#meny3 a:link{color: #000066;}
#meny3 a:visited{color: #000066;}
#meny3 a:hover{background: #F5F5F5; color: red;}
#meny3 a#current{font-weight: bold;}
#meny3 a#subcurrent{font-weight: bold;}

#menycontainer4{margin-left: 1px; width: 130px; font-size: 13px; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc; float:left;}

#meny4{margin: 0; padding: 0; list-style-type: none;}
#meny4 a{display: block; margin: 0; padding: 0.3em; background:  #C0C0C0; padding: 0.3em; text-decoration: none; height: 5%; border-bottom: 1px solid #cccccc;}
#meny4 ul{list-style-type: none;} 
#meny4 ul a{margin: 0; padding: 0.3em; background: #DCDCDC;} 

#meny4 a:link{color: #000066;}
#meny4 a:visited{color: #000066;}
#meny4 a:hover{background: #F5F5F5; color: red;}
#meny4 a#current{font-weight: bold;}
#meny4 a#subcurrent{font-weight: bold;}




/* Page */

#page {
	width: 950px;
	margin: 0px auto;
	margin-top: 4px;
	padding: 10px 0px 0px 0px;
	background: #F5F5F5; /*bakgrund hela sidan*/
}

#header-pic {
	background:#F5F5F5 /*url('../img0.jpg') no-repeat left top;*/
	width: 900px;
	height: 210px;
}

/* Content */

#content {
	float: left;
	width: 600px;
}
#content2 {
	float: left;
	width: 900px;
} /*content till diagnossidorna*/
#content3 {
	float: left;
	width: 940px;
} /*content till fotbädd*/

.post {
	background: #F5F5F5; /*bakgrund boxarna*/
	margin: 0px 0px 0px 0px;
	}

	margin: 0px 0px 0px 0px;
	}

	margin: 0px 0px 0px 0px;
	}

.post .title {
	margin: 0px;
	background: #F5F5F5; /*url('../../.') no-repeat left top; bakgrund rubrikerna*/
	padding: 7px 25px;
	font-size: 1.4em;
}

.post .title1 {
	margin: 0px;
	background: #F5F5F5; /*url('../../.') no-repeat left top; bakgrund rubrikerna*/
	padding: 7px 25px;
	font-size: 1.4em;
	width:460px;
}

.post .title h1 {
}

.post .entry {
	padding:0 20px;
	/*width:300px;*/
	float: left;

}

.post .meta {
	font-weight: bold;
	color: #708090;
	line-height: 8px; 
	/*text-align: justify;*/
	white-space:normal;

	padding-left: 20px;
	font: 14px Tw Cen MT;
}

.post .meta2 {
	font-weight: bold;
	color: #000066;
	line-height: 8px; 
	/*text-align: justify;*/
	white-space:normal;

	padding-left: 20px;
	font: 16px Tw Cen MT;
}


.post .byline {
	margin: 0px;
	padding-left: 20px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
}

#sidebar-bgtop {
}

#sidebar-bgbtm {
}

#sidebar-content {
}

#sidebar ul {
	padding: 0px 0 5px 0;
	margin: 0px;
	list-style: none;
}

#sidebar li li {
	margin-right: 10px;
	line-height: 30px;
	padding-left: 15px;
	border-bottom: 1px dashed green;
}

#sidebar li ul {
	margin-bottom: 1.8em;
	list-style: none;
}

#sidebar h2 {
	background:('../../.') no-repeat left top;
	padding: 7px 25px;
	font-size: 1.4em;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Search */

#search {
}

#search form {
	margin-bottom: 1.8em;
	padding: 0px;
}

#search fieldset {
	margin-left: 20px;
	padding: 0px;
	border: ;
}

#search #s {
	width: 160px;
}
/*box*/

/* Footer */

#footer {
	clear: both;
	width: 920px;
	height: 30px;
	margin: 0px auto 30px auto;
	background: url('../') no-repeat left top;
	color: #858585;
	font: 14px Arial;
float:left;
	

	/*position: absolute; left: 50%; top: 100%; width: 450px; height: 350px;*/

}
#footer2 {
	clear: both;
	width: 920px;
	height: 30px;
	padding: 20px;
	margin: 0px auto 30px auto;
	background: url('../') no-repeat left top;
	color: #858585;
	font: 11px Arial;
	position: absolute; left: 159px; top: 730px; width: 500px; height: 20px;
}
#footer p {
	margin: 0px;
	padding: 13px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
	
	/*position:absolute; #top: 1100px;*/
}

#footer a {
	color: #FFFFFF;
}
