body {
margin: 0;
padding: 0;
background-image: url(/f/201_bg.gif);
background-repeat: repeat-x;
background-color: #22211f;
color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
}

hr {
background-color: #cccccc;
color: #cccccc;
height: 1px;
border: 0;
}

.clearer { clear: both; }

a { color: #ff9900; text-decoration: none; }
a:visited { color: #ff9900; text-decoration: none; }
a:hover { color: #ffc435; text-decoration: none; }
a:active { color: #ff9900; text-decoration: none; }

input,textarea,select {
font-family: verdana,arial,helvetica,sans-serif;
color: black;
font-size: 11px;
}

#container {
	width: 950px;
	margin: 0 auto;
}

#english_flag {
margin-top: 30px;
display: block;
text-align: center;
}

#english_flag span {
display: block;
margin-top: 3px;
}
/*
#logo {
margin-left: 10px;
display: block;
width: 131px;
height: 40px;
padding-top: 10px;
}

#illustration {
width: 950px;
height: 200px;
}

#sidebar {
width: 228px;
float: right;
margin-top: 20px;
}
*/

#logo {
margin-left: 10px;
display: block;
width: 131px;
height: 40px;
padding-top: 10px;
/* was: position: absolute;
top: 0px; left: 207px; *left: 217px;*/
position: relative; top: -200px; left: 0px;
z-index:1000;
}

#illustration {
width: 950px;
height: 200px;
position: relative;
top: 0px; left: 0px;
}

#sidebar {
width: 228px;
float: right;
*margin-top: 20px;
/* was position: absolute; top: 200px; left: 917px;  */
position: relative; left: 0px; top: 0px; *top: -20px;
}

#sidebar.kurskatalog {
width: 220px;
position: relative; left: -7px; top: 0px; *top: -20px;
}

/*
#content {
width: 700px;
float: left;
margin-top: 20px;
line-height: 150%;
}
*/

#content {
width: 700px;
float: left;
*margin-top: 20px;
line-height: 150%;
/* was position: absolute;  left: 197px; top:200px;*/
position: relative; left: 0px; top: 0px; *top:-20px;
}

#content.kurskatalog {
width: 715px;
}

#content.full {
width: 950px;
float: none;
}

#content h2 {
margin-top: 0;
font-size: 16px;
}

#maincontent {
background-color: #333333;
padding: 15px;
font-size: 10px;
margin-bottom: 25px;
}

#maincontent.kurskatalog {
width: 707px;
}

#content.kurskatalog #maincontent {
padding: 0;
}

#maincontent table td {
background-color: #474747;
padding: 10px;
margin: 3px;
}

#sidebar_links a {
height: 29px;
display: block;
width: 228px;
margin: 0;
padding: 0;
}

#sidebar_links a:hover {
background-position: 228px 0;
}

#sidebar_links a span {
display: none;
}

#sidebar_articles {
margin-bottom: 20px;
font-size: 10px;
padding: 8px;
padding-top: 0px;
}

#sidebar_links, #sidebar_links li {
list-style: none;
margin: 0;
padding: 0;
display: block;
}

#sidebar_links a {
margin: 0;
padding: 0;
display: block;
}

#sidebar_links img {
margin: 0;
padding: 0;
display: inline;
}

#sidebar_links #kurskatalog a { background-image: url(/f/300_courses.gif); }
#sidebar_links #elering a { background-image: url(/f/301_elearning.gif); }
#sidebar_links #viplogin a { background-image: url(/f/207_viplogin.gif); }
#sidebar_links #eavis a { background-image: url(/f/302_enews.gif); }
#sidebar_links #trainingportal a { background-image: url(/f/206_trainingportal.gif); }

#sidebar h3 {
margin-top: 0;
background-image: url(/f/209_nyhetsarkivheader.gif);
width: 228px;
height: 28px;
}

#sidebar h3 span { display: none; }

#sidebar_articles ul, #sidebar_articles ul li {
list-style: none;
margin: 0;
padding: 0;
}

#sidebar_articles li a {
padding-bottom: 5px;
display: block;
}

#sidebar a { color: #cccccc; }
#sidebar a:visited { color: #cccccc; }
#sidebar a:hover { color: #ffffff; }
#sidebar a:active { color: #cccccc; }

#smartlinks ul, #smartlinks ul li {
list-style: none;
margin: 0;
padding: 0;
}

#smartlinks a {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

#smartlinks li img {
float: left;
margin-bottom: 20px;
}

#smartlinks li .smartlink_content {
float: left;
margin-left: 25px;
width: 450px;
padding-top: 6px;
}

#flexhtml_gallery ul, #flexhtml_gallery ul li {
list-style: none;
margin: 0;
padding: 0;
}

#flexhtml_gallery ul li {
display: inline;
}

#flexhtml_gallery ul li img {
margin: 6px;
margin-left: 0;
margin-bottom: 0;
}


#footer {
clear: both;
font-size: 9px;
letter-spacing: 1px;
text-align: center;
padding-top: 10px;
margin-bottom: 25px;
line-height: 100%;
}

#archiveList span {
margin-right: 6px;
}

/*** NAV ****/

#navigation {
clear: both;
/* was: position: absolute;
top: 200px; left: 197px;*/
position: relative; left: 0px;
 top: -23px;
display: block;
width: 950px;
margin-top: -52px;
background-color: #333333;
z-index: 100;
-moz-opacity:0.88; /* for mozilla */
opacity: 0.88; /* for safari */
khtml-opacity: 0.88 ;
line-height: 1;
}

#navigation ul {
	line-height: 1;
}

#navigation ul, #navigation ul li {
list-style: none;
margin: 0;
padding: 0;
}

#navigation li {
float: left;
}

#navigation li a {
padding: 7px;
padding-left: 20px;
padding-right: 20px;
color: white;
background-color: #333333;
z-moz-opacity:0.88; /* for mozilla */
zopacity: 0.88; /* for safari */
zkhtml-opacity: 0.88 ;
display: block;
font-size: 11px;
text-decoration: none;

}


#navigation ul ul ul li a {
background-color: #575756;
}


#navigation li a:hover {

}

*:first-child+html #navigation li:hover, #navigation li.hover {

position: static;

}

#navigation ul li ul {
  position: absolute;
  width: 200px;
        margin-left: 0px;
  left: -999em;

}

#navigation ul li ul li ul {
	margin: -24px 0 0 200px;
}


#navigation ul li ul li {
  width: 200px;
}

#navigation ul li ul li {
}

#navigation ul li ul li a {
height: 14px;
padding: 5px;
padding-left: 20px;
color: #fff;
font-size: 11px;
}

#navigation ul li ul li a:hover {

background-color: #575756;


-moz-opacity:0.88; /* for mozilla */
opacity: 0.88; /* for safari */
khtml-opacity: 0.88 ;
}

#navigation ul li ul li ul li a:hover {
background-color: #7e7e7e;
-moz-opacity:0.88; /* for mozilla */
opacity: 0.88; /* for safari */
khtml-opacity: 0.88 ;
}

#navigation ul li:hover ul, #navigation ul li.sfhover ul {
  left: auto;
}

#navigation ul li ul ul {
  margin: -18px 0 0 200px;
}

#navigation ul li:hover ul ul, #navigation ul li.sfhover ul ul {
  left: -999em;
}

#navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li.sfhover ul {
  left: auto;
}

#navigation ul ul ul ul li {
display: none !important;
}

#internlink {
color: white;
display: block;
float: left;
padding-left: 20px;
padding-right: 20px;
padding: 7px;
text-align: center;
}


.hjemlink {
color: white;
display: block;
float: left;
padding-left: 20px;
padding-right: 20px;
padding: 7px;
text-align: left;
}

.hjemlink ul {
display: none !important;
}