@charset "iso-8859-1";

/*-------------  F O R M A T . C S S ---------------*/ 

/* Color Glossary
   ==============
   #ffffff /* mainTextColor*/;
   #ffc    /* Yellow Highlight*/;
   
   #1678b7 /* Bold Blue*/;
   #336699 /* blue*/;
   #99ccff /* lighter blue*/;
   #e5f6ff /* Light Blue Background*/;
   #6699FF /* blue link */;
   #000066 /* Dark Blue (headings, links) */;
   #CCCCFF /* Light blue (top navigation) */;
   #333399 /* Mid Blue (header) */;
   
   #393    /* Bold Green*/;
   #e3ffdc /* Light Green Background*/;
   #009900 /* green rollover */;
   
   #f60    /* Bold Orange */;
   #333333 /* Dark grey (text) */;
   #666666 /* Mid grey */;
*/


	abbr { 
		border-bottom-width: 1px; 
		border-bottom-style: dotted; 
		cursor: help:
	}

/*##### standard datatabell, start #####*/
    /* Kantlinje runt hela tabellen: */
    .datatable {
        /*
	    margin-top: 10px;
	    margin-left: 10px;
        border: 1px solid #338BA6;
        */
	    background-color: #ffffcc;
		border-collapse: collapse;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        position: relative;
		top: -4px;
		left: -4px;
		
	}
	
    /* Kantlinje runt dataceller och rubrikceller: */
	.datatable td, .datatable th {
        border: 1px solid #73C0D4;
    }

	/* Datacell: */
    .datatable td {
        border: 1px solid #D6DDE6;
        text-align: right;
        padding: 4px;
    }
	
	/* Rubrikcell: */
    .datatable th {
	    color: black;
	    background: #FFFF99;
		text-align: left;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
        padding: 4px;
		
    }
	
	/* Tabellrubrik: */
    .datatable caption {
	    margin: 0;
		padding: 8px 20px;
		font-weight: bold;
		font-size: 150%;
		background: silver;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
		font-family: "Copperplate Gothic Bold", serif;
		color: #339966;		
    }

	/* Zebratabell: */
	.datatable tr.altrow {
        background-color: #DFE7F2;
        color: #000000;
    }	
	
	/* Hover-effekt på rad: */
	.datatable tr:hover {
        background-color: #DFE7F2;
        color: #000000;
		border: 2px solid red;
    }	
	
	/* Hover-effekt på rad med hjälp av JavaScript: */
	.datatable tr.hilite {
        background-color: #DFE7F2;
        background-color: red;
	    background-color: #ffffcc;
	    background: #FFFF99;
		
        color: #000000;
		border: 2px solid red;
    }	
/*##### standard datatabell, slut #####*/

/*##### tradgardsvisningar, start #####*/
    #tradgardsvisningar {
	    margin: 1em;
	}
    #tradgardsvisningar #ingress {
		font-weight: bold;
	}
/*##### tradgardsvisningar, slut #####*/

/*##### left, start #####*/
/*
	div#navMain {
		width: 165px;
        list-style-type: none;
	}
	
	div#navMain .rubrik {
		font-size: 120%;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	div#navMain div#logga {
	}

	div#navMain a {
		font-size: 100%;
		padding-top: 0px;
		display: block;
		margin-left: 1em;
		margin-top: 0em;
	}
	
	#navMain a:link { text-decoration: none;       color: green;}
    #navMain a:visited { text-decoration: none;    color: green;}
    #navMain a:active { text-decoration: none;     color: green;}
    #navMain a:hover { text-decoration: underline; color: green;}
*/
/*##### left, slut #####*/

/*##### kommande_aktiviteter, start #####*/
	body#kommande-aktiviteter {
	}  
	
	body#kommande-aktiviteter .datum {
      color: black;
	  font-style: italic;
	  font-size: 110%;
	  padding-right: 1em;
	  background: #FFFF99;
      border-bottom: 1px dotted red;
	}  
	#kommande-aktiviteter .markerad-text {
	          font-size: 150%;
			  font-weight: bold;
			  color: red;
			  background-color: transparent;
			  text-align: left;
			  border: 3px solid red;
			  padding: .7em;
			  display: block;
	}
  #kommande-aktiviteter .meetings-beskr {
    margin-left: 2em;
	clear: left;
  }	
  #kommande-aktiviteter .meetings-beskr h4{
    font-size: 120%;
    font-weight: bold;
	color: green;
	background: transparent;
    margin-bottom: 0em;
    padding-bottom: 0em;
  }	
  #kommande-aktiviteter .meetings-beskr p{
    margin-top: 0em;
  }	

  #kommande-aktiviteter .velkommen {
          font-size: 120%;
		  font-weight: bold;
		  color: green;
		  background: transparent;
		  font-style: italic;
}
/*##### kommande_aktiviteter, slut #####*/
                
			  
/*##### Miniatyrer_birck, start #####*/
  body#miniatyrer_birck {
      background-color: #FFFFFF; 
      color: #FFFFFF; 
	  margin: 0;
	  padding: 0;
  }
  #miniatyrer_birck #content{
      background-color: yellow;
	  margin-left: 1em;
	  margin-right:1em;
  }
  #miniatyrer_birck h1{
      font-size: 130%;
	  color: blue;
	  margin-top: 1em;
	  margin-bottom: 0;
  }
  #miniatyrer_birck #miniatyrlista {
      list-style-type: none;
	  margin-left: 0;
      /*background-color: blue;
	  border: 1px solid green;*/
  }
  #miniatyrer_birck #miniatyrlista li{
      float: left;
	  text-align: center;
	  margin-right: 1em;
  }
  #miniatyrer_birck #vextnamn{
      font-size: 100%;
	  font-weight: bold;
      color: green;
  }
  #miniatyrer_birck img{
      border: 1px solid black;
	  display: block;
	  margin-bottom: .5em;
  }
  #miniatyrer_birck #fotograf{
      font-size: 90%;
  }
/*##### Miniatyrer_birck, slut #####*/

/*##### Bildspelsfoto, start #####*/
  #bildspelsfoto {
	  margin-left: 5em;
  }
  #bildspelsfoto h1{
      font-size: 110%;
	  margin-top: 1em;
	  margin-bottom: 0;
  }
  #bildspelsfoto #vextnamn{
      font-size: 150%;
      color: green;
	  clear: left;
  }
  #bildspelsfoto #content{
	  text-align: center;
  }
  #bildspelsfoto img{
      border: 1px solid black;
	  display: block;
	  margin-bottom: .5em;
  }
  #bildspelsfoto #fotograf{
      font-size: 90%;
  }
  #bildspelsfoto hr{
      border: none;
      /*background-color: #ADD8E6;
      color: #ADD8E6;*/
      background-color: green;
      color: green;
	  height: 3px;
	  width: 100%;
	  margin-bottom: 1em;
	  
  }
  #bildspelsfoto #lenkar{
      /*background-color: #ffffcc;*/
	  display: inline;
	  margin-bottom: 2em;
	  margin-top: 5em;
	  /*border: 1px solid red;*/
	  /*border-bottom: 1px solid red;*/
	  padding: .5em;
  }	  
  #bildspelsfoto #lenkar a{
      background-color: #ffffcc;
	  /*border-right: 1px solid red;*/
	  padding: .5em;
  }	  
  #bildspelsfoto #lenkar a:first-child{
	  /*border-left: 1px solid red;*/
  }	  
/*##### bildspelsfoto, slut #####*/

body { font-family: Arial, sans-serif; font-size: medium; line-height: 1.2; margin: 0; padding: 0;}
p    { font-family: Arial, sans-serif; font-size: medium;}
li   { font-family: Arial, sans-serif; font-size: medium;}
table{ font-family: Arial, sans-serif; font-size: medium; empty-cells: show;}
td   { font-family: Arial, sans-serif; font-size: medium;}
tr   { font-family: Arial, sans-serif; font-size: medium;}

h1   { font-family: Arial, sans-serif; font-size: 150%; margin-bottom: 0;}
h2   { font-family: Arial, sans-serif; font-size: 130%; margin-bottom: 0;}
h3   { font-family: Arial, sans-serif; font-size: 120%; margin-bottom: 0;}
h4   { font-family: Arial, sans-serif; font-size: 100%; margin-bottom: 0;}

/* multi-column: */
.article {
   column-count: 3;
   column-gap: 20px;
   column-width: 300px;
   column-rule: 1px solid #F00;
   height: 300px;
}

.red {
       color: red;
	   background: transparent;
}
.droppskugga {
    background: #919191;
    margin-top: 2em;
	width: auto;
	position: relative;
}

.redbackgr {
       color: black;
	   background: red;
}
.hide {
    display: none;
}
p {
    margin-top: 0;
	margin-bottom: 1em;
}
.em {
       font-size: larger;
}

/*-------------  frölista, start ---------------*/ 
/*
  #frolista .art {
          font-style: italic;
		  font-weight: bold;
		  color: blue;
  }
  #frolista label {
          font-style: italic;
		  font-weight: 100;
		  color: green;
  }
  #frolista .legend {
		  font-weight: bold;
          font-style: italic;
		  letter-spacing: 0px;
		  border: 0px solid black;
		  padding: 3px 6px;
  }
  #frolista .pollination {
          font-style: italic;
		  font-weight: 100;
		  color: green;
  }
*/
/*-------------  frölista, slut ----------------*/ 



/*-------------  fragor&svar, start ---------------*/ 
#frage-svar-sida #tidigare-fragor-tabell {
  margin-left: 0em;
}
#frage-svar-sida #tidigare-fragor-tabell caption{
  letter-spacing: 3px;
  text-align: left;
  font-weight: bold;
}
#frage-svar-sida #tidigare-fragor-tabell th{
  text-align: left;
}
  
#frage-svar-sida div#emaila-nyfraga {
  margin-top: 1em;
  margin-left: 0em;
  margin-bottom: 1em;
}

#frage-svar-sida li {list-style: none;}

#frage-svar-sida div.fragesvar {
  padding: 1em;
  margin: 1em;
  background: #FFFFCC;
  border: 1px solid green;
  }
#frage-svar-sida div.fragesvar div.sidans-topp {
  margin-top: 1em;
  }
#frage-svar-sida div.fragesvar div.sidans-topp a {
  margin-right: 2em;
  margin-top: 5em;
  }

#frage-svar-sida div.datum {
  float: right;
  text-align: right;
  padding-top: 0em;
  margin-top: 0;
}              
#frage-svar-sida div.rubrik {
  background: #FFFF00;
  color: black;
  padding-top: 0;
  margin-top: 1em;
  margin-left: 0em;
  font-weight: bold;
  padding-bottom:.5em;
}
              
#frage-svar-sida div.fragesvar .ingress {
  font-weight: bold;
  font-style: italic;
}              

#frage-svar-sida div.fraga {
  background: #FFFBC8;
  background: #Edffd2;
  color: black;
  padding-top: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}  

#frage-svar-sida div.svar {
  background: #FEFFF2;
  color: black;
  padding-top: 0;
}              

  

           
/*-------------  fragor&svar, slut ----------------*/   
            
.bold{
  font-weight: bold;
}  
.bold-italic{
  font-weight: bold;
  font-style: italic;
}  
.bold-italic-green{
  font-weight: bolder;
  font-style: italic;
  color: green;
}  
.clear {
  clear: both;
}  
.clearboth { clear: both; }

/* Länkar */
/*
a:link { text-decoration: none;       color: green;}
a:visited { text-decoration: none;    color: green;}
a:active { text-decoration: none;     color: green;}
a:hover { text-decoration: underline; color: green;}
*/
/*
a:link { text-decoration: none;       color: #CC3333}
a:visited { text-decoration: none;    color: #CC3333}
a:active { text-decoration: none;     color: #CC3333}
a:hover { text-decoration: underline; color: blue; }
*/
/*--
a:link, a:visited, a:hover, a:active {
text-decoration: underline;
color: #6A5ACD;
background-color: transparent;
}
--*/
a:link, a:visited {
text-decoration: underline;
color: #6A5ACD;
background-color: transparent;
}
a:hover, a:active {
text-decoration: underline;
color: #191970;
background-color: #C9C3ED;
}
/* Länkar, slut */

   .alt {
       display: none;
   }

.rubrik {
          font-size: 120%;
		  font-weight: bold;
		  margin-top: 8px;
}

.rubrik1 {
          font-size: x-large;
		  font-weight: bold;
		  color: green;
		  background: transparent;
}

.rubrik2 {
          font-size: 110%;
		  font-weight: bold;
		  color: green;
		  background: transparent;
		  padding-top: 0;
		  margin-top: 0;
}
	.underrubrik {
	          font-size: 130%;
			  font-weight: normal;
			  color: black;
			  background: transparent;
			  text-align: left;
			  padding-top: 0;
			  margin-top: 0;
	}

.rubrik-copperplate {
                     font-family: "Copperplate Gothic Bold", serif;
					 font-size: 200%;
					 font-weight: bold;
					 color: green;
					 background: transparent;
}
.SRS-rubrik {
             font-family: "Copperplate Gothic Bold", serif;
			 color: #339966;
			 background: transparent;
			 font-size: 170%;
			 font-weight: bold;
			 text-align: center;
             margin-top: 0.1em;
             margin-bottom: 0;
			 padding-bottom: 0;
			 margin-right: auto;
			 margin-left: auto;
			 text-shadow: 2px 2px 2px #969696;
			 width: 100%;
}			 
.ARSchapter {
			 text-align: center;
             margin-top: 0;
			 padding-top: 0;
}			 

.ingress_green_110 {
                    font-size: 110%;
					color: green;
					background: transparent;
					font-weight: bold;
					font-style: italic;
}
.ingress_green_120 {
                    font-size: 120%;
					color: green;
					background: transparent;
					font-weight: bold;
}

.bakgrund { background: #CEE7B6;
            color: black;
			background-image: url(../img/skugga1.gif); 
}

.kantlinje { border: 1px solid #CC6633; 
}

.kantlinje1 { border: 5px outset #669966; background: #669966; }

.skugga {
         /*background-image: url(../img/skugga1.gif);*/
         background: #CEE7B6;
}
  .firstletter {
	 font-size: 130%;
  }

/* Trekolumners layout, start*/
#left {
  position: absolute;
  left: 10px;
  top: 170px;
  width: 200px;
  width: 0px;
  background: #DDD;
}

#center {
  margin-left: 220px;
  margin-left: 3px;
  margin-right: 220px;
  /*background: #CCC;*/
}

#right {
  position: absolute;
  right: 10px;
  top: 170px;
  top: 0px;
  width: 200px;
  /*background: lightblue;*/
}

#top {
  margin: 20px;
  padding: 10px;
  background: #CCC;
  height: 100px;
}

#footer {
  background: #CCC;
  margin: 20px;
  text-align: center;
}
/* Trekolumners layout, slut */


	/*--- Navigator, horisontell, till litteraturlista, start ---*/
	#navLitt{
	    margin-top: 0em;
	    margin-right: 0em;
	    margin-bottom: 0.5em;
	    margin-left: 0em;

	    /*border: 1px solid red;*/

	}
	
	#navLitt ul {
	    background: silver;
	    text-align: left;
	    margin-top: 0;
	    margin-left: 0;
	    margin-bottom: 0;
	    padding-left: 0;
		padding-top: 0.3em;
		padding-bottom: 0.3em;

		/*
		background-color: silver;
		text-align: center;
		text-align: left;
		margin-left: 0;
		padding-left: 0;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		border-bottom: 1px solid gray;
        */
		
	    /*border-bottom: 1px solid gray;*/
	    /*border: 2px solid yellow;*/
	}
	
	#navLitt li {
        list-style-type: none;
        padding: 0.25em 1em;
        border-left: 5px solid #33FF00;
        border-left: 5px solid white;
        display: inline;
		/*background: silver;*/
	    /*border-bottom: 1px solid gray;*/
	    /*border: 1px solid blue;*/
	}
	
	#navLitt li:first-child {
	    border: none;
		margin-left: 0;
		border-left: 0;
	}
	
    #navLitt a:hover { background: #996666;}
    #navLitt a:hover { background: #FFFFFF;}
	

    /*	
	#navLitt a:link { color: #ffffff;}
    #navLitt a:visited { color: #ffffff;}
    #navLitt a:hover { background: #996666;}
    #navLitt a#current { background: #FFCC66; color: #000000;}
	*/
		
	/*--- Navigator, horisontell, till litteraturlista, slut ---*/


	
/*--- Navigator, horisontell, till boklista, start (Webdesignskolan)---*/
    #menycontainer {
	    /*clear: both;*/
		text-align: center;
		text-align: left;
		line-height: 2.5em;
	}
    #menycontainer ul{
	    /*float: left; */margin-left: 0; padding-left: 0; font-size: 70%;
	}
    #menycontainer li{
	    display: inline;
		margin-bottom: 2em;
	}
    #menycontainer ul a{
	    /*float: left; */
		text-decoration: none;
		background: #CC9999;
		background: #ffffcc;
		background: silver;
		background: #dedede;
		margin-right: 0.5em;
		padding: 0.3em .5em;
		border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #717171;
        border-right: 1px solid #717171;
	}

    #menycontainer a:link{
	    color: green;
	}
    #menycontainer a:visited{
	    color: green;
	}
    #menycontainer a:hover{
	    /*background: #ffff00;*/ /* klart gul */
		text-decoration: underline;
	}
    #menycontainer a#current{
	    background: #ffffcc;
	    color: green;
	}

	/* Markera vald flik i horisontell undermeny: */
    body#boklista         #menycontainer #boklista_tab a,
    body#libraryloan_buy  #menycontainer #libraryloan_buy_tab a,
    body#skriftserie      #menycontainer #skriftserie_tab a,
	
    body#aktiv_kommande           #menycontainer #aktiv_01_kommande_tab a,
    body#aktiv_90_host_08         #menycontainer #aktiv_90_host_08_tab a,
    body#aktiv_91_var_sommar_08   #menycontainer #aktiv_91_var_sommar_08_tab a,
    body#aktiv_92_host_07         #menycontainer #aktiv_92_host_07_tab a,
    body#aktiv_93_var_sommar_07   #menycontainer #aktiv_93_var_sommar_07_tab a,
    body#aktiv_94_host_06         #menycontainer #aktiv_94_host_06_tab a,
    body#aktiv_95_var_sommar_06   #menycontainer #aktiv_95_var_sommar_06_tab a,
    body#aktiv_96_host_05         #menycontainer #aktiv_96_host_05_tab a,
    body#aktiv_97_var_sommar_05I  #menycontainer #aktiv_97_var_sommar05I_tab a,
    body#aktiv_98_var_sommar_05II #menycontainer #aktiv_98_var_sommar05II_tab a,

    /*body#planerade_resor  #menycontainer #planerade_tab a,*/
    body#skottlandsresan  #menycontainer #planerade_tab a,
    body#tysklandsresan   #menycontainer #tysklandsresan_tab a,
    body#danmarksresan    #menycontainer #danmarksresan_tab a,
    div#hachmannresan     #menycontainer #hachmannresan_tab a
	{
	    background: #ffffcc; /* klart gul */
	    background: #FFC; /* svagt gul */
	    color: red;
		border-top: 1px solid #717171;
        border-left: 1px solid #717171;
        border-bottom: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
	}
	/* Markera vald flik i horisontell undermeny för aktivitetsflikarna: */
    body#aktiv_kommande   #menycontainer #kommande_tab a,
    body#aktiv_95_host_06 #menycontainer #_2006_2_tab a,
    body#aktiv_2006_1     #menycontainer #_2006_1_tab a,
    body#aktiv_hosten2005 #menycontainer #hosten_tab a,
    body#aktiv_vs1        #menycontainer #vs1_tab a,
    body#aktiv_vs2        #menycontainer #vs2_tab a
	{
	    background: #ffffcc; /* klart gul */
	    background: #FFC; /* svagt gul */
	    color: red;
		border-top: 1px solid #717171;
        border-left: 1px solid #717171;
        border-bottom: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
	}
/*--- Navigator, horisontell, till boklista, slut ---*/

	/*#### Popup för skriftserie, start ####*/
	#popup-skrift h3 {
	    background: #ff5125;
	}
	
	#popup_skrift #beskrivning {
    	background: #fff3f1;
	}
	#popup_skrift #stengKnapp {
    	text-align: center;
	}
	/*#### Popup för skriftserie, slut ####*/

	/*##### skriftserie, start #####*/

	body#skriftserie #content {
      margin-left: 2%;
	  margin-right: 25%;
    }
	body#skriftserie h2{
	  margin-top: 1em;;
	  margin-bottom: .0em;;
	}
	body#skriftserie #ingress{
      margin-top: 0;	
	}
	
    .skrifttitel {
	  font-weight: bolder;
      color: green;
	  font-family: "Times New Roman", Times, serif;
    }

    .skriftbeskr {
      font-size: 90%;
      color: black;
	  background: transparent;
	  display: none;
    }
	
	table#skrift-tabell {
	  background-color: #f8eedd;
	  border: 1px solid black;
	}
	/*##### skriftserie, slut #####*/

	
	/*--- Popup för böcker, start ---*/
	#popup_bok {
        margin-left: 1em;

	}
	#popup_bok #author {
        background: #FFFF99;
        font-size: 120%;
        font-weight: bold;
	}
	#popup_bok td #titel {
        background: #FFFF99;
        font-size: 120%;
        font-weight: bold;
	}
	
	#popup_bok #beskrivning {
    	background: #ffffcc;
	}
	#popup_bok #stengKnapp {
    	text-align: center;
	}
	/*--- Popup för böcker, slut ---*/

/*##### Aktuellt-sida, start #####*/
  #aktuellt h2 {
          font-size: 120%;
		  font-weight: bold;
		  color: green;
		  background: transparent;
		  text-align: center;
		  margin-bottom: 0.0em;
  }
  #aktuellt p {
		  margin-top: 0.3em;
		  margin-bottom: 0;
		  /*text-align: justify;*/
  }
/*##### Aktuellt-sida, slut #####*/
		

/*##### skuggningar, start #####*/
.p-shadow {
  width: 70%;
  float:left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  display: block;
  }

.p-shadow div {
  background: none !important;
  background: url(../img/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
/*##### skuggningar, slut #####*/

/*##### span-skuggning, start #####*/
.span-shadow {
  /*width: 70%;*/
  float:left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.span-shadow div {
  background: none !important;
  background: url(../img/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.span-shadow span {
  color: #777;
  background-color: #fff;
  /*font: italic 1em georgia, serif;*/
  font: 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  font-weight: bold;
  display: block;
  }
/*##### span-skuggning, slut #####*/

	
/* temporära mallar för att visa tabeller */
/*--
table {border: 2px solid red; margin:3px;}
td {border: 1px dotted purple; padding: 2px;}
--*/
/* temporära mallar för att visa tabeller, slut */


/*#### Boklista, start ####*/
    #boklista #content {
        margin-top: 1%;
        margin-left: 2%;
	    margin-right: 2%;
    }
  	
	#boktabell {
	    background-color: #ffffcc;
		border-collapse: collapse;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        position: relative;
		top: -4px;
		left: -4px;
	}
	#boktabell thead{ /*funkar inte */
	    background: green;
	}
	#boktabell caption{
	    margin: 0;
		padding: 8px 20px;
		font-weight: bold;
		font-size: 150%;
		background: silver;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
		font-family: "Copperplate Gothic Bold", serif;
		color: #339966;
	}
    #boktabell .emnesgrupp {
        color: red;
	    text-align: center;
	    background: silver;
	    font-style: italic;
	    font-size: 130%;
	    border-top: 2px solid black;
    }
	
	#boktabell th{
	    color: black;
	    background: #FFFF99;
		text-align: left;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
	}
	#boktabell #colTitel{
	    color: green;
	    font-weight: bold;
	}
	#boktabell #colForfattare {
      /*color: red;*/
    }
	#boktabell #colISBN {
    }

	#boktabell th, #boktabell td {
	    padding: 3px;
	}
	
    /* droppskugga */
    .bocker {
	    background: #919191;
        margin-top: 2em;
    }
/*##### Boklista, slut ####*/

	/*##### Ordlista-start, start ####*/
  #ordlista-start {
	  margin: 0;
	  padding: 0;
  }
  #nav_ordlista h3{
      background-color: #104000;
	  color: #FFF;
	  text-align: center;
	  padding: .5em 0em .5em 0em;
	  margin:  3em 0em 0em 0em;
	  border: 2px dotted blue;
  }
  #nav_ordlista ul{
      list-style: none;
	  margin:  0em 0em 3em 0em;
	  padding:  0em 0em 3em 0em;
	  border-left: 0px solid red;
      text-align: center;	  
  }

  #nav_ordlista li{
      display: inline;
	  padding: .7em;
	  margin: 0 0 0 0;
	  border: 1px solid #104000;
	  /*background: yellow;*/
	  border-bottom: 5px solid #104000;
  }
  #nav_ordlista a:hover { text-decoration: underline; color: #FFF; background-color: #104000;
  }
	/*##### Ordlista-start, slut ####*/
	
/*##### Ordlista, start ####*/
  #ordlista{
      width: 100%;
	  margin:0px auto;
	  text-align: center;
  }
  #ordlista #rubrik {
      color: black;
	  font-weight: bold;
	  font-size: 500%;
	  width: 8em;
	  height: 0em;
	  border-bottom: 3px solid black;
	  text-align: left;
	  padding: 1em 1em 0.19em 0em;
	  font-family: "Copperplate Gothic Bold", serif;
	  /*background: yellow;*/
  }
  #ordlista th{
      color: black;
	  font-style: normal;
  }
  #ordlista table {
      border: 1px solid black;
	  width: 800px;
  }
  #ordlista #colEngelska {
      color: green;
	  font-weight: bold;
	  font-size: 200%;
	  font-style: italic;
  }
/*##### Ordlista, slut ####*/

/*##### Box med runda hörn ####*/
.box {
  width: 273px;
  background: url(../img-pres/div-bottom.gif) no-repeat bottom left;
  }
.box h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #E0CFAB;
  background: url(../img-pres/h3-bg.gif) no-repeat top left;
  }
.box ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.box li {
  margin: 0 0 6px; 
  padding: 0;
  } 
.box p {
  margin-left: 6px; 
  } 
/*##### end Box med runda hörn ####*/

/*##### Box med runda hörn och flexibel bredd/höjd ####*/
.box_flex {
  float: left;
  margin: 20px 0;
  padding: 0;
  color: #666;
  background: url(../img-pres/rounded-right.gif) top right no-repeat;
  } 
.box_flex .rubrik {
  margin: 0;
  padding: 9px 9px 0 9px;
  background: url(../img-pres/rounded-left.gif) top left no-repeat;
  font-size: 130%;
  font-weight: bold;
  border-bottom: 1px solid #666;
  }
.box_flex .stycke {
  margin: 0;
  padding: 0 0 0 9px;
  background: url(../img-pres/rounded-left.gif) bottom left no-repeat;
  }
.box_flex .stycke em {
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(../img-pres/rounded-right.gif) bottom right no-repeat;
  }
.box_flex  a {
  font-size: 130%;
  color: #e70;
  }
.box_flex ul {
  list-style: none;
  }

/*##### end Box med runda hörn och flexibel bredd/höjd ####*/

/* box_berea */	
	.box_berea {
	    width: 80%;
		padding:0 0 0 11px;
		margin:20px 10px 10px 10px;
		background:url("../img_pres/tsr-l.gif") top left no-repeat;
		font-size: 120%;
	}
	.box_berea h3 {
		background:url("../img_pres/tsr-r.gif") top right no-repeat;
		margin:0;
		padding:8px 0 0.5em 0;
		font-size: 150%;
	}
	.box_berea p {
		margin:0 0 0 -11px;
		padding:0 11px 0.5em;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.box_berea div {
		margin:0 0 0 -11px;
		padding-left:11px;
		background:url("../img_pres/tsr-l.gif") bottom left no-repeat;
	}
	.box_berea em.more {
		display:block;
		text-align:right;
		padding:0 10px 10px 0;
		background:url("../img_pres/tsr-r.gif") bottom right no-repeat;
	}
/*##### end box_berea #####*/	

/*##### twokol_layout, start #####*/	
    #twokol_layout {
	    margin: 0;
		padding: 0;
		}
	#twokol_layout #kolumncontainer {
	    width: 100%;
	    min-width: 500px;
		max-width: 1200px;
		float: left;
		border: 0px solid #000000;
		border-bottom: 1px solid gray;
		line-height: 1.1;
		}
	#twokol_layout #kolumncontainer #sidhuvud {
		padding: 10px;
		}
	#twokol_layout #kolumncontainer #sidhuvud p {
	    text-align: center;
		}
		
	#twokol_layout  #kolumncontainer #kolumn1 {
	    float: left;
		width: 47%;
		padding: 10px;
		border-right: 1px solid gray;
		}
	#twokol_layout  #kolumncontainer #kolumn2 {
	    float: left;
		width: 47%;
		padding: 10px;
		}
	#twokol_layout .underrubrik {
	    font-weight: bold;
		font-size: 150%;
		border-bottom: 1px solid gray;
		}
/*##### twokol_layout, slut #####*/	

/*##### Avsnitt, start #####*/	
  /* Fixar till indrag för alla stycken utom första */
  .avsnitt {
      margin-top:0em; 
	  margin-bottom:1em;
  }
  .avsnitt p {
      margin-top: 0;
	  margin-bottom: 0;
  }
  .avsnitt p + p {
      text-indent: 2em; 
  }
  .avsnitt p:first-letter {
      font-weight: bold;
  	  padding-right: 0.05em;
  }
/*##### Avsnitt, slut #####*/	
  
/*-------------  form ---------------*/ 
  .form {
          margin: 1em 1em 1em 1em;
          padding: 1em 1em 1em 1em;
		  background: #eee;
		  border: 1px solid red;
		  width: 32em;
  }
  .form div { 
          clear: left;
          margin: 0;
          padding: 0;
          padding-top: 5px;
		  border: 1px solid black;
  }
  .form div label {
          float: left;
          width: 7em;
          font-style: italic;
		  font-weight: 100;
		  color: black;
		  border: 1px dotted black;
          font-weight: bold;
  }
  .form div input { 
		  border: 1px solid green;
		  font-size: 130%;
		  width: 24em;
          background-color: #ADD8E6;
          color: black;
  }
  .form div input.btn { 
          border: 5px outset #ADD8E6;
          background-color: #ADD8E6;
		  color: #00008B;
		  color: black;
		  padding: .0em;
		  margin-bottom: 1em;
		  margin-left: 7em;
          font-style: italic;
		  font-weight: bold;
		  font-size: 110%;

  }
  .form div textarea {
          width: 300px;
          height: 150px;
          color: #00008B;
          background-color: #ADD8E6;
          border: 1px solid #00008B;
  }
	.form label[for="name"] {
			background-color:#A5A5A5;
	}
	.form input[type="submit"] {
			background-color: red;
			width:auto;
			float:right;
	}
  
/*-------------  end form ---------------*/ 

/*-------------  form_1 ---------------*/ 
  .form_1 {
          margin: 1em 1em 1em 1em;
		  background: #eee;
		  border: 0px solid red;
		  width: 98%;
  }
  .form_1 legend {
		  font-weight: bold;
          font-style: italic;
		  letter-spacing: 0.2em;
		  border: 0px solid black;
		  padding: 3px 6px;
  }
  .form_1 fieldset { 
		  padding: .5em;
		  margin-left: 1em;
  }
  .form_1 p { 
          clear: left;
          margin: 0;
          padding: 0;
          padding-top: 15px;
		  border: 0px solid black;
  }
  .form_1 p label.txt {
          float: left;
          width: 7em;
          font-style: italic;
		  font-weight: 100;
		  color: black;
		  border: 0px solid black;
          font-weight: bold;
  }
  .form_1 p input.txt { 
		  border: 0px solid black;
		  font-size: 130%;
		  width: 25em;
          /*background: #CEE7B6;*/
          background-color: #ADD8E6;
		  background-image: url(img/skugga1.gif); 
          color: black;
  }
  .form_1 p input.btn { 
          border: 5px outset #ADD8E6;
          background-color: #ADD8E6;
		  color: #00008B;
		  color: black;
		  padding: .0em;
		  margin-bottom: 1em;
		  margin-left: 7em;
          font-style: italic;
		  font-weight: bold;
		  font-size: 110%;

  }
  .form_1 p textarea {
          width: 300px;
          height: 150px;
          color: #00008B;
          background-color: #ADD8E6;
          border: 1px solid #00008B;
  }
/*-------------  end form_1 ---------------*/ 

/*------------- mall_3kol_holygrail ---------------*/
		/*** The Essential Code ***/

		body.3kol {
			min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
		}

		body.3kol #container {
			padding-left: 200px;      /* LC fullwidth */
			padding-right: 190px;     /* RC fullwidth + CC padding */
		}
		
		body.3kol #container .column {
			position: relative;
			float: left;
		}
		
		body.3kol #center {
			padding: 10px 20px;       /* CC padding */
			width: 100%;
		}
		
		body.3kol #left {
			width: 180px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 240px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
		}
		
		body.3kol #right {
			width: 130px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
		}
		
		body.3kol #footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}

		/*** Equal-height Columns ***/

		body.3kol #container {
			overflow: hidden;
		}

		body.3kol #container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
		}

		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/
		}

		/*** Just for Looks ***/

		body.3kol {
			margin: 0;
			padding: 0;
			background: #FFF;
		}

		body.3kol #header, body.3kol #footer {
			font-size: large;
			text-align: center;
			padding: 0.3em 0;
			background: #999;
		}

		body.3kol #left {
			background: #66F;
		}

		body.3kol #center {
			background: #DDD;
		}

		body.3kol #right {
			background: #F66;
		}

		body.3kol #container .column {
			padding-top: 1em;
			text-align: justify;
		}
/*------------- end mall_3kol_holygrail ---------------*/
/*##### Foto med namnetikett, start #####*/
  .fotolista {
      list-style-type: none;
  }
  .fotolista li {
      float: left;
	  margin-right: 6px;
	  margin-bottom: 10px;
	  color: #333333;
	  border: 0px dotted red;
  }
  .fotolista img{
      display: block;
	  border: 0px solid #333300;
  }
  .fotolista p{                      /* Text under fotona (alt till namnetikett) */
      font-size: 100%;
	  font-weight: bold;
      color: green;
	  clear: both;
	  margin-top: 0;
	  padding-top: 0;
  }
  .bildbox {
    position: relative;
	float: left;
	width: 250px;
	height: 190px;
	border: 0px solid black;
	margin-right: 3px;
  }
  .bildbox .namnetikett {
    position: absolute;
	bottom: 10px;
	right: 10px;
	color: white;
	/*background-color: white;*/
	border: 0px solid red;
	font-family: 'Comic Sans MS', serif;
    font-size: 100%;
    font-weight: bold;
	padding: 1px;
  }
/*##### Foto med namnetikett, slut #####*/

/*##### Good Looking Tooltip #####*/
  .glt-elm{
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 150px;
	  color: #fff;
      opacity: 0.9;
	  visibility: hidden;
  }

  .glt-elm p{
	  background: #666;
	  margin: 0;
	  padding: 0.5em;
  }

  .glt-elm img{
	  display: block;
  }
  .glt-elm{
	  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
/*##### Good Looking Tooltip, slut #####*/

  div#sidfot {
      margin-top: 1em;
	  clear: both;
  }

  div#sidfot p {
      margin-top: 0;
      margin-bottom: 0;
  }

/*-------------  formmail_kvittens ---------------*/ 
  table#formmail_kvittens {
		  background: #eee;
		  border: 1px solid black;
		  padding: .5em;
			margin-top: 1em;
  }
  table#formmail_kvittens td.ledtext{
		font-style: italic;
  }
  table#formmail_kvittens td.inmatning{
		font-weight:bold;
  }
/*-------------  end formmail_kvittens ---------------*/ 

/*------------- div#formcontainer ----------------*/
	div#formcontainer {
		/*width: 825px;*/
		margin-left: .5em;
		margin-top: .5em;
		border: 1px solid red;
		background-color:#CCFFCC;
	}
	div#formcontainer legend{
		padding: 0.2em 0.5em;
		border:0px solid green;
		color:green;
		font-size:90%;
		text-align:right;
	}
	div#formcontainer div.elementbox {
		clear: left;
		margin-top: 1em;
		padding-left: 1em;
		border: 1px solid red;
	}
	div#formcontainer label {
		display: inline-block;
		font-style: italic;
	}
	div#formcontainer div.buttongroup{
		border: 0px solid green;
	}
	div#formcontainer div.buttongroup div{
		margin-top: .2em;
		margin-bottom: .2em;
		margin-left: 1em;
	}
	div#formcontainer div.buttongroup div input{
		color: blue;
		margin-right: .5em;
	}
	div#formcontainer fieldset.radioset, div#formcontainer fieldset.kryssrutor{
		margin-top: 1em;
		margin-left: 1em;
		width: 10em;
		border: 0px solid red;
	}

	div#formcontainer select{
		margin-left: 1em;
		border: 1px solid green;
	}
/*------------- end div#formcontainer ----------------*/

	.betonat {
		font-weight: bold;
		color: red;
	}

	.fetstil {
		font-weight: bold;
	}

	#content1 {
		position: relative;
		top: 0;
		left: 160px;
	}
	
/*------------- Sökfält ----------------*/
	.overlabel {
		position: relative;
/*		
		border: 1px solid blue;
		background-color:#FFFFCC;
		color: #069;
		width: 15em;
*/		
	}
	.overlabel label{
		position: absolute;
		top: 6px;
		left: 3px;
		color: #999;
		cursor: text;
/*		
		color:#FFFFCC;
		color:#99FF00;
		background:	#FFFF99;
		border: 1px solid green;
*/		
	}
	.overlabel input{
		left: 0;
	}
/*------------- end Sökfält ----------------*/

	.rounded_corners_5px {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.rounded5 {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.box-shadow5 {
		-moz-box-shadow:    5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
		        box-shadow: 5px 5px 5px #888;
	}

	.box-shadow3 {
		-moz-box-shadow:    3px 3px 3px #888;
		-webkit-box-shadow: 3px 3px 3px #888;
		box-shadow:         3px 3px 3px #888;
	}
	
	#tidigare_aktivitet {
		margin-left: .5em;
		width: 700px;
	}
	#tidigare_aktivitet h3{
		margin-bottom: .5em;
	}
	#tidigare_aktivitet h4{
		font-weight: bold;
		margin-bottom: .5em;
		padding-top, padding-bottom: 3em;
		/*background-color:#FFFFCC;*/
	}
	
	.gradient_yellow {
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#ff0), to(#fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #ff0, #fff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFF00, endColorstr=#FFFFFFFF);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFF00, endColorstr=#FFFFFFFF)";
	}
	
	#avgiftstabell {
		margin-bottom: 1em;
	}
	#avgiftstabell td {
		padding-top, padding-right: .5em;
	}