/* layout */

body {padding: 0em; margin: 0; font: 0.7em Helvetica, sans-serif; color: #ffffff; }

#bg_image { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; color: #000000;}

#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }



/* text */

h1 {padding: 0,7em; margin: 0; font: 1.0em Helvetica, sans-serif; color: #ffffff;}

h2 {padding: 0,7em; margin: 0; font: 1.0em Helvetica, sans-serif; color: #6666ff;}

h3 {margin: 10px 0 5px 0; letter-spacing: 0.1em; font: normal 1.5em Helvetica, sans-serif; color: #6666ff; } 

h4 {padding: 0,7em; margin: 0; font: 0.8em Helvetica, sans-serif; color: #6666ff;} 

p {margin: 0 0 5px 0;}

a{border-bottom: 1px dotted #000000; text-decoration: none;}



/* links and pics */

a:link{ color: #ffffff;}

a:active { text-decoration: underline; color: #ccccff;}

a:visited{ color: #ffffff;}

a:hover{ text-decoration: underline;}

img.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }



/* layout */

#layout {width: 100%; padding: 0em; margin: 0em; background: #000000;}
#sidhuvud {padding: 10px; margin: 0; background: #a1ba67;}
#kolumncontainer{float: left;}
#kolumn1 {float: left;}
#kolumn2 {float: left; width: 85em; padding: 1em; background: #000000;}
#kolumn3 {float: left; width: 85em; padding: 1em; background: #000000;}
#opacitybox{float: left; margin: 0; width: 18em; padding: 1em; background: #000000;}


/* CSS menu */

h1 {font: 150% Helvetica, sans-serif; color: #ffffff;}

#meny{
	width: 18em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 100% Helvetica, sans-serif;
	letter-spacing: 0.1em;}
#meny li{margin-bottom: 0.8em;}
#meny a{
	display: block;
	width: 18em;
	height:100%;
	background: #000000;
	padding: 1em;
	text-decoration: none;
	border: 0px;
}
#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: #6666ff;}
#meny a#current{background: #ccccff; color: #000000;}



/* thumbnailviewer */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #000000;
border: 1px solid black;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link*/
font: bold 10px Helvetica;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image*/
background-color: black;}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;}