body {

	scrollbar-3dlight-color : #336699;

	scrollbar-arrow-color : #FF9900;

	scrollbar-base-color : #99CCFF;

	scrollbar-darkshadow-color : #336699;

	scrollbar-face-color : #336699;

	scrollbar-highlight-color : #99CCFF;

	scrollbar-shadow-color : #99CCFF;

	scrollbar-track-color : #336699;
	background-color: #c7d3e0;
	margin-top: 0px;
	background-image: url('Images/bg.gif');
	background-repeat: repeat-x 
}
.ruta { /*CSS for enlarged image*/
background-color: lightyellow;
padding: 5px;
border: 1px solid gray;
color: black;
text-decoration: none;
width:500px;
}
.rutablue { /*CSS for enlarged image*/
background-color: white;
padding: 5px;
border: 1px solid gray;
color: black;
text-decoration: none;
width:500px;
}

.materielinfo span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 20px;
top:120px;
left: 280px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
width:350px;
}

.materielinfo:hover span{ /*CSS for enlarged image on hover*/
visibility: visible; /*position where enlarged image should offset horizontally */
}

.materielinfo:active span{ /*CSS for enlarged image on active*/
visibility: visible; /*position where enlarged image should offset horizontally */

}

.thumbnail{
position: relative;
z-index: 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #092869;
font-size : 10px;
TEXT-DECORATION: none;

}

.thumbnail:hover{
background-color: white;
z-index: 50;
}

.thumbnail:active{
background-color: white;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width:210px;
background-color: lightyellow;
padding: 5px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
padding:10px;
z-index: 50;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 30px; /*position where enlarged image should offset horizontally */

}
.thumbnail:active span{ /*CSS for enlarged image on active*/
visibility: visible;
top: 0;
left: 30px; /*position where enlarged image should offset horizontally */

}
.distansthumb span{ /*CSS for enlarged image*/
position: absolute;
width:300px;
background-color: lightyellow;
padding: 5px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
padding:10px;
z-index: 50;
}

.distansthumb{
position: relative;
z-index: 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #092869;
font-size : 10px;
TEXT-DECORATION: none;
}
.distansthumb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 30px; /*position where enlarged image should offset horizontally */

}
.distansthumb:active span{ /*CSS for enlarged image on active*/
visibility: visible;
top: 0;
right: 30px; /*position where enlarged image should offset horizontally */
}
.distansthumb:hover{
background-color: white;
z-index: 50;
}

.distansthumb:active{
background-color: white;
z-index: 50;
}

.karta span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
color: black;
text-decoration: none;
padding:10px;
z-index: 50;
}

.karta{
position: relative;
z-index: 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #092869;
font-size : 10px;
TEXT-DECORATION: none;
}
.karta:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40px; 
right: -240px;
 /*position where enlarged image should offset horizontally */

}
.karta:active span{ /*CSS for enlarged image on active*/
visibility: visible;
top: 40px; 
right: -240px;
}
.karta:hover{
background-color: white;
z-index: 50;
}

.karta:active{
background-color: white;
z-index: 50;
}

.kort span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
color: black;
background-color: lightyellow;
border: 1px solid gray;
text-decoration: none;
padding:10px;
z-index: 50;
}

.kort{
position: relative;
z-index: 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #092869;
font-size : 10px;
TEXT-DECORATION: none;
}
.kort:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px; 
right: -450px;
 /*position where enlarged image should offset horizontally */

}
.kort:active span{ /*CSS for enlarged image on active*/
visibility: visible;
top: -40px; 
right: -450px;
}
.kort:hover{
background-color: white;
z-index: 50;
}

.kort:active{
background-color: white;
z-index: 50;
}

TD.copyright {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000000;   font-size : 10px; TEXT-DECORATION: none; 
}

TD.txt{

   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #111122;   font-size : 11px; TEXT-DECORATION: none; 

}
a.linktxt, a.linktxt:link, a.linktxt:visited, a.linktxt:active{

   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
   COLOR: #111122 !important;   
   font-size : 11px; 
   TEXT-DECORATION: none; 
}
a.linktxt:hover{

   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
   COLOR: #111122 !important;   
   font-size : 11px; 
   TEXT-DECORATION: underline; 
}


TD.txtRED{

   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #CC0000;   font-size : 11px; TEXT-DECORATION: none; 

}
TD.txtGREEN{

   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #009900;   font-size : 11px; TEXT-DECORATION: none; 

}
a.distanslink{

	background-color:#FFE4AD;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #0066FF;
	font-size : 10px;
	TEXT-DECORATION: none;
	font-weight: bold;
	
}
a.distanslink:hover{

   background-color: #FFFFFF;

}
a.distanslink:active{

   background-color: #FFFFFF;

}

P.txt{
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
   COLOR: #111122;  
    font-size : 11px; 
	TEXT-DECORATION: none; 
	margin : 20px;
}
li.txt{
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
   COLOR: #111122;  
    font-size : 11px; 
	TEXT-DECORATION: none; 
	margin-right : 20px;
	margin-right: 20px;
}

A.helplink {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	font-size : 10px;
	TEXT-DECORATION: none;
	font-weight: bold;
}
A.ortlink {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #111122;   font-size : 11px; TEXT-DECORATION: none;
	font-weight: bold;
}

A.link {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #0066FF;
	font-size : 10px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

A.link:VISITED {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #0066FF;
	font-size : 10px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

A.link:ACTIVE {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #aee2bb;
	font-size : 10px;
	TEXT-DECORATION: none;
	font-weight: bold;
}
A.link:HOVER {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #91cb9f;
	font-size : 10px;
	TEXT-DECORATION: none;
	font-weight: bold;
}



TD.title{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	font-size : 14px;
	TEXT-DECORATION: none;
	font-weight : normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

P.title{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	font-size : 16px;
	TEXT-DECORATION: none;
	font-weight : normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	margin : 20px ;

}

TD.Dtitle{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #003366;
	font-size : 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

A.myline {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #FF9900;
	font-size : 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

A.myline:VISITED {
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #FF9900;
	font-size : 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

A.myline:ACTIVE {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	font-size : 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

A.myline:HOVER {
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	font-size : 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

input.form {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 150px;
}
input.formKontakt {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 188px;
}

input.formN {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 120px;
}

input.FormEpost {
 background : #FFFFFF;
 border : 0px solid #ffffff;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 140px;
}
input.FormEkpost {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : normal;
 text-align : left;
 width : 250px;
}


input.FormPassw {
 background : #FFFFFF;
 border : 0px solid #ffffff;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 92px;
}

input.antal {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 20px;
 vertical-align:top; 
}

input.long {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 350px;
}

input.btn {
 background : #5578c1;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 COLOR: #FFFFFF;
 font-weight : normal;
 text-align : center;
}

input.buy {
 background-image: url(Images/Buttons/Kop.gif);
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 52px;
 height: 18px;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 vertical-align:top; 
 border:none;
 padding:0; 
 background:none; 
 cursor:pointer; 
 *cursor:hand; 
 
}
input.Andra {
 background-image: url(Images/Buttons/Andra.gif);
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 52px;
 height: 18px;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 vertical-align:top; 
 border:none;
 padding:0; 
 background:none; 
 cursor:pointer; 
 *cursor:hand; 
 
}
input.TaBort {
 background-image: url(Images/Buttons/TaBort.gif);
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 17px;
 height: 18px;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 vertical-align:top; 
 border:none;
 padding:0; 
 background:none; 
 cursor:pointer; 
 *cursor:hand; 

}
input.Fortsatt {
 background-image: url(Images/Buttons/Fortsatt.gif);
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 85px;
 height: 28px;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 vertical-align:top; 
 border:none;
 padding:0; 
 background:none; 
 cursor:pointer; 
 *cursor:hand; 
}

input.Tillbaka {
 background-image: url(Images/Buttons/Tillbaka.gif);
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 85px;
 height: 28px;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 vertical-align:top; 
 border:none;
 padding:0; 
 background:none; 
 cursor:pointer; 
 *cursor:hand; 
 
}
input.Nasta {
 background-image: url(Images/Buttons/Nasta.gif);
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 85px;
 height: 28px;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 vertical-align:top; 
 border:none;
 padding:0; 
 background:none; 
 cursor:pointer; 
 *cursor:hand; 
 
}
input.Bekrafta {
 background-image: url(Images/Buttons/Bekrafta.gif);
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 width: 85px;
 height: 28px;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 vertical-align:top; 
 border:none;
 padding:0; 
 background:none; 
 cursor:pointer; 
 *cursor:hand; 
 
}
input.BtnLoggain {
 background : #FF9900;
 border : 0px solid #ffffff;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 COLOR: #000000;
 font-weight : normal;
 text-align : center;
 width : 55px;
}

input.BtnLogga {
 background : #5578c1;
 border : 0px solid #ffffff;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 COLOR: #ffffff;
 font-weight : normal;
 text-align : center;
 width : 60px;
}


textarea.textform {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 190px;
}

textarea.txtformbig {
 background : #FFFFFF;
 border : 1px solid #000000;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 10px;
 font-weight : normal;
 text-align : left;
 width : 350px;
}

A.txtlink {

   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #FFFFFF;   font-size : 11px; font-weight: bold; TEXT-DECORATION: none; 

}
A.MenySmall {

   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #FFFFFF;   font-size : 10px; font-weight: normal; TEXT-DECORATION: none; 

}

A.txtlink:VISITED {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	font-size : 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

A.txtlink:ACTIVE {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #99CCFF;
	font-size : 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

A.txtlink:HOVER {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #99CCFF;
	font-size : 11px;
	TEXT-DECORATION: bold;
	font-weight: bold;
}

TD.kurstyp {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	font-size : 10px;
	TEXT-DECORATION: none;
	font-weight: bold;
}

p{margin:0;padding: 0 10px -1em}
div#container{width:745px;margin: 0 auto;padding:10px 0;text-align:left}

div#content{float:left;width:370px;padding:10px 0;background: #c7d3e0}
div#nav{float:right;width:370px;padding:10px 0;background:#c7d3e0}

div#contentshop{float:left;width:125px;padding:10px 0;background: #c7d3e0}
div#navshop{float:right;width:615px;padding:10px 0;background:#ffffff}

div#contentkurs{float:left;width:150px;padding:10px 0;background: #c7d3e0}
div#navkurs{float:right;width:590px;padding:10px 0;background:#c7d3e0}
div#praktikkurs{float:left;width:590px;padding:10px 0;background:#c7d3e0}

div#distansmeny{float:left;width:745px;padding:10px 0;background: #c7d3e0}

a.first{
	position: relative;
	z-index: 0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #092869;
	font-size : 10px;
	TEXT-DECORATION: none;
	visibility: visible;
	overflow: hidden;
}

div.first{
background-color:#999999;
float:left;
left:10px;
border: 1px solid gray;
width:370px;
padding:10px 0;
margin: 0 auto;
text-align:left;
z-index: 500;
visibility:hidden;
}
div.first:hover { /*CSS for enlarged image on hover*/
visibility: visible;/*position where enlarged image should offset horizontally */

}
div.first:active { /*CSS for enlarged image on active*/
visibility: visible; /*position where enlarged image should offset horizontally */
}

img.fade
{
opacity:1;
filter:alpha(opacity=100)
}

A.Cookielink {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #333333;
	font-size : 9px;
	TEXT-DECORATION: none;
}

A.Cookielink:VISITED {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #333333;
	font-size : 9px;
	TEXT-DECORATION: none;
}

A.Cookielink:ACTIVE {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #333333;
	font-size : 9px;
	TEXT-DECORATION: none;
}
A.Cookielink:HOVER {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #333333;
	font-size : 9px;
	TEXT-DECORATION: underline;
}