/*
 *----------------------------------------------------------------------
 * Jonas Åkerlund
 * Copyright Sector 5 AB 2009
 * ---------------------------------------------------------------------
*/

@media screen {

/*--------------------------------------------------------------------*/
/* Defaults */
/*--------------------------------------------------------------------*/
body { font-size: 62.5%; font-weight: normal;} 
html { min-height: 100.9%; }
* { margin: 0; padding: 0; } 
a img { border: 0; }
img { margin: 0; padding: 0; border: none; } 

/*--------------------------------------------------------------------*/
/* Common Typography */
/*--------------------------------------------------------------------*/
body { background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif;}
body, table, td, input, textarea, select, fieldset, legend { color: #4e4e4e;}
h1 { font-size: 29px; line-height: 30px; color: #c72c36; font-weight: bold; margin: 0 0 15px 0;}
h2 { font-size: 18px; line-height: 22px;}
h3, h4, h5, h6 { font-size: 12px;}
a { color: #4e4e4e;}
a:hover { text-decoration: underline;}
input, textarea { font-family: Arial, Verdana, sans-serif;}
ul { list-style: none outside;}

/*--------------------------------------------------------------------*/
/* Common */
/*--------------------------------------------------------------------*/
.clear { clear: both;}
.left { float: left;}
.right { float: right;}
.print { display: none; }
table { border-collapse: collapse;}

/*--------------------------------------------------------------------*/
/* Basic layout */
/*--------------------------------------------------------------------*/
#wrapper { margin: 0 auto; width: 940px;}
#header { background: #C72C36 url(../images/top_bg.gif) right top no-repeat; height: 95px; position: relative;}
#header #logo { padding: 19px 0 0 18px; float: left;}

#header-links { position: absolute; right: 4px; top: 5px;}
#header-links li {
	float: left;
	font-size: 11px;
	background: url(../images/divider.gif) left top no-repeat;
	padding: 0 9px 0 10px;
	position: relative;
	height: 20px;
	font-family: Verdana, Arial, sans-serif;
	letter-spacing: -1px;
}

#header-links li#language { background: none; padding-left: 0; margin-top: 2px; float: left;}
#header-links span {
	cursor: default;
	color: #fff;
	font-weight: bold;
	background: url(../images/arrow_down.gif) right 6px no-repeat;
	padding-right: 12px;
}
#page { float: left; padding: 14px 0 30px 0; width: 940px;}

#top-banner { padding: 5px 0 0 0; float: left; width: 940px;}
#top-banner.big { padding-bottom: 6px;}
#top-banner img, #top-banner object { display: block; float: left;}

.column{ width: 220px; float: left;}
.column.wide { width: 300px;}
#main { float: left; width: 460px; padding: 0 20px;}
#main.wide { width: 600px; padding: 0 40px 0 0;}
.spread { width: 700px; padding: 12px 0 20px 20px; float: left;}
#footer {
	border-top: 17px solid #C72C36;
	clear: both;
	width: 916px;
	padding: 5px 12px 30px 12px;
	font-size: 11px;
}

#footer a { color: #c72c37; text-decoration: none;}

/*--------------------------------------------------------------------*/
/* hover menu */
/*--------------------------------------------------------------------*/
.hovermenu {
	background-color:#ffffff;
	border:1px solid #cccccc;
	position:absolute;
	z-index:999;
	width: 570px;
	padding: 0 0 5px 10px;
	top: 15px;
	left: 0;
	display: none;
}

#country-hover { width: 120px;}
#header-links #country-hover .linklist ul { width: 110px; margin-top: 5px;}

.linklist { color:#4e4e4e; line-height:15px; float: left;}

#header-links .hovermenu .linklist  li {
	font-size: 10px;
	list-style-type:none;
	margin:0;
	padding:0 0 5px 0;
	float: none;
	background: transparent;
	letter-spacing: normal;
	height: auto;
}

#header-links .linklist ul {
	margin:0 10px 0 0;
	padding:0;
	float:left;
	width:180px;
}
#header-links .hovermenu .linklist  li a { text-decoration: none;}
#header-links .hovermenu .linklist  li a:hover { text-decoration: underline;}

/*--------------------------------------------------------------------*/
/* gallery */
/*--------------------------------------------------------------------*/
.gallery { position: relative; float: left; width: 460px; font-size: 11px;}
.gallery .images li { width: 460px; overflow: hidden; display: none;}
.gallery .images li img { float: left;  }
.gallery .images li.active { display: block;}
.gallery-info { padding-top: 6px;}
.gallery-info p.withnav { float: left; width: 380px; }
.gallery-nav { float: right; padding-right: 2px; }
.gallery-nav li { float: left; padding: 0px 3px 0; cursor: pointer; color: #c72c37; font-weight: bold;}
.gallery-nav li.active { color: #4e4e4e;}

/*--------------------------------------------------------------------*/
/* .rte / article */
/*--------------------------------------------------------------------*/
#main .rte { padding: 0px 0 0px; float: left; width: 460px;}
span.date { color: #919191; font-size: 10px;}
.preamble { padding: 20px 0 0 0; float: left; }
.preamble a { color: #c72c37; text-decoration: none;}
.preamble a:hover { text-decoration: underline;}
.preamble p.article-info { font-size: 10px; color: #c72c37; padding-bottom: 6px; line-height: 14px;}
.preamble span.categories { background: url(../images/shiny-dividers.gif) left 2px no-repeat; padding-left: 6px; margin-left: 5px; }
.preamble .article-intro {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding-bottom: 20px;
}
.preamble p.readmore  { font-size: 11px; font-weight: bold; padding-top: 15px;}
.preamble img { display: block;}

.rte { line-height: 17px; font-size: 12px;}
.rte a { color: #c72c37; text-decoration: none;}
.rte a:hover {  text-decoration: underline;}
.rte ul { list-style: none; padding-left: 10px; width: 350px;}
.rte p, .rte ol, .rte ul, .rte table { margin-bottom: 17px;}
.rte h2 { font-size: 13px; margin: 0 0 2px 0; line-height: 18px;}
.rte h3 { margin: 0 0 0px 0; font-size: 12px; }
.rte ol { padding-left: 32px; list-style-position: outside; width: 348px;}
.rte ul li { background: url(../images/shiny-rte-bullet.gif) left 5px no-repeat; padding-left: 14px;}
.rte li { margin: 0 0 6px 0; }
.rte table { border: none; padding-left: 0; padding-top: 0; border-collapse: separate;}
.rte table td { vertical-align: top; padding-right: 10px;}
.rte table.border { border-collapse: collapse; margin-top: 6px;} 
.rte table.border td { padding: 6px; border: 1px solid #E2E2E2 ; vertical-align: top;}
.rte td p, .rte td img, .rte td li, .rte li p { margin: 0;}
.rte blockquote { background: url(../images/shiny-blockquote.gif) left 14px no-repeat; left: -22px; float: left; padding: 10px 0px 15px 37px; width: 180px;  position: relative;}
.rte blockquote, .rte blockquote p { font-size: 20px; line-height: 23px; font-style: italic; margin-bottom: 0;}
.rte object, .rte img, .rte embed { display: block; margin: 25px 0 25px 0;}
.rte img.left { margin: 10px 10px 10px 0;}
.rte img.right { margin: 10px 0px 10px 10px;}
.rte hr {
	color: #ffffff;
	border: none;
	border-top: 1px solid #e2e2e2;
	height: 0;
	margin: 16px 0 17px 0;
}
* html .rte hr { margin: -8px 0 11px 0;}
*:first-child+html .rte hr { margin: -8px 0 11px 0;}

/*--------------------------------------------------------------------*/
/* .facts */
/*--------------------------------------------------------------------*/
.rte .facts { float: right; margin: 0 0px 10px 20px; width: 210px; padding:3px 0 5px 10px; position: relative; border-left: 1px solid #e0e0e0; font-size: 11px; line-height: 14px;}
.rte .facts p, .rte .facts ul, .rte .facts table, .rte .facts img { margin: 0 0 6px 0;}
.rte .facts td p, .rte .facts li p, .rte .facts td img { margin: 0;}
.rte .facts li a { text-decoration: none;}
.rte .facts li a:hover { color: #6b6b6b;}
.rte .facts ul,.rte .facts ol { width: auto; list-style: none outside; padding: 0; width: auto;}
.rte .facts li { background: url(../images/shiny-rte-bullet.gif) left 5px no-repeat; margin: 0 0 6px 0; }
.rte .facts img.left { margin: 0 10px 0 0;}
.rte .facts img.right { margin: 0 0 0 10px;}

/*--------------------------------------------------------------------*/
/* block */
/*--------------------------------------------------------------------*/
.block { width: 220px; float: left; padding-bottom: 20px;}
.block .header {
	background: #959595 url(../images/shiny-blocks.gif) left top no-repeat;
	padding: 10px 13px;
	float: left;
	width: 194px;
}

.block .header h3 { font-size: 11px; color: #fff;}
.block .block-content {
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	border-top: none;
	padding: 13px;
	float: left;
	width: 192px;
}

.block p { font-size: 11px;}
.block a { color: #c72c37; text-decoration: none;}
.block a:hover { text-decoration: underline;}
.block img { display: block;}
.block .rte { font-size: 11px; line-height: 14px;}
.block .rte h3 { font-size: 18px; line-height: 20px; font-weight: normal; margin: 0 0 10px 0;}
.block p.readmore { padding-top: 2px;}
.block .rte h4 { text-transform: uppercase; font-size: 11px; margin-bottom: 5px;}
.block .rte ul, .block .rte ol , .block .rte p, .block .rte table { margin-bottom: 6px; width: auto; padding: 0;}

.block .rte li {
	background: url(../images/shiny-block-rte-bullet.gif) left 4px no-repeat; 
	text-indent: 12px;
	padding: 0;
	line-height: 14px;
	margin-bottom: 8px;
}

/* wide */
.column.wide .block { width: 300px;}
.column.wide .block .header { background-position: -230px top; background-repeat: no-repeat; width: 274px; padding: 5px 13px 4px;}
.column.wide .block .block-content { width: 272px; background: #fff url(../images/shiny-blocks.gif) -540px bottom no-repeat;}
.column.wide .header h3 { font-size: 12px; font-weight: bold;}
.column.wide .block img { clear: both; }
.column.wide .block .rte img.left { margin: 0 15px 0 0;}
.column.wide .block .rte img.right { margin: 0 0 0 15px;}

/* entrance */
.column.wide .entrance { position: relative; float: left; width: 272px;}
.block .entrance p.archive { position: absolute; bottom: 0; right: 0;}

/* magazine */
.block#infolog-magazine { background-color: #f6f6f6; background-repeat: no-repeat; background-position: left top; overflow: hidden; padding: 0; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2;}
.block#infolog-magazine .header { background: transparent;}
.block#infolog-magazine .block-content { background: transparent; border: none; padding-top: 83px;}
.block#infolog-magazine p { width: 155px;}

.block.button-content { padding-top: 20px;}
.block.button-content a.button { width: 280px;}

/* hr hacks */
.block .rte hr { color: #F6F6F6; margin: 14px 0 13px 0;}
* html .block .rte hr { margin: 1px 0 6px 0 ;}
*:first-child+html .block .rte hr { margin: 1px 0 6px 0;}

/*--------------------------------------------------------------------*/
/* Tabs */ 
/*--------------------------------------------------------------------*/
#tabs { width: 460px; float: left;}

#tabs .nav { background: url(../images/shiny-tabs.gif) left top no-repeat; float: left; width: 460px;}
#tabs .nav ul { float: left; padding-top: 3px; background: url(../images/shiny-tab-border.gif) left bottom repeat-x;}
#tabs .nav li { float: left; background: transparent;}
#tabs .nav li a {
	color: #4e4e4e;
	padding: 7px 7px;
	float:left;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/shiny-tab-border.gif) left bottom repeat-x;
}

#tabs .nav li a:hover { text-decoration: underline;}
#tabs .nav li.active { margin-top: -3px;}
#tabs .nav li.active a {
	background-color: #fff;
	border-top: 1px solid #e2e2e2;
	padding-bottom: 9px;
	color: #AE2635;
}

#tabs .tab-content {
	border: 1px solid #e2e2e2;
	border-top: none;
	padding: 15px 15px 0;
	float: left;
	width: 428px;
	margin-bottom: 15px;
}

#tabs .tab-content .rte { width: 428px;}

/*--------------------------------------------------------------------*/
/* article footer */
/*--------------------------------------------------------------------*/
#article-footer {
	float: left;
	width: 460px;
	font-size: 11px;
	margin: 20px 0 0 0;
}
#article-footer .content { border-top: 1px solid #e9e9e9; float: left; width: 460px; padding: 15px 0 0; margin: 8px 0 0 0;}
#article-footer a { color: #c72c36; text-decoration: none;}
#share { float: right; padding-right: 10px;}
#share li { float: left; list-style: none; margin: 0 0 0 6px;}
#page-print { float: left;}
#page-print .printit { background: url(../images/shiny-icons.gif) left -205px no-repeat; padding: 2px 0 0 22px; float: left;}
#page-print .printit:hover { color: #353535;}

/*--------------------------------------------------------------------*/
/* #newsflow */
/*--------------------------------------------------------------------*/
#newsflow a { color: #4e4e4e;}
#newsflow a:hover { color: #c72c36;}
#newsflow h1 a:hover, #newsflow h2 a:hover, #newsflow h3 a:hover { text-decoration: none;}
#newsflow p.intro a { display: block;}
#newsflow .categories a { color: #c72c36;}
#newsflow h1 { color: #4e4e4e; font-size: 32px; line-height: 33px; margin-top: 15px;}
#newsflow h2 { font-size: 22px; line-height: 24px; margin: 5px 0 12px 0;}
#newsflow h3 { font-size: 18px; line-height: 20px; margin: 0 0 10px;}
#newsflow .preamble .intro { font-weight: normal; font-size: 14px;}
#newsflow .preamble { padding: 0;}

.flow, .flow-wrapper { border-bottom: 1px solid #eaeaea; float: left; width: 600px;}
.flow.one { padding-bottom: 20px; }
.flow.two { padding: 15px 0;}
.flow.three { padding: 15px 0px 20px 0; width: 275px; border: none;}
#newsflow .flow.three.first { padding-right: 50px;}
.flow.two img { padding-bottom: 10px;}
.flow.left img { float: left; padding: 0 20px 0 0;}
.flow.right img { float: right; padding: 0 0 0 20px;}
.flow.two .preamble { width: 600px;}

.flow.four { font-size: 12px; padding: 0 0 0 0; border: none;}
.flow.four .month { float: left; width: 600px; padding: 22px 0 0 0;}
.flow.four .month p { float: left; width: 100px; font-weight: bold; color: #919191;}
.flow.four ul { float: left;}
.flow.four li { margin: 0 0 4px;}
.flow.four li a { font-weight: bold; text-decoration: none;}
.flow.four .date {width: 65px; float: left; margin-top: 1px;}

#newsflow .more-news {
	clear: both;
	padding: 15px 0 0 100px;
	font-size: 11px;
}
#newsflow .more-news p { background: url(../images/shiny-dividers.gif) left -38px no-repeat; padding: 0 4px 0 7px; float: left;}
#newsflow .more-news p.first { padding-left: 0; background: transparent;}
#newsflow .more-news a { color: #c72c36; text-decoration: none;}
#newsflow .more-news a:hover { text-decoration: underline;}

/*--------------------------------------------------------------------*/
/* entries */
/*--------------------------------------------------------------------*/

#entries .entry .preamble { float: left; padding: 0 0 0 0;}
#entries .entry img { float: left; width: 220px;}
#entries .entry .preamble .intro { font-size: 12px; font-weight: normal; line-height: 15px;}
#entries .entry .preamble span.categories { background: transparent; padding-left: 0; margin: 0;}
#entries .entry .preamble { width: 220px; float: left;}
#entries .entry { width: 220px; float: left; padding: 20px 0 0 20px;}
#entries .entry.first { padding-left: 0;}
#entries .entry h2 { font-weight: normal; margin: 10px 0 10px;}
#entries .entry.large  { border-bottom: 1px solid #eaeaea; float: left; padding: 0px 0 25px 0; width: 700px;}
#entries .entry.large .preamble { width: 460px; padding: 6px 0 0;}
#entries .entry.large .preamble .intro { font-size: 12px; line-height: 16px;}
#entries .entry.large img {  padding: 0 20px 0 0;}
#entries .entry.large h2 { font-size: 29px; line-height: 30px; color: #c72c36; margin: 0 0 15px; font-weight: bold;}

#entries.concepts .entry.large { border-top: 1px solid #eaeaea; padding: 25px 0; border-bottom: none;}
#entries.concepts .entry.large.first { border: none; padding-top: 0;}

#entries.inspiration .entry.large img { float: right; padding: 0 0 0 20px; width: auto; }
#entries.inspiration .entry.large .preamble { width: 440px; }
#entries.inspiration .entry.large p.intro { font-size: 14px; line-height: 18px; }

/*--------------------------------------------------------------------*/
/* magazine */
/*--------------------------------------------------------------------*/
#magazine img { float: left; padding-right: 20px;}
#magazine .content { float: left; width: 400px;}
#magazine .rte h1 { margin-bottom: 20px;}
#magazine .rte p, #magazine .rte ul { margin: 0 0 12px 0; padding: 0; width: auto;}
#magazine .rte li {
	background:  url(../images/level_5_line.gif) no-repeat scroll left 3px;
	line-height: 14px;
	padding-left: 10px;
}
#magazine .latest { position: relative; float: left; width: 700px; padding: 0 0 20px 0;}
#magazine .subscribe-button { position: absolute; right: 15px; bottom: 20px;}
#magazine p.readmore { clear: both;}

#magazine .older { float: left; width: 340px; padding: 15px 0 20px; border-bottom: 1px solid #e9e9e9; height: 140px; overflow: hidden;}
#magazine .older.firstrow { border-top: 1px solid #e9e9e9;} 
#magazine .older.first { margin-right: 20px;}
#magazine .older .content { width: 200px;}
#magazine .older .rte h2 { font-size: 12px; font-weight: bold; margin: 0 0 8px 0;}
#magazine .older .rte li { font-size: 11px; line-height: 13px; margin: 0 0 2px 0; background-position: left 2px;}
#magazine .older .rte p, #magazine .older .rte ul { margin: 0 0 8px 0; padding: 0; font-size: 11px;}
#magazine .older p.readmore a{ font-weight: normal;}

.issue-archive { font-size: 11px; float: left; width: 700px; padding: 10px 0 0 0;}
.issue-archive p.toggle { background: url(../images/shiny-arrows.gif) right -68px no-repeat; color: #c72c36; display: inline; padding-right: 20px; cursor: pointer;}
.issue-archive p.toggle.expanded { background-position: right -160px;}
.issue-archive p.toggle a { background: url(../images/shiny-dividers.gif) right 3px no-repeat; padding-right: 5px;} 
.issue-archive a { color: #c72c37; text-decoration: none;}
.issue-archive a:hover { text-decoration: underline;}
.issue-archive ul { padding: 10px 0 0 0; display: none;}
li.pdf { background: url(../images/shiny-icons.gif) left -342px no-repeat; padding: 4px 0 4px 25px; margin: 0 0 2px;}

/*--------------------------------------------------------------------*/
/* dialog */
/*--------------------------------------------------------------------*/
.dialog .dialog-content { float: left; width: 358px;}
.dialog h2 { font-size: 18px; line-height: 20px; font-weight:normal; margin: 0 0 15px;}
.dialog img { margin: 0 0 20px 0; display: block;}
.dialog p { font-size: 12px; line-height: 16px; margin: 0 0 6px;}
.dialog p.explanation { font-size: 11px; float: left;}
.dialog .button-container { float: right; padding-top: 8px;}
.dialog a.button.red span { padding-right: 25px; padding-left: 10px;}
.dialog .form { padding-bottom: 6px; width: 358px; float: left;}
.dialog .form p { margin: 10px 0 0 0; width: 358px; float: left;}
.dialog input.text { height: 16px; border: 1px solid #d2d2d2; padding: 2px 4px; width: 348px; float: left;}
.dialog #zipcode_wrapper input { width: 92px;}
.dialog #location_wrapper input { width: 230px; float: right;}
.dialog input.has-error { border: 1px solid #c72c37; color: #c72c37;}
.dialog a.has-error { color: #c72c37;}
.dialog .extra { float: left; width: 358px; display: inline;}
.dialog .extra p { font-size: 11px; float: left; margin: 14px 0 0 0; width: 358px;}
.dialog .extra p em { position: relative; }

/*--------------------------------------------------------------------*/
/* Checkbox */
/*--------------------------------------------------------------------*/
.fakecheck {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url(../images/shiny-checkbox.gif) no-repeat;
	display: block;
	width: 200px;
	float: left;
	padding: 0px 0px 0px 20px;
	color: #4e4e4e;
}
.fakecheck:hover { color:#4e4e4e; text-decoration: none;}
.fakechecked { background-position: left -86px;}
input.fake { display: none;}

/*--------------------------------------------------------------------*/
/* #services */
/*--------------------------------------------------------------------*/
.secondary { float: left; width: 700px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 25px 0 8px; margin-bottom: 20px;}
#services .col { width: 330px; float: right; padding-bottom: 8px;}
#services .col.first { float: left;}
#services .rte img { margin: 0 0 15px 0;}

#entrance-list li {
	font-size: 12px;
	background: url(../images/shiny-arrows.gif) left 3px no-repeat;
	padding-left: 15px;
	float: left;
	margin: 0 0 8px 0;
	width: 315px;
}
#entrance-list ul { float: left; width: 330px; padding-right: 20px;}
#entrance-list li span { margin: 0 0 2px 0; display: block;}
#entrance-list li a { float: left; text-decoration: none;}
#entrance-list li a span.header { color: #c72c37; font-weight: bold; text-decoration: none;}
#entrance-list li a:hover span.header { text-decoration: underline;}
/*--------------------------------------------------------------------*/
/* icons */
/*--------------------------------------------------------------------*/
.icon {
	overflow: hidden;
	float: left;
	width: 16px;
	height: 16px;
	text-indent: -10000px;
	background-image: url(../images/shiny-icons.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.icon.twitter 	{ background-position: left -0px;}
.icon.facebook 	{ background-position: left -26px;}
.icon.pusha 		{ background-position: left -52px;}
.icon.digg 		{ background-position: left -78px;}
.icon.delicious 	{ background-position: left -104px;}
.icon.gbookmark 	{ background-position: left -130px;}
.icon.blogger 	{ background-position: left -156px;}
.icon.email	 	{ background-position: left -182px;}
.icon.linkedin 		{ background-position: left -228px;}

/*--------------------------------------------------------------------*/
/* hacks */
/*--------------------------------------------------------------------*/
del.container {clear:both; text-decoration:none;}
* html del.container {display:inline-block;}
*:first-child+html del.container { display: inline-block;}

/*--------------------------------------------------------------------*/
/* #buttons */
/*--------------------------------------------------------------------*/
a.button {
	background-image: url(../images/shiny-buttons.gif);
	float: left;
	height: 17px;
	color: #fff;
	padding-left: 1px;
	font-size: 11px;
	background-repeat: no-repeat;
}
a.button span {
	background-image: url(../images/shiny-buttons.gif);
	float: left;
	height: 15px;
	cursor: pointer; /* Används för att bli av med en bugg med markören i IE6 */
	padding: 2px 10px 0 9px;
	background-repeat: no-repeat;
}

a.button.big { background-position: left -152px; height: 29px; color: #fff; font-size: 13px; font-weight: bold; padding: 10px 10px 0;}
a.button.big:hover{ background-position: left -201px; text-decoration: none;}

a.button.black { background-position: left top; }
a.button.black span { background-position: right top;}
a.button.black:hover{ background-position: left -27px;}
a.button.black:hover span{ background-position: right -27px; }

a.button.red { background-position: left -152px; height: 39px; padding-left: 15px; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none;}
a.button.red span { background-position: right -152px; height: 28px; padding: 11px 15px 0 0;}
a.button.red.arrow span { padding-right: 35px;}
a.button.red:hover{ background-position: left -201px; text-decoration: none;}
a.button.red:hover span{ background-position: right -201px; }

a.button.red.small { height: 29px; background-position: left -250px;}
a.button.red.small span { height: 21px; padding-top: 8px; background-position: right -250px;}
a.button.red.small:hover { background-position: left -289px;}
a.button.red.small:hover span { background-position: right -289px;}

p.readmore a { font-weight: bold; background: url(../images/shiny-arrows.gif) left 3px no-repeat; padding-left: 15px; font-size: 11px; color: #c72c36; text-decoration: none;}
p.readmore a:hover { text-decoration: underline;}

/*--------------------------------------------------------------------*/
/* #id_matrix / xform */
/*--------------------------------------------------------------------*/
#main #xform { float: left; width: 460px;}
#xform { padding: 10px 0 0; border-top: 1px solid #e9e9e9; margin-top: 10px;}
#xform h3 { margin: 10px 0 15px;}
table#id_matrix { font-size: 12px;}
table#id_matrix td { padding: 0 0 8px 0; vertical-align: top;}
table#id_matrix input, table#id_matrix textarea { font-size: 12px; padding: 3px;}
table#id_matrix fieldset { border: none;}
table#id_matrix fieldset input { padding: 0; width: 14px; height: 14px; margin-right: 2px;}

/*--------------------------------------------------------------------*/
/* .search-box and .readmore-box */
/*--------------------------------------------------------------------*/
.search-box,
.readmore-box {
	clear: both;
	border: 1px solid #eaeaea;
	padding: 16px 16px;
	background: url(../images/shiny-search-box.gif) left bottom repeat-x;
	float: left;
	width: 426px;
	margin-bottom: 23px;
}
.search-query { border: 1px solid #d2d2d2; padding: 3px 6px; float: left; margin-right: 24px; margin-top: 3px; width: 296px; }
.search-button {
	color: white;
	background: url(../images/shiny-search-button.gif) left top no-repeat;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 89px;
	float: left;
	height: 24px;
	padding-top: 5px;
}
.search-button span { }
.readmore-box { font-size: 20px; font-weight: bold; }
.readmore-box a {
	color: #c72c36;
	text-decoration: none;
	background: url(../images/shiny-readmore-boxarrow.gif) left 11px no-repeat;
	padding-left: 20px;
	padding-top: 3px;
	display: block;
}
.readmore-box a:hover { text-decoration: underline; }

/*--------------------------------------------------------------------*/
/* .listing and listpage */
/*--------------------------------------------------------------------*/
.listpage-intro { font-size: 14px; line-height: 18px; padding-top: 8px; padding-bottom: 20px; }
.listing { float: left; width: 460px; }
.listing h2 { font-weight: bold; font-size: 13px; padding-bottom: 4px; }
.listing ul, .listing ul li { float: left; width: 460px; }
.listing ul { border-top: 1px solid #e9e9e9; padding-top: 10px; }
.listing ul li { padding-bottom: 12px; line-height: 17px; }
.listing ul li strong { display: block; font-size: 13px; font-weight: bold; margin-bottom: 3px; }
.listing ul li strong a { color: #c72c36;}
.listing ul li p { font-size: 12px; }
.listing ul li a { text-decoration: none; }
.listing ul li a:hover { text-decoration: underline; }

.listing ul.rowprefixed li span { float: left; font-size: 11px; color: #919191; margin-left: 2px; padding-top: 1px; }
.listing ul.rowprefixed li strong,
.listing ul.rowprefixed li p { width: 380px; float: right; }
.listing ul.rowprefixed.short li strong,
.listing ul.rowprefixed.short li p { width: 420px; }

.PagingContainer { float: left; width: 460px; } /* EPiServer-compatability */
.paging { float: left; width: 460px; font-size: 12px; color: #c72c36; font-weight: bold; border-top: 1px solid #e9e9e9; padding-top: 7px; margin-top: 15px; }
.paging a { color: #919191; font-weight: normal; text-decoration: underline; }
.paging ul { float: left; }
.paging li { float: left; padding: 2px 9px 2px 0; }
.paging li.prev { padding-right: 15px; }
.paging li.next { padding-left: 6px; }

/*--------------------------------------------------------------------*/
/* #startchooser */
/*--------------------------------------------------------------------*/
#startchooser-left { padding-right: 19px; }
.startchooser { width: 460px; float: left; }
.startchooser a, .startchooser a:hover { text-decoration: none; }
.startchooser img { display: block; margin-bottom: 9px; }
.startchooser strong { display: block; font-size: 32px; font-weight: bold; margin-bottom: 2px; }
.startchooser em { display: block; font-size: 22px; font-style: normal; margin-bottom: 19px; }
.startchooser span { display: block; font-size: 14px; line-height: 18px; margin-bottom: 8px; margin-left: 4px; }
.startchooser .startchooser-link {
	font-size: 12px;
	color: #c72c37;
	font-weight: bold;
	background: url(../images/shiny-arrows.gif) left 5px no-repeat;
	padding-left: 17px;
}

/*--------------------------------------------------------------------*/
/* #primary-nav */
/*--------------------------------------------------------------------*/
#primary-nav {
	clear: both;
	width: 940px;
	background: url(../images/meny_level1_bg.gif) left top repeat-x;
	height: 31px;
}

#primary-nav ul { list-style-type: none; float: left;}
#primary-nav li {
	float: left;
	background: url(../images/meny_level1_devider.gif) left -1px no-repeat;
	padding-left: 2px;
	margin-top: 1px;
	padding-top: 1px;
}

#primary-nav li.first { background: none; padding-left: 0;}
#primary-nav li a,
#primary-nav img { float:left;}

/*--------------------------------------------------------------------*/
/* #secondary-nav */
/*--------------------------------------------------------------------*/
#secondary-nav {
	width: 940px;
	background: #c72c36;
	float: left;
	padding: 2px 0 0 0;
	height: 23px;
	font-family: Verdana, Arial, sans-serif;
}

#secondary-nav li { float: left; font-size: 12px; height: 20px;}
#secondary-nav li a {
	color:#FFFFFF;
	float:left;
	margin:1px 0 0;
	padding:4px 9px 2px;
	text-align:center;
	text-decoration:none;
	height: 16px;
}

#secondary-nav li a:hover { color: #c62c36; background: #fff; text-decoration: underline;}
#secondary-nav li.active a { color: #c62c36; background: #fff;}

#primary-nav .search { float: right; padding: 7px 8px 0 0;}
#primary-nav .search input { float: right; border: 1px solid #cbcbcb;}
#primary-nav .search input.text { font-size: 11px; padding: 1px 3px; width: 139px; height: 13px; margin-right: 6px;}
#primary-nav .search .button { float: right;}

/*--------------------------------------------------------------------*/
/* #sub-nav */
/*--------------------------------------------------------------------*/
#sub-nav { float: left; width: 220px; background: url(../images/shiny-sub-nav-box.gif) left top no-repeat;}
#sub-nav .sub-nav-content { margin-top: 6px; padding: 0px 0px 8px 4px; background: url(../images/shiny-sub-nav-box.gif) left bottom no-repeat; float: left; width: 216px;}
#sub-nav li { line-height: normal; width: 212px; float: left;}
#sub-nav ul { float: left; width: 212px;}
#sub-nav li a {
	font-weight: bold;
	padding: 1px;
	padding: 6px 20px 6px 10px;
	text-decoration: none;
	font-size: 12px;
	float: left;
	width: 182px;
}
#sub-nav li a.active { color: #c62c36;}
#sub-nav li a:hover { color: #c62c36; text-decoration: underline;}
#sub-nav li a span { float: left; cursor: pointer; }

/* level 2 */
#sub-nav ul ul { background: #fff; margin-bottom: 3px;}
#sub-nav li li a { border-bottom: 1px solid #E2E2E2; background: #fff;}
#sub-nav li li a.parent { background-image: url(../images/shiny-sub-nav-arrows.gif); background-position: 200px 12px; background-repeat: no-repeat;}
#sub-nav li li a.expanded { background-image: url(../images/shiny-sub-nav-arrows.gif); background-position: 199px -234px; background-repeat: no-repeat;}
#sub-nav li li a.active { background-color: #FCF5DE;}

/* level 3 */
#sub-nav ul ul ul { margin: 0;}
#sub-nav li li li a { font-weight: normal; padding-left: 20px; width: 172px; }

/* level 4 */
#sub-nav ul ul ul ul { padding: 3px 0 0 0; border-bottom: 1px solid #E2E2E2;}
#sub-nav li li li li a span { background: url(../images/level_5_line.gif) left 3px no-repeat; padding-left: 10px;}
#sub-nav li li li li a { font-weight: normal; padding: 3px 20px 3px 20px;font-size: 11px; border: none;}
#sub-nav li li li li a.parent { background-position: 200px 8px;}
#sub-nav li li li li a.expanded { background-position: 199px -238px;}

/* level 5 */
#sub-nav ul ul ul ul ul { border: none; padding: 0 0 5px;}
#sub-nav li li li li a span { }
#sub-nav li li li li li a { padding-left: 30px; width: 162px;  }
}

/*--------------------------------------------------------------------*/
/* SIS start */
/*--------------------------------------------------------------------*/
.shiny-sisstart #top-banner { position: relative; padding: 0; margin: 5px 0 6px; height: 256px; overflow: hidden; z-index: -1;}
.shiny-sisstart #top-banner a { text-decoration: none; }
.shiny-sisstart #top-banner span { position: absolute; color: white; }
.shiny-sisstart #top-banner span { cursor: pointer; } /* needed for IE6 and IE7 */
.shiny-sisstart #top-banner .heading { left: 32px; top: 28px; font: 36px/38px Arial, sans-serif; }
.shiny-sisstart #top-banner .subheading { position: relative; margin-top: 16px; display: block; font: 14px Arial, sans-serif; }
.shiny-sisstart #top-banner .button { left: 749px; top: 169px; width: 94px; height: 42px; padding-top: 22px; text-align: center; background: url(../images/shiny-sisstart-topbutton.png) left top no-repeat; font-size: 15px; }

#wizardentrys { float: left; width: 940px; padding-top: 10px; padding-bottom: 18px; }
.wizardentry { width: 223px; float: left; margin-left: 16px; position: relative; height: 53px; background: url(../images/shiny-wizardentry.gif) left top no-repeat; font-size: 12px; }
.wizardentry.first { margin-left: 0; }
.wizardentry strong { color: white; text-transform: uppercase; display: block; padding: 5px 0 8px 10px; }
.wizardentry-selector { color: #4e4e4e; font-weight: bold; cursor: pointer; padding: 5px 10px 4px; }
.wizardentry-dropdown { display: none; position: absolute; z-index: 1; top: -1px; width: 209px; height: 200px; overflow-y: scroll; background: white; padding: 6px 6px 0; border: 1px solid #d9d9d9; }
.wizardentry-dropdown li { margin-bottom: 5px; }
* html .wizardentry-dropdown li { white-space: nowrap; border-bottom: 1px solid white; }
.wizardentry-dropdown a { text-decoration: none; display: block; }
.wizardentry-dropdown a:hover { text-decoration: underline; }
.shiny-sisstart #page { padding-bottom: 20px; }
.shiny-sisstart #main { padding-right: 0; width: 625px; }
.sispuff { width: 196px; float: left; margin-left: 18px; }
.sispuff.first { margin-left: 0; }
.sispuff img { margin-bottom: 9px; }
.sispuff h2 { margin-bottom: 5px; font-weight: normal; }
.sispuff p { font: 12px/16px Arial, sans-serif; margin-bottom: 8px; }
.sispuff a { font: 11px/14px Arial, sans-serif; color: #c72c36; text-decoration: none; }
.sispuff a:hover { text-decoration: underline; }
.shiny-sisstart .column { float: right; }
.shiny-sisstart .column .entrance { position: static; }
.shiny-sisstart .column p { margin-bottom: 9px; font: 12px/16px Arial, sans-serif; }
.shiny-sisstart .column a { color: #4e4e4e; }
.shiny-sisstart .column .date { color: #919191; margin-bottom: 0; font-size: 10px; }
.shiny-sisstart .column .links { font-size: 11px; padding-top: 6px; }
.shiny-sisstart .column .links a { color: #c72c36; border-left: 1px solid #c7c7c7; margin-left: 4px; padding-left: 6px; }
.shiny-sisstart .column .links a.first { border-left: none; margin-left: 0; padding-left: 0; }
.shiny-sisstart .column .button { color: white; }
.sisbanner { width: 300px; float: left; margin-left: 20px; margin-top: 20px; }
.sisbanner.first { margin-left: 0; }

/*--------------------------------------------------------------------*/
/* SIS wizard */
/*--------------------------------------------------------------------*/
#siswizard-selectors { margin-top: 8px; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }
#siswizard-selectors label { display: block; padding-bottom: 3px; padding-left: 1px; font-weight: bold; }
#siswizard-selectors select { font-family: Arial, sans-serif; padding: 2px 0; margin-bottom: 10px; width: 350px; }
.siswizard-results-column { width: 230px; float: left; }
.siswizard-results-column ul { padding: 5px 0 0;}


/*--------------------------------------------------------------------*/
/* Print */
/*--------------------------------------------------------------------*/
@media print {

	body { font-size: 11pt; color: #000; padding-right: 30pt;}

	#primary-nav, #header, #share, #article-footer, #column, #blog-nav, #footer, #secondary-nav, embed, object, #next, #prev{ display: none; }

	h1, h2, h3, h4, h5, h6, p, li, a, blockquote, label, legend, table, td { font-family: Arial, Verdana sans-serif; }

	h1 { font-size: 20pt; line-height:25pt;}
	h2 { font-size: 12pt; line-height:15pt; margin-bottom: 4pt; }
	h3, h4, h5, h6 { font-size: 11pt; line-height:14pt; margin-bottom: 2pt;}

	ul, ol { list-style-position: outside;}
	p, ul, ol, table { margin: 0 0 15pt 0; }
	a {	text-decoration: underline; color:#999; }
	a img { border: none;}
	.print { display: block; margin: 0 0 40pt;}
	fieldset { border: none;}

}