body 
{
	font-size: 12px;
}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }

/* Text & headings 
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #555; }

h1 { font-size: 3em; line-height: 1; margin: 0 0 5px 0; }
h2 { font-size: 2em; margin: 0 0 5px 0; }
h3 { font-size: 16px; margin: 0 0 5px 0; }
h4 { font-size: 13px; line-height: 1.25; margin: 0 0 5px 0; }
h5 { font-size: 1em; margin-bottom: 1.5em; margin: 0 0 5px 0; }
h6 { font-size: 1em; margin: 0 0 5px 0; }


p, table tr td { margin: 0 0 15px 0; color: #737373; line-height: 18px; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a { color: #0073BC; text-decoration: none; }
a:hover { color: #069BFF; }

h2.no-margin { margin: 0 0 2px 0; }

/* startpage gallery */

#galleryContainer
{
	position: relative;
	margin: 0 0 30px 0;
}

.ie6 #galleryContainer,
.ie7 #galleryContainer,
.ie8 #galleryContainer,
.ie9 #galleryContainer
{
	margin-top: 5px;
}

ul#mediaContainer
{
	width: 960px;
	height: 450px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul#mediaContainer li
	{
		margin: 0;
	}
	
	ul#mediaContainer li img
	{
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
	}


.paging-container
{
	position: absolute;
	bottom: -10px;
	width: 100%;   
}

.ie6 .paging-container,
.ie7 .paging-container,
.ie8 .paging-container,
.ie9 .paging-container
{
	bottom: auto;
	top: 435px;	
}

.centered-content
{
	display: table;
	margin-left: auto;
	margin-right: auto;    
}

ul#mediaPager
{
	float: left;
	list-style: none;
	background-color: #fff;
	padding: 4px;
	height: 20px;        
	margin: 0;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

.ie6 ul#mediaPager,
.ie7 ul#mediaPager,
.ie8 ul#mediaPager,
.ie9 ul#mediaPager
{
	position: absolute;
	left: 40%;
}

	ul#mediaPager li
	{
		float: left;
		display: inline;
		margin: 0 4px 0 4px;
	}
	
		ul#mediaPager li a
		{
			background-color: #fff;
			font-size: 14px;
			display: block;
			width: 28px;
			height: 20px;
			padding: 4px 0;
			text-align: center;
			border-radius: 4px 4px 4px 4px;
			-moz-border-radius: 4px 4px 4px 4px;
			-webkit-border-radius: 4px 4px 4px 4px;    
		}
		
		ul#mediaPager li a.active,
		ul#mediaPager li a:hover
		{
			background-color: #343434;
		}

/* section push */ 

#pushes
{
	overflow: hidden;
	color: #fff;
}

#pushes p
{
	color: #fff;
}

.pushesHeader
{
	margin: 30px 0 10px 0;
	float: left;
	width: 100%;
}

.registerOnline
{
	display: block;
	width: 243px;
	height: 43px;
	background-color: #329ED6;
	float: right;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 25px 0 0 0;
	margin-top: 30px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.ie6 .registerOnline,
.ie7 .registerOnline,
.ie8 .registerOnline,
.ie9 .registerOnline
{
	height: 73px;
}
	
	.registerOnline:hover
	{
		background-color: #48A8DB;
		color: #fff;
	}
	
.section-push
{
	float: left;
	width: 309px;
	margin-right: 16px;
}

	.section-push div
	{
		min-height: 110px;
		width: 309px;
		padding-bottom: 1px;
		overflow: hidden;
		border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;    
	}
	
	.ie6 .section-push div,
	.ie7 .section-push div,
	.ie8 .section-push div,
	.ie9 .section-push div	
	{
		height: 110px;
	}
	 

		.section-push div h3
		{
			margin: 0;
			padding: 15px 15px 5px 15px;
		}

			.section-push div h3 a
			{
				font-size: 18px;
				font-weight: bold;
			}

			.section-push div h3 a:hover
			{
				text-decoration: underline;
			}

			.section-push div p
			{
				margin: 0 10px 15px 15px;
				float: left;
			}

			.first-push { background-color: #FB0000; }
			.first-push:hover { background-color: #FC3333; }
			
			.second-push { background-color: #88B400; }
			.second-push:hover { background-color: #A0C333; }
			
			.third-push { background-color: #282828; }
			.third-push:hover {  background-color: #535353; }

div#midWrapper
{
	overflow: hidden;
	margin-top: 40px;
	height: auto;
}

/* main section pushes */

#sectionPushes
{
	margin: 0 0 30px 0;
	overflow: hidden;
	float: left;
}

	#sectionPushes div
	{        
		height: 164px;
		width: 230px;
		float: left;
		margin: 0 13px 13px 0;
		position: relative;
	}
	
		#sectionPushes div h4
		{
			width: 170px;
			position: absolute;
			bottom: 20px;
			left: 30px;
			text-shadow: 2px -1px 2px #111111;
			font-size: 24px;
			line-height: 22px;
			margin: 0;
		}
	
		#sectionPushes div img
		{
			border-radius: 4px 4px 4px 4px;
			-moz-border-radius: 4px 4px 4px 4px;
			-webkit-border-radius: 4px 4px 4px 4px;
		}

/* banner */

#bannerWithMargin
{
	height: 285px;
	margin: 0 0 30px 0;
}

#sectionPushes figure#banner
{
	height: 285px;
	margin: 0;
}

	#sectionPushes figure#banner img 
	{
		 border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

/* sidebar */

section#sidebar
{
	max-width: 245px;
	float: right;
	margin-left: 20px;
	color: #666;
}

	section#sidebar h3
	{
		margin-top: 0;
	}
	
	section#sidebar h4
	{
		margin: 10px 0 5px 0;
	}
	
	section#sidebar table
	{
		font-size: 13px;
	}

section#calendar
{
	float: right;
	width: 480px;
	margin: 40px 0 0 0;
}

/* news */

#news {
	width: 480px;
	float: left;  
}

	#news article
	{
		margin: 0 10px 30px 0;
		overflow: hidden;
		color: #666;
		width: 450px;
	}
	
	#news article p
	{
		width: 450px;
		font-size: 12px;
		color: #666666;
		line-height: 17px;
	}

	#news article footer
	{
		width: 480px;
		margin: 9px 0 0 0;
	}
	
	#news img 
	{
		margin-bottom: 10px;
	}
	
	#news h2
	{
		margin-bottom: 3px;
	}

/* Page navigation */

#sectionNav,
.section-nav
{
	background: url(/images/background-nav.png) no-repeat;    
	padding: 0;
	margin: 25px 0 30px 0;
	overflow: hidden;
}
	
	#sectionNav ul li,
	.section-nav ul li
	{
		float: left;
	} 
	
	#sectionNav a,
	.section-nav a
	{
		display: block;        
		font-size: 13px;
		margin: 0;
		font-weight: bold;
		padding: 18px 30px 15px;
		color: #ddd;
	}
	
	#sectionNav ul li:first-child a,
	.section-nav ul li:first-child a
	{
		border-radius: 7px 0px 0px 7px;
		-moz-border-radius: 7px 0px 0px 7px;
		-webkit-border-radius: 7px 0px 0px 7px;
	}
	
	#sectionNav ul li:first-child a:hover,
	.section-nav ul li:first-child a:hover
	{
		border-radius: 7px 0px 0px 7px;
		-moz-border-radius: 7px 0px 0px 7px;
		-webkit-border-radius: 7px 0px 0px 7px;
	}

	#sectionNav ul li a:hover,
	.section-nav ul li a:hover
	{
		background-color: #373737;        
	}
	
	#sectionNav a.active,
	#sectionNav a.active:hover,
	.section-nav a.active,
	.section-nav a.active:hover
	{
		background-color: #c70a0a;    
		color: #fff;
	}
			
	#sectionNav ul,
	.section-nav ul
	{
		padding: 0;
		margin: 0;
		list-style: none;
	}

#pageContent
{
	float: left;
	margin-left: 25px;
}

	#pageContent section.wide
	{
		width: 600px;   
	}

	#pageContent.wide section.two-col
	{
		width: 500px;   
	}

	#pageContent section.single-wide
	{
		width: 750px;
	}

	#pageContent.wide section.single-wide
	{
		width: 100%;
	}
	
	#pageContent p
	{
		line-height: 18px;
		margin: 0 0 15px 0;
	}
	
	#pageContent p strong
	{
		color: #333;
	}
	
	#pageContent h1
	{  
	}
	
	#pageContent h2
	{        
		margin-top: 0;
	}
	
	#pageContent h5,
	#pageContent h6
	{        
		font-size: 12px;
	}

	#pageContent section
	{
		width: 370px;
		float: left;
		margin-right: 10px;
	}
	
		#pageContent.wide section
		{
			width: 470px;
		}
		
		#pageContent section.normal
		{
		}
	
		#pageContent ul
		{
			margin: 0 0 15px 20px;
			padding: 0 0 0 14px;
			list-style: disc;
		}
	
		#pageContent ul li
		{
			line-height: 18px;
		}
		
	#pageContent .instructor-small
	{
		float: left;
		margin: 0 10px 0 0;
	}
	
		#pageContent .instructor-small a img
		{
			border: none;
		}
	
		#pageContent .instructor-small h4
		{
			margin: 4px 0 0 0;
			font-size: 12px;
			text-align: center;
		}
	
	#pageContent #sideContent
	{
		max-width: 350px;
		float: right;
	}
	
		#pageContent #sideContent footer
		{
			margin: 10px 0;
			max-width: 350px;
			font-size: 11px;           
		}
			
			#pageContent #sideContent footer p
			{
				 line-height: 16px;
			}
			
			#sideContent h3
			{
				font-weight: bold;
				color: #333;
				font-size: 14px;
			}

article.wide
{
	width: 910px;
}

.news-content
{
	width: auto;
	float: none;
}

#pageNav
{
	width: 150px;
	float: left;
	margin: 0 20px 0 0;
}

	#pageNav ul
	{
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#pageNav ul li
	{
		margin: 0 0 0 0;
		border-bottom: 1px solid #E8E8E8;
		padding: 10px 0 10px 10px;
	}

.link-row
{
	float: left;
	margin-right: 30px;
	font-weight: bold;
}

/* gruppträning */
.workout-side h3
{
	margin: 20px 0 5px 0;
	float: left;
	width: 100%;
}

.workout-side span
{
	margin: 3px 0 0 0;
	float: left;
	width: 100%;
	color: #555;
	font-size: 11px;
}

/* archive */
#archiveList,
.week-pass-list
{
	float: left;
	width: 455px;
	margin: 0 0 0 39px;
}

	#archiveList h2
	{
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 30px;
		color: #555;
	}

	#archiveList h2.no-margin
	{
		margin: 0 0 2px 0;
	}
		
	#archiveList article,
	.week-pass-list article
	{
		margin: 6px 0 30px 0;
		line-height: 22px;
	}
	
	#archiveList aside,
	.week-pass-list aside
	{
		float: right;
	}
	
	#archiveList footer
	{
		margin: 0 0 20px 0;
		width: 455px;
	}

/* section news */

#archiveList.section-list
{
	margin: 0 0 0 25px;
	width: 500px;
}

/* instructors */

 #instructors
 {
	 float: left;
	 width: 700px;
	 margin: 0 0 0 25px;
 }
 
	#instructors ul
	{
		list-style: none;
		margin: 25px 0 0 20px;
		padding: 0;
	}
	
	#instructors ul li
	{
		margin: 10px 0;
		padding: 0;
		overflow: hidden;
		font-size: 11px;
	}
	
	#instructors figure
	{
		float: left;
		width: 100px;
		height: 110px;
		overflow: hidden;
		margin: 0;
		text-align: center;
	}
	
	#instructors figure .no-image
	{
		padding-top: 30px;
	}
	
	#instructors figcaption
	{
		float: left;
		margin: 0 0 0 20px;
		width: 450px;
	}
	
		#instructors figcaption h4
		{
			margin: 0 0 5px 0;
		}
 
 /* group training */
 .workout-schedule
 {
 	margin: 10px 0 0 0px;
 	float: left;
 }
 
 	#pageContent .workout-schedule h3
	{
		border-bottom: 1px solid #D1D1D1;
		color: #555;
		margin: 0;
		padding: 0 0 5px 0;
	}
	
	#pageContent .workout-schedule ul
	{
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #767676;
		float: left;
		width: 100%;
	}
	
	#pageContent .workout-schedule li
	{
		list-style: none;
		float: left;
		padding: 5px 8px;
		background-color: #F2F2F2;
		min-width: 34px;
	}
	
	#pageContent .workout-schedule .today
	{
		color: #333;
	}
	
	#pageContent .workout-schedule #Saturday,
	#pageContent .workout-schedule #Sunday
	{
		background-color: #ffe8eb;
	}
 	
 /* gym */
 
 #contentSection
{
	width: 675px;
	float: left;
	overflow: hidden;
	margin: 0;
}

	#contentSection aside
	{
		float: right;
		width: 275px;
	}
	
	#contentSection article
	{
		float: left;
		width: 100%;
		line-height: 18px;
		font-size: 14px;
	}
	
		#contentSection article h2
		{
			font-size: 18px;
			margin: 0 0 20px 0;
		}

/* personlig träning */

#contentRight
{
	float: right;
	width: 251px;
}

/* booking form */

fieldset#booking
{
	clear: both;
	border: none;
	margin: 30px;
	padding: 0;
	width: 800px;
}

	fieldset#booking label
	{
		display: block;
		font-weight: bold;
	}
	
	fieldset#booking input
	{
		margin: 5px 0 15px;
	}
	
	fieldset#booking table
	{
		width: 100%;
	}
	
		fieldset#booking table span input,
		fieldset#booking table span label
		{
			display: inline;
			margin-right: 5px;
		}
			
	section.form-wrapper
	{
		margin: 10px 20px;
		width: 300px;
		float: left;
	}
	
	section.booking-result
	{
		margin: 30px;
	}
	
	.clr {
		clear: both;
	}
	
/* colors */

.white,
ul#mediaPager li a.active,
ul#mediaPager li a:hover,
.section-push div,
.section-push div a,
.section-push div a:visited,
#sectionNav a:hover,
#sectionPushes div h4,
#sectionPushes div h4 a,
#sectionNav a.active
{
	color: #fff;
}

.black
{
	color: #111;
}

.h2-link,
#news article h2 a,
#archiveList h2 a
{
	font-size: 18px;
	font-weight: bold;
}

.the-blue,
#pageContent a,
#pageNav ul li a,
#pageNav ul li a:visited,
#archiveList article h3 a,
#archiveList article h3 a:visited,
.h2-link,
#instructors figcaption h4 a,
#instructors figcaption h4 a:visited,
#pageContent .instructor-small h4,
{
	color: #0073BC;
}

.dark-grey,
#navigation li a,
#navigation li a:visited
{
	color: #3a3a3a;
}

.grey,
#headerNavigation li a,
ul#mediaPager li a,
#pageContent p,
#pageContent #sideContent footer,
#sideContent h3,
#instructors ul li,
#wrapper ul li
{
	color: #737373;
}

.light-grey,
#sectionNav a
{
	color: #ddd;
}

.medium-gray,
#pageFooter #pageFooterSection1,
#pageFooter #pageFooterSection2,
#pageFooter #pageFooterSection3
{
	color: #666;
}

.pink,
#navigation li a.active,
#navigation li a:hover
{
	color: #e51937;  
}

/* misc */

.align-right
{
	float: right;
}

.align-left
{
	float: left;
}

#facebookFanBox
{
	float: left;
	width: 215px;
}

#facebookSide
{
	float: right;
}

#startpageTextHeader
{
	width: 100%;
	margin: 40px 0 10px 0;
}

.clear-margins
{
	margin: 0;
	padding: 0;
}

a img
{
	border: none;
}