/** Skillnabosmedja version 1.0 **/

/** 
Färgkoder 
	ljus-beige #F5F5DC bakgrund
	orange  #EE5401 bakgrund
	orange #FF6600 orange-svart-knapp

**/
	

body {
	padding: 2em; 
	margin: 0; 
	font-family: verdana, helvetica, sans-serif; 
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	background: url(images/orange-black-bg.gif) repeat-x
	}
	
h1 {
	margin: 5px 0; 
	font: bold 1.4em georgia, serif; 
	color: #C24401; 
	background-color: inherit; 
	border-bottom: dotted 1px #a0a0a0 
	}

h2 {
	margin: 5px 0; 
	font: bold 1.2em georgia, serif; 
	color: #016139; 
	background-color: inherit; 
	}

p { line-height: 1.5em; 
	margin: 0 0 5px 0;}

a { color: black;
	background-color: inherit}

#kolumn1 a {   text-decoration: none;}

.list { margin-left: 10px; line-height: 1.8em; margin-top: 5px; padding-left: 10px}
.bottom {border-bottom: solid 1px #000000;}
.top {border-top: solid 1px #000000;}

/* sidlayout */

#layout {
	width: 750px; 
	background-color: #ffffff;
    color: #000000;
	margin-right: auto; 
	margin-left: auto;
	border: solid 1px #000000}
		

#sidhuvud     {
	width: auto; 
	height: 191px;
	padding: 0; 
	margin: 0;
    color: inherit;
	background-color: #ffffff;

	}

#kolumn2 {
	vertical-align: top;
	width: 590px; 
	padding: 30px;	
	background-color: #F2F2F2;
    color: #000000;
    }
	
#kolumn1 {
	vertical-align: top;
	width: 170px; 
	height: auto;
	margin: 0px;
	padding: 0; 
	color: inherit;
	background-color: #F2F2F2;
	border-right:1px solid #000000}
/*
#text-1 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 43%; top: 640px}
#text-2 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 37%; top: 645px}
#text-3 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 43%; top: 695px}
#text-4 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 43%; top: 770px}
*/
#text-1 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 44%; top: 640px}
#text-2 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 38%; top: 645px}
#text-3 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 44%; top: 695px}
#text-4 {position: absolute; width: 40px; height: 40px; z-index: 1; left: 44%; top: 770px}

div.mini a img.text-long {height: 0; width: 0; border-width: 0}
div.mini a:hover img.text-long {position:absolute; top:0; left:40px; height:25px;width:275px;border:1px solid #000000} 
div.mini a img.text-short {height: 0; width: 0; border-width: 0}
div.mini a:hover img.text-short {position:absolute; top:0; left:40px; height:25px;width:150px;border:1px solid #000000} 

div.mini a { color: white;	font-weight: 900; background-color: inherit}

#sidfot {
	text-align: center;
	line-height: 0.5em;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background-color: inherit;
	background-image: url(images/svart-footer.gif);
	color: white
	}


#navbar { 	
	background-image: url(images/svart-list.gif);
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	width: auto;
	height:auto;
	}
	
#nav {
	height:auto;
	padding: 0;
	margin-top: 0px;
	margin-left: 75px;
	color: #000000;
	background-color: inherit;
	}

ul#nav li {
  list-style: none;
  margin-left: 0px;
  float: left;

}

ul#nav a  {
  font-size:1em;
  width: 120px;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  float: left;
  display: block;
  background-image: url(images/svart-knapp.gif);
  background-color: inherit;
}

ul#nav a:visited{
  color: #ffffff;
  background-color: inherit;
  font-weight:500;
}

ul#nav a:hover {
  background-image: url(images/green-svart-knapp.gif);
  color: #ffffff;
  background-color: inherit;
  font-weight: 500;
}

ul#nav a:active {
  background-image: url(images/green-svart-knapp.gif);
  color: #ffffff;
  background-color: inherit;
  font-weight: 500;
}

ul#nav a#current {
  background-image: url(images/orange-svart-knapp.gif);
  color: #ffffff;
  background-color: inherit;
  font-weight: 500;
}


ul#menu {
	margin: 0px;
	width: 170px;
	text-align: center;
	padding-left: 0;
    padding-right: 0;
	list-style: none;
  	text-transform: none;
	}

ul#menu a {
	margin: 0px;
    display: block;
	text-decoration: none;
	background-color: inherit;
	color: gray;
	font-weight: 500;
	padding-top: 10px;
    padding-bottom: 10px;
	width: auto;
	}


ul#menu  a:hover {
  background-color: inherit;
  color: #000000;
  text-decoration: underline;
  font-weight: 500;
}

ul#menu a#curr{
  background-color: gray;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}