/* GLOBAL */
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; }
body { font: 12px/16px Arial, Verdana, Helvetica, sans-serif; color: #333333; background: #014973; }
h1 { font: 15px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; color: #ffffff; padding: 0px; margin: 0px 0px 10px 0px; }
h1 a { color: #ffffff; }
h1 a:hover { text-decoration: underline; color: #ffffff; }
h2 { font: 15px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; color: #014973; padding: 0px; margin: 0px 0px 10px 0px; }
h2 a { color: #014973; }
h2 a:hover { color: #0096ce; }
h3 { font: 15px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; color: #333333; padding: 0px; margin: 0px 0px 10px 0px; }
h4 { font: 15px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #0096ce; padding: 0px; margin: 0px 0px 10px 0px; }
h5 { font: 12px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; color: #0096ce; padding: 0px; margin: 0px 0px 10px 0px; }
p { padding: 0px; margin: 0px 0px 8px 0px; }
form { margin: 0px; }
img { border: 0px; }
a { font-weight: bold; text-decoration: none; color: #0096ce; }
a:hover { color: #014973; }
hr { color: #333333; margin: 0px 0px 10px 0px; clear: both; }

/* FORMS */
label.frontpage { font-size: 12px; line-height: 18px; margin: 0px 0px 0px 10px; }
input.frontpage, textarea.frontpage, select.frontpage { width: 254px; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #333333; margin: 2px 0px; border: 1px #ffffff solid; background: #ffffff; height: 20px; }
select { width: 260px; }
textarea { width: 260px; height: 132px; overflow: auto; }
.multiple { height: 132px; }
.button { width: 78px; height: 21px; font-size: 15px; font-weight: bold; color: #ffffff; padding: 0px 2px; margin: 2px 0px; background: #0096ce; }
.radio, .checkbox { width: 15px; height: 15px; margin: 6px 0px 0px 0px; border: 0px; background: none; }

/* ELEMENTS */
#wrap { width: 820px; padding: 0px 140px 0px 0px; margin: 0px auto; position: relative; }
#top { width: 743px; height: 62px; text-align: right; padding: 8px 21px 10px 56px; background: url('../images/top-bg.gif') no-repeat; }
#page { width: 800px; padding: 0px 0px 0px 0px; margin: 0px auto; background: #ffffff; }
#leftcol { width: 200px; margin: 10px; float: left; display: inline; }
#rightcol { width: 545px; margin: 0px 10px 10px 0px; float: right; display: inline; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.col { padding: 10px; margin: 0px 0px 10px 0px; clear: both; }
.leftcol { width: 240px; padding: 10px; margin: 0px 0px 10px 0px; float: left; display: inline; }
.rightcol { width: 240px; padding: 10px; margin: 0px 0px 10px 0px; float: right; display: inline; }
.col .leftcol { width: 260px; padding: 0px; margin: 0px; float: left; display: inline; }
.col .rightcol { width: 260px; padding: 0px; margin: 0px; float: right; display: inline; }
div.light { color: #014973; background: #0096ce; }
div.dark { color: #ffffff; background: #014973; }
div.grey { background: #e6e6e6; }
#footer { width: 820px; font-size: 10px; line-height: 12px; text-align: center; padding: 7px 0px 6px 0px; color: #ffffff; background: url('../images/footer-bg.gif') no-repeat; clear: both; }
#footer a { color: #ffffff; }
#footer a:hover { text-decoration: underline; }

/* LEFT COLUMN */
#leftmenu {  }
#leftmenu h1 { padding: 21px 10px 2px 10px; margin: 0px; }
#leftmenu h1.light { background: url('../images/h1-light.gif') no-repeat; }
#leftmenu h1.dark { background: url('../images/h1-dark.gif') no-repeat; }
#leftmenu h1.grey { padding: 3px 10px 3px 10px; margin: 25px 0px 0px 0px; background: #939393; }
#leftmenu ul, #leftmenu div { list-style: none; padding: 16px 10px 30px 10px; margin: 0px 0px 10px 0px; background: #e6e6e6; }
#leftmenu ul li { padding: 0px; margin: 0px; }
#leftmenu a { font-weight: normal; color: #333333; }
#leftmenu a.current { font-weight: bold; color: #0096ce; }
#leftmenu a:hover { text-decoration: none; color: #014973; }
#leftmenu li a:hover { font-weight: bold; color: #014973; }
#leftmenu #nyestejobopslag a { font-weight: auto; color: #0096ce; }
#leftmenu #nyestejobopslag a:hover { font-weight: auto; color: #014973; }

/* RIGHT COLUMN */
#topmenu { padding: 1px 0px 9px 0px; }
#topmenu ul { text-align: right; list-style: none; padding: 0px; margin: 0px; }
#topmenu ul li { padding: 0px 0px 0px 14px; margin: 0px; display: inline; }
#topmenu a { font-size: 10px; line-height: 12px; color: #888888; text-decoration: none; }
#topmenu a:hover { color: #333333; }

/* QUICKSEARCH */
.quicksearch { color: #ffffff; padding: 12px; background: #014973 url('../images/quicksearch-bg.jpg') no-repeat right bottom; position: relative; height: 213px; overflow: hidden; }
.quicksearch h1 { position: absolute; top: 10px; left: 285px; width: 262px; font-size: 20px; font-weight: bold; float: right; }
.quicksearch h4 { padding: 4px 10px 3px 1px; margin: 0px -19px 0px 0px; float: left; display: inline; }
.quicksearch label { font-size: 10px; margin: 0px 0px 0px 24px; }
.quicksearch input { padding: 0; width: 225px; margin: 0px 0px 1px 18px; }
.quicksearch select { padding: 0; width: 231px; margin: 0px 0px 1px 18px; }
.quicksearch .button {margin: 0; padding: 0; position: absolute; top: 194px; left: 285px; width: 77px; height: 20px; }
.quicksearch .advsearch { font-size: 10px; line-height: 12px; font-weight: bold; color: #ffffff; display: inline; margin: 0 0 0 130px; }
.quicksearch .advsearch a { color: #ffffff; }
#text { padding: 0; height: 18px; }

/* OTHER ELEMENTS */
.jobsoegende { text-align: right; color: #ffffff; padding: 32px 10px 10px 10px; background: #ffffff url('../images/jobsoegende-bg.jpg') no-repeat left bottom; }
.virksomheder { text-align: right; color: #ffffff; padding: 32px 10px 10px 10px; background: #ffffff url('../images/virksomheder-bg.jpg') no-repeat left bottom; }
.jobsoegende h1, .virksomheder h1 { padding: 0px; margin: 0px; }
.jobsoegende p, .virksomheder p { margin: 0px; }
.jobsoegende p a, .virksomheder p a { color: white; font-weight: normal; }
.jobsoegende p a:hover, .virksomheder p a:hover { text-decoration: underline; }

.ugensopslag { width: 250px; padding: 5px; }
.ugensopslag h3 { padding: 5px 5px 0px 5px; }

.referencer { font-size: 10px; line-height: 12px; min-height: 243px; _height: 243px; }

.jobsoegendetop { color: #ffffff; padding: 38px 10px 10px 10px; background: #ffffff url('../images/jobsoegende-stor-bg.jpg') no-repeat right bottom; }
.virksomhedertop { color: #ffffff; padding: 47px 10px 10px 10px; background: #ffffff url('../images/virksomheder-stor-bg.jpg') no-repeat right bottom; }
.virksomhedertop p { margin: 0px; }

.searchresults { margin: 0px 15px 10px 15px; }

.order { width: 160px; text-align: right; padding: 0px; margin: 0px 15px; }
.geopick { width: 525px; display: none; }
.geopick .leftcol { width: 340px; }
.geopick .rightcol { width: 160px; }

.pagination { font-weight: bold; padding: 5px 15px; }
.pagination a { color: #014973; }
.pagination .previous, .pagination .current, .pagination .next { color: #ffffff; }
.pagination a:hover { color: #e6e6e6; }

.header { font-weight: bold; color: #ffffff; padding: 5px 15px; }

.logo { margin: 0px 0px 10px 10px; }
.details { font-size: 10px; line-height: 12px; color: #939393; }
.date { font-size: 10px; color: #939393; }
.options { font-size: 10px; text-align: right; }
.options a { font-size: 10px; }

/* BANNER */
.banner { padding: 0px; }
#sidebanner { width: 140px; position: absolute; top: 106px; left: 820px; }
#banner4, #banner5 { margin: 0px 0px 10px 0px; }
.banner468x60 { width: 468px; height: 60px; padding: 1px; float: right; display: inline; }
.banner250x220 { width: 250px; height: 220px; }
.banner140x350 { width: 140px; height: 370px; }
.banner545x280 { width: 545px; height: 280px; }

/* Jobsøgning */
#jobs_header
{
	background-image: url('../images/jobs_header.jpg');
	background-repeat: no-repat;
	color: white;
	width: 545px;
	height: 100px;
	margin-bottom: 5px;
	position: relative;
}

#jobs_header .teaser
{
	position: absolute;
	top: 45px;
	left: 15px;
	font-size: 12px;
}
#jobs_header h1
{
	position: absolute;
	top: 65px;
	left: 15px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#geoMinimized
{
	color: #014B72;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	float: right;
	margin: 0 10px 0 0;
}
.ad_paginering
{
	background-color: #0196CE;
	color: #044973;
	font-weight: bold;
	margin: 5px 0;
	padding: 5px 15px;
}

.ad_paginering a
{
	padding: 0 1px;
}

.ad_paginering .pagelink
{
	color: white;
}

.ad_paginering .pagelinki
{
	color: #044973;
}

.ad_paginering .pagelinki:hover
{
	color: white;
}

.ad
{
	background-color: #e6e6e6;
	padding: 10px 15px;
	margin: 0 0 10px 0;
}

.ad h3
{
	color: #044973;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0;
}
.ad h3 a
{
	color: #044973;
}
.ad h3 a:hover
{
	color: #0096CE;
}
.ad .info,
.ad .info a
{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #A0A0A0;
}
.ad .info a:hover
{
	color: black;
}
.ad .info
{
	margin: 0 0 10px 0;
}
.ad .link
{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	color: #A0A0A0;
	text-align: right;
	margin: 10px 0 0 0;
}
.ad .link span
{
	float: left;
}
.ad .link a
{
	margin-left: 10px;
	font-weight: bold;
}

/* CV-søgning */
.cv
{
	background-color: #e6e6e6;
	padding: 10px 15px;
	margin: 0 0 10px 0;
}

.cv .h1
{
	color: #044973;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0 0 10px 0;
	display: block;
}
.cv .h1:hover
{
	color: #0096CE;
}
.cv .link
{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	color: #A0A0A0;
	text-align: right;
	margin: 10px 0 0 0;
}

#hint {
	position: absolute;
	background-image: url('images/hintbg.gif');
	background-color: #c7d5e5;
	border: 1px solid #6a819d;
	padding: 5px;
}
/*
.steptitle {
	background-image: url('images/steptitlebg.gif');
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 22px;
	height: 38px;
	font-weight: bold;
}
.steptitle .step {
	float: right;
	color: gray;
	font-weight: bold;
}
*/
.steptitle {
	color: #2a6282;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ececec;
	margin: 0 0 10px 0;
}
.steptitle .step {
	float: right;
	color: gray;
	font-weight: bold;
}

.focusAd
{
	background-color: white;
	width: 120px;
	font-size: 11px;
	text-align: center;
	padding: 10px;
	margin: 0 0 10px 0;
}
.focusAd .logo
{
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
}
.focusAd a
{
	color: black;
}

.suggestContainer
{
	position: absolute;
	background-color: #f0f0f0;
	border: 1px solid #939393;
	border-top: 1px solid #004775;
	max-height: 160px;
	overflow: auto;
	_height: 160px;
	z-index: 100;
}
.suggestContainer *
{
	cursor: pointer;
	height: 16px;
	padding: 2px;
	overflow: hidden;
}
.suggestContainer .hover
{
	color: white;
	background-color: #939393;
}