h1, h2, h3 {font-family: gill-sans-nova, Trebuchet, Calibri, sans-serif; font-weight: 300;}
p, ul, #footer, table {font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;}
#header ul {font-family: "Myriad Pro", Helvetica, “Helvetica Neue”, Arial, sans-serif; font-weight: 100;}

h1, h2, h3 {font-size: 47px; color: #3F3D3E; font-weight: lighter; padding-bottom: 25px;}
h2 {font-size: 23px; padding-bottom: 15px;}
h3 {font-size: 23px; padding-bottom: 15px;}
p, #content ul, table {font-size: 14px; color: #585858; font-weight: lighter; line-height: 22px; padding-bottom: 22px;}
a {color: #3F3D3E; text-decoration: underline;}
#footer {font-size: 13px;}
strong {font-weight: 700;}

body {
	background: #FFF url('images/bg.png') center top no-repeat;
	text-align: center;
}

#container {width:1000px; margin: 0 auto; text-align: left;}

#header {
	padding-top: 20px;
	padding-bottom: 40px;
	position: relative;
	overflow: none;
}
#header img#logo {
	margin: 39px 13px;
}

#content {min-height: 350px;}
#content ul {margin-top: 7px;}
#content ul li {list-style-type: disc; color: #3F3D3E; line-height: 22px; margin-left: 20px;}

#footer {width: 960px; height: 80px; padding: 25px 0 0 40px; border-top: 7px #DFDEDF solid; background: #3F3D3E; color: #FFF; margin-top: 30px;}
#footer span.open_hours span, #footer span.address, #footer span.phone {color: #E1E1E1;}
#footer div.badges span {display:block;}
#footer div.badges img {float: left; margin-right: 20px; margin-top: 10px;}
#footer .vr { margin-top: 0px; width: 1px; height:56px; background: #C2C0C1;}
#footer div.badges {margin-right: 16px;}
#footer div.address {text-align: center; width:330px; line-height: 20px; position: relative; margin-top: -10px;}
#footer div.address span strong {font-size: 18px; line-height: 30px;}
#footer div.phone {text-align: right; width: 275px;}
#footer span.phone {display: block; font-size: 35px; font-weight: bold; line-height:58px;}

p#gdpr_info {padding-top: 20px; padding-bottom: 0; text-align: center; font-size: 12px;}
p#copyright_info {padding-top: 10px; text-align: center; font-size: 12px;}

/* Layout Helpers */
.block_row div{
	float: left;
}
.block_row div div, .block_row .no_float{
	float: none;
}

.block_row {
	padding-bottom: 80px;
}

/* Menu */
#header ul { margin-top: 15px; margin-bottom: 64px;}
#header ul li{ float: left; margin-left: 28px; display:block; padding-right: 29px; background: url('images/menu/l1right.png') right no-repeat;}
#header ul li.end{ background: none; padding-right: 16px; }
#header ul li:hover, #header ul li.active{ background: url('images/menu/l1right_hover.png') right no-repeat;}
#header ul li.end:hover{ background: url('images/menu/l1rightend_hover.png') right no-repeat; }
#header ul li:first-child{ margin-left: 20px; }
#header ul li a { 
	display: block;
	text-decoration: none; 
	font-size: 20px; 
	height: 20px; 
	padding: 11px 4px 6px 20px;
	color: #3F3D3E;
	background: none;
}
#header ul li:hover a, #header ul li.active a { background: url('images/menu/l1content_hover.png'); color: #FFF; }
#header ul li:hover ul li a, #header ul li.active ul li a { background: none; }
#header ul li ul li{ background: none; }
#header ul li:hover ul li, #header ul li.active ul li{ background: none; }
#header ul li:hover ul li a, #header ul li.active ul li a{ color: #3F3D3E; }
#header ul li ul { display: none; position: absolute; margin: 0; padding: 0; margin-top: 37px; }
#header ul li ul div.hr { width: 78%; height: 1px; margin-left: 20px; background: #F1D6EA; }
#header ul li:hover ul { display: block; }
#header ul li ul li:first-child{ margin: 0; }
#header ul li ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: url('images/menu/l2content.png') repeat-y left #FFF !important;
}
#header ul li ul li.end { margin: 0; padding: 0; }
#header ul li ul li a { font-size: 15px; padding: 8px 0 0 20px; }
#header ul li ul li a:hover  { color: #3F3D3E; }
#header ul li ul li.active a  { color: #4E1841; }

#header ul .l2topcontent{ background: url('images/menu/l2topcontent.png'); height: 14px; width: 100%; }
#header ul .l2bottomcontent{ background: url('images/menu/l2bottomcontent.png'); height: 14px; width: 100%;}
#header ul .l2rightcontent{ width: 14px; }

#header ul .l2rightcontent div.alpha { height: 14px; width: 14px; background: url('images/menu/l2topright.png'); }
#header ul .l2rightcontent div.beta { height: 14px; width: 14px; background: url('images/menu/l2right.png') repeat-y; }
#header ul .l2rightcontent div.gamma { height: 14px; width: 14px; background: url('images/menu/l2bottomright.png'); }


/* Page Specific styling */
.main_article {width: 500px; padding-bottom: 15px;}
.main_picture {width: 500px;}
.main_picture .image_wrapper {padding-right: 50px}
.main_picture img {border: 6px #DEDCDD solid; margin-bottom: 20px;}
.main_article p {padding-right: 30px; width: 460px;}
body#start table {width: 400px}
/* body#start #content .main_picture p {min-width: 500px;} */
body#start table td.time {text-align:right;}
body#start h2.email {margin-top: 20px;}


body#kiropraktik #content,body#rehab #content, body#massage #content, body#lakare #content {height: 550px;}

body#vanligafragor strong {text-decoration: underline;}
body#vanligafragor .main_article {width: 550px;}
body#vanligafragor .main_picture {width: 453px;}
body#vanligafragor div.vanligasteproblem strong {text-decoration: none;}

body#vi .image {width: 240px;}
body#vi .article {width: 520px; margin-left: 70px;}

body#hitta #content {}
body#hitta .iframe_wrapper {  height: 452px; padding: 0; margin: 0;border: 6px #DEDCDD solid;
	overflow:hidden;
	padding-bottom:45%;
	position:relative;
	height:0;
}
body#hitta .iframe_wrapper iframe { border: 1px #555 solid;
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}


body#example .main_article {width: 500px; padding-bottom: 15px;}
body#example .main_article p {padding-right: 30px;}
body#example .main_picture {width: 500px;}
body#example .main_picture img {margin-left: 17px; margin-top: 130px; border: 6px #DEDCDD solid;}
body#example .sub_article {width: 430px;}
body#example #content .vr {margin-left: 48px; margin-right: 36px; margin-top: 10px; width: 1px; height:240px; background: #C2C0C1;}
body#example .sub_article .block_row div {width: 168px;}

body#ovningar {background: #fff; background: linear-gradient(to left, #DFDDDF, #fff); padding-top: 100px;}
body#ovningar p {margin-bottom: 50px;}
body#ovningar p.intro {margin-bottom: 30px;}
body#ovningar #header, body#ovningar #footer {display: none;}

#header ul li.mobile-find-us, .clearfix {display: none;}


@media (max-width: 1000px) {
	
	#header img#logo {margin-left: 5%}
	#container {width:100%;}
	/* #container_wrapper{ padding: 40px;} */
	.main_article, .main_picture, .no_float {padding: 0 5%;}
	.main_article {width: 40%;}
	.main_picture {width: 40%;}
	.main_picture img {width: 90%;}	
	h1, h2, h3 {font-size: 47px;}
	h2 {font-size: 28px;}
	h3 {font-size: 28px;}
	p, #content ul, table {font-size: 18px;}
	#footer {font-size: 13px;}
	.main_picture img {width: 100%;}
	.main_article p {width: 100%;}

	#header ul { margin-left: 5%}
	#header ul li{ margin-left: 10px; padding-right: 11px; background: none;}
	#header ul li:first-child{ margin-left: 0; }
	
	#footer {width: 100%; padding: 0;}
	#footer .vr { display: none;}
	#footer div.badges, #footer div.address {width: 27%; padding: 14px 3% 0;}	
	#footer div.badges {margin: 0;}
	#footer div.badges img {margin-right: 2%;}
	#footer div.address {}

	body#start table {width: 100%;}	
	body#start h2.email {}
	body#start p.small {font-size: 14px;}

	body#kiropraktik #content,body#rehab #content, body#massage #content, body#lakare #content, body#vi #content, body#hitta #content {height: auto; padding: 0 5%}
	
	body#vanligafragor .main_article, body#vanligafragor .vanligasteproblem {width: 90%; padding: 0 5%;}
	body#vanligafragor .main_picture {width: 60%;}

	body#vi .image {width: 50%; max-width: 240px;}
	body#vi .article {width: auto; margin-top: 10px; margin-left: 0;}
}



@media (max-width: 780px) {
	#header ul li.mobile-find-us, .clearfix {display: block;}
	body {background-position-y: -300px;}
	#header img#logo {margin-left: 5%; width: 80%;}
	h1, h2, h3 {font-size: 26px;}
	h2 {font-size: 24px;}
	h3 {font-size: 22px;}
	#container {width:100%;}
	.main_article {width: 90%;}
	.main_picture {width: 90%;}
	.main_picture img {width: 80%; margin-top: 20px;}	

	body#start table {width: 70%;}	
	body#hitta .iframe_wrapper {padding-bottom:95%;}


	#header ul { position: relative; left: -12px; margin-bottom: 0;}
	#header ul li a, #header ul li a { border-bottom: 2px solid transparent; padding: 0;}
	#header ul li.end, #header ul li { padding: 9px 12px; margin: 0; }
	#header ul li:hover a, #header ul li.active a { background: none; color: #000; border-bottom: 2px solid #444;}
	#header ul li:hover, #header ul li.active{ background: none;}
	#header ul li.end:hover{ background: none; }
	#header ul li:hover ul { display: none; }
	#header ul li.clearfix {float: none; clear: both;}

	
	#header ul li ul li { background: none;}
	#header ul li ul li { background: none;}
	
	#header ul .l2topcontent{ background: none; }
	#header ul .l2bottomcontent{ background: none;}

	#header ul .l2rightcontent div.alpha { background: none; }
	#header ul .l2rightcontent div.beta { background: none; }
	#header ul .l2rightcontent div.gamma { background: none; }

	#footer {height: auto; padding-top: 10px; padding-bottom: 20px;}
	#footer div.badges, #footer div.address {width: 90%; padding: 24px 3% 0; text-align: left;}	
}

@media (max-width: 320px) {
  
}