@charset "utf-8";

/* basinställningar
-------------------------------------------------------- 
*/
html, body, figure, h1 {margin:0;padding:0;}

body{font-family:Helvetica, sans-serif;color:#333;}

h1{font-size:30px; text-transform:uppercase; text-align:center;margin:10px 0px;}

/* always show scrollbar to the right  */
html { overflow-y: scroll; }

div#content {
	margin:0 auto;
	width:960px;
	padding:0;
	background-color:#eee;
}

h1#sajtrubrik {font-size:100px;font-weight: bold;text-transform:none;}

nav.topmenu {
	font-family: arial;
	font-weight: bold;
	padding: 2px 12px;
	background-color:#333;
	border:2px solid #858585;
}
nav.topmenu a {padding:10px 12px;text-decoration:none;border:2px solid transparent;color:#fff;}
nav.topmenu :first-child {margin-left:230px;}
nav.topmenu a:hover {background-color:rgba(100,200,100,0.5);border:2px solid #656565;border-radius: 10px;}
nav.topmenu #current {
	background-color:rgba(200,100,100,0.5);border:2px solid #656565;border-radius: 10px;
}

section.bas {
	padding:10px;
	background-color:#fcfcfc;
}

p.special {padding:10px 20px 0px 20px;font-weight:bold;}
footer{padding:10px 0px; background-color:#aaa; text-align:center; border-top:1px black solid;}

/*  fix vid flytande element */
div#content {overflow:auto;}

/* sidstrukturer
-------------------------------------------------------- 
*/

/* sida med centrerad kolumn */
.centrerad-kolumn {width:500px;margin:auto; background-color:#fcfcfc; border-left:1px black solid; border-right:1px black solid;}

/* sida med undermeny */
nav.submenu {
	font-family: arial;
	font-weight: bold;
	padding: 12px 12px;
	background-color:rgba(200,100,100,0.5);
	border:2px solid #858585;
}
nav.submenu a {padding:10px 12px;text-decoration:none;border:2px solid transparent;color:#000;}
nav.submenu :first-child {margin-left:150px;}
nav.submenu a:hover {background-color:rgba(100,200,100,0.5);border:2px solid #656565;border-radius: 10px;}
nav.submenu #subcurrent {
	background-color:rgba(200,100,100,0.5);border:2px solid #656565;border-radius: 10px;
}

/* sida med två kolumner */

/* frågor o svar sida */
div.fos {
	border-left:1px black solid;
}
div.fos nav,div.fos section {
	padding:10px 20px;
}
.fosleft {
	width:350px;
	float:left;
}
.fosright {
	width:527px;
	float:left;
	background-color:#fcfcfc; border-left:1px black solid; border-right:1px black solid;
}
.faq li {
	margin-bottom:10px;
}
div.fos h2 {
	font-size:18px;
}
/* kommentar */

fieldset {
	border:2px black solid;
	border-radius: 10px;
	box-shadow: 3px 3px 10px white; 
	padding:10px;
}
legend {
	padding:5px;
	font-weight: bold;
	color:#f00;
}
label {
	border-radius: 5px;
	padding:5px;
	margin-bottom:20px;
}
input {
	color:black;
	border:1px black solid;
	background-color: white;
	box-shadow: inset 2px 2px 10px 0px #000; 
	padding:3px;
	border-radius: 5px;
}
textarea {
	color:black;
	border:1px black solid;
	background-color: white;
	box-shadow: inset 2px 2px 10px 0px #000; 
	padding:3px;
	border-radius: 5px;
}
button {
	color:white;
	font-family:inherit;
	font-size:100%;
	font-weight:bold;
	border:3px #fff solid;
	background-color: black;
	box-shadow: inset 2px 2px 10px 0px #fff; 
	padding:5px;
	border-radius: 5px;
}
input:focus, textarea:focus{
	background-color: #0f0;
}
button:focus {
	color: #0f0;
}
/* om */
figure {
	width:138px;
	float:left;
	margin-right: 20px;
}
img {
	width:136px;
	height:180px;
	border:1px black solid;
	margin-bottom:10px;
	border-radius: 10px;
}
p.omright {
	width: 450px;
	float:left;
}
.om {
	overflow:auto;
}

/* undersidor till hur */
.hur-subpage {
	width:938px;
	border-left:1px black solid; border-right:1px black solid;
}
.hur-subpage h2 {
	text-align:center;
}
caption {
	font-size:110%;
	font-weight:bold;
	background-color:#ffc;
	padding:20px;
}
table {
	background-color:#efe;
	width: 900px;
	margin:auto;
	margin-top:20px;
}
th {
	border-top:1px black solid;
	border-bottom:1px black solid;
	background-color:#fee;
	width:50%;
}
td {
	vertical-align: top;
	border-bottom:1px black solid;
	padding:10px;
}
tr :first-child {
	
}
tr.levelaa {
	background-color:#eef;
}
.exempel {
	font-weight: bold;
	font-size:90%;
}
.kod {
	font-family:"Courier New", Courier, monospace;
}
.hur-subpage ol li {
	margin-bottom: 10px;
}
h2.krav132 {
	letter-spacing: 1em;
}
.kontrastcheck1 {
	color:#000;
	background-color:#f00;
	font-size:16px;
	font-weight:bold;
}
.kontrastcheck2 {
	color:#000;
	background-color:#fff;
	font-size:16px;
	font-weight:bold;
}
.kontrastcheck3 {
	color:#f00;
	background-color:#fff;
	font-size:16px;
	font-weight:bold;
}

/* sajtkarta */
ul.sajtkarta, ul.sajtkarta ul {
	list-style-type:square;
}

/* allalankar */
li {
	margin-bottom:5px;
}