/* CSS Document */
html,body {height: 100%; margin: 0; padding: 0;}
body {background: #fff; margin: 0; padding: 0; color: #333; font: 9pt Arial, Verdana, Tahoma; text-align: center;}

/* --  Layout design -- */
#wrapper {width: 920px; margin:10px auto; padding: 0; background: url("../images/layout/wrapper.png") repeat-y; text-align: left;}

#header {margin: 0; padding: 0; position: relative;}
#header #logo {background: #fff url("../images/layout/logo.jpg") no-repeat top; height: 116px; margin: 0; padding: 0;}
#header .language {position: relative; top: 140px; left: 850px;  padding: 0; margin: 0; }
#header .language a{color: #000; text-decoration: none; padding: 0 5px; }

#main {margin: 15px 0 0 0; padding: 0; clear: both; }
#bottom {min-height:100%; background:  url("../images/layout/bottom.png") no-repeat bottom; width: 920px; height: 10px; margin: 0 auto; padding: 0; clear: both;}
/* ie-mac-hack-kommentar \*/
* html #bottom {height: 100%;}
/*slut på ie-mac-hack */
#content {margin-left: 25px; margin-bottom: 20px; padding: 0; width: 570px; }
#sidebar {margin-right: 25px; margin-bottom: 20px; padding: 0; width: 275px;  float: right; display:inline; clear: right;}

#content ul, #content ol {margin: 10px 0;}
#content li {line-height: 130%;}
#content ul li {padding-left: 20px; background: url("../images/layout/ul-list.png") 10px 0.4em no-repeat;}
#content ol {padding-left: 20px; list-style: decimal;}
#content ol li {padding-left: 5px; background-image: none;}


#footer {background: url("../images/layout/wrapper.png") repeat-y; width: 920px; margin: 10px auto; padding: 0; }
#footer a img {border: 0; padding: 0 3px; vertical-align: middle;}
#footer #top {background:  url("../images/layout/top.png") no-repeat top; width: 920px; height: 10px; margin:0; padding: 0; clear: both;}
#footer #bottom2 {background:  url("../images/layout/bottom.png") no-repeat bottom; width: 920px; height: 10px; margin:0; padding: 0; clear: both;}
/* -- Flash -- */
#flash {border: 1px solid #A6A6A8; height: 156px; margin: 0 0 15px 0; padding: 1px;}

/* -- Menu -- */
#menu {display: block; margin: 0 10px; padding:0; width: 900px; height: 22px; border-bottom: 2px solid #999;}
#menu ul {position: absolute; display: block; margin:0; padding:0; }
#menu li {text-align: center; list-style: none; height: auto; display: inline; display/**/:block; float: none; float/**/:left; margin:0; padding: 0; background: none;}
#menu a{display: block; color: #A6A6A8; text-decoration: none; font-weight: bold; padding: 4px 14px 1px 14px;}
#menu .bar {border-right: 1px solid #A6A6A8;}
#menu .active {color: #0060A9;}
#menu a:hover {color: #0060A9;}
#menu a:focus{background: #fff;}

/* -- Side menu -- */
/* -- First Level -- */
#sidemenu, #sidemenu ul {margin-bottom: 15px; padding: 0; list-style: none; width: 270px;  text-indent: 0;}
#sidemenu li {margin: 0; padding-bottom: 1px; background: url("../images/layout/education_spliter.png") repeat-x left bottom;}
#sidemenu .menuItem { display: block; text-decoration: none; /* IE6 Bug */ padding: 3px 15px; color: #0060A9; font-weight: bold; font-size: 110%; cursor: pointer;}
#sidemenu li a:hover {color: #666; cursor: pointer;}
/* -- Second Level -- */
#sidemenu li ul {list-style: none; margin: 0; padding: 0;}
#sidemenu .submenu {margin: 0; padding: 0 20px; list-style: none; width: 230px; background: url("../images/layout/education_spliter.png") repeat-x left top;}
#sidemenu .submenu li {font-weight: normal; padding-bottom: 1px;  background: url("../images/layout/education_spliter2.png") repeat-x left bottom;}
#sidemenu .submenu li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 2px 0 0 10px; margin: 0;  font-size: 95%; color: #333; background: url("../images/layout/ul-list.png") 0 .7em no-repeat;}
#sidemenu .submenu li .active {font-weight: bold;}
#sidemenu .submenu li a:hover {text-decoration: underline;}
/* Fix IE. Hide from IE Mac \*/
* html #sidemenu li { float: left; height: 1%; }
* html #sidemenu li a { height: 1%; }
* html #sidemenu .submenu li { float: left; height: 1%; }
* html #sidemenu .submenu li a { height: 1%; }
/* End */
li:hover #sidemenu, li.over #sidemenu { display: block; } /* The magic */



/* Headlines & News */
.headline {margin-bottom: 10px; padding: 0; background: url("../images/layout/bar-big3.png") no-repeat; height: 27px; display: block;}
.small {margin-bottom: 10px; padding: 0; background: url("../images/layout/bar-small3.png") no-repeat; height: 27px; display: block; }
.headline h4, .small h4 {color: #fff; margin: 0; padding: 5px 15px; font-size: 110%;}
.headline p.pdf {float: right; margin: 3px 5px; padding: 0; vertical-align: middle;}
.headline p.pdf  a{color: #fff; vertical-align: top; font-size: 110%; font-weight: bold;}
.headline p.pdf  a:hover{text-decoration: none;}
.headline img {border: 0;}

#newsContainer {margin: 0; padding: 0; width: 570px;}
#newsContainer table {margin: 0; width: 100%; border-collapse: collapse;}
#newsContainer tr{margin: 0; padding: 0;}
#newsContainer td {padding: 10px 0; vertical-align: top; background:  url("../images/layout/education_spliter.png") repeat-x left bottom;}
#newsContainer img {margin-right: 15px;  }
#newsContainer h5{padding: 0; margin: 0; font-size: 130%;}
#newsContainer h5 a, #newsContainer h5 a:hover{text-decoration: none; color: #333;}
#newsContainer p.date {color: #999; font-size: 90%; margin: 2px 0; padding: 0;}
#newsContainer a.right {font-weight: bold; margin: 0 0 0 270px; clear: both;} 

#hired {width: 273px; height: 158px; margin: 0 0 15px 0; padding: 0; border: 1px solid #A6A6A8; background:  url("../images/global.jpg") no-repeat;}
#hired p, #hired a {font-size: 120%;}
#hired p {color: #fff; padding: 40px 0 40px 20px; width: 160px; font-weight: bold;}
#hired a {font-weight: bold; color: #0060A9; font-style: italic; margin: 20px 0 0 165px}

#info {clear: left; border: 1px solid #A6A6A8; margin: 0; padding: 2px 10px;}

.news {margin: 5px 0; padding: 0 0 5px 0; background:  url("../images/layout/education_spliter.png") repeat-x left bottom; }
.news h5{padding: 0; margin: 0; font-size: 110%;}
.news h5 a, .news h5 a:hover{text-decoration: none; color: #333;}
.news p.date {color: #999; font-size: 80%; margin: 1px 0; padding: 0;}
.news a.right {font-weight: bold; margin: 0 0 0 200px;}

.tpContainer {width: 280px; height: 105px; margin-bottom: 10px; padding: 0;  float: left; display: inline; }
.tpContainer h5 a {color: #0060A9; padding: 0; margin: 0; font-size: 90%; font-weight: bold; }
.tpContainer p a{padding: 0; margin: 0; line-height: 130%; color: #333;}
.tpContainer a img {float: left; margin-right: 10px; border: 1px solid #A6A6A8; padding: 1px;}
.tpContainer p.courseStart{color: #0060A9; margin: 0; font-size: 90%;}
.tpContainer a:hover {text-decoration: none;}

.card {width: 275px; height: 90px; border: 1px solid #A6A6A8; padding: 1px; margin: 15px 0; float: left;}
.card h4 {color: #0060A9; padding: 2px 5px;}
.card h5 {padding: 2px 5px;}
.card p {font-size: 95%; padding: 0 5px;}
.card ul {margin: 0 10px}
.card img {float: right; border: 0; vertical-align: bottom; padding: 0; margin: 0;}

.popular {float: left; width: 135px; height: 150px; margin: 0; padding: 0;}
.middle {margin-left: 10px;}
.popular a {display:block; color: #333; font-weight: bold; font-size: 110%; color: #0060A9;}

/* -- MENU -- */
/* tabs */
.tabs {text-align:center; margin:0; font: bold 12px Arial, Verdana; color: #fff; padding-left:25px; background:url('../images/menu/tab-bg.jpg')/*1x1px*/ repeat-x bottom; height:22px; }

.tab_l {background:url("../images/menu/tab-off-l.png") no-repeat top; width:15px; height:22px; float:left; display:inline;}
.tab_l.off_l_end {background:url("../images/menu/tab-off-l-end.png") no-repeat top; width:15px; height:22px; float:left; display:inline;}
.tab_l.on_l {background:url("../images/menu/tab-on-l.png") no-repeat top; width:15px; height:22px; float:left; display:inline;}
.tab_l.on_l_end {background:url("../images/menu/tab-on-l-end.png") no-repeat top; width:15px; height:22px; float:left; display:inline;}

.tab_r {background: url("../images/menu/tab-off2.png") no-repeat top right; width:auto; float:left; display:inline; padding:3px 15px 0 2px; height:19px; *padding-bottom:2px; *height:17px;}
.tab_r.off_r_end {background: url("../images/menu/tab-off-end.png") no-repeat top right; width:auto; float:left; display:inline; padding:3px 15px 0 2px; height:19px; *padding-bottom:2px; *height:17px;}
.tab_r.on_r {background: url("../images/menu/tab-on.png") no-repeat top right; width:auto; padding:3px 15px 0 2px; height:19px; *padding-bottom:2px; *height:17px;}
.tab_r.on_r_end {background: url("../images/menu/tab-on-end.png") no-repeat top right; width:auto; padding:3px 15px 0 2px; height:19px; *padding-bottom:2px; *height:17px;}
.tab_r a {color: #fff; text-decoration: none; text-shadow: #333 0px 1px 0px;}
.tab_r a:hover {color:#0060A9; text-decoration: none; }