body { 
background-image:url(images/bg_grey_fade.jpg);
background-repeat: repeat-x;
 background-color:#7197a8;
 line-height: 1.1;
} html,body { height:100%;}

#fullheight { height:100%; }

.tabletop {background-image: url(images/logga2.jpg);background-repeat: no-repeat;background-color: #FFFFFF; height: 120px; width: 760px; padding:0;}
.tablemeny { height: 10px; }

#ImageBG { background-image: url(images/ImageBG.gif); background-repeat:repeat-x; height: 70px; padding: 5px;}

#menuBg { 
	background-image:url(p7exp/images/p7exp_mbar.jpg);
	background-repeat: repeat-x;
	height: 25px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px
}

#borderUnder {
	border-bottom-style:solid;
	border-bottom-color:#999999;
	border-bottom-width:1px;
}

.tablerightbg {
	width: 145px; border-right-style: solid; border-right-width:1px; border-right-color: #000000; height: 100%;
}

.maintext {font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;font-size: 11px;}
	.maintext  a:link, a:active, a:visited {color: #000000; text-decoration: none;}
	.maintext  a:hover {color: #996600;text-decoration: none;}


.h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:11px;}
	.h1  a:hover {color: #996600;text-decoration: none;}
	.h1  a:link, a:active, a:visited {color: #000;text-decoration: none;}

.h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:14px; color: #006666; }
	.h2  a:hover {color: #996600;text-decoration: none;}
	.h2  a:link, a:active, a:visited {color: #006666; text-decoration: none;}

.snabbfakta {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	line-height: 1.5em;	
}
	.snabbfakta  a:link, a:active, a:visited {color: #000;text-decoration: none;}
 	.snabbfakta  a:hover {color:#996600; text-decoration: underline; } 
	
.bottom {
	background-image: url(images/bgbottom.gif);
	height:30px;
	width:760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #00365B;
	text-align: center;
	vertical-align: middle;
}
	.bottom  a:link, a:active, a:visited {text-decoration: none; } 
	.bottom  a:hover {text-decoration: none;color: #f5f5f5;}
	
/*onMouseOver effekten i menyn*/
tr.off {font-family:Verdana, Arial, Helvetica, sans-serif;color: #ffffff;font-size: 11px;background-color: #374f59;}
tr.on {font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;font-size: 11px;background-color:#537a89;}
.linkcolorTR a:link {color:#FFFFFF;text-decoration: none;}
.linkcolorTR a:active {color:#FFFFFF;text-decoration: none;}
.linkcolorTR a:visited {color:#FFFFFF;text-decoration: none;}
.linkcolorTR a:hover {color:#FFFFFF;text-decoration: none;}

/* Image folder viewer */
td.off {font-family:Verdana, Arial, Helvetica, sans-serif;color: #ffffff;font-size: 11px;background-image:url(images/folder.gif)}
td.on {font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;font-size: 11px;background-image:url(images/folder_green.gif)}
#folder { width: 109px; height:86px; }
#thumbnail{ 
padding: 10px 0 2px 0;
border: 0px solid black;
}

/* End Image folder viewer */

/*formulärfälten*/
.formstyle {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;border:1px;border-style:solid;background-color:#f5f5f5;border-color: #666666;color: #000;}
	
/* Image style */
.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
	}

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

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

}