/*För menyhanteringen har jag haft stor hjälp av nedanstående källa /Johan */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */




a img {
  border: none;
}


body {
  position:relative;
  min-width:20em;
  max-width:60em;
  margin: 0 auto;
  padding:0;
  background-color:#fff;
  color:#003;
}


#box1 {
  float: left;
  height: 90px;
  width: 350px;
  padding: 1px;
  margin: 0 0 0 0px;
  padding-right:170px;
  background-image:url("../bilder/bestextg2.png");
  background-repeat: no-repeat;
  background-position: 10px 25px;
}

#box2 {
  float: left;
  height: 40px;
  width: 550px;
  padding: 1px;
  margin: 0 0 0 0px;
  background-image:url("../bilder/etw.png");
  background-repeat: no-repeat;
  background-position: 0px -30px;            
}

.center  {
  text-align: center;
}



em {
  font-style:normal;
  font-weight:bolder;
}

h1 {
  margin-bottom:0.5em;
  font-size:150%;
  line-height: 1.7em;
}

h2 {
  font-size:120%;
  line-height: 1.4em;
}


p , pre {
  margin-top:0;
  margin-bottom:1.5em;
  font-size: 1em;
  line-height: 1.7em;
}

pre  {
  font:100%/1.5 Verdana,Helvetica,Arial,sans-serif;
}

html {
  background-color:#003;
  color:#fff;
  font:81.25%/1.5 Verdana,Helvetica,Arial,sans-serif;
}


dl.services dd {
  margin-left:8em;
}

dl.services dt {
  float:left;
  clear:left;
  width:8em;
  font-weight:bold;
}

#header {
  height:130px;
  padding-bottom:1em;
  background:#006 url("../bilder/header-bg.png") repeat-x 0 0;
  color:#fff;
  margin: 0;
}

#header a img {
  color:#fff;
}

#header #logo {
  float:left;
  margin:0 0 0 0;
  padding-right:170px;
  background-image:url("../bilder/besskugga.png");
  background-repeat: no-repeat;
  background-position: 40px 30px;
  width: 48px;
}

#header form {
  position:absolute;
  top:1em;
  right:1em;
  width:12em;
  margin:0;
  padding:0;
  visibility:hidden;
}

#header input[type="submit"] {
  width:3em;
  background-color:#009;
  color:#fff;
  border:1px solid #006;
}

#header input[type="text"] {
  width:8em;
  border:1px solid #006;
}

#header label {
  position:absolute;
  left:-999em;
}


#wrapper {
  display:table;
  position: relative;
  top: 12px;
  width:auto;
  margin:0;
  padding:0;
  border-collapse:collapse;
  table-layout:fixed;
}

#content {
  display:table-cell;
  vertical-align:top;
  padding:1em;
  background:#fff url("../bilder/sidebar-corner.png") no-repeat right top;
  color:#003;
}

#content a {
  color: #009;
  list-style-type:none;
  text-decoration: underline;
}


#content a:hover {
  color: #009;
  text-decoration: none;
}

#content a:visited {
  list-style-type:none;
  text-decoration: underline;
}



#sidebar {
  display:table-cell;
  vertical-align: top;
  width:10em;
  padding:2em 0.5em 0 3em;
  background:#009 url("../bilder/sidebar-bg.png") repeat-x 0 0;
  color:#fff;
  text-align: left;
  line-height: 1.7em;
}

#sidebar a:link {
  color:#ff0;
}

#sidebar a:visited {
  color:#ff9;
}

#sidebar a:focus {
  color:#fc5;
}

#sidebar a:hover, #sidebar a:active {
  color:#fc5;
  text-decoration:none;
}

#sidebar em {
  color:#ff0;
}

#sidebar h2 {
  margin:0 0 0.5em 0;
  font-size:120%;
  line-height:1.7em;
  padding-top:1.0em;
}

#stadgartext  {
  margin:2em 0.5em;
}

dl.stadgar dt.stadgarrubrik,
dl.stadgar dd.stadgarrubrik  {
  font-size: 130%;
  font-weight: bold; 
}

dl.stadgar dt.stadgarrubrik   {
  margin-left: 1.1em; 
}

dl.stadgar dd.stadgarrubrik   {
  margin-left: 2.5em;
}


dl.stadgar dd  {
  margin-right: 3.0em;
}

dl.stadgar dd pre.sist  {
  margin-left:1.7em;
}

dl.stadgar dd.stdgtext  {
  margin-left:4.8em;
  margin-right:2.5em;
}

dl.stadgar dd p.sist, #ovriga p.sist,
dl.stadgar dd.sist  {
  padding-bottom: 1.5em;
}

dl.stadgar dt  {
  float: left;
  margin-left: 1.5em;
  width: 2.5em;
  font-weight: bold;
}




/*#stadgartext  {
  display: table-cell;
  vertical-align: top;
  padding: 0em;
  
}

#stadgartext h1 {
  margin: 0 0 0 1em;
}


#stadgartext h2 {
  margin: 0 0 0 1em;
}

#stadgartext p, #stadgartext pre {
  margin: 0 0 0 1.2em;
}*/

#styrelsetext  {
  padding:1em 4.8em 1em 5em;
  margin: 0 4em 0 4em;
}

#styrelsetext p  {
  line-height: 1.0em;
  margin-left:-2.4em;
  margin-bottom:0em;
}



#styrelsetext li  {
  list-style-type: none;
}

#styrelsetext  h1, #styrelsetext h2 {
  margin: 1em 0 0.5em -2em;
  line-height: 1.0em;
}

#blimedlemtext  {
  padding:3em 3em 3em 4em;
}

#blimedlemtext h1.center  {
  margin-bottom:3em;
  margin-top:3em;
}

#kurs1, #kurs2, #kurs3  {
  border:1pt solid #009;
  margin:3em;
}

#kurs1 h1, #kurs2 h1, #kurs3 h1 {
  margin-bottom:2em;
  padding:1em 0 1em 3em;
  border-bottom:1pt solid #009;
  color: #009;
}

#kurs1 p, #kurs2 p, #kurs3 p  {
  padding-left: 5em;
}

#resestipendiumtext  {
  padding:1em 1em 0em 1.5em;
}

#ovriga h1.center  {
  margin:3em 0em; 
}

#ovriga p  {
  margin:0 2em 1em 3em;
}

#konf table, #lank table  {
  border-collapse:collapse;
  margin:1em 1.35em;
}

#kurstabell table  {
  border-collapse:collapse;
  margin: 2em 0 3em 4em;
}

#konf table td, #konf table th,  
#lank table td, #lank table th,  
#kurstabell table td,
#kurstabell table th {
  padding:0.25em;
  border:1px solid #99c;
  text-align:left;
  vertical-align:top;
}

#konf tbody th, #lank tbody th,
#kurstabell tbody th  {
  font-weight:normal;
}

#konf thead th, #lank thead th,
#kurstabell thead th  {
  background-color:#009;
  color:#fff;
  font-weight:bold;
  text-align:center;
}

#obs  {
  color: #ff0000;
  margin: 0 0 0 3em;
  font-size: 150%;
}

/* remove the bullets, padding and margins from the lists */
.menu ul  {
  list-style-type:none;
  padding:0;
  margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li  {
  float:left;
  position:relative; 
  z-index:100;
  margin:0;
  background:#006 url("../bilder/inactive-tab-left.png") no-repeat 0 0;
  width: 195px;
}

.menu {
  background-color:#006;
  position: absolute;
  top: 130px;
}


/* use the table to position the dropdown list */
.menu table {
  position:absolute;
  border-collapse:collapse;
  z-index:80;
  left:-1px;
  top:15px;
}

/* style all the links */
.menu a, .menu :visited {
  display:block;
  font-size:12px;
  width:195px;
  padding:8px 0;
  color:#fff;
  background-color: transparent;
  background:url("../bilder/inactive-tab-right.png") no-repeat 100% 0; 
  text-decoration:none;
  margin-right:0px;
  text-align:center;
  font-family:verdana, sans-serif;
}

/* style the links hover */
#link3 :hover , #link4 :hover,
#nav li ul a:hover {
  color:#ff0;
  text-decoration:underline;
}

#nav-active  {
  background: url("../bilder/active-tab-left.png") no-repeat 0 0;
  display:block;
  font-size:12px;
  width:195px;
  color:#fff;
  background-color: transparent;
  text-decoration:none;
  margin-right:0px;
  text-align:center;
  font-family:verdana, sans-serif;
}

#nav li strong  {
  display: block;
  width:195px;
  padding:8px 0;
  background: url("../bilder/active-tab-right.png") no-repeat 100% 0;
}

#nlink1 :hover,
#nlink2 :hover  {
  color:#fff;
}

/* hide the sub level links */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  width:149px;
  height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
  visibility:visible;
}

.floatleft {
  float: left;
  margin: 10px 10px 10px 0;
  width: 241px;
}

#stiphead {
  text-align: center;
  margin: 1em 0 1em 0;
}

#stip {
  font-size: 0.8em;
}

#footer {
  position: relative;
  bottom: -1px;
  padding:0 0.5em;
  background-color:#006;
  color:#fff;
  border-top:1px solid #999;
  font-size:smaller;
  line-height: 2.5em;
  height:31px;
}

#footer #cright  {
  text-align: right;
  margin-top: 0.7em;
}

#footer #namn  {
  float: left;
  margin-top: 0.7em;
  width: 50px;
}

#footer #validhtml  {
  float:left;
  margin-left:1.8em;
  width:88px;
  height:31px;  
}

#footer #validcss  {
  float:left;
  margin-left:2.5em;
  width:88px;
  height:31px;  
}

#footer #testresultat  {
  float: left;
  margin-left: 2.8em;
  margin-top: 0.7em;
}

#indexlista {
  margin-left: 0;
  padding: 1em;
  margin-bottom:1.5em;
  font-size: 1.0em;
  line-height: 1.5em;
  list-style-type: disc;
}