body {padding: 2em; margin: 0;  font-size: 0.7em; background-repeat: no-repeat; background-image:url(/restricted/UserFiles/file/FrontalBilder/helsingborg.jpg); } 


p {line-height: 1.8em; margin: 0 0 3px 0;}

/* sidlayout */
#layout { max-width: 100%; height: 450px; left:0px; top:0px; }


#kolumncontainer{position: absolute; top:0px; left:0px; width: 1250px; height:450px; }

#sidhuvud1 {position: absolute; left:0px; top:20px; width:100px; height:30px; font-size: 0.9em; margin: 0;}
#sidhuvud11 {position: absolute; padding:5px; left:0px; top:0px; width:200px; height:20px; font-color: 6865AD ;font-size: 0.9em; margin: 0; }
#sidhuvud2 {position: absolute; padding:7px; left:65px; top:75px; width:40px; height:40px; font-size: 0.9em; margin: 0;border-radius:5px 5px 5px 5px; background: #ffffff;}
#sidhuvud3 {position: absolute; padding:5px; left:0px; top:75px; width:40px; height:40px; font-size: 0.9em; margin: 0;border-radius:5px 5px 5px 5px;background: #ffffff;}



.scrollerkolumn1 {
 
  width: 240px;
  height: 180px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}


.scrollerkolumn2 {
  width: 590px;
  height: 380px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}


#kolumn3 {position: absolute; top:530px; width: 1250px; height: 200px; left:0px; color:#0B2867; background: #ffffff; color:#0B2867; background: #ffffff; padding: 10px;  font-size: 0.9em; border-radius:0px 0px 0px 0px; background-color: #F0EFEF; background-image: linear-gradient(#F0EFEF, #ffffff);}  

#sidfot {position: absolute; top:0px; left:260px; padding: 10px;  width: 600px; height:90px; }


a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Height=höjden på första menyraden. border= ram runt texten. border-radius=Rundade hörn  */
#cssmenu{ height:27px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; } 

/* Padding=vänstertab inne i första raden på menyn  margin= top marginalen*/
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; block:left; display:block; position:relative;}
 
/* Padding=radavstånd i menyn */
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:5px 20px; font:14px/100% Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 


#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:0px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:5px; border:5px solid transparent; border-top:5px solid #351C9D; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#A1A4A4; border-color:#A1A4A4; padding-bottom:12px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#A1A4A4; border-color:#989AA1;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:200; position:absolute; top:38px; padding:10px 0; background:#A1A4A4; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#8280B6; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#405BAD; background:-moz-linear-gradient(top, #405BAD 0%, #ffffff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#405BAD), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top, #405BAD 0%,#ffffff 100%); background:-o-linear-gradient(top, #405BAD 0%,#ffffff 100%); background:-ms-linear-gradient(top, #405BAD 0%,#405BAD 100%); background:linear-gradient(top, #405BAD 0%,#405BAD 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#405BAD', endColorstr='#405BAD',GradientType=0 ); } 
#cssmenu{border-color:#989AA1;} 
#cssmenu > ul > li > a{border-right:0px solid #000000; color:#8280B6;} 
#cssmenu > ul > li > a:after{border-color:#000000;} 
#cssmenu > ul > li > a:hover{background:#989AA1;}
#cssmenu > ul > li > a:hover{text-decoration: none;}

#cssmenu > ul > li > a:hover{border-radius: 5px;}
#cssmenu > ul > li > a:hover{background-image: linear-gradient(#989AA1, #ffffff);}

/*Stajlamenytext klickad text i kolumn 2*/
a.stajlamenytext:hover, a.stajlamenytext:active {font-size: 110%; color: #70706F}




.logoutknapp { 
	font-family: verdana, comic sans MS, Trebuchet MS;
	background-color: #6865AD; background-image: linear-gradient(#6865AD, #ffffff);
	font-weight: bold;
	letter-spacing: 0px;
	word-spacing: 0px;
	text-decoration:none;
	font-size:8px;	
	color: #ffffff;
	border-radius:5px 5px 5px 5px;
	border-style: none;	
	}

#logoutbox{
	position: absolute;
	font-size:8px;
	top: 75px; 
	left: 0px;
	visibility: visible 
	font-family: verdana
	border-style: none;
	}
				
.etikett {
				font-family: verdana, comic sans MS, Trebuchet MS;
				background:#646B7A; background:-moz-linear-gradient(top, #646B7A 0%, #ffffff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#646B7A), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top, #646B7A 0%,#ffffff 100%); background:-o-linear-gradient(top, #646B7A 0%,#ffffff 100%); background:-ms-linear-gradient(top, #646B7A 0%,#646B7A 100%); background:linear-gradient(top, #646B7A 0%,#646B7A 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#646B7A', endColorstr='#646B7A',GradientType=0 );
				font-weight: bold;
				letter-spacing: 0px;
				word-spacing: 0px;
				text-decoration:none;
				font-size:11px;
				line-height: 25px;
				color: #ffffff;
				background-color: #F0EFEF;
				border-color: #E1E2E2;
				border-style: single;
				padding:0px 25px;
				font-size:xsmall
			}


.etikettwo {
				
				float: left;
				clear: right;
				margin: 0px;
				padding-top: 5px;
				padding-left: 10px;
  				padding-right: 10px;
 				padding-bottom: 5px;				 
				color: #ffffff;
				background-color: #8CA8CA;
				border-radius: 2px;
				box-shadow:
				inset 5px 5px 5px rgba(255,255,255, 0.7),
				inset -5px -5px 5px rgba(6,49,101, 0.5),
				inset 5px 5px 50px 50px rgba(140,168,202, 1),
				5px 5px 5px rgba(6,49,101, 0.4);
			}



.etiketthree {
				
				float: left;
				clear: right;
				margin: 20px;
				padding-top: 5px;
				padding-left: 10px;
  				padding-right: 10px;
 				padding-bottom: 5px;				 
				color: #ffffff;
				background-color: #E2E1E1;
				border-radius: 2px;
				box-shadow:
				inset 5px 5px 5px rgba(255,255,255, 0.7),
				inset -5px -5px 5px rgba(0,0,0, 0.5),
				inset 5px 5px 50px 50px rgba(159,120,0, 1),
				5px 5px 5px rgba(0,0,0, 0.4);
			}


.etikettfour {
				font-family: verdana, comic sans MS, Trebuchet MS;
				font-weight: bold;
				letter-spacing: 0px;
				word-spacing: 0px;
				text-decoration:none;
				font-size:13px;
				line-height: 35px;
				color: #ffffff;
				background-color: #646B7A;
				border-color: #FFFFFF;
				border-style: double;
				font-size:large
			}

.etikettfive {
				
				float: left;
				clear: right;
				margin: 0px;
				padding-top: 1px;
				padding-left: 5px;
  				padding-right: 5px;
 				padding-bottom: 1px;				 
				color: #ffffff;
				background-color: #8CA8CA;
				border-radius: 2px;
				box-shadow:
				inset 5px 5px 5px rgba(255,255,255, 0.7),
				inset -5px -5px 5px rgba(6,49,101, 0.5),
				inset 5px 5px 50px 50px rgba(140,168,202, 1),
				5px 5px 5px rgba(6,49,101, 0.4);
			}