body {padding: 2em;	margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;background-image:url(/någonbakgrundsbild.jpg);} 


h1 {margin: 0 0 0.5em 0; font-size: 2em;}
h2 {margin: 0 0 0.5em 0; font-size: 2.5em;}
h3 {margin: 1em 0 0.5em 0; font-size: 1.5em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;}
h5 {text-transform:uppercase;}
p {line-height: 1.8em; margin: 0 0 5px 0;}

/* sidlayout */
#layout { width: 1250px; background-color:#FFFFFF;	border-top: 1px solid #FFFFFF; border-right: 0px solid #E1E2E2; border-left: 0px solid #E1E2E2; margin-right: auto; margin-left: auto;}
#sidhuvud { padding: 10px; margin: 0;background-color:#FFFFFF;}
#kolumncontainer{float: left; width: 1250px;background: #ffffff; margin-right: auto; margin-left: auto;}
#kolumn1 {float: left; width: 240px; height: 500px; padding: 10px;	background: #E1E2E2;}
#kolumn2 {float: left; width: 852px; height:500px; padding: 10px;	background: #ffffff;} 
#kolumn3 {float: left; width: 150px; height: 500px; padding: 10px; background: #ffffff; border-left: 2px solid #E1E2E2;} 

#sidfot {clear: both; padding: 10px; height:30px; border-bottom: 1px solid #ffffff;border-top: 2px solid #E1E2E2;background: #ffffff;}


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

#cssmenu{ height:37px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 11px/100% Arial, Helvetica, sans-serif; text-align:center; 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:1px 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:6px; border:5px solid transparent; border-top:5px solid #E1E2E2; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#E1E2E2; border-color:#FFFFFF; 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:#E1E2E2; border-color:#FFFFFF;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#E1E2E2; 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:#515152; 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:#ffffff;} 
#cssmenu > ul > li > a{border-right:0px solid #ffffff; color:#ffffff;} 
#cssmenu > ul > li > a:after{border-color:#ffffff;} 
#cssmenu > ul > li > a:hover{background:#E1E2E2;}
#cssmenu > ul > li > a:hover{text-decoration: none;}

.logoutknapp { 
				font-family: verdana, comic sans MS, Trebuchet MS;
				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 );
				font-weight: ;
				letter-spacing: 0px;
				word-spacing: 0px;
				text-decoration:none;
				font-size:10px;
				line-height: 10px;
				color: #ffffff;
				
				
				
			}

#logoutbox{
				position: absolute;
				font-size:8px;
				top: 0px; 
				left: 40px;
				width: 0px;
				Height:0px;
				padding-left: 0px;
				padding-right: 0px;
				visibility: visible 
				font-family: verdana
				
				
	
			}
			
.rubrikone {			top: 0px 
				width:200px 
				height:40px				
				font-family: verdana, comic sans MS, Trebuchet MS;
				font-weight: bold;
				letter-spacing: 0px;
				word-spacing: 0px;
				text-decoration:none;
				font-size:11px;
				color: #040479;								
			}

.rubriktwo {			
							
				font-family: verdana, comic sans MS, Trebuchet MS;
				font-weight: bold;
				
				text-decoration:none;
				font-size:11px;
				color: #040479;								
			}


.etikett {
				font-family: verdana, comic sans MS, Trebuchet MS;
				background:#040479; background:-moz-linear-gradient(top, #040479 0%, #ffffff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#040479), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top, #040479 0%,#ffffff 100%); background:-o-linear-gradient(top, #040479 0%,#ffffff 100%); background:-ms-linear-gradient(top, #040479 0%,#040479 100%); background:linear-gradient(top, #040479 0%,#040479 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#040479', endColorstr='#040479',GradientType=0 );
				font-weight: bold;
				letter-spacing: 0px;
				word-spacing: 0px;
				text-decoration:none;
				font-size:11px;
				line-height: 25px;
				color: #ffffff;
				background-color: #040479;
				border-color: #ffffff;
				border-style: none;
				padding:6px 12px;
				
			}


.etikettwo {
				font-family: verdana, comic sans MS, Trebuchet MS;
				font-weight: bold;
				letter-spacing: 0px;
				word-spacing: 0px;
				text-decoration:none;
				font-size:11px;
				line-height: 15px;
				color: #7679E1;
				background-color: #E2E1E1;
				border-color: #E1E2E2;
				border-style: single;
				font-size:xsmall
				padding:6px 12px;
			}

.etiketthree {
				font-family: verdana, comic sans MS, Trebuchet MS;
				font-weight: bold;
				letter-spacing: 0px;
				word-spacing: 0px;
				text-decoration:none;
				font-size:12px;
				line-height: 35px;
				color: #ffffff;
				background-color: #E2E1E1;
				border-color: #E1E2E2;
				border-style: double;
				font-size:small
			}


.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: #405BAD;
				border-color: #FFFFFF;
				border-style: double;
				font-size:large
			}



.scroller {
  width: 751px;
  height: 470px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

/*Förstorar klickad text */
a.ex2:hover, a.ex2:active {font-size: 130%; color: #0F4A79}



.scrollerpplats {
  width: 100px;
  height: 200px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

.scrollervaktm {
  width: 300px;
  height: 480px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

.scrollerlegenhet {
  width: 220px;
  height: 250px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}


.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}