@charset "utf-8";
/* CSS Document */

div {margin:auto}
html {xoverflow-x:hidden;overflow-y:scroll;}
body {margin:0px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#383838;height:100%;background-color:#ffffff;}
img {border:none;}
h1 {color:#e2001a;font-size:22px;margin:0px 0px 20px 0px;padding:0px;}
h2 {font-size:14px;margin:0px 0px 20px 0px;padding:0px;}
h3 {font-size:14px;margin:0px 0px 0px 0px;padding:0px;}

#top {width:1000px;background-image:url(/images/pageback.gif);position:relative;}
#logo {margin:5px 0px 10px 14px;float:left;}
#topright {float:right;font-weight:bold;text-align:right;margin-right:10px;line-height:20px;margin-top:10px;}
#topright input {width:75px;font-size:10px;font-weight:bold;margin-top:6px;xborder:#999 solid 1px;}
#topright img {vertical-align:bottom;margin-left:3px;}
#topright a {text-decoration:none;color:#000;}
#topright a:hover {text-decoration:underline;}

#menu {border-top:solid 2px #ffffff;background:url(/images/userareaback.jpg) right no-repeat #27a22d;padding:4px;}
#menu ul {margin-left: 0;padding-left: 0;display: inline;}
#menu ul li {margin-left: 0; margin-bottom: 0; padding: 2px 10px 2px 10px;list-style: none;display: inline;}
#menu ul li a {color:#fff;text-decoration:none;}
#menu ul li a.selected {font-weight:bold;text-decoration:underline;}
#menu ul li a:hover {text-decoration:underline;}

#nav { margin-top: -23px; background:#000;z-index:101;position:absolute;padding:3px;margin-left:10px;}
#nav a { padding: 5px 7px 5px 7px; background:url(/images/pagerback.png) ; text-decoration: none; color:#FFF; font-size:10px; font-weight:bold; }
#nav a.activeSlide { background: url(/images/pagerback_active.png); color:#999;}
#nav a:focus { outline: none;}

#redbuttons {float:left;position:absolute;padding-top:17px;z-index:100;width:288px;}
#redbuttons a {color:#FFF;text-decoration:none;font-size:14px;font-weight:bold;background:url(/images/red_blank.png);display:block;width:204px;height:30px;float:left;padding-top:9px;padding-left:15px;text-transform:uppercase;}
#dynatip {background:url(/images/toolback.png);z-index:110;display:none;width:258px;height:52px;padding:15px 15px 15px 15px;font-size:12px;}

#men {position:absolute;left:600px;margin-top:-90px;z-index:100;}

#headerimages {width:794px;height:195px;padding:0;margin:0;overflow:hidden;z-index:99;display:block;background-color:#000;}
#headerimages img {width:794px;height:195px;padding:0;margin:0;top:0;left:0;}

#content {width:1000px;background-image:url(/images/pageback.gif);position:relative;min-height:515px;height:100%}
#rightcontent {width:206px;float:right;height:100%;min-height:515px;}
#loginarea {background-image:url(/images/userareaback.jpg);height:195px;float:right;width:206px;text-align:right;}
#loginarea table {width:100%;}
#loginarea td {text-align:right;}
#userarea {width:140px;color:#FFF;float:right;text-align:left;padding-right:10px;}
#userarea a {color:#fff;font-weight:bold;}
#userarea a:hover {color:#ddd;font-weight:bold;}
#userarea input {width:125px;font-size:10px;font-weight:bold;margin-top:6px;}
#userarea span {font-size:9px;font-weight:bold;}
#login {font-weight:bold;float:right;width:135px;text-align:right;font-size:13px;margin-top:3px;color:#FFF;padding-right:12px;}
#login img {vertical-align:bottom;}
#login span {font-size:9px;font-weight:bold;}
#login a {text-decoration:none;color:#FFF;}
#login a:hover {text-decoration:underline;}
.loginform {float:right;}

#left {width:206px;float:left;background-color:#d8dadc;height:100%;min-height:500px;}
#leftmenu {background:url(/images/menuback.jpg);min-height:250px;padding-top:15px;}

#leftmenu ul {margin-left: 0;padding-left: 0;display: block;xmargin-top:-5px;}
#leftmenu li {margin-left: 0; margin-bottom: 0;list-style: none;display: block;}

#leftmenu .selected {background:url(/images/menuback_selected.jpg);font-weight:bold;}
#leftmenu a:hover.selected  {background:url(/images/menuback_selected.jpg);font-weight:bold;text-decoration:none;}

#leftmenu a {text-decoration:none;color:#fff;display:block;}
#leftmenu a:hover {text-decoration:underline;color:#fff;}

#leftmenu ul li {padding:1px 0px 1px 0px;}
#leftmenu ul li ul li{padding:1px;}
#leftmenu ul li a{padding:2px 15px 2px 15px;}
#leftmenu ul li ul li a{padding:1px 15px 1px 30px;font-size:9px;}
#leftmenu ul li ul li ul li a{padding:1px 15px 1px 45px;font-size:9px;}

.level1arrow {float:left;margin-left:-16px;background-position:1px -3px;width:16px;height:10px;background-image:url(/images/menuarrow.gif);}
.level2arrow {float:left;margin-left:-16px;background-position:1px -4px;width:16px;height:10px;background-image:url(/images/menuarrow.gif);}

/*#leftmenu li {background:url(/images/menuarrow.gif) no-repeat;}*/

#maincontent {width:538px;float:left;background:url(/images/contenttopback.jpg) no-repeat;padding:25px;text-align:left;font-size:12px;position:inherit;}
#maincontent p {margin:0px 0px 20px 0px;padding:px;}
#maincontent ol, #maincontent ul {padding-bottom:20px;}
#maincontent table {text-align:left;}
#maincontent img {padding:10px;}
#maincontent a {color:#0066cc;}
#maincontent a:hover {color:#000;}


#frontbox1 {float:left;width:222px;height:300px;text-align:left;}
#frontbox2 {float:left;width:322px;height:300px;background:url(/images/frontnewsback.png) no-repeat;}
#frontbox3 {float:left;width:222px;height:300px;margin-left:10px;}

#frontcalendar {width:202px;float:left;}
#frontcalendar a {color:#383838;text-decoration:none;display:block;}

#frontcalendar a:hover strong {text-decoration:underline;}
#frontcalendar a.callink:hover {text-decoration:underline;}
#frontcalendar a.callink img {padding-left:5px;}
.frontcalendaritem {border-bottom:solid 1px #bababa;padding-bottom:6px;margin-bottom:6px;}
.frontcalendaritem strong {color:#000;font-size:12px;}
.frontcaldate {float:right;}

#frontnews {height:220px;padding-left:15px;}
#frontnews a {color:#383838;text-decoration:none;display:block;}
#frontnews a:hover .link {text-decoration:underline;color:#000;}
#frontnews a:hover strong {text-decoration:underline;}
.frontnewsitem {width:124px;float:left;margin-left:10px;}
.frontnewsitem img {border:solid #bababa 1px;margin-top:2px;margin-bottom:5px;}
.frontnewsitem strong {font-size:12px;color:#000;}
.blackarrow {vertical-align:middle;}
#newknowledge {background:url(/images/ny_viden_knap.png);width:315px;height:32px;padding-top:9px;}
#newknowledge a {color:#fff;text-decoration:none;display:block;padding-left:123px;}
#newknowledge a:hover {text-decoration:underline;}

#frontbox3 strong{font-size:12px;color:#000;}
#frontbox3 hr {margin-top:5px;margin-bottom:5px;}
#frontsystemstyring {height:201px;width:212px;float:left;padding-left:3px;}
#frontsystemstyring a {color:#383838;text-decoration:none;display:block;}
#frontsystemstyring a:hover strong {text-decoration:underline;}
#frontsystemstyring #hr {width: 100%; height: 1px; border: 0; background-color: #999; margin-top: 5px;margin-bottom:5px;}

#frontarticlebutton {width:222px;height:32px;background:url(/images/system_styring_knap.png);padding-top:9px;text-align:right;}
#frontarticlebutton a {color:#fff;text-decoration:none;width:175px;display:block;padding-right:45px;}
#frontarticlebutton a:hover {text-decoration:underline;}


#address {position:absolute;bottom:0;right:0;padding-bottom:3px;width:200px;}
#address .inner {text-align:right;font-size:10px;padding-right:12px;margin-bottom:-12px;position:relative;}
#address .inner a {xdisplay:inline;color:#333;text-decoration:none;}
#address .inner a:hover {xdisplay:inline;color:#000;text-decoration:underline;}

#newsmenuheader {color:#fff;font-weight:bold;margin-left:15px;}

.rightelement {float:right;text-align:left;width:165px;font-weight:bold;}
.rightelement a {color:#333;text-decoration:none;}
.rightelement a:hover {color:#000;text-decoration:underline;}
.rightelement .inner {padding-left:20px;width:140px;float:left;}
.rightelement .inner .download {padding-left:0px;width:140px;float:none;padding-bottom:4px;}
.download img {padding-right:5px;}

.tagline {float:right;font-size:12px;padding-right:12px;text-align:right;font-weight:bold;line-height:17px;padding-top:10px;width:180px;}

#stretch {height:200px;}

#signup {position:absolute;bottom:0;left:0;width:206px;margin-bottom:15px;display:block;}
#signup h3 {font-size:10px;padding-left:15px;padding-right:15px;margin-bottom:10px;}
#signup #checkbox label {font-size:9px;vertical-align:top;margin-left:0px;padding-left:5px;padding-right:5px;}
#signup #checkbox input {padding:0 2px 0 2px;margin:0px;}

#signup #checkbox {padding-left:10px;}
#signup #checkbox td {padding:0px;margin:0px;}

#signup #submit {padding-left:15px;font-size:10px;font-weight:bold;}
#signup #submit input {font-size:10px;font-weight:bold;margin-top:6px;xborder:#999 solid 1px;margin-right:15px;width:170px;}

#signup #buttons {width:70px;float:right;margin-right:15px;font-weight:bold;}
#signup #buttons img {padding-left:5px;vertical-align:middle;}
#signup #buttons a {color:#333333;text-decoration:none;padding-top:5px;}
#signup #buttons a:hover {color:#000000;text-decoration:underline;}

.cal a {color:#333;}
.cal a:hover {text-decoration:underline;color:#000;}
.caldate {width:75px;vertical-align:top;}
.caltitle {width:150px;vertical-align:top;font-weight:bold;}
.calabstract {width:313;vertical-align:top;}
.caldark {background-color:#eee;}
.calselected {background-color:#ccc;color:#000;}
.calselected a, .calselected a:hover {color:#fff;}

#calendarlist h3 {margin-bottom:15px;margin-top:15px;}

#sitemap a {color:#000;text-decoration:none;}
#sitemap a:hover {text-decoration:underline;} 
#sitemap ul {margin: 0;padding: 0;display: block;}
#sitemap li {margin: 0px;list-style: none;display: block;padding-top:10px;}
#sitemap li a {font-size:13px;font-weight:bold;}
#sitemap ul li ul {padding-left:15px;padding-top:0px;}
#sitemap ul li ul li {padding-top:0px;}
#sitemap ul li ul li a {font-size:11px;font-weight:normal;}

.xsltsearch_result_title a {color:#333; font-size:13px;font-weight:bold;} 
.xsltsearch_result_title a:hover {color:#000;}
.xsltsearch_result_title {margin:0px;padding:0px;}
.xsltsearch_result_description {margin:0px;padding:0px;}
.xsltsearch_result p {margin:0px;padding:0px;}

#xsltsearch_navigation a {color:#333;}
#xsltsearch_navigation a:hover {color:#000;}

#calendarheader {width:220px;height:40px;background:url(/images/kalender_knap.png);float:left;text-decoration:none;cursor:hand;}
#datefield {background:url(/images/date_field.png);width:40px;height:44px;float:left;margin-left:135px;margin-top:-5px;}
#datefield #date {font-weight:bold;font-size:14px;text-align:center;width:34px;float:left;margin-top:5px;color:#000;}
#datefield #month {font-weight:bold;font-size:11px;text-align:center;width:34px;float:left;color:#fff;text-transform:uppercase;}

table.employees {width:100%;}

#messagepanel {background-color:#efd8a2;padding:15px;text-align:center;margin-top:20px;margin-bottom:20px;border:solid 2px #edb01f;font-size:10px;font-weight:bold;}
#emailpanel {background-color:#efd8a2;padding:15px;text-align:center;margin-top:20px;margin-bottom:20px;border:solid 2px #ff0000;font-size:10px;font-weight:bold;}

#userdata td {padding:3px;}
#userdata input, #userdata textarea {width:300px;font-size:14px;font-weight:bold;padding:5px;font-family:arial;background-color:#dde6ff;border:solid 1px #90abf9;}
#userdata .label {font-size:14px; font-weight:bold;width:300px;}

#downloads div {margin-bottom:10px;}
#downloads div p {margin-left:55px;}
#downloads div a {text-decoration:none;color:#333333;}
#downloads div a p strong {text-decoration:underline;color:#0066cc;}
#downloads div a:hover {text-decoration:underline;color:#000;}
#downloads div a:hover p strong {color:#000;}

#course {background:#eeeeee;border:dashed 1px #aaaaaa; padding:20px;font-size:11px;z-index:10000;position:inherit;}
#course table input.calField {font-size:11px;font-weight:bold;padding:2px;background:#ddd;border:none;border-bottom:dashed 1px #aaaaaa; width:120px;}
#course td {font-size:11px;}
#course .calName {width:200px;}
#course input.calUsers {font-size:11px;font-weight:bold;padding:2px;background:#ddd;border:none;border-bottom:dashed 1px #aaaaaa;width:200px;}
/* the overlayed element */

#fields input {width:150px;font-size:10px;font-weight:bold;margin-top:6px;xborder:#999 solid 1px;}

div.overlay {
	
	/* growing background image */
	background-image:url(/img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:166px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
	
	
}



/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(/img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(/img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}


/* use a semi-transparent image for the overlay */ 
#overlay {background-image:url(/images/transparent.png);color:#efefef;height:450px;z-index:9000; }  
/* container for external content. uses vertical scrollbar, if needed */ 
#overlay div.contentWrap {height:441px;overflow-y:auto; z-index:10001;}


/* scrollbars */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/images/scrollback.gif);
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.jScrollArrowUp {
	background: url(/images/basic_arrow_up.gif) repeat-x 0 0;
}
.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
.jScrollArrowDown {
	background: url(/images/basic_arrow_down.gif) repeat-x 0 0;
}
.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
.jScrollActiveArrowButton, .jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.jScrollActiveArrowButton, .jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.jScrollPaneDrag {
	background: url(/images/scrollbar.gif) no-repeat 50% 50%;
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h3 {
font-size:14px;font-weight:bold;margin:0px;padding:0px;
}

p {
}