* { font-family: verdana, arial, sans-serif; }
.icon { vertical-align: top; }
body { background: #BFBFBF; }

#logo
{
	position: absolute;
	width: 180px;
	height: 439px;
	margin-left: 25px;
	top: 0;
	background-color: black;
	text-align: center;
}

#page-header
{
	width: 974px;
	height: 138px;
	/*background-image: url(/img/header.png);
	background-repeat: no-repeat;*/
	background-color: red;
}

#bd
{
	padding-bottom: 25px;
	background: white;
}

#ft
{
	background: #E0E0E0;
	background-image: url(/img/pattern.png);
	color: #7D7D7D;
	padding: 15px;
	padding-bottom: 250px;
	font-size: 93%;
}

#ft p { margin-bottom: 9px; }

div.shaded
{
	position: absolute;
	margin: -8px 5px 0 3px;
	text-align: center;
	background-color: transparent;
}

div.shade-top
{
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}

div.shade-top.fwidth100
{
	background-image: url(/img/shade/100/top.png);
	width: 108px;
}

div.shade-top.fwidth198
{
	background-image: url(/img/shade/198/top.png);
	width: 206px;
}

div.shade-top.fwidth214
{
	background-image: url(/img/shade/214/top.png);
	width: 222px;
}

div.shade-middle
{
	background-repeat: repeat-y;
	background-position: left top;
}

div.shade-bottom
{
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

div.shade-top.fwidth100 div.shade-middle { background-image: url(/img/shade/100/middle.png); }
div.shade-top.fwidth198 div.shade-middle { background-image: url(/img/shade/198/middle.png); }
div.shade-top.fwidth214 div.shade-middle { background-image: url(/img/shade/214/middle.png); }
div.shade-top.fwidth100 div.shade-bottom { background-image: url(/img/shade/100/bottom.png); }
div.shade-top.fwidth198 div.shade-bottom { background-image: url(/img/shade/198/bottom.png); }
div.shade-top.fwidth214 div.shade-bottom { background-image: url(/img/shade/214/bottom.png); }
div.shade-top.fwidth100 div.framed { width: 100px; }
div.shade-top.fwidth198 div.framed { width: 198px; }
div.shade-top.fwidth214 div.framed { width: 214px; }
div.section-image { float: left; }
div.spacing-bottom { margin-bottom: 6px; }
.faktaboks-top, .applicationbanner { margin: 25px 21px; }

.faktaboks-top
{
	background-image: url(/img/shade/198/top.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 206px;
	padding-top: 10px;
}

.faktaboks-middle
{
	background-image: url(/img/shade/198/middle.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.faktaboks-bottom
{
	background-image: url(/img/shade/198/bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

.faktaboks
{
	position: relative;
	background-color: #FFE6CB;
	/*border: 1px solid #D1D1D1;*/
	margin: 26px 6px 26px 26px;
	padding: 9px;
	font-size: 85%;
	width: 180px;
}

.faktaboks.skyggelagt
{
	position: absolute;
	margin: -8px 5px 0 3px;
	border: 0;
}

.faktaboks h1
{
	color: #000;
	font-weight: normal;
	border-bottom: 1px #DGCEB4 solid;
	margin: 0 0 9px 0;
}

.faktaboks h2, .faktaboks h3, .faktaboks h4
{
	margin: 0 0 3px 0;
	font-weight: bold;
}

.faktaboks p { margin: 0 0 9px 0; }
.faktaboks ul { margin-left: 20px; }

.faktaboks ul li
{
	list-style-image: url(/img/arrow_green.png);
	margin-bottom: 5px;
}

a
{
	color: #EC086D;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

h1
{
	color: #ED1C26;
	font-size: 138.5%;
	margin: 15px 0;
}

h2
{
	color: #000;
	font-size: 138.5%;
	margin-bottom: 9px;
}

#tabs
{
	position: absolute;
	top: 106px;
	margin-left: 225px;
}

#tabs .tab
{
	float: left;
	width: auto;
	padding: 0 6px;
	margin-left: 10px;
	height: 30px;
}

#tabs .tab .content
{
	position: relative;
	padding: 6px;
	text-align: center;
	z-index: 9;
}

#tabs .tab .content a:hover { text-decoration: none; }
#tabs .tab.active .content a { color: black; }
#tabs .tab.inactive .content a { color: white; }

#tabs .tab.inactive
{
	background-color: black;
	background-image: url(/img/tab_inactive.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid black;
}

#tabs .tab.inactive.mo { cursor: pointer; }

#tabs .tab.active
{
	background-color: white;
	background-image: url(/img/tab_active.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #d1d1d1;
}

/*#tabs .tab.active .reflection
{
	position: absolute;
	z-index: 1;
	visibility: visible;
}

#tabs .tab.inactive .reflection
{
	position: absolute;
	z-index: 1;
	visibility: hidden;
}*/

.more
{
	margin-top: 9px;
	font-size: 10px;
}

.contextmenu
{
	position: relative;
	background: black;
	margin: -22px 16px 0 25px;
	padding: 25px 0;
	width: 180px;
}

.contextmenu .contextmenuitem
{
	position: relative;
	width: 162px;
	background-color: black;
	background-image: url(/img/contextmenu_inactive.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 1px 0 1px 5px;
	border: 1px solid #333;
}

.contextmenu .contextmenuitem.mo { cursor: pointer; }

.contextmenu .contextmenuitem.active
{
	border: 1px solid #ED1C26;
	background-color: #ED1C26;
	background-image: url(/img/contextmenu_active.png);
}

.contextmenu .contextmenuitem .content a { color: white; }
.contextmenu .contextmenuitem .content a:hover { text-decoration: none; }

.contextmenu .contextmenuitem .content
{
	font-size: 77%;
	background-image: url(/img/bullet.png);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	padding: 5px 12px 5px 18px;
}

.contextmenu .contextmenuitem.active .content { background-image: url(/img/bullet_active.png); }

/* ITEM */
.item
{
	position: relative;
	margin: 30px 0 24px 0;
}

.item .textsection
{
	margin-left: 120px;
	margin-top: 0;
}

.item .divider
{
	clear: left;
	margin: 18px;
	background: white;
}

.item .ingress, .item .sectionintro
{
	color: #5D5D5D;
	border-bottom: 1px #A6A6A6 solid;
	padding-top: 5px;
	margin-bottom: 16px;
}

.item .sectionintro { border: 0; }

.item .section
{
	font-size: 92%;
	margin-top: 2px;
}

.item .image { float: left; }

.item h1
{
	font-size: 167%;
	border-bottom: 1px #a6a6a6 solid;
	padding-bottom: 5px;
}

.item h2, .item h3, .item h4 { margin: 18px 0 3px 0; }
.item .textsection h4 { margin: 0 0 3px 0; }
.item h2 { font-size: 161.6%; }

.item h3
{
	font-size: 93%;
	font-weight: bold;
}

.item h4 { font-size: 108%; }
.item p, .item ul, .item ol { margin-bottom: 10px; }
.item ul { margin-left: 20px; }
.item ul li { list-style-type: square; }
.item ol { margin-left: 20px; }
.item ol li { list-style-type: decimal; }

/* AUTHOR */
.contact
{
	clear: left;
	margin-bottom: 25px;
}

.contact .textsection { margin-left: 0; }
.contact h4 { font-weight: bold; }

.contact .portrait
{
	position: relative;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}

/* LOGIN */
#login
{
	margin-left: 460px;
	height: auto;
	width: auto;
	background: transparent;
	z-index: 2;
	top: 9px;
	position: absolute;
}

#login-bg
{
	position: absolute;
	top: 0;
	margin-left: 460px;
	height: 66px;
	width: 495px;
	background: black;
	z-index: 1;
}

#login .title
{
	font-size: 93%;
	padding: 16px;
	margin-top: 6px;
	float: left;
	color: white;
	font-family: arial, verdana, sans-serif;
}

#login .login
{
	float: left;
	padding-right: 12px;
}

#login .login label
{
	color: white;
	font-size: 77%;
}

#login .login input
{
	width: 148px;
	font-size: 131%;
}

#login .login-button
{
	margin-top: 12px;
	float: left;
}

/* FORSIDEN */
#karusell
{
	width: auto;
	height: 300px;
	overflow: hidden;
}

#select-karusell, #select-karusell-bg
{
	position: absolute;
	width: 770px;
	margin-top: 278px;
}

#select-karusell
{
	margin-left: 220px;
	height: 16px;
	color: white;
	background: transparent;
	padding: 3px;
	letter-spacing: 6px;
	overflow: hidden;
	z-index: 2;
}

#karusell-img-wrapper { text-align: right; }

#select-karusell-bg
{
	margin-left: 204px;
	height: 22px;
	background: black;
	overflow: hidden;
	z-index: 1;
}

#select-karusell .karusell-no
{
	cursor: pointer;
	padding: 3px;
	padding-left: 9px;
}

#select-karusell .karusell-no.selected
{
	background-image: url(/img/redstar.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#left-column
{
	position: relative;
	background: black;
	float: left;
	margin-left: 25px;
	width: 150px;
	padding: 15px;
	padding-top: 35px;
	color: white;
}

#left-column a { color: white; }
#left-column p { font-size: 85%; }

#left-column h2
{
	color: #ED1C26;
	font-size: 138.5%;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
}

#home-content
{
	position: relative;
	padding: 15px;
	margin-left: 225px;
	padding-right: 0;
}

#home-content h1
{
	font-family: arial, verdana, sans-serif;
	font-size: 138.5%;
	font-weight: bold;
}

#home-content .article h2
{
	font-family: arial, verdana, sans-serif;
	font-size: 138.5%;
	font-weight: normal;
	color: black;
}

#home-content .article p { font-size: 85%; }

#home-content .article
{
	position: relative;
	width: 220px;
	margin: 5px 20px 5px 0;
	float: left;
}

#home-content .article.last { margin-right: 0; }

#nyheter
{
	position: relative;
	float: right;
	width: 725px;
	margin-top: -17px;
	/*border: 1px #f00 solid;*/
}

#nyheter h1 { font-weight: bold; }

#nyheter .article
{
	clear: left;
	margin: 5px;
	margin-right: 240px;
	font-size: 10px;
	color: black;
}

#nyheter div.article { margin-bottom: 32px; }

#nyheter .article .image
{
	float: left;
	margin: 0 5px 5px 0;
}

#nyheter .article .image img { border: 1px #d1d1d1 solid; }

#kalender
{
	float: right;
	width: 222px;
	/*border: 1px #f00 solid;*/
}

#kalender .calitem { font-size: 10px; }

/* APPLICANT */
#processing
{
	text-align: center;
	padding: 50px 25px;
	line-height: 2em;
	display: none;
}

#applicant h1
{
	font-size: 167%;
	border-bottom: 1px #a6a6a6 solid;
	padding-bottom: 5px;
}

#applicant fieldset
{
	border-top: 1px #a6a6a6 solid;
	border-bottom: 1px #a6a6a6 solid;
	background: white;
	padding: 9px;
}

#applicant h2
{
	color: #5D5D5D;
	margin: 0;
	margin-top: 25px;
}

#applicant p, #applicant fieldset div.pair { margin: 3px 0; }
#applicant fieldset div.pair { clear: left; }
#applicant fieldset div.pair div.label { float: left; }
#applicant fieldset div.pair div.input { margin-left: 150px; }