@font-face {
	font-family: 'Frutiger-Light';
	src: url('webfonts/2874E2_0_0.eot');
	src: url('webfonts/2874E2_0_0.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/2874E2_0_0.woff') format('woff'),
		 url('webfonts/2874E2_0_0.ttf') format('truetype');}
@font-face {
	font-family: 'Frutiger-Bold';
	src: url('webfonts/2874E2_1_0.eot');
	src: url('webfonts/2874E2_1_0.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/2874E2_1_0.woff') format('woff'),
		 url('webfonts/2874E2_1_0.ttf') format('truetype');}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*


REMOVE ME


*/
.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

html{background-color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -webkit-font-smoothing: antialiased;}
html.home{background-color: #f0f0f0;}

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font-size: 14px; line-height: 20px; font-family: Verdana;}
body {min-width: 980px; margin: 0 auto;} /* min-width: 1024px */;

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

h1, h2, h3, h4, h5, strong{
	font-family: 'Frutiger-Bold', Verdana;
	font-weight: 100;
}


p {
	font-size: 14px;  /*17px; */
	line-height: 20px; /*23px; */
	color: #333333;
}
h1 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
}

a {color: #007734; text-decoration: none;}
:active, :focus { outline: none; -moz-outline-style: none; -moz-user-focus: ignore;}

a:hover {color: #000;}

li.current-menu-item a, li.current_page_item a, #site-navigation ul.nav-menu li.current-page-ancestor a{
	color: #000;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #E3B735; color: #fff; text-shadow: none;}
::selection {background: #E3B735; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #E3B735;}

ins {background-color: #E3B735; color: #000; text-decoration: none;}
mark {background-color: #E3B735; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* general */




.wrapper{
	max-width: 980px;
	margin: 0 auto;
}
.content-area{
	background-color: #fff;
}

.hidden{
	display: none;
}
section{
	margin-bottom: 50px;
}

.box-wrap{
	background: #f0f0f0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 50px 0;
}

.column{
	width: 50%;
	float: left;
}


.column1-4{
	width: 25%;
	float: left;
}
.column3-4{
	width: 75%;
	float: left;
}

.column3-4 ul{
	list-style: disc;
	margin-left: 18px;
}

button.case-button{
	color: #fff;
	font-family: 'Frutiger-Light', Verdana;
	font-size: 20px;
	padding: 13px 20px;
	border: 0;
	background-color: #007734;
	height: 53px;
	line-height: 30px;
}

button.case-button .spriteHolder {
	background: url("sprites/img-sprite.png") repeat scroll -60px -79px transparent;
	margin-top: 6px;
	width: 28px;
}

/* print */
div.print-wrapper{}

div.print-wrapper .float{
	float: left;
}
a.print {
	margin: 10px 20px;
	font-family: 'Frutiger-Bold';
	font-size: 12px;
}
	a.print:hover{
		cursor: pointer;
	}
	a.print .spriteHolder {
		border: 0;
		background: url("sprites/img-sprite.png") repeat scroll -80px -20px transparent;
		margin-right: 0px;
		width: 20px;
	}

/* header + nav-menu */
header {
	padding: 20px 0;
	background-color: #fff;
}
header p{
	font-size: 16px;
	margin-top: 15px;
}

header span#site-logo {
	border: 0;
	float: right;
    margin-left: 50px;
    width: 160px;
    display: block;
	/* background: url("sprites/Umea_kommun_RGB.png") repeat scroll 0px -42px transparent; */
}


#site-label {
	float: left;
	font-size: 20px;
	line-height: 22px;
	font-family: 'Frutiger-Light', Verdana;
	margin-top: 6px;
}
#site-label strong{
	display: block;
	font-size: 32px;
	line-height: 32px;
}
#site-navigation-wrapper{
	float: right;
}
#site-navigation {
	float: left;
}
	#site-navigation ul.nav-menu li{
		height: 52px;
		line-height: 68px;
		margin: 0 0 10px 25px;
		padding: 0 3px;
	}
	#site-navigation ul.nav-menu li.current-menu-item, #site-navigation ul.nav-menu li.current-page-ancestor {
	    border-bottom: 2px solid #f8b316;
	}

#site-sub-navigation{
	border-bottom: 2px solid #d8d8d8
}
	#site-sub-navigation ul.nav-menu li{
		line-height: 30px;
		margin: 30px 30px 0 0;
	}
	#site-sub-navigation ul.nav-menu li.current_page_item {
	    border-bottom: 2px solid #f8b316;
	    margin-bottom: -2px;
	}


ul.nav-menu{
	list-style: none;
}
	ul.nav-menu li{
		float: left;
		border: 0;
	}
	ul.nav-menu li a{}
	ul.nav-menu li ul.children{
		display:none;
	}

#start-case-section .column p{
	font-family: Verdana;
	font-size: 16px;
	line-height: 24px;
}
/* Case Audio controller */


#secondary {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: none repeat scroll 0% 0% #F9F9F9;
     border-bottom-right-radius: 15px;
     border-color: rgba(132, 119, 131, 0.1);
     border-image: none;
     border-style: none solid solid;
     border-width: medium 1px 1px;
     width: 100%;
}

#secondary #case-selected-discuss-wrap h4{
    margin-left: 20px;
    padding-top: 15px;
    font-size: 16px;
}
#secondary #case-selected-discuss-wrap ul {
   list-style-type: none;
   margin-top: 10px;
   font-size: 16px;
   line-height: 28px;
   padding-bottom: 5px;
}
#case-selected-discuss-wrap{
	padding-bottom: 5px;
}
#secondary #case-selected-discuss-wrap ul li .discussionBullet {
     background: url("sprites/img-sprite.png") repeat scroll -60px -100px;
     display: inline-block;
     height: 7px;
     width: 7px;
     margin: 0 10px 2px -10px;
}


#seconday #case-selected-discuss-wrap .discussionBullet{
	height: 10px;
	width: 10px;
	background: #000;

}

#secondary #case-selected-discuss-wrap ul li{
        margin: 8px 30px;
}

#mediaButtons {
     margin-top: -18px; /* -20px */
}

#case-selected-secondary-button-wrapper {
     float: right;
     width: 250px;
}

#case-selected-discuss-wrap{
	display: none;
    padding : 0 10px 10px 10px;
}

#listen, #discuss {
     background: none repeat scroll 0% 0% #F9F9F9;
     border: 1px solid rgba(132, 119, 131, 0.1);
     border-bottom: 0;
     color: #006027;
     cursor: pointer;
     float: right;
     font-size: 12px;
     line-height: 18px;
     margin-left: 3px;
     padding: 0px 4px;
     position: relative;
     display: none;
     margin-top: -2px;
     z-index: 5;
}

#case-selected-audio-hide, #case-selected-discuss-hide {
     cursor: pointer;
     font-size: 12px;
     color: #606060;
}
#case-selected-audio-hide{
	margin-left: -12px;
	margin-top: -5px;
}


#case-selected-discuss-hide{
    float: right;
	padding-right: 10px;
	margin-bottom: 10px;
}

#case-selected-audio-hide span, #case-selected-discuss-hide span {
     background: url('sprites/img-sprite.png') -60px -40px;
     display: block;
     height: 12px;
     width: 12px;
    margin: 1px 0px 0 5px;
     float: right;
}
#case-selected-audio-hide span {
	margin-top: 4px;
}

#case-selected-discuss-hide span {
	margin: 4px 0 0 5px;
}

#mediaButtons #discuss .spriteHolder {
     background: url("sprites/img-sprite.png") repeat scroll 0px -16px transparent;
     margin-right: 0px;
}

#mediaButtons #listen .spriteHolder {
     background: url("sprites/img-sprite.png") repeat scroll -60px 3px transparent;
}

#mediaButtons .spriteHolder, .spriteHolder {
     display: block;
     float: left;
     height: 15px;
     margin: 0px 5px 0px 0px;
     width: 15px;
}


#mediaButtons div .selected {
     border-bottom: 1px solid #F9F9F9;
     color: #666666;
}

#audioWrapper {
     margin: auto;
     width: 96%;
     display: none;
}

#videoWrapper{
     display: none;
     max-width: 100%;
     top: 20%;
}
	#videoWrapper #videoOverlayWrapper {
	    width: 960px;
	    position: absolute;
	}

	#videoWrapper #videoTitle{
		font-size: 18px;
		font-family: 'Frutiger-Bold', Verdana;
		line-height: 32px;
		color: #fff;
	}

	#videoWrapper #videoOverlayWrapper #videoOverlayButton {
	     background: url("sprites/img-sprite.png") repeat scroll -101px -1px transparent;
	     height: 95px;
	     margin: auto;
	     width: 95px;
	     position: relative;
	     top: 220px;
	     cursor: pointer;
	}

	#videoWrapper #videoOverlayWrapper.replay #videoOverlayButton{
		background-position: -201px -1px;
	}

#case-selected-video-control-wrapper {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
     position: relative;
     bottom: 36px;
     padding: 10px 0px 3px;
     width: 100%;
     z-index: 0;
     display: block;
}

.controllWrapper {
     position: relative;
     width: 100%;
}

.audio button, .video button {
     background: none repeat scroll 0% 0% transparent;
     border: medium none;
}

.audio button, .video button {
     background: none repeat scroll 0% 0% #CCCCCC;
}

#case-selected-video {
     width: 100%;
     max-width: 100%;
     margin: 0;
}

#case-selected-audio-controls {
     margin: auto;
     width: 99%;
     padding-top: 19px;
     padding-bottom: 30px;
}

#case-selected-video-controls{
	margin: 1px auto 0 auto;
	width: 95%;
}
#videoOverlayWrapper{
	width: 960px;
	position: absolute;
}
#case-selected-fullscreen-wrapper{
	position: static;
	width: 960px;
	height: auto;
	background: none repeat scroll 0% 0% transparent;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	margin: auto;

}
#case-selected-video-controls *, #case-selected-audio-controls * {
     float: left;
}

#case-selected-video-seekBar, #case-selected-audio-seekBar {
     background: none repeat scroll 0% 0% #DBDBDB;
     border-radius: 20px 20px 20px 20px;
     border: 1px solid #C6C6C6;
     height: 12px;
     position: relative;
     width: 86%;
     margin-right: 5px;
}

#case-selected-video-seekBar{
	width: 83%;
}

.elapsedTime {
     background-color: #E3B735;
     border-radius: 20px 20px 20px 20px;
     border: 1px solid rgba(216, 149, 35, 0.3);
     height: 100%;
     margin-left: -1px;

}

#case-selected-video-seekBar.seekBar a, #case-selected-audio-seekBar.seekBar a {
     border-radius: 20px 20px 20px 20px;
     height: 20px;
     margin-left: -6px;
     width: 20px;
     cursor: pointer;
}

#case-selected-video-fullscreen {
     color: #006027;
     cursor: pointer;
     line-height: 12px;
     font-size: 11px;
     padding: 0px;
     margin-left: -17px;
}

#case-selected-video-fullscreen .spriteHolder {
     background: url("sprites/img-sprite.png") repeat scroll -40px 0px transparent;
     height: 11px;
     margin: 0px 3px 0px 0px;
     width: 14px;

}

.playButton {
    background: url("sprites/img-sprite.png") repeat scroll -60px -60px transparent;
    height: 20px;
    margin: -2px 10px 0 0;
    width: 20px;
    cursor: pointer;
}

.playButton.paused{
	background: url("sprites/img-sprite.png") repeat scroll -80px -60px transparent;
}

.timer {
     color: #ADADAD;
     font-size: 11px;
     line-height: 9px;
     text-align: center;
     margin: 1px 30px 0 10px;
     width: 25px;
}


/* start wrap */


section#start-wrap{
/*	background-repeat: no-repeat;
	background-position:center; */
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
section#start-wrap #start-img{
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
}

article#start-content-wrap{
	height: 550px;
	position: relative;
}
	section#start-wrap h1 {
		color: #fff;
		padding-right: 70px;
	}
	section#start-wrap p {
		color: #fff;
		font-size: 16px;
		line-height: 24px;
	}
	section#start-wrap .start-box {
		position: absolute;
		bottom: 30px;
		width: 470px;
		background-color: #e43b19;
		padding: 41px;
		border-radius: 30px 0;
	}

	section#start-wrap .start-box p{
		font-size: 16px;
		line-height: 24px;
	}
	section#start-wrap .button-wrap{
		position: absolute;
		/*left: 50%; */
		right: 0;
		bottom: 41px;
	}
	section#start-wrap button{
		position: relative;
		/*left: 80%;*/
	}
/* case start wrap */

div#case-list-container{
	display: none;
}

section#case-list-wrap .current {
    box-shadow: 0px 0px 5px 1px #ddd;
}

section#case-list-wrap .current .right p * {
     color: #000000;
}

section#case-list-wrap .current .left {
     border-left: 3px solid #E3B735;
}

section#case-list-wrap .current .left p {
     margin-left: -3px;
     height: 40px;
}

section#case-list-wrap .done * {
     color: rgba(0,0,0,0.5);
}

section#case-list-wrap .done .checkMark{
    width: 20px;
    height: 23px;
    margin: 10px;
    background: url('sprites/img-sprite.png') -39px -16px;
}

section#case-start-wrap{
	margin: 0 auto;
}
	section#case-start-wrap p {
		font-size: 18px;
		line-height: 32px;
	}
	section#case-start-wrap img{
		max-width: 460px;
		height: auto;
	}

	section#case-start-wrap .button-wrap{
		float: left;
	}
	section#case-start-wrap a{
		margin-left: 20px;
		line-height: 67px;
		font-size: 17px;
	}


/*	Next case info	*/
#next-case-info {
     display: none;
     padding-top: 40px;
     margin-bottom: -30px;
}

#next-case-info span {
    display: block;
    font-family: "Frutiger-Bold";
	font-size: 12px;
	line-height: 8px;
    color: rgba(0, 0, 0, 0.5);
}

#next-case-info #next-case-info-name {
    display: block;
    margin-top: 10px;
    font-family: 'Frutiger-Bold';
    font-size: 18px;
    cursor: pointer;
}
/*	Case section	*/
#case-section *{
    color: #FFFFFF;
    font-size: 28px;
    line-height: 40px;
    font-family: 'Frutiger-Bold';
    margin: 0px;
	padding: 0px;
}
	#readMore{
		margin-left: 20px;
	}

	#readMore .more-header{
		font-family: 'Frutiger-Bold', Verdana;
		font-weight: 100;
		font-size: 16px;
	}

	#case-section .case-section-heading{
    	font-size: 20px;
    	font-family: 'Frutiger-Bold';
	}

	#case-section .case-section-text *{
    	color: #FFFFFF;
	    font-size: 28px;
	    line-height: 40px;
	    font-family: 'Frutiger-Bold';
	}

	.read-more{
		display: none;
	}
	#case-section .case-section-text .case-discuss li {
		font-size: 20px !important;
		line-height: 18px !important;
		font-family: 'Frutiger-Light' !important;
		list-style: disc;
		margin-left: 20px !important;
	}

	#case-section .case-section-text .case-discuss b {
		font-size: 20px !important;
	}

	#case-section ol, #case-section ul {
    	margin-top: 20px;
	}

	#case-section ul li{
	    margin: 20px 0;
	}

	#case-section ol{
		margin-left: 30px;
		line-height: 40px;
	}

/* case start wrap */

section#case-list-wrap{
	background-color: #fff;
	margin: 65px auto 50px auto;
}
	section#case-list-wrap p{
		padding: 10px 20px;
		font-size: 14px;
	}
	section#case-list-wrap a:hover{
		text-decoration: underline;
	}

div.case-list-header{
	position: relative;
	width: 980px;
	border: 1px solid #dbdbdb;
	border-radius: 20px 0 0 0;
}
div.case-list-header #next_case{
	display: none;
}

div.case-list-header #previous_case{
	display: none;
}

div.case-list-header .spriteHolder {
		background: url("sprites/img-sprite.png") repeat scroll -57px -16px transparent;
		margin-top: 12px;
		margin-left: 16px;
	}

	div.case-list-header .left{
		float: left;
		width: 500px;
	}

	div.case-list-header .right{
		float: left;
		width: 478px;
		text-align: right;
	}

	div.case-list-header .right a{
		margin-left: 20px;
	}

div.case-list-group{
	border: 1px solid #dbdbdb;
	border-top: 0;
	background-color: #f4f4f4
}

div.case-list{
	position: relative;
	width: 980px;
	border: 1px solid #dbdbdb;
	border-top: 0;
}
	.case-list .left{
		float: left;
		width: 40px;
		border-right: 1px solid #dbdbdb;
	}
	.case-list .left p{
		padding: 10px 0 !important;
		text-align: center;
		line-height: 20px;
	}
	.case-list .right{
		float: left;
		width: 938px;
	}
	.case-list .right .align-left{
		width: 50%;
		float: left;
	}
	.case-list .right .align-right{
		width: 50%;
		float: right;
		text-align: right;
		padding-right: 10px;
	}
	.case-list-last{
		border-radius: 0 0 20px 0;
	}


/* pages with modules */

section#page-wrap{
	background-color: #f0f0f0;
	border-top: 2px solid #d8d8d8;
	margin-bottom: 0;
}

	#page-content-wrap{
		border-bottom: 2px solid #d8d8d8;
	}

	#page-content-wrap .column{
		padding-left: 20px;
	}
	#page-content-wrap .column1-4{
		padding-left: 10px;
	}
	#page-content-wrap .column:first-child{
		padding-left:0;
	}
	#page-content-wrap .attachments-wrapper {
		margin-top: 52px;
	}

article.page-module{
	position: relative;
	margin: 50px auto;
}

	article.page-module .column p{
		line-height: 22px;
	}

	article.page-module .column img{
		max-width: 490px;
		height: auto;
	}

/* footer */
footer {
	margin-bottom: 0;
	background-color: #f0f0f0;
	padding: 35px 0;
	font-size: 14px;
}
footer p{
	font-size: 12px;
	line-height: 18px;
}
	footer.footer-page, footer.footer-post{

	}
	footer.footer-case{
		border-top: 2px solid #d8d8d8;

	}
footer .values-label{
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 18px;
}
	footer .values-label strong{
		display: block;
		font-size: 14px;
		line-height: 20px;
		font-family: 'Frutiger-Bold';
	}
footer .values-footer{
	float: left;
	width: 245px;
	padding-right: 30px;
}
footer .values-footer:last-child{
	padding-right: 0;
}
footer .values-footer h4{
	line-height: 20px;
}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
	*{
		border: 0px;
		outline: none; -moz-outline-style: none; -moz-user-focus: ignore;
	}
	header, footer, #site-sub-navigation, .print{
		display: none;
	}

}