

/* Grundinställningar typsnitt, storlekar m.m. för "opåverkad text" m.m. */
html, body  { margin: 0; padding: 0; }
body {
  font-size: 70%;
  line-height: 1.4;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  }
h1 {font-size: 1.3em; font-weight: bold; margin:0; padding: 0; color: #808080; }
h2 {font-size: 1.1em; font-weight: bold; margin:0; padding: 0; color: #808080; }
h3 {font-size: 1em; font-weight: bold; margin:0; padding: 0; color: #808080; }
h4 {font-size: 1em; font-weight: bold; margin:0; padding: 0; color: #666666; }
h5 {font-size: 1em; font-weight: bold; margin:0; padding: 0; color: #666666; }
h6 {font-size: 1em; font-weight: bold; margin:0; padding: 0; color: #666666; }
p  {font-size: 1em; font-weight: normal; margin:0; padding: 0 0 1em 0; color: #666666}
ul, ol {margin: 0 0 1em 0; padding: 0 0 0 1.5em;}
li {margin: 0 0 0 1.5em; padding: 0;}
form { margin: 0; padding: 0;}
a { text-decoration: none; font-weight: bold; color:navy; background-color: inherit; }
a:hover { text-decoration: underline; }
a img {border: none;}

tr, td, th {
  vertical-align: top;
}


/* ***************** Layout ***************** */

body { 
  color: #666666;
  background-color: #fff;
}

#skuggeffekt {
  width: 1000px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px auto 0 auto;
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/kantskugga_mellan.jpg');
  background-position: 50% 50%;
  background-repeat: repeat-y;
}

#toppskugga {
  width: 1000px;
  height: 20px;
  line-height: 10px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px auto 0 auto;
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/kantskugga_topp.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
}

#bottenskugga {
  width: 1000px;
  height: 20px;
  line-height: 10px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px auto 0 auto;
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/kantskugga_botten.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
}

#container {
  width: 933px;
  margin: 0px 35px 10px 32px;
  color: #666666; 
}

#innehallet {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #666666;
}

#CS_Newslist, #CSSearch_ {
  font-size: 1em;
}


#ingressen {
  font-size: 1em;
  font-weight: bold;
  margin-top: 1.2em;
  padding: 0 0 1em 0;
  color: #808080;
}

/* ***************** Sidhuvudet ********************* */

#sidhuvud {
}

#logotyp {
  padding-top: 6px;
  padding-bottom: 0px;
  text-align: left;
}

#sidtoppsmeny {
/* definieras i avsnittet "menyer" nedan */
}

#fargband {
clear: both;
padding-top: 6px;
}

#huvudmeny {
width: 933px;
padding-top: 4px;
background-color: #eeeeee;
clear: both;
overflow: auto;
/* definieras i avsnittet "menyer" nedan */
}

#banner {
clear: both;
height: 115px;
margin-bottom: 14px;
}

#Searchform {
 display: block;
 float: right;
 padding: 4px 8px 8px 0px;
}




/* ************** (Vänster)menyspalt och huvudspalt ************* */
/* (högerspalt, se nedan) */

/* Alla varianter */
#innehallscontainer,
#innehallscontainerutanmeny,
#innehallscontainerutansidspalt2,
#innehallscontainerutanmenyochsidspalt2  {
  clear: both;
  float: left;
  min-height: 300px;
  margin-bottom: 20px;
}

/* menyspalt+huvudspalt, med högerspalt */
#innehallscontainer,
#innehallscontainerutanmeny  {
  width: 695px;
}

/* menyspalt+huvudspalt, utan högerspalt */
#innehallscontainerutansidspalt2,
#innehallscontainerutanmenyochsidspalt2 {
  width: 905px;
}

/* menyspalt */
#innehallscontainer #sidspalt1,
#innehallscontainerutansidspalt2 #sidspalt1 {
  clear: left;
  width: 155px; /* indrag görs i menyn nedan */
  margin-bottom: 10px;
  float: left;
}

/* utan menyspalt */
#innehallscontainerutanmeny #sidspalt1,
#innehallscontainerutanmenyochsidspalt2 #sidspalt1 {
  display: none;
}

/* huvudspalt, med menyspalt och högerspalt */
#innehallscontainer #huvudspalt{
  float: left;
  padding-left: 25px;
  width: 480px;
}

/* huvudspalt, med menyspalt men utan högerspalt */
#innehallscontainerutansidspalt2 #huvudspalt {
  float: left;
  padding-left: 25px;
  width: 670px;
}

/* huvudspalt, utan meny med eller utan högerspalt */
#innehallscontainerutanmeny #huvudspalt,
#innehallscontainerutanmenyochsidspalt2 #huvudspalt {
  padding-left: 15px;
  /* Behöver inga inställningar */
}

/* högerspalt */
#sidspalt2 {
  float: right;
  width: 220px;
  margin-bottom: 15px;  
}

.spacer, 
#sidfot {
clear: both;
}

/* ***************** Menyer ************************** */

#sidtoppsmeny {
  float: right;
  padding-bottom: 4px;
  padding-right: 10px;
}

#sidtoppsmeny ul,
#sidtoppsmeny li, 
#huvudmeny ul, 
#huvudmeny li 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#sidtoppsmeny ul {
  display: block;
  padding: 0 0 0 0;
  float: right;
  background-color: #fff;
  color: #666666;
}

#sidtoppsmeny li {
  float: left;
  margin-top: .11em;
  margin-bottom: .3em;
  margin-left: 25px;
}

#sidtoppsmeny a {
  background-color: #fff;
  color: #666666;
  font-weight: normal;
  font-size: 1em;
}

/* Huvudmeny är menyn med huvdavdelingarna */
#huvudmeny ul {
  display: block;
  padding-left: 20px;
}

#huvudmeny li {
  display: block;
  float: left;
  padding: 6px 22px 8px 0;
}

#huvudmeny a {
  color: #666666;
  font-weight: normal; 
  font-size: 1em;
}

/* ----------- Dölj alla undermenyer i huvudmenyn ----------- */
#huvudmeny ul li ul {
  display: none;
}

/* ----------- Markera menyval för aktuell del av sajten ----------- */
#huvudmeny .SelectedItem a, #huvudmeny .SelectedParent a {
  color: navy
}

#huvudmeny a:hover,
#sidtoppsmeny a:hover { color: #333; }




/* ********************* Sidfoten ***************************** */
#sidfot {
  clear: both;
  color: #666666;
  border-top: 1px solid #666666;
  text-align: center;
  line-height: 2em;
  padding-top: 10px;
}

#sidfot a {
  font-weight: normal;
  color: #666666;
}


/* ********************* Design ***************************** */

/* Huvudspalten */

#huvudspalt h1 {
  margin-bottom: 0.2em;
}

#huvudspalt h2 {
  margin-top: 1.3em;
  margin-bottom: 0.5em;
}

#huvudspalt ul, #huvudspalt ol {
  margin: 0 0 0 1.5em;
  padding: 0 0 0 0;
}

#huvudspalt li {
  margin: 0 0 0.3em 0.6em;
  padding: 0 0 0 0;
}




/* **** De tre puffarna i huvudspalten **** */

.vansterpuff, .hogerpuff, .nedrepuff {
  padding-bottom: 15px;
}

#puffarea {
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/pix_dot.gif');
  background-repeat: repeat-y;
  background-position: 50% 50%;
}

.punktstreck {
  clear: both;
  font-size: 1px; 
  height: 2px; 
  line-height: 1px;
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/pix_dot.gif');
  background-repeat: repeat-x;
}

#innehallscontainer .vansterpuff {
  float: left; 
  width: 210px;
}

#innehallscontainer .hogerpuff {
  float: right; 
  width: 215px;
}

#innehallscontainer .nedrepuff {
  width: 470px;
  clear: both;
}

#innehallscontainerutanmeny .vansterpuff {
  float: left; 
  width: 315px;
}

#innehallscontainerutanmeny .hogerpuff {
  float: right; 
  width: 320px;
}

#innehallscontainerutanmeny .nedrepuff {
  width: 680px;
  clear: both;
}


/* Sidspalt1 */

#sidspalt1 ul, 
#sidspalt1 li, 
#sidspalt1 a,
.Leftmenu1,
.Leftmenu1 li,
.Leftmenu2,
.Leftmenu2 li,
.Leftmenu3,
.Leftmenu3 li,
.Leftmenu4,
.Leftmenu4 li
{
  padding:0;margin:0;
  color: #666666; 
  background-image: none;
}


#sidspalt1 {
  font-size: 1em;
  line-height: 1.1em;
}

#sidspalt1 .aktuellsida {
  padding-left: 20px;
}

/* nivå 1 */
#sidspalt1 ul.Leftmenu1 { 
  border-bottom: 1px solid silver;
  padding-bottom: 6px;
 
}

#sidspalt1 ul.Leftmenu1 li { 
  margin: 10px 0 0 0;
  padding: 10px 0 0 16px;
  border-top: 1px solid silver;
  line-height: 120%;
}

#sidspalt1 ul.Leftmenu1 li.LeftmenuNotSelected a { 
  font-weight: normal;
}

#sidspalt1 ul.Leftmenu1 li.LeftmenuSelectedItem a { 
  font-weight: normal;
  color: navy;
}

/* nivå 2 */

#sidspalt1 ul.Leftmenu2 li { 
  margin: 0;
  padding: 10px 0 0 9px;
  border: none;
  
}

#sidspalt1 ul.Leftmenu2 li.LeftmenuNotSelected a { 
  font-weight: normal;
  color: #666666; 
}

#sidspalt1 ul.Leftmenu2 li.LeftmenuSelectedItem a { 
  font-weight: normal;
  color: navy;
}



/* ----- Dölj menyalternativ i vänstermenyn ----- */

#sidspalt1 ul {
  list-style-type: none;
}

#sidspalt1 ul.Leftmenu1 li.LeftmenuNotSelected ul {
  display: none;
}


/* ----- Små pilar i vänstermenyn ----- */

#sidspalt1 a {
  font-weight: normal;
}

#sidspalt1 ul.Leftmenu1 li[class='LeftmenuNotSelected LeftmenuHasChildren'] {
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/pil79.jpg');
  background-repeat: no-repeat;
  background-position: 4px 13px;
}

#sidspalt1 ul.Leftmenu1 li[class='LeftmenuSelectedItem LeftmenuHasChildren'],
#sidspalt1 ul.Leftmenu1 li[class='LeftmenuSelectedParent LeftmenuHasChildren'] {
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/pilner97.jpg');
  background-repeat: no-repeat;
  background-position: 3px 15px;
}




/* Sidspalt 2 */

#sidspalt2 h2 {
  color: #808080;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-right: 20px;
}

#sidspalt2 .nyhetspuff {
  margin-left: 10px;
}

#sidspalt2 .nyhetspuff  h3 {
  font-size: 1.0em;
  line-height: 1.4em;
  padding-top: 7px;
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/arrow_blue.gif');
  background-position: 0 .9em;
  background-repeat: no-repeat;
}

#sidspalt2 .nyhetspuff div {
  padding-left: 20px;
  padding-right: 20px;
}

#sidspalt2 .punktstreck {
  font-size: .1em; 
  height: 1px; 
  padding-bottom: 12px;
  margin-top: 15px;
  margin-left: 10px;
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/pix_dot.gif');
  background-repeat: repeat-x;
}

#sidspalt2 .nyhetspuff a {
  font-size: 1.0em;
  line-height: 1.4em;
  font-weight: normal;
}

#sidspalt2 .puff {
  margin-top: 1.1em;
  margin-bottom: 1.3em;
  margin-right: 10px;
}

#sidspalt2 .puffkant {
  height: 2px; 
  margin-right: 10px;
  background-image: url('Admin/Delade%20Resurser/Bilder/Designbilder/pix_dot.gif');
}


/* ********* Kursbeskrivningar och -listor ********* */

.kurstidplats {
  margin-top: 0.2em;
}

.U_Kurstid {
}

.U_Plats {
}

.U_Information {
  font-weight: bold;
  color: #ff8080;
}

.notvalidlink {
  color: #999999;
}


/* ------------ Brödsmulor ------------ */
#breadcrumbs {
  font-size: 0.9em;
  color: #999999;
  margin-bottom: 1em;
/*  border-width: 1px 1px 1px 1px;
  border-color: #cccccc;
  border-style: dotted; */
}

#breadcrumbs a {
  font-weight: normal;
  color: #999999;
}

#breadcrumbsprefixprint {
  display: none;
}


/* ****************** Specialare ********************** */
.konsultprofil {
  padding-bottom: 1em;
  color: #666666; 
  width: 130px;
}

.konsultprofil .namn {
  font-weight: bold;
}


.konsultgalleri b {
 color: #666666;
 }
 
 
/* ------- Web map A-Z ------- */

ul.CS_DefaultWebMap_Index {
  list-style-type: none;
}

ul.CS_DefaultWebMap_Index li {
  float: left;
}

.CS_DefaultWebMap_SkipLink {
}

.CS_DefaultWebMap_ContentLists {
  clear: both;
  margin-left: 15px;
  padding-top: 20px;
}

/* ------- Webb tree ------- */

#webTree {
  margin-left: 40px;
}

#webTree > ul > li {
  margin-top: 15px;
}

#webTree ul li a {
  font-size: 1.2em;
}

#webTree ul li ul li a {
  font-size: 1.0em;
}

#webTree ul ul {
  list-style-type: none;
}

#webTree ul li ul li ul li a {
  font-weight : normal;
}


/* ---------- Dölj allt utom logotyp och huvudspalt vid utskrift ---------- */
 
@media print {
 
  #skuggeffekt, 
  #container, 
  #innehallscontainer, #innehallscontainerutanmeny,
  #innehallscontainer #huvudspalt, #innehallscontainerutanmeny #huvudspalt {
    width: 590px;
    margin-top:  0; margin-right:  0; margin-bottom:  0; margin-left:  0;
    padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;
    font-family: times new roman, serif;
    font-size: 11pt;
    background-image: none;
  }

  #huvudspalt table tr td {
    font-family: verdana,arial,helvetica, sans-serif;
    font-size: 9pt;
  }

  #toppskugga,
  #sidtoppsmeny, #fargband, #huvudmeny, #banner,
  #sidspalt1, #sidspalt2, 
  #sidfot,
  #bottenskugga
  {
    display: none;
  }

  #logotyp {
    margin-bottom: 3em;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  #breadcrumbs {
    border: none;
    font-family: Verdana,Arial,Helvetica, sans-serif;
    font-size: 8pt;
    margin-bottom: 2.5em;
  }

  #breadcrumbsprefixscreen {
    display: none;
  }

  #breadcrumbsprefixprint {
    display: inline;
  }
}