* { font-family: "Trebuchet MS", verdana, arial, sans-serif; }
#col-right { padding-top: 36px; }
.icon { vertical-align: top; }

#page-header
{
	width: 974px;
	height: 114px;
	background: #e6eb8f;
}

#bd
{
	background-image: url(/img/background_stripes.png);
	padding-bottom: 25px;
}

#ft
{
	background: #e6eb8f;
	color: #7D7D7D;
	padding: 15px;
	padding-bottom: 250px;
	font-size: 93%;
}

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; }
a:hover { text-decoration: underline; }

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

h1
{
	font-family: Georgia, "Trebuchet MS", verdana, arial, sans-serif;
	color: #F0315A;
	font-size: 131%;
	margin: 5px 0;
}

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

#qybele-login
{
	position: absolute;
	top: 10px;
	margin-left: 735px;
	background-image: url(/img/hhs/log_in_qybele.png);
	width: 227px;
	height: 90px;
	overflow: hidden;
	color: #A6A6A6;
}

#qybele-login .login
{
	float: left;
	padding-right: 3px;
	margin-top: 58px;
	margin-left: 9px;
}

#qybele-login .login input
{
	width: 120px;
	padding: 3px;
	color: gray;
}

#login-button { margin-top: 54px; }

#menu
{
	position: relative;
	background-color: black;
	background-image: url(/img/hhs/black_bar.png);
	background-repeat: repeat-x;
	height: 31px;
	color: white;
	padding-left: 21px;
}

#menu .menuitem
{
	float: left;
	margin: 4px 0;
	padding: 2px 21px;
	font-size: 108%;
	border-left: 1px solid white;
}

#menu .menuitem:first-child
{
	border-left: 0px solid white;
}

#menu .menuitem a
{
	color: white;
}

#menu .menuitem a:hover, #menu .menuitem.active a
{
	color: #BBEF74;
	text-decoration: underline;
}

.more { margin-top: 9px; }
.contextmenu { margin: 32px 15px; }
.contextmenu .contextmenu { margin: 0; }
.contextmenu a:hover { text-decoration: none; }

.contextmenu .contextmenuitem
{
	background-repeat: repeat-x;
	border: 1px solid #D1D1D1;
	border-top: 1px solid white;
	height: auto;
	background-position: left bottom;
}

.contextmenu .contextmenu .contextmenuitem.inactive
{
	border: 1px solid white;
	background: white;
}

.contextmenu .contextmenu .contextmenuitem.inactive.mo
{
	background: #EFEFEF;
	border: 1px solid #EFEFEF;
	cursor: pointer;
}

.contextmenu .contextmenu .contextmenuitem.active.mo
{
	background-image: url(/img/menu_bg_active_sub_mo.png);
	background-color: #BBEF74;
	cursor: pointer;
}

.contextmenu .contextmenu .contextmenuitem.active
{
	background-image: url(/img/menu_bg_active_sub.png);
	border-left: 1px #C3F276 solid;
	border-right: 1px #C3F276 solid;
	border-top: 1px #DAF7AB solid;
	background-color: #D2F597;
}

.contextmenu .contextmenu .contextmenuitem .content { background: transparent; }

.contextmenu .contextmenuitem.inactive
{
	background-color: #E5E5E5;
	background-image: url(/img/menu_bg_inactive.png);
}

.contextmenu .contextmenuitem.inactive.mo
{
	background-image: url(/img/menu_bg_inactive_mo.png);
	background-color: #CED0CE;
	cursor: pointer;
}

.contextmenu .contextmenuitem.active
{
	background-color: #FECDD3;
	background-image: url(/img/menu_bg_active.png);
	border-left: 1px #FFA3AD solid;
	border-right: 1px #FFA3AD solid;
}

.contextmenu .contextmenuitem.active.mo
{
	background-image: url(/img/menu_bg_active_mo.png);
	background-color: #FEA2AC;
	cursor: pointer;
}

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

.contextmenu .contextmenuitem .content a { color: black; }
.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: white;
	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: #737373;
	border-bottom: 1px #D1D1D1 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;
}

/* FORSIDEN */
#personas
{
	width: 731px;
	height: 299px;
	overflow: hidden;
}

#studier
{
	position: absolute;
	margin-left: 731px;
	width: 243px;
	height: 300px;
	overflow: hidden;
}

#studier .studie
{
	width: 243px;
	height: 150px;
	overflow: hidden;
}

#studier .studie .text-content { position: absolute; }

#studier .studie .text-content .hd
{
	color: white;
	font-size: 138.5%;
	padding: 15px 1px 6px 18px;
}

#studier .studie .text-content .bd
{
	color: white;
	font-size: 93%;
	padding: 0 36px 1px 18px;
	line-height: 135%;
}

#right-column { margin-top: 32px; }
#right-column .article { padding: 15px; }

#aktuelle-studier
{
	padding: 15px;
	padding-right: 0;
}

#aktuelle-studier .article
{
	width: 220px;
	margin: 5px 20px 5px 0;
	float: left;
}

#aktuelle-studier .article.last { margin-right: 0; }

hr.divider
{
	width: 100%;
	margin-left: 15px;
}

#nyheter
{
	width: 701px;
	padding: 15px;
	padding-top: 0;
}

#nyheter .article
{
	clear: left;
	margin: 5px;
	margin-right: 240px;
}

#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;
}

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

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

.item .divider
{
	clear: left;
	margin: 9px;
}

.item.fullwidth
{
	margin: 0 12px;
	padding: 25px;
	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: 138.5%; }
.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;
}

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

#applicant { padding: 25px 0; }

#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; }
#applicant fieldset div.pair div.input input { width: 280px; }

table.admintable2
{
	background: white;
	border: 1px solid white;
}

table.admintable2 td, table.admintable2 th
{
	padding: 3px;
	font-size: 100%;
	border-width: 1px 0 1px 0;
	border-color: white;
	border-style: solid;
	background-color: #efefef;
	vertical-align: top;
}

table.admintable2.compact td, table.admintable2.compact th { font-size: 85%; }
table.admintable2.compact td { padding: 1px 3px; }
table.admintable2 tr.hover td { background: #D4EBFF; }
table.admintable2 tr.odd td { background: white; }
table.admintable2 tr.even td { background: #efefef; }
table.admintable2 tr.delete td, table.admintable2 tr.hover.delete td { background: #FF86BC; }

table.admintable2 th
{
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #d3d3d3;
}