:root {
	--MainBoxColor:#00355f;
	--MainBoxColorBorder:#005d95;
}

.rubrik1 {
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:22px;
}
.rubrik1vit {
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:22px;
	color:#ffffff;
}
.rubrik2 {
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:22px;
	line-height:30px;
}
.rubrik3 {
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:22px;
	padding-top:25px;
}
.rubrik4 {
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:22px;
	padding-top:25px;
	padding-bottom:25px;
}
.beskrivning {
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:14px;
	padding-bottom:25px;
}
.navigering {
	background:var(--MainBoxColor);
	border-color:var(--MainBoxColorBorder);
	border-style:solid;
	border-width:1px;
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:14px;
	line-height:21px;
	color:#ffffff;
	padding:5px;
	display:flex;
	width:100%;
}
.box {
	background:#00355f;
	border-color:#005d95;
	border-style:solid;
	border-width:1px;
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:14px;
	line-height:21px;
	color:#ffffff;
	padding: 10px;
	margin-top: 25;
}
.box2 {

}
.closebox {
	display:table;
	padding-right:4px;
	margin-left:auto;
	cursor:pointer;
}
.boxrubrik {
	background:#00355f;
	border-color:#005d95;
	border-style:solid;
	border-width:1px;
	font-family:'Ester Blenda',Arial,sans-serif;
	font-size:14px;
	line-height:16px;
	color:#ffffff;
}
.meddelanderuta {

}
.meddelande {

}
.felmeddelande {
	color:#ff0000;

}
.click {
	cursor:pointer;
}
.table {
	display:table;
}
.tr {
	display:table-row;
}
.tr:hover {
	background:#cccccc;
}
.tr2 {
	display:table-row;
}
.tr-head {
	display:table-row;
}
.td {
	display:table-cell;
	padding:4px;
	font-family:'Ester Blenda',Arial,sans-serif;
	vertical-align: middle;
}
.outer {
	width:100%;
}
.inner {
	margin:auto;
	display:table;
}
.button {
	cursor:pointer;
}
.BigButton {
	display:inline-block;
	/*opacity: 0.2;*/
	background-color:#eeeeee;
	margin:2px;
	cursor:pointer;
	font-size:20px;
	font-family:'Ester Blenda',Arial,sans-serif;
	border-color:#00355f;
	border-style:solid;
	border-width:2px;
	border-radius: 12px;
	padding:4px;
	color:#000000;
}

.MediumButton {
	display:inline-block;
	/*opacity: 0.2;*/
	background-color:#eeeeee;
	margin:2px;
	cursor:pointer;
	font-size:14px;
	font-family:'Ester Blenda',Arial,sans-serif;
	border-color:#00355f;
	border-style:solid;
	border-width:2px;
	border-radius: 8px;
	padding:4px;
	color:#000000;
}

.blur { 
	-webkit-filter: blur(3px); 
	-moz-filter: blur(3px); 
	-o-filter: blur(3px); 
	-ms-filter: blur(3px); 
	filter: blur(3px); 
} 
.text {
	font-family:'Ester Blenda',Arial,sans-serif;
}
/*
.HoverWrapper .Hover {
	position:relative;
	bottom:30px;
	left:0px;
	visibility:hidden;
}

.HoverWrapper:hover .Hover {
	visibility:visible;
}
*/

.Hover {
  position: absolute;
  top: 0px;
  left: 25px;
  opacity: 0;
  transition: opacity .5s ease-in;
  background-color:#cccccc;
  color:#000000;
  padding:2px;
  
}

.HoverWrapper:hover + .Hover {
  opacity: 1;
}

.DatorSpacer {
	width:0px;
}
@media screen and (min-width:500px) { .DatorSpacer { width: 20px;} }