/*
Title:  Musikkverksted.no screen styles
Author: johan@mesen.no
Author: geirarne@mesen.no
*/

/*
helper classes
*/
.float-left { float: left; } 
.float-right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.center { margin: 0 auto; } 
.margins { margin: 30px; }
.push-top { margin-top: 30px; }
.push-right { margin-right: 30px; }
.push-bottom { margin-bottom: 30px; }
.push-left { margin-left: 30px; }

strong { font-weight: bold; }
em { font-style: italic; }


/* basic styling */
html { background: #fafafa url(/gfx/bg_footer.png) 50% 100% no-repeat; padding-bottom: 200px; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; color: #636159; }
/* links */
a { color: #20bed4; text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { position: relative; top: 1px; }
/* headings */
h2 { font-size: 220%; margin-bottom: 15px; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
/* paragraph */
p { margin-bottom: 15px; }
/* blockquote */
blockquote {
	padding-left: 60px;
	padding-right: 60px;
	font-size: 220%;
	margin-top: 25px;
	margin-bottom: 30px;
}
/* wrapper */
.wrapper {
	position: relative;
	font-size: 140%;
	line-height: 1.7;
	width: 960px;
	margin: 0 auto;
	clear: both;
}
/* header */
#header {
	clear: both;
}
#header #minilinks {
	padding: 18px 0;
	text-align: right;
	font-weight: bold;
}
#header #minilinks li {
	display: inline;
	padding-left: 30px;
}
#header #logo {
	height: 107px;
	margin-bottom: 60px;
}
/* CSS dropdown */
#header #cssdropdown {
	position: absolute;
	top: 85px;
	right: 0;
	text-align: right;
	z-index: 100;
}
/* CSS dropdown: Head links */
#cssdropdown li.headlink {
	float: left;
	margin-left: 30px;
	text-align: left;
	background: #eae8dd url(/gfx/dropdown_arrow.png) 100% 1.2em no-repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 2.2;
	font-weight: bold;
	padding: 0.1em 0 0.1em 25px;
}
#cssdropdown li.headlink>a {
	font-size: 160%;
	padding-right: 50px;
}
#cssdropdown li.headlink a {
	color: #636159;
	text-decoration: none;
	display: block;
}
/* CSS dropdown: Child lists and links */
#cssdropdown li.headlink ul {
	display: none;
	text-align: left;
	font-weight: normal;
	padding-bottom: 1.5em;
}
#cssdropdown li.headlink:hover {
	background: #a39f8c url(../gfx/dropdown_arrow_hover.png) 100% 1.2em no-repeat;
}
#cssdropdown li.headlink:hover a {
	color: #fff;
}
#cssdropdown li.headlink:hover ul {
	display: block;
}
#cssdropdown li.headlink ul li a:hover {
	text-decoration: underline;
}
/* contents */
#contents {
	clear: both;
	position: relative;
	overflow: hidden;
}
/* columns */
.col { width: 465px; }
.col_wide { width: 630px; }
.col_narrow { width: 300px; }
.col_ultra_wide { width: 795px; }
.col_full { width: 960px; }
.col_ultra_narrow { width: 135px; }
/* footer */
#footer {
	clear: both;
	padding: 1em 0 30em 0;
	margin: 10em auto 1em auto;
	width: 960px;
	border-top: 1px solid #edebe2;
	font-size: 120%;
	line-height: 1.7;
}
#footer .search {
	float: right;
	padding: 1.25em 0 0 1em;
}
#footer .search .search_box {
	padding: 0.75em;
	width: 270px;
	margin-right: 0.5em;
	color: #636159;
}
#footer .search .button {
	padding: 0.75em 1.25em;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #a39f8c;
	color: #fff;
}
#footer .search .button:hover {
	background: #636159;
	cursor: pointer;
}
#footer .search .button:active {
	opacity: 0.5;
}
#footer .links {
	float: left;
	padding: 0.5em 7em 0.5em 0;
	border-left: 1px solid #edebe2;
}
#footer .links a {
	color: #231f20;
	font-weight: bold;
	text-decoration: none;
}
#footer .links a:hover {
	border-bottom: 1px solid #a39f8c;
}
#footer .logo {
	float: left;
	margin-right: 2em;
	padding-top: 1.25em;
}
#footer dl {
	margin-left: 2em;
	clear: both;
}
#footer dl dt {
	display: inline;
	margin-right: 0.5em;
	font-style: oblique;
}
#footer dl dd {
	display: inline;
	color: #a39f8c;
}
/* norsk kulturråd-link below footer */
#kulturrad {
	margin: 0 auto;
	width: 180px;
}
/* anywhere */
.infoline {
	clear: both;
	background: #edebe2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 2.2;
	padding: 10px;
	text-align: center;
	margin-bottom: 120px;
}
.infoline a {
	color: #20bed4;
	font-weight: bold;
}
.tipline {
	clear: both;
	color: #464232;
	background: #fceda7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 2.2;
	padding: 10px;
	text-align: center;
	margin-bottom: 120px;	
}
.tipline a {
	color: #464232;
}
.tipline a:hover {
	color: #464232;
	text-decoration: none;
}
/* colors */
.infoline a.dsp { color: #f45c8a; }
.infoline a.hmix { color: #d1b62c; }
.infoline a.melmak { color: #8ebd48; }
/* Homepage: big icons */
.big_tools {
	clear: both;
	height: 300px;
	padding-bottom: 30px;
}
.big_tools .tool {
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 300px;
	height: 300px;
	float: left;
	text-align: center;
	color: #fff;
	position: relative;
	font-weight: bold;
	text-decoration: none;
}
.big_tools a.tool:hover {
	opacity: 0.8;
}
.big_tools .tool h2 {
	line-height: 3;
	vertical-align: middle;
}
.big_tools .tool h3 {
	position: absolute;
	bottom: -0.1em;
	width: 300px;
}
.big_tools .tool h3 span {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0.8em 1.3em;
}
.big_tools .dsp {
	background: #f45c8a url(../gfx/icon_tool_dsp.png) 50% 50% no-repeat;
	margin-right: 30px;
}
.big_tools .dsp h3 span {
	background: #442618;
}
.big_tools .hurtigmixeren {
	background: #f8d635 url(../gfx/icon_tool_hurtigmixeren.png) 50% 50% no-repeat;
	margin-right: 30px;
}
.big_tools .hurtigmixeren h3 span {
	background: #353414;
}
.big_tools .melodimakeren {
	background: #a1d752 url(../gfx/icon_tool_melodimakeren.png) 50% 50% no-repeat;
}
.big_tools .inactive {
	background: #ccc url(../gfx/icon_tool_melodimakeren_inactive.png) 50% 50% no-repeat;
}
.big_tools .melodimakeren h3 span {
	background: #263313;
}
.big_tools .inactive h3 span {
	background: #a39f8c;
}
/* specific streams/lists */
.stream {
	margin-bottom: 60px;
}
.stream>h3 {
	display: inline;
	margin-bottom: 20px;
}
.stream .item {
	text-align: center;
	margin-bottom: 10px;
	clear: both;
	background: #d7eff2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px 30px;
}
.stream .item h4 { text-align: left; margin-bottom: 5px; font-weight: bold; }
.stream .item h4 a { text-decoration: none; color: #3f3f3f; }
.stream .item h4 a:hover { text-decoration: underline; }
.stream .item p.date {
	margin-top: -5px;
	margin-bottom: 15px;
	color: #969696;
}
.stream .item p.more {
	margin-top: 5px;
	margin-bottom: 5px;
}
.float-left .item h4 {
	text-align: center;
}
.stream>div.more {
	background: #e9f6f7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	text-align: center;
}
.stream>div.more p {
	margin: 0;
}
.activities {
}
.blogposts {
}
.blogposts .item {
}
.blogposts .item p {
	text-align: left;
}
.blogposts .item img {
	margin: -15px -30px 15px -30px;
}
/* teasers */
.teaser {
	padding: 30px 0;
	background: #e9f6f7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}
.teaser h2 {
	margin-bottom: 5px;
	font-size: 140%;
}
.teaser p {
	margin-bottom: 5px;
}

/* search */
#search_big {
	display: block;
	clear: both;
	background: #edebe2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 30px;
	font-size: 220%;
	line-height: 1.6;
}
#search_big .search_box {
	padding: 6px 15px;
	border: none;
	width: 710px;
	vertical-align: 1;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#search_big .button {
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
}
/* pagination */
.pagination { margin-top: 30px; }
.pagination a.newer,
.pagination a.older {
	display: block;
	text-align: center;
	padding: 15px 50px;
	background: #d7eff2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 140%;
}
.pagination a.newer { float: left; }
.pagination a.older { float: right; }

/* blog posts */
h3.date {
	margin: -20px 0 20px 0;
	color: #969696;
}

/* tags page */
#tags {
	text-align: center;
}
#tags span {
	display: inline-block;
	padding: 2px 0;
}
#tags a {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #d7eff2;
	font-size: 140%;
	margin: 5px;
	text-decoration: none;
}
#tags span a:hover {
	background: #20bed4;
	color: #fff;
	opacity: 1;
}
#tags .tag10 a { opacity: 1; }
#tags .tag9 a { opacity: 0.9; }
#tags .tag8 a { opacity: 0.86; }
#tags .tag7 a { opacity: 0.82; }
#tags .tag6 a { opacity: 0.78; }
#tags .tag5 a { opacity: 0.74; }
#tags .tag4 a { opacity: 0.7; }
#tags .tag3 a { opacity: 0.66; }
#tags .tag2 a { opacity: 0.62; }
#tags .tag1 a { opacity: 0.58; }
#tags .tag0 a { opacity: 0.54; }

/* upload */
.taglistscontainer {
	padding-top: 20px;
}
.tagsectiontitle {
	padding-bottom: 10px;
	clear: left;
}
.tagoptionswrapper li,
.tagselectedwrapper li {
	display: inline;
}
.tagoptionswrapper li,
.tagselectedwrapper li {
	padding: 0 5px;
	margin: 0 5px 12px 0;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 85%;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #20bed4;
}
.tagoptionswrapper li:hover {
	cursor: pointer;
	background: #1daabe;
}
.tagselectedwrapper li:hover {
	cursor: pointer;
	background: red;
}
.tagoptionswrapper li span,
.tagselectedwrapper li span {
	display: none;
}
#tag_custom_fieldset {
	padding-bottom: 20px;
	vertical-align: middle;
	clear: left;
}
#tag_custom_fieldset label {
	clear: left;
	display: block;
}
#tag_custom_fieldset #tag_custom_tags {
	padding: 0.75em;
	width: 270px;
	margin-right: 0.5em;
	color: #636159;
	float: left;
}
#tag_custom_fieldset .button {
	padding: 0.9em 1.25em;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #a39f8c;
	color: #fff;
}
#tag_custom_fieldset .button:hover {
	background: #636159;
	cursor: pointer;
}
#tag_custom_fieldset .button:active {
	opacity: 0.5;
}
.othertracks {
	clear: both;
}
.othertracks h2 { margin-bottom: 9px }
.tracklist {
	padding-bottom: 30px;
	clear: both;
}
.tracklist li {
	padding: 0 12px 0 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 10px;
	display: block;
	clear: both;
	height: 49px;
	line-height: 49px;
	vertical-align: middle;
}
.tracklist li h3 {
	float: left;
	overflow: hidden;
	font-size: 120%;
}
.tracklist li { background: #f2f0ed; vertical-align: middle; }
.odd { background: #eae8dd; }
.tracklist h3 span { padding-left: 7px; }
.tracklist li h3 span { color: #b2b0a7; }
.even h3 span { color: #c3c1bc; }
.inlineplay {
	float: right;
	display: block;
	margin-top: 12px;
	margin-left: 5px;
	height: 25px;
	line-height: 25px;
	width: 72px;
	padding-left: 13px;
	background: url(/gfx/playbtn.png) no-repeat right top;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.inlineplay:hover {
	background-position: right -30px;
	cursor: pointer;
}
.musictags {
	float: right;
}
.musictags a {
	padding: 0 5px;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 12px;
	color: #fff;
	text-decoration: none;
	font-size: 85%;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #20bed4;
}
.musictags a:hover { background: #1daabe; }
.clearit { clear: both; height: 1%;}
a.nextpage , a.prevpage {
	padding: 5px 12px;
	background-color: #eae8dd;
	text-decoration: none;
	cursor: pointer;
	color: #7e7c73;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 5px;
}
a.nextpage { float: right; }
a.prevpage { float: left; }
a.nextpage:hover , a.prevpage:hover {
	text-decoration: none;
	background: #99c44e;
	color: #FFF;
}
a.nextpage:active , a.prevpage:active { background: #8db548; color: #FFF; }
#likeit {
	display: none;
	float: right;
	width: 200px;
	padding: 13px;
}
#shareit {
	clear: right;
	float: right;
	width: 185px;
	padding: 13px 13px 11px 13px;
	background: #D7EFF2 none repeat scroll 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#shareit h2 {
	font-size: 20px;
	margin-bottom: 9px;
}
#shareit a {
	text-align: center;
	display: block;
	width: 180px;
	background: #f2fafb;
	padding: 3px;
	margin-bottom:2px;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#shareit a:hover { background: #fff; }
a#share_email {
	padding: 10px;
}
a#share_blog {
	padding: 10px;
}
a#share_facebook {
	padding: 10px;
}
#listencontainer {
	float: left;
	min-height: 200px;
	border: 0px solid black;
}
#listencontainer  h1{
	font-size: 30px;
	padding-bottom: 5px;
}
#listencontainer p {
	padding-top: 6px;
	font-size: 16px;
}
#listencontainer p a { text-decoration: underline; }
#listencontainer p a:hover { text-decoration: none; }
#listencontainer p.credits {
	clear: both;
	padding-bottom: 18px;
}
#listencontainer p.credits span {
	float: right;
	color: #a0a0a0;
}
#listencontainer .musictags {
	clear: both;
	padding-bottom: 18px;
}
#listencontainer .musictags a {
	margin-top: -12px;
}
#listenflash {
	height: 100px;
	border: 0px solid black;
	background: #EAE8DD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#legalwarning {
	background: #D7EFF2;
	padding: 30px;
	width: 300px;
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#legalwarning h3 {
	font-size: 140%;
	padding-bottom: 10px;
}
#mediaobject_title_label,
#mediaobject_username_label,
#mediaobject_email_label {
	width: 155px;
	border: 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 17px;
	padding: 10px 0;
}
input#mediaobject_title,
input#mediaobject_username,
input#mediaobject_email {
	position: relative;
	height: 100%;
	background: #FFF;
	border: 0 solid #EAE8DD;
	padding: 0 10px;
	font-size: 17px;
	width: 380px;
	float: right;
	display: block;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	color: #636159;
}

div#mediaobject_title_wrapper,
div#mediaobject_username_wrapper,
div#mediaobject_email_wrapper {
	border: 1px solid #eae8dd;
	background: #EAE8DD;
	margin-bottom: 10px;
	height: 46px;
	width: 560px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.savebuttons_pane {
	width: 200px;
	float: left;
	padding: 9px 0;
}
.savebuttons_pane .button {
	background: #A1D752;
	border:0;
	padding: 10px 0 8px 0;
	color:#FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	font-size: 17px;
	text-align: center;
	width: 105px;
	}
	#uploadtitle { font-size: 30px; }
	.emailnotice { padding-left: 2px; }
	.savebuttons_pane .button:hover { background: #9AC64E;}
	#uploadcontainer {
		background: #EAE8DD;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 6px 10px;
		margin-bottom: 14px;
	}
	#fsUploadProgress {
	}
	#fsUploadProgress span {
		font-weight: bold;
		font-size: 12px;
	}
/* Enkeltoppgave
*/
.singletask {
	border-top: 0px solid #ccc;
	padding-left: 36px;
}
.slideshow {
	border: 0px solid black;
	height: 450px;
	position: relative;
	margin-bottom: 22px;
	overflow: hidden;
}
body#inspiration .slideshow {
	height: 379px;
}
.slideshow p {
	width: 300px;
	font-size: 17px;
	color: #FFF;
	left: 10px;
	bottom: 6px;
	position: absolute;
	z-index: 103;
	padding: 0;
	margin: 0;
}
#beltlinks {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 103;
}
.slideshow a {
	float: right;
	padding: 2px 4px;
	border: 1px solid #7ed9e6;
	color: #fff;
	margin-left: 3px;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.slideshow a:hover { border: 1px solid #FFF; background: #FFF; color: #19aabe }
.belt {
	width: 780px;
	height: 34px;
	position: absolute;
	bottom: 0;
	z-index: 100;
	padding-top: 3px;
	overflow: hidden;
}
.belt span {
	width: 780px;
	height: 40px;
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 101;
}
body#inspiration .belt {
	width: 630px;
	height: 34px;
}
body#inspiration .belt span {
	width: 630px;
	height: 40px;
}

.belt span a {
	z-index: 102;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.slideshow p.credit_name {
	color: white;
	display: block;
	width: 770px;
	height: 41px;
	position: absolute;
	bottom: 0;
	z-index: 100;
	padding-top: 5px;
	padding-left: 10px;
	background: #20bed4;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 101;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
p#imagecounter{
	margin-left: 600px;
}
body#inspiration p#imagecounter{
	margin-left: 450px;
}	
/* enkeltoppgave lærer */
.factbox {
	margin-bottom: 30px;
	vertical-align: top;
}
.factbox tr {
	border-bottom: 1px solid #dbd9cf;
}
.factbox .desc {
	width: 20%;
	font-weight: bold;
}
.factbox td {
	padding: 10px 0;
}
.factbox td p:last-child {
	margin-bottom: 0;
}
#exercises-list {
	margin-bottom: 30px;
}
.exercise-text,
.media-list,
.exercise-contact {
	padding-bottom: 30px;
}
.ui-state-error {
	color: red;
}
#form-emailcontact {
	margin-top: 15px;
}
#form-emailcontact label {
	width: 27%;
	float: left;
	margin-top: 0.75em;
	font-weight: bold;
}
#form-emailcontact label.error {
	clear: left;
	margin-top: 0.25em;
}
#form-emailcontact .inputfield {
	padding: 0.75em;
	width: 320px;
	color: #636159;
	margin-bottom: 10px;
}
#form-emailcontact .mediumarea {
	padding: 0.75em;
	width: 320px;
	height: 160px;
	color: #636159;
	margin-bottom: 10px;
}
#form-emailcontact .button {
	padding: 0.75em 1.25em;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #99c44e;
	color: #fff;
	margin-left: 27%;
	cursor: pointer;
}
#form-emailcontact .button:hover {
	background: #7aa331;
}
/* lydbanken */
#listfilter form {
	margin-bottom: 30px;
}
#listfilter label {
	font-size: 140%;
	display: block;
}
#listfilter .textinput {
	padding: 0.75em;
	width: 320px;
	color: #636159;
	margin-bottom: 10px;
	margin-right: 10px;
}
#listfilter .button {
	padding: 0.75em 1.25em;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #99c44e;
	color: #fff;
	cursor: pointer;
}
#listfilter .button:hover { background: #7aa331; }
/* ---- Aktivitetsoversikt, Aktiviteter ---- */
a.act_seeall {
	display: block;
	float: right;
	width: 75px;
	height: 28px;
	text-align: right;
	font-size: 17px;
	text-decoration: none;
	padding-top: 6px;
}
a.act_seeall:hover { text-decoration: underline; }
.act_list {
	font-size: 16px;
}
.activitybox {
	width: 439px;
	float: left;
	padding-right: 32px;
	padding-bottom: 32px;
}
.act_list .checkmore {
	text-align: center;
	background-color: #8DB548;
}
.act_list .checkmore a{
	color: #FFF;
	text-decoration: none;
	display: inline;
	width: 100%;
}
.act_list .checkmore a:hover { text-decoration:underline; }
.act_list .checkmore span{
	color: #FFF;
	padding-right: 3px;
	opacity: 0.65;
}
.activitybox h3 {
	width: 230px;
	float: left;
	font-size: 23px;
	padding-bottom:6px;
}
#activityheadline { font-size: 32px; padding-left: 0; }

/* ---- Oppgaver ---- */
.tasklist a {
	padding: 11px 10px 11px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 5px;
	display: block;
	clear: both;
	background: #F2F0ED;
	text-decoration: none;
	font-size: 16px;
}
.tasklist a:hover {
	background: #99c44e;
	color: #FFF;
}
.tasklist a span {
	float: right;
	background: #f8f6f4;
	padding: 0px 5px 1px 5px;
	border: 1px solid #eae8dd;
	margin-top: -1px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tasklist a:hover span {
	background: #99c44e;
	padding: 0px 5px 1px 5px;
	border: 1px solid #c5e58e;
}
/* Hjelp */
#faqnav {
	clear: both;
}
#faqnav li {
	display: inline-block;
	float: left;
	width: 310px;
	margin-bottom: 30px;
	padding-right: 10px;
}
#faqnav li a {
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 6px 10px 6px 10px;
	background: #eae8dd;
	border: 1px solid #eae8dd;
	font-size: 17px;
	text-decoration: none;
}
#faqnav li a.selected {
	color: #fff;
	background: #99c44e;
	border-color: #99c44e;
}
#faqnav li a:hover {
	border-color: #99c44e;
}
.question {
	margin: 20px 0 50px 0;
}
.question h3 {
	margin-bottom: 15px;
}
/* quiz */
#quizcontent form {
	padding-top: 30px;
}
.quizbuttonwrapper {
	padding-top: 30px;
}
.quizbuttonwrapper a {
	padding: 0.75em 1.25em;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #99c44e;
	color: #fff;
	cursor: pointer;
	margin-right: 10px;
	text-decoration: none;
}
.quizbuttonwrapper a:hover {
	background: #7aa331;
}
.quiz-share {
	padding: 15px 0;
}
.quiz-result {
	padding-top: 30px;
}
.quiz-result h3 {
	margin-bottom: 15px;
}
/*
.quiz-result .correct {
	color: green;
}
*/
.quiz-result .selected {
	color: red;
	font-weight: bold;
}
.quiz-result .selectedcorrect {
	color: green;
	font-weight: bold;
}

/* ---- Lærerside ---- */
#teacherpage p { font-size: 16px; margin-bottom: 25px;}
.pickclass { overflow: hidden; font-size: 16px; margin-bottom: 8px; }
.teachertitle { padding-bottom: 13px; display: block; }
.pickclass ol {
	float: left;
	width: 310px;
	font-size: 17px;
	padding-bottom: 30px;
	margin-right: 10px;
}
.pickclass ol li {
	display: block;
	margin-bottom: 10px;
}
.pickclass ol li a {
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 6px 10px 6px 10px;
	background: #EAE8DD;
	text-decoration: none;
	border: 1px solid #EAE8DD;
	color: #636159;
	cursor: pointer;
}
.pickclass ol li a:hover {
	border: 1px solid #99c44e;
}
.pickclass ol li a.selected {
	border: 1px solid #99c44e;
	background: #99c44e;
	color: #FFF;
}
.pickclass ol li { margin: 0px 0 10px 0; }
.pickclass ol.lastlist{ margin: 0 0 10px 0; }
.task_class {
	background: #EAE8DD;
	margin: 0px 0 0 0;
	line-height: 27px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-top: 2px;
}
.task_class ul {
	font-size: 16px;
	padding: 22px;
	margin-bottom: 12px;
}
.task_class ul li {
	padding: 10px 0;
	border-bottom: 1px solid #dbd9cf;
}
.task_class ul li:last-child {
	border: 0;
}
.task_class h4 {
	padding: 22px 22px 0 22px;
	font-size: 24px;
}
.task_class h4 span {
	float: right;
	padding: 5px 8px 4px;
	margin-top: -3px;
	background: #dbd9cf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: middle;
	font-size: 85%;
}
strong.subtask {
}
.task_readmore {
	clear: right;
	display: block;
	float: right;
	width: 70px;
	text-align: right;
	height: 30px;
	padding: 2px 25px 0 0;
	height: 44px;
	font-size: 14px;
}
/* ------ Verktøy / instrument ------ */
.toolpage { width: 1000px; } /* Ligger innenfor en div med overflow: hidden - altså ingen grunn til å bekymre seg for horisontal scroll */
.threecol{
}
.singlecol {
	width: 300px;
	overflow: hidden;
	float: left;
	margin-bottom: 30px;
	margin-right: 30px;
	display: inline;
}
.toolheadline img {
	background: #EAE8DD;
	width: 300px;
	height: 240px;
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.toolheadline h3 {
	font-size: 26px;
	padding-top: 6px;
}
.toolheadline h3 a { color: #636159;text-decoration: none; }
.toolheadline h3 a:hover { text-decoration: underline; }
.toolpage .buttonlink {
	display: block;
	padding: 10px;
	background: #99c44e;
	width: 280px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	clear: both;
}
.toolpage .buttonlink:hover { background: #7aa331 }
.tooldescription {
	height: 100px;
}
.toolpage p.buttondisabled {
	padding: 10px;
	color: #fff;
	background: #a09c90;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0;
	text-align: center;
}
.toolpage p { margin: 8px 0 17px 0; }
.toolpage h2 { margin-bottom: 11px; }
.toolpage h3 { margin-top: 2px; }
.reqspec {
	padding: 0 0 5px 0;
	font-size: 12px;
	color: #78766d;
	clear: both;
}
/*
 * Geir Arne's crap corner
 */
.mp3player{width:1px;height:1px;overflow:hidden;} /* highly temporary solution */
.hidden{display:none;}

/* needs to be moved to somewhere else */
.box {
	margin-bottom: 30px;
}
.stream object.youtube {
	width: 405px;
	height: 340px;
}
.col_wide object.youtube {
	width: 570px;
	height: 456px;
}
span.mediametainfo {
	display: block;
}