body {
  color: #333;
  margin: 0;
  padding: 0;
  font-family: verdana, helvetica, sans-serif;
  font-size: 11px;
  /*margin-left: 8px;*/
}

#wrapper {
  width: 974px;
  margin: 0 auto;
  position: relative;
}

#testmark {
  position: absolute;
  color: white;
  background: red;
  padding: 5px;
  font-size: 28px;
  top: 8px;
  left: 400px;
}

a { text-decoration: underline; color: #0072CF; }
a:visited { color: #7072CF; }
a:hover { text-decoration: underline; color: #00467E }

h1, h2, h3, h4 { font-weight: normal; color: #777; }
h1 { font-size: 21px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

p { margin: 0 0 1em 0; }

td { vertical-align: top; }

h1 span.name { font-size: 70%; }


#header { height: 73px; width: 974px; }

#header_logo1 { }
#header_space { margin-left: -4px; }
#header_logo2 { margin-left: -4px; }

#header_menu {
  background: url(/system/olympus-akademi/assets/original/nav_blank1.gif) repeat-x;
  height: 15px;
  margin-top: -2px;
}

#header_menu_links { float: right; }
#header_menu_links a { padding: 0; margin: 0; }

#divisions {
  float: left;
  margin-top: 20px;
  width: 196px;
  /*height: 500px;*/
  color: #545353;
  font-size: 9px;
  background-color: #F4F4F4;
  font-family: Verdana;
  font-size: 8pt;
}
#divisions h3 { color: #007; margin: 3px 0 2px 0; padding-left: 20px; font-size: 9pt; border-bottom: 1px solid #ddd; }
#divisions h4 { color: #007; margin: 20px 5px 2px 5px; font-size: 9px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 3px; }
#divisions ul { list-style: none; padding-left: 5px; margin-left: 0px; }
#divisions a { color: #545353; text-decoration: none; }
#divisions a:hover { color: #709de2; text-decoration: none; }
#divisions > ul > li { margin-right: 0px; }
#divisions li.division_item { margin-bottom: -4px; }
#divisions li.division_item > a {
  padding: 3px 10px 3px 13px;
  display: block;
  background: url(/system/olympus-akademi/assets/original/dot_small_blue.gif) no-repeat;
  background-position: 2px 6px;
  background-color: white;
  height: auto;
  margin-bottom: 10px;
  margin-top: 4px;
}
#divisions li.division_item > a:hover {
}
#divisions ul.courses { margin-top: -5px; margin-left: 17px; list-style-type: none; }
#divisions ul.courses li { padding-bottom: 10px; }
/* #divisions ul.courses li a:hover { color: #ffa500; } */

#divisions li.current_course > a { color: #709de2; }

#middle {
  float: left;
  width: 540px;
  margin-top: 20px;
  margin-left: 10px;
}

#content {
  padding: 0;
  min-height: 25em;
}

ul#course_overview { list-style: none; padding-left: 0; }
ul#course_overview li img { vertical-align: text-bottom; margin-left: -20px; }
ul#course_overview > li { font-size: 14px; line-height: 30px; padding-bottom: 3px; padding-left: 20px; }
ul#course_overview > li li { font-size: 12px; line-height: 16px; }

h2.content {
  background: #aaa;
  font-size: 10pt;
  color: white;
  padding: 1px;
  padding-left: 10px;
  letter-spacing: 2pt;
  font-variant: small-caps;
}

.centered { text-align: center; }

form label { font-size: 110%; }
.required_field { color: red; vertical-align: top; }
input { padding: 4px; }
input[type=text], input[type=password], textarea { border:1px solid #bbb; }
fieldset { border: none; background: #eee; padding: 1em; }
form.button-to { display: inline; clear: none; }
.button-to, .button-to div { display: inline; }
span.hint { color: #777; }

textarea { width: 96%; }


#news {
  float: right;
  background: url(/system/olympus-akademi/assets/original/nyheter_top_clean.jpg) no-repeat #eeeeee;
  margin-top: 20px;
  width: 220px;
  margin-bottom: 10px;
}
#news h1 {
  font-weight: normal;
  margin-left: 10px;
  margin-top: 5px;
  color: #f0f0f0;
}
#news ul {
  padding-top: 20px;
}
.news {
  font-size: 7.5pt;
  width: 220px;
}
.news ul {
  list-style: none;
  margin-left: 10px;
  padding-left: 0;
}
.news li {
  margin-bottom: 30px;
}
.news .new {
  background: url(/system/olympus-akademi/assets/original/dot_small_blue.gif) no-repeat;
  background-position: 0 3px;
  font-weight: bold;
  padding-left: 10px;
}
.news a { display: block; text-decoration: none; }
.news a:hover { text-decoration: underline; }



.division_overview {
  /* background: #eee; */
  color: black;
  margin: 0;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
.division_overview h1 { color: black; }
#division_description {  }
.division_overview img { /* border: 5px solid white; */ }


.course_registration_list { margin-bottom: 1em; }

img { border: none; }

div.page_footer { clear: both; }

#footer {
  clear: both;
  background: #090f7b;
  color: #7a88b3;
  width: 974px;
  font-size: 9px;
  height: 19px;
}
#footer p { padding: 3px; }
#footer a { text-decoration: none; color: #7a88b3; }
#footer a:hover { color: white; text-decoration: none; }

table { width: 100%; border-collapse: collapse; }
th { text-align: left; }
th, td { line-height: 20px; }
.odd { background-color: #eeeeff; }
/* tr:hover { background-color: #eeeeff; } */

div#page_content {
  margin-bottom: 40px;
}

#banners {
  position: absolute;
  width: 220px;
  left: 762px;
  top: 80px;
}


 a.arrow, a.arrow_small {
     padding-left:14px;
     display: block;
     margin-top:4px;
     font-weight:bold;
 }
 a.arrow.grey {
  background:url(/system/olympus-akademi/assets/original/arrow_grey.gif) 0px 2px no-repeat;
     color:#646464; 
 }
 a.arrow.grey:hover {
     color:#08107b;
 }
 a.arrow.blue {
  background:url(/system/olympus-akademi/assets/original/arrow_blue.gif) 0px 2px no-repeat; 
     color:#08107b;
 }
 a.arrow.blue:hover {
     color:#646464; 
 }
 a.arrow.orange {
  background:url(/system/olympus-akademi/assets/original/arrow_orange.gif) 0px 1px no-repeat; 
     color:#646464;
 }
 a.arrow.orange:hover {
     color:#08107b; 
 }
 a.arrow_small {
  background:url(/system/olympus-akademi/assets/original/bullet_blue_small.gif) 0px 4px no-repeat;
     font-weight:normal;
     line-height:12px
 }
 a.arrow_small:hover {
 }

 /* --------------------------------------------- */
 /*     Clearfix                                  */
 /* --------------------------------------------- */

 /* Cleafix-Methode */
 .clearfix:after {
     content: ".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;
 }  

 .clearfix {    display:inline-block; }
 /* Hides from IE-mac \*/
 * html .clearfix {height:1%;}
 .clearfix {display:block;}
 /* End hide from IE-mac */

 .floatbox { overflow:hidden; }
 .clear { 
     clear:both;         
     font-size:0px;
     line-height:0px;
     padding:0; margin:0; 
 }
 .clear_left { clear:left; }
 .clear_right { clear:right; }

 /* --------------------------------------------- */
 /*     Optional Floating Classes                 */
 /* --------------------------------------------- */
  .left { float:left; } 
  .right { float:right; }
  .empty {
     float:left;
     font-size:0px;
     line-height:0px;
 }

 /* --------------------------------------------- */
 /*     Basic Layout                                 */
 /* --------------------------------------------- */
 .page {
     margin:0px 0px 0px 8px;
     padding-bottom:10px;
 }
 .page_footer {
     clear:both;
     height:auto;
     width:974px;
 }
 .page_header {
     height:auto;
     width:974px;
 }
 .page_content.subnav {
     background:url(/system/olympus-akademi/assets/original/bg_subnav.gif) top left repeat-y;
 }

 .page_footer {
     clear:both;
     height:auto;
     width:974px;
 }
 .page_header {
     height:auto;
     width:974px;
     background: #08107b;
 }
 .page_content {
     width:974px;
     height:auto; 
     border:0px;  
 }

 /* --------------------------------------------- */
 /*     Header Classes                             */
 /* --------------------------------------------- */
 #header .logo {
     float:left;
     font-size:0px;
     line-height:0px;
 }
 #header .logo img {
     float:left;
 }

 /* --------------------------------------------- */
 /*     Page Header - Metanav                     */
 /* --------------------------------------------- */
#header .metanav {
  float:left;
  width:647px;
  font-size:10px;
  line-height:10px;
  height:58px;
  background:url(/system/olympus-akademi/assets/original/bg_pointsnavi.jpg) right no-repeat #08107b; 
}
#header .metanav label {
  float:right;
  margin:11px 5px 0px 0px;
  color:#808ac8;  
}
#header .metanav .topnavsubmit{
  float:right;
  margin:9px 8px 0px 1px;  
}
#header .metanav .topnavsearch{
  float:right;
  margin:9px 0px 0px 7px;
  width:119px;
  height:12px;
  border:0px;
  padding:2px 0 2px 3px;
}
#header .metanav .form_search {
  float:right;
  border:1px;
  display:block;
  margin:10px 8px 0px 0px;
  padding:0px;  
}
#header .metanav a {  
  float:right;
  margin:11px 16px 0px 0px;
  color:#808ac8;
  text-decoration: none;
}
#header .metanav a:hover {  
  color:#fff;  
}

 /* --------------------------------------------- */
 /*     Page Header - Corportatenav               */
 /* --------------------------------------------- */
#header .corporatenav {
     width:974px;
     height:15px;
     clear:both;
     border-top: 1px solid #434A9A; 
     border-bottom: 1px solid #0C238D; 
     background-color:#293599;
     padding:0;
}
#header .corporatenav .site { float:left; margin-left: 10px; }
#header .corporatenav .site a {
  color: rgb(210,152,32);
  font-size: 10px;
  text-decoration: none;
}
#header .corporatenav img.site { margin-top: -1px; }
#header .corporatenav .links { float:right; margin: 0px; }
#header .corporatenav .links img{ display:block; float:left; }
#header .corporatenav .buttons a {
  display: block;
  float:left;
  font-size: 9px;
  color: #fff;
  background-color: rgb(51, 58, 158);
  text-decoration: none;
  padding: 2px 10px 1px 10px;
  border-top: 1px solid rgb(87, 92, 168);
  border-right: 1px solid rgb(86, 91, 167);
  border-bottom: 1px solid rgb(21, 14, 117);
  margin-top: -1px;
}
#header .corporatenav .buttons a:hover {
  background-color: #5C6CBB;
}

/* --------------------------------------------- */
 /*      Page Header - Topnav                     */
 /* --------------------------------------------- */
 #header .topnav {
     width:100%;
     height:22px;
     font-size:0px;
     line-height:0px;
     background:url(/system/olympus-akademi/assets/original/bg_topnav.gif) repeat-x;
 }
 #header .topnav img{
     display:block;
     float:left;
 }

 /* --------------------------------------------- */
 /*     Page Header - Topnav Dropdown          */
 /* --------------------------------------------- */
 #header .dropdown {
      float:right; 
      width:332px;
      background-color:#F4F4F4; 
      height:19px; 
 }
 #header .dropdown img{
      float:right;
      margin:3px 6px 0 0; 

 }
 #header .dropdown select{
      float:right;
      height:17px;
      color:#646464;
      width:190px;
      border:1px solid #cccccc;
 }

 /* --------------------------------------------- */
 /*     Breadcrumbs                                 */
 /* --------------------------------------------- */
 #breadcrumbs {
     height:19px; 
     background-color:#F4F4F4;
     color:#646464;
     width:596px; 
     float:left;
 }
 #breadcrumbs .links {
     margin: 4px 0px 1px 0px;
     padding: 0px 0px 0px 13px;
     line-height:12px;
     font-size:10px;
 }
 #breadcrumbs .links b{
     font-weight:normal;
 }
 #breadcrumbs .links a {
     color:#646464; 
 }
 #breadcrumbs .links a:hover{
     color:#08107B;
 }

 /* --------------------------------------------- */
 /*     Page Mood                                  */
 /* --------------------------------------------- */
 #mood {
     margin-bottom:14px;
 }

 /* --------------------------------------------- */
 /*     Content Columns                               */
 /* --------------------------------------------- */
 .page_content .content_subnav_wrapper {
     width:740px; 
     float:left;
 }
 .page_content .col_content{
     float:right;
     margin:0px 0px 0px 12px;
     width:552px; 
 }
 .page_content .col_subnav{
     float:left;
     margin:0px;
     width:176px; 
 }
 .page_content .col_addon{
     width:176px; 
     float:right;
 }
 .page_content .subcolumns {
 }

 /* --------------------------------------------- */
 /*     Footer Classes                             */
 /* --------------------------------------------- */
 #footer {
     clear:both; 
     width:954px; 
     height:12px; 
     background-color:#08107b; 
     margin:0px 0px 20px 0px;
     padding:3px 12px 5px 8px;
     line-height:12px;
     font-size:10px;
     color:#808ac8;
 }
 #footer a {
     color:#808ac8;
 }
 #footer a:hover{
     color:#fff;
     background-color:#08107b; 
 }
 #footer .nav {
     float:left;
 }
 #footer .print {  
     float:right;
 }
 #footer .print a {
     padding-left:25px;
     background:url(/system/olympus-akademi/assets/original/bg_print.gif) left no-repeat; 
 }
 #footer .nav a, #footer .nav span{
     margin:0px 12px 0px 0px;
 }

.topnavsubmit {
  background: url(/system/olympus-akademi/assets/original/SearchButton_Normal.gif) no-repeat left center;
  border: none;
  width: 17px;
  height: 16px;
}


.blurb {
  background: url(/system/olympus-akademi/assets/original/rutanNyheterNy.jpg) no-repeat;
  height: 220px;
  width: 100%;
  clear: both;
  margin-top: 20px;
  position: relative;
}
.blurb .catalog {
  position: absolute;
  top: 25px;
  right: 25px;
}
.blurb .catalog p {
  color: rgb(110,110,110);
  margin-top: 3px;
}
.blurb .next_courses {
  position: absolute;
  top: 46px;
  left: 34px;
  height: 150px;
  width: 700px;
}
.blurb .next_courses div {
  float: left;
}
.blurb .next_courses img {
  height: 60px;
  float: left;
  margin-right: 11px;
}
.blurb .next_courses h3 {
  color: #585858;
  font-size: 11px;
  margin: 0 0 2px 0;
}
.blurb .next_courses p {
  margin: 0;
}
.blurb .next_courses a {
  color: #585858;
  text-decoration: none;
}
.blurb .course_push {
  height: 60px;
  width: 327px;
  margin: 4px;
}