body {
	margin: 0;
	padding: 0;
	color: #000000;
	width: 100%;
	background-color: #f3f3f3;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.85em;
	}
	
img {
	border: 0;
	}

input, textarea, button {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 1em;
	}

input[type=submit], input[type=button], .toggle-label {
	color: #000;
	border:1px solid #999;
	text-decoration:none;
	padding:0.5em 0.7em 0.5em 0.7em;
	border-radius:10px;
	background-color:#f6f6f6;
	-webkit-appearance: none;
	}

input[type=submit]:active, .toggle-label:active {
	background-color: #e2e2e2;
	}

input[type=submit]:focus {
	outline: 0;
	background-color: #f3f3f3;
	}

input[type="checkbox"], input[type="radio"] {
	transform: translate(0px);
	}
	
input[type="submit"]:disabled, button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	}

.q-box input[type=submit], .main-login input[type=submit] {
	background-color:#fff;
}

.toggle-label {
	display: inline-block;
	}
	
a:link, .link, a:visited {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}
	
a:link, .link, #footer a:visited {
	color: #0645ad;
	}

a:visited, .navlinks a:visited {
	color: #471bae;
	}

.oversikt-link a:link, .oversikt-link a:visited {
	color: #0645ad;
	}

#cookie-message-wrap {
	background-color: #f3f3f3;
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
	opacity: 0.7;
	}

#cookie-message {
	padding: 0 20px 0 20px;
	}

#cookie-message form {
	text-align: right;
	}
	
#cookie-message input {
	margin:0 0 0 0.8em;
	}

#cookie-message a {
	color:#000;
	text-decoration: underline;
	}

.cookie-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.8em 0 0.8em 0;
	}
	
.cookie-box > * {
	flex: auto 1;
	}

#body-wrap {
	margin: 0 auto;
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
	min-width:670px;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #e8e8e8;
	}
	
#body-wrap-inner {
	margin: 0 auto;
	max-width: 980px;
	}	

#body-wrap-inner-medium {
	margin: 0 auto;
	max-width: 940px;
	padding: 0 20px 0 20px;
	}	

#body-wrap-inner-wide {
	margin: 0 auto;
	max-width: 960px;
	padding: 0 10px 0 10px;
	}
	
#body-wrap-exempel {
	margin: 1em;
	}
		
.boxspace, .boxspace-teoritest {
	margin: 0 auto;
	max-width: 960px;
	margin: 0 10px 0 10px;
	}

.lang-icon {
	color: #000;
	font-size: 0.9em;
	padding: 0.1em 0.3em 0.1em 0.3em;
	background: #fff;
	border: 1px solid #000;
	border-radius: 3px;
	}
	
	
	
		
/* Topp */

#top {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 34px;
	background-color: #2b6195;
	text-align: left;
	}

#top-inner {
	position: relative;
	margin: 0 auto;
	max-width: 950px;
	padding: .8em 10px 0 20px;
	font-size: .9em; 
	}

#top-right {
	position: absolute;
	top: 0;
	right: 200px;
	text-align: right;
	padding: .8em 0 0 0;
	}

#top a, .top-right-phone {
	margin: 0 1em 0 0;
	color: #b0c0d3;
	text-decoration: none;
	}

.top-right-phone a {
	margin-right:0 !important;
	}	
			
.top-right-phone {
	background-image: url(https://cdn.korkortonline.se/images/site/phone.svg);
	height: 14px;
	width: 14px;
	background-size: 14px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	}	
	
.search-right {
	position: absolute;
	top: 6px;
	right: 20px;
	}

.search-right input {
	padding: 2px 5px 2px 23px;
	height: 16px;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 150px;
	opacity:.7;
	background-image: url(https://cdn.korkortonline.se/images/site/search-icon.svg);
	display: inline-block !important;
	background-size: 15px 15px;
	background-position: 4px center;
	background-repeat: no-repeat;
	float: right
	}

.search-right input:focus {
	outline-width: 0
	}
	
.top-logo {
	background-image: url(https://cdn.korkortonline.se/images/site/korkortonline-logo-white.svg);
	height: 40px;
	width: 171px;
	background-size: 171px;
	background-position: center center;
	background-repeat:no-repeat;
	display: inline-block;
	margin: 20px 0 20px 20px;
	position: absolute;
	}

.top-logo a {
	display: block;
	height: 40px;
	width: 171px;
	}
		
.main-login {
	margin: 0 auto;
	max-width: 27em;
	background-color: #f3f3f3;
	padding: 0.2em 1.6em 0.5em 1.6em;
	border-radius: 10px;
	border: 1px solid #e8e8e8;
	margin-bottom: 2em;
	clear: both;
}	

.main-login-message {
	text-align: center;
}

.main-login-message p, .main-login-message ul {
	max-width: none;
}

.main-login-message ul {
	line-height: 2em;
}		
	
.main-login input[type="email"], .main-login input[type="password"], .main-login input[type="text"] {
	font-size:1.3em !important;
	width: 100%;
	box-sizing : border-box;
}
.inget-konto {
	color:#888888;
	text-align: center;
	margin: 3em 0 1em 0;
}

a.gray-button, a.red-button {
	color:#888888;
	text-align: center;
	display: inline-block;
	padding: 0.6em 0.8em 0.6em 0.8em;
	border:1px solid #b0b0b0;
	border-radius: 10px;
	clear: both;
	margin-bottom: 1em;
}

a.gray-button:hover {
	color:#55a74a;
	border:1px solid #55a74a;
	text-decoration: none;
}

a.red-button:hover {
	color:#de4747;
	border:1px solid #de4747;
	text-decoration: none;
}
















	
/* Huvudmenu */
.resp-pop-menu {
	display: none;
}
.menu-block {
	display: block;
}
#menu a:link, #menu a:visited, #menu a:hover {
	color: #ffffff;
	background-color: inherit;
	text-decoration: none
	}

#menu-bar {
	width: 100%;
	height: 80px;
	}

#menu-bar.teoritest {
	border-bottom: 0;
	}

#menu-wrap {
	max-width: 980px;
	margin: 0 auto;
	}

.sb {
	margin-right: 0.5em;
	width: 140px;
	} 	 
	 
#menu {
	font-size: 1.05em;
	position:absolute;
	display: inline-block;
	margin-left:215px;
	}
	
#menu ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	height: 80px;
	max-width: none;
	overflow:hidden;
	}

#menu ul li {
	display: inline;
	padding: 0;
	text-align: center;
	float: left;
	overflow:hidden;
	}

#menu ul li a {
	display: block;
	padding: 1.7em 1.7em 1.7em 1.7em;
	overflow:hidden;
	}

#menu ul .show-resp {
	display: none;
	}
	
#menu ul li a.current, #menu ul li a:hover { 
	background-color: #5285b6;
	overflow: hidden;
	}  
	
#menu ul li a:active {
	display: block;
	background-color: #5b8fc1;
	box-shadow: inset 0 0 3px #24588a;
	}
	 
#menu-bar {
	background-color: #3a71a7;
	}
	
.sub-menu-bar {
	width: 100%;
	background-color: #5285b6;
	}

#sub-menu {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: 1.5em 0 1.5em 20px;	
	-webkit-padding-before: 1.6em;
	-webkit-text-size-adjust: none;
	clear:both;
	}

#sub-menu a {
	color: #fff;
	font-size: 0.85em;
	margin-left: 0.2em;
	text-decoration: none;
	}

#sub-menu a:hover {
	text-decoration: underline;
	}
		
.sub-menu-inne {
	position: relative;
	max-width: 940px;
	margin: 0 auto;
	padding: 1.3em 20px 1.2em 20px;
	color: #fff;
	-webkit-text-size-adjust: none;
	}

.sub-menu-inne a, .sub-menu-inne strong, .sub-menu-inne a:visited {
	color: #fff;
	margin-right: 1.2em;
	}

.sub-menu-inne a.nya-med-finns {
	margin: 0;
	text-decoration: none;
	}

.sub-menu-inne .nya-med {
	color: #00db00;
	text-decoration: none;
	margin-right: 0.8em;
	font-weight: bold;
	}
	
.sub-inne-right {
	position: absolute;
	top: 1.3em;
	right: 20px;
	}
	
.sub-menu-inne .sub-inne-right a {
	margin: 0 0 0 1.2em;
	}

.sub-menu-border {
	border-left:1px solid #376b9d;
	padding: 0.8em 1em 0.8em 0.6em;
	margin-left:1.8em;
	
}
	
#popup-content {
	margin: 1.5em 1em 1em 1em;
	}

.blank-page {
	margin: 1.8em 0 0 0;
	}
	
/* Sida med vänstermeny */

.colmask {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: visible;
	margin: 1.8em 0 0 0;
	}
	
.mainpage .colright {
	float: left;
	width: 200%;
	position: relative;
	left: 16em;
	}

.mainpage .col1wrap {
	float: right;	
	width: 50%;
	position: relative;
	right: 15.5em;
	padding-bottom: 1em;
	}

.mainpage .col1 {
	margin: 0 2em 0 17.8em;
	position: relative;
	right: 100%;
	width: auto;
	overflow: visible;
	}

.mainpage .col2 {
	float: left;
	width: 15em;
	position: relative;
	right: 14.5em;
	background-color: #f3f3f3; 
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	padding: 0.5em 0 0.8em 0;
	margin-bottom: 1.4em;
	}

.col2 a, .col2 a:visited { 
	display: block; 
	padding: 0.6em 1em 0.6em 1.4em;
	}

.col2 a:hover {
	text-decoration: none;
	background-color:#e8e8e8;
	}

.col2 strong {
	display: block; 
	padding: 0.6em 1em 0.6em 1.4em;
	}
	
.col2 p {
	margin: 0.3em 1em 0.4em 1em;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
	color: #585858;
	}
	
.col2 a+p, .col2 strong+p {
	margin-top: 1.3em;
	}

.anpassa {
	width: 60%;
	min-width: 350px;
}

.bc-wrap {
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #e8e8e8;
	margin: 0 0 1.6em 0;
	padding-bottom: 0.6em;
	font-size: 0.9em;
	}
		
.bc-inner {
	float: left;
	width: 100%;
	position: relative;
	right: 10%;
	}
	
.bc-left {
	width: 80%;
	left: 10%;
	color: #dadada;
	float: left;
	}
	
.bc-right {
	width: 20%;
	left: 10%;
	float: right !important;
	}

.bc-left, .bc-right {
	position: relative;
	padding: 0;
	overflow: hidden;
	}
	
.bc-left strong {
	color: #000;
	margin: 0 0 0 0.3em;
	}

.bc-left a {
	margin: 0 0.3em 0 0.3em;
	text-decoration: none;
	}

.bc-left .start {
	margin: 0 0.3em 0 0;
	}

.bc-right {
	text-align: right;
	}

.bc-right a {
	text-decoration: none;
	}

.bc-left a:hover, .bc-right a:hover {
	text-decoration: underline;
	}	

.bc-right .u a:hover {
	text-decoration: underline;
	}
	
.bc-right img {
	margin-right: 0.4em;
	vertical-align: middle;
	margin-bottom: 0.2em;
	text-decoration: none;
	}

#page-menu img {
	height: 1em;
	}

.sub-page-menu {
	font-size: 1em;
	display: block;
	border: 1px solid #e8e8e8;
	padding: 0.4em 1em 0.4em 1em;
	margin: 0 0 0 1em;
	background-color: #f3f3f3;
	border-radius: 5px;
	clear:both;
	float:right;
	text-align:center;
	}
	
.sub-page-menu:hover {
	text-decoration: none;
	}

.close-sub-page-menu:hover, .close-sub-page-menu-top:hover {
	text-decoration: none;
	background: #fff !important;
	}

.sub-page-menu:visited, .close-sub-page-menu:visited, .close-sub-page-menu-top:visited {
	color: #0645ad;
	}

.close-sub-page-menu, .close-sub-page-menu-top {
	display: block;
	border: 1px solid #e8e8e8;
	padding: 0.5em 0 0.5em 0 !important;
	margin: 1em 3em 1.5em 3em;
	width: auto;
	background-color: #fff;
	border-radius: 10px;
	
	text-align:center;
	}

.close-sub-page-menu-top {
	margin: 1.5em 3em 0.5em 3em;
	}
	
.exempel-frame {
	border-radius: 10px;
	margin-left: 10px;
	height: 500px;
	width: 97%;
}

.exempel-screen a:link {
	text-decoration: none;
	}
.exempel-screen a:hover {
	text-decoration: underline;
	}
.exempel-screen img {
	margin-bottom: 0.5em;
	}

/* Footer */
	
#footer {
	font-size: 0.95em;
	position:relative;
	margin: 0 auto;
	color: #474646;
	-webkit-text-size-adjust: none;
	max-width: 970px;
	line-height:1.5em;
	margin-top:0.8em;
	margin-bottom:2.5em;
	clear:both;
	text-align: center;
	}
	
#footer a {
	text-decoration: none;
	margin: 0 0.5em 0 0.5em;
	}		

.footer-space {
	margin: 0 0.5em 0 0.5em;
	}

.footer-space a, #footer .footer-space a:visited {
	color: #474646;
	}
	
.footer-links {
	margin: 0.3em 0 1.5em 0;
	line-height: 2.3em;
	}
	
/* h1, p, ul etc. */	
	
h1, .h1-like {
	margin: 0 0 0.5em 0;
	font-size: 2.6em;
	font-weight: normal;
	word-wrap: break-word;
	}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	clear: left;
	}
	
h3 {
	margin: 1em 0 1em 0;
	font-size: 1.1em;
	font-weight: bold;
	}	
	
p {
	margin: 1em 0 1em 0;
	max-width:45em;
	line-height: 1.4em;
	}

.big-h {
	font-size: 3em;
	padding: 0;
	margin: 0 0 0.6em 0;
	}
	
.h1-resp {
	padding:0;
	}

.code {
	font-size: 1.4em;
	padding-left: 1em;
	font-family: "Courier New", Courier, monospace;
	}
	
.no-max p, .no-max {
	max-width: none;
	}

ul, ol {
	max-width:45em;
	}
	
.col1 li, .lispace li {
	margin: 0.5em 0 0.5em 0;
	}

.tip {
	cursor: help;
	color: #002bb8;
	}
	
.ref {
	text-indent: -40px;
	margin-left: 40px;
	}

.newsdate {
	margin-top: -0.7em;
	margin-bottom: -0.7em;
	}

p.last {
	margin-bottom: 0;
	}

.update {
	font-style: italic;
	margin-bottom: 0;
	font-size: 0.9em;
	text-align:center;
	max-width:none;
	}
	
.bold {
	font-weight: bold;
	}

.red, .red-check {
	color: #ef3939;
	}
	
.orange {
	color: #f08229;
	}

.green, .green-check {
	color:#138301;
	}
	
.purple {
	color: #b03cbe;
	}

.darkblue {
	color: #413eb5;
	}

.grey, .vmhr h2 {
	color: #999;
	}
	
.hl1 {
	background-color: #94ff99;
	}

.hl2 {
	background-color: #ffff66;
	}

.hl3 {
	background-color: #a0ffff;
	}

.hl4 {
	background-color: #ff9999;
	}

.hl5 {
	background-color: #ff66ff;
	}

.hl6 {
	background-color: #ca2929;
	}

.hl7 {
	background-color: #00aa00;
	}

.hl8 {
	background-color: #004699;
	}

.hl9 {
	background-color: #886800;
	}

.resh1 {
	padding-right: 0.5em;
	}
	
.redback {
	background-color: #ff9999;
	}

.highlight {
	background-color: #fdff38;
	font-weight: bold;
	}

.right {
	text-align: right;
	float: right;
	padding: 0 0 1em 1em;
	}

.hr, .hr-resp {
	border-top: 1px solid #e8e8e8;
	margin: 1em 0 1em 0;
	}

.vmhr {
	border-bottom: 1px solid #e8e8e8;
	min-height: 10em;
	clear: both;
	padding: 0.8em 0 0.8em 0;
	}

.vagmarken-oversikt { 
	float: left;
	margin: 0 1em 1em 0;
	width:60px !important;
	}

.teoribok-pris {
	margin-top:0.6em;
	font-size: 1.2em;
	}
	
.teoribok-data {
	color: #777;
	margin-top: 0.3em;
	}

.teoribok-exempel img {
	width:200px;
	box-shadow: 0px 0px 4px #ccc;
	margin:1em;
	}

.teoribok-miniatyrer {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	}
	
.teoribok-miniatyrer img {
	width:60px;
	box-shadow: 0px 0px 4px #ccc;
	margin:0.5em;
	}

.teoribok-miniatyrer-current {
	border:2px solid #000;
	}

/* Bildboxar */

.index-img-ex1 {
	width:235px;
	}

.teoritest-img-ex1 {
	width:230px;
	}
	
.teoritest-img-ex2 {
	width:460px;
	}

.colmask .teoritest-img-ex3 {
	max-width: 100%;
	height: auto;
	height: 250px;
	}
	
.box, .box-vm {
	position: relative;
	padding: 0 0 0 1em;
	float: right;
	}
	
.box-vm {
	width: 80px;
	text-align: center;
	}
	
.boxtext {
	margin: 0 0 0.4em 0;
	padding: 0.2em 0.4em 0.4em 0;
	font-style: italic;
	font-size: 0.9em;
	color: #333;
	}

.boxtext-wide {
	margin-top: 0.6em;
	margin-bottom: 2.5em;
	font-style: italic;
	color: #333;
	max-width: none;
	}

.cred {
	margin: 0;
	font-size: 0.6em;
	font-style: italic;
	}
	
.r {
	border-radius: 10px;
	}
	
.rb {
	border:1px solid #e8e8e8;
	border-radius: 10px;
	}

.rbs {
	border-radius: 10px;
	box-shadow: 0px 0px 4px #ccc;
	}

.klickbar {
	width: 640px;
	}

.klickbar-vm {
	width:300px;
	max-height:400px;
	}

.nb, .box img.nb {
	border: 0;
	border-radius: 0;
	}

.bs {
	margin-left: 4px;
	box-shadow: 0px 0px 4px #ccc;
	}

.installningar-width h2 {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 0.3em;
	font-size: 1.1em;
	}

/* Provyta */

.provyta {
	margin: 0.3em 10px 0 10px;
	}
	
.fraga {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0.5em 0 0 0;
	padding-bottom: 1.1em;
	border-bottom:1px solid #e8e8e8;
	max-width: 100%;
	}

.fraga-markerad {
	background-color: #c1e2fe;
	padding: 0.1em;
	margin-right: 0.5em;
	}

.nasta, .foregaende {
	display: block;
	min-width: 9em;
	width: 9em;
	}

.hlbutton input[type=submit] {
	min-width: 9em;
	font-size:1.5em;
	}
	
.nasta {
	margin: 2.5em 0 2.5em 0;
	}
	
.foregaende {
	margin: 0 0 1.7em 0;
	}

.sista-fragan {
	display: block;
	margin: 2.5em 0 2.5em 0;
	}
		
.antal-kvar {
	margin: 0 0.8em 0 1em;
	}

.provyta .img, .provyta .img-stor {
	float: right;
	background-color: #fff;
	padding-left: 1.3em;
	margin-bottom: 0.5em;
	}

.provyta .img video {
	max-width:640px;
	width:100%;
	}

.provyta .embed-video {
	width:100%;
	margin-bottom:1em;
	}

.video-iframe {
	padding:56.25% 0 0 0;
	position:relative;
	}

.video-iframe iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	}

.vm-max {
	max-width: 220px;
	max-height: 220px;
	}
		
.provyta .img-stor img {
	width: 640px;
	}
	
.provyta .img-forklaring {
	float: right;
	background-color: #fff;
	padding-left: 1.3em;
	margin-bottom: 2em;
	}

.provyta .alt .red-check, .provyta .alt .green-check {
	display: inline-block;
	width: 0.9em;
	margin-left: 0.4em;
	}

.provyta .alt {
	display: block;
	margin:0;
	padding: 1.2em 1em 1.2em 0;
	border-bottom:1px solid #e8e8e8;
	}

.provyta .alt input {
	margin: 0;
	}





.alt-container {
	display: flex;
	}
   
.alt-radio, .alt-radio-res, .alt-text, .alt-check {
	box-sizing: border-box;
	display: block;
	margin: 0;
	border-bottom:1px solid #e8e8e8;
	}
   
.alt-container label {
	display: block;
	margin: 0;
	padding: 1.2em 1em 1.2em 0.7em;
	}
	
.alt-radio, .alt-radio-res, .alt-check {
	width: 1%;    
	padding: 1.1em 1em 1.2em 0;
	}

.alt-check { 
	padding: 1.1em 1em 1.2em 0.3em;
	}

.alt-text {
	width: 100%;
	}





.teoritest-ex1 .fraga {
	margin: 0.5em 0 0 0 !important;
	padding-bottom: 0.4em !important;
	border-bottom:0 !important;
	}
	
.teoritest-ex1 .alt {
	padding: 0.6em 1em 0.6em 0 !important;
	border-bottom:0 !important;
	}

.light-green-back {
	background-color:#ecffe7;
	}
	
.light-red-back {
	background-color:#ffebec;
	}

.provyta h1 {
	margin-right: 0.3em;
	}
		
.spara {
	margin-left: 1em;
	}
	
.kontroller {
	position: relative;
	clear: both;
	width: 100%;
	overflow: hidden;
	padding: 1.3em 0 1.3em 0;
	}

.provyta-colright, .provyta-colmid, .provyta-colleft {
	float: left;
	width: 100%;
	position: relative;
	}
	
.provyta-col1, .provyta-col2, .provyta-col3 {
	float: left;
	position: relative;
	padding: 0;
	overflow: hidden;
	}

.provyta-botten .provyta-colmid {
	right: 33%;
	}
	
.provyta-botten .provyta-colleft {
	right: 34%;
	}

.provyta-botten .provyta-col1 {
	width: 34%;
	left: 100%;
	text-align: center;
	}
	
.provyta-botten .provyta-col2 {
	width: 33%;
	left: 33%;
	}

.provyta-botten .provyta-col2 img {
	margin: 0.2em 0 0 0;
	float: left;
	}
	
.provyta-botten .provyta-col3 {
	width: 33%;
	left: 67%;
	text-align: right;
	}

.provyta-botten .provyta-col1 input {
	margin-right:1em;
	}
	
.provyta .mark, #statistik .provyta .mark {
	margin: 0.2em 0.2em 0 0;
	float: left;
	border-radius: 0;
	}

.mark {
	width: 10px;
	}
	
.time, .marked {
	color: #777;
	}

.time {
	margin-left: 0.2em;
	}
	
.tid-kvar {
	margin-right: 0.8em;
	color: #777;
	font-weight: bold;
	}

.obesvarad {
	background-color: #f59e37;
	}

.markerad {
	background-color: #c1e2fe;
	}

tr.markerad:hover{
	background-color: #c1e2fe;
	}

.show-resp {
	display:none;
	}

.logga-in, .skapa-konto {
	background-color:#5285b6;
	border-radius:10px;
	display:inline-block;
	text-align:center;
	font-size:1.1em;
	float: right;
	margin-top: 1.5em;
	margin-right:20px;
	padding:0.6em 0.9em 0.5em 0.9em;
	}

.skapa-konto {
	margin-right: 0.8em;
	}

.inloggad-knapp-aktiv {
	padding-bottom: 2.4em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}	
	
	
a.logga-in, a.skapa-konto {
	display: inline-block;
	margin-left: 0;
	color: #fff;
}

.inloggad-knapp, .inloggad-knapp-aktiv, a.inloggad-knapp-aktiv:hover  {
	background-color:#5285b6;

}

.inloggad-knapp:hover, .logga-in:hover, .skapa-konto:hover {
	background-color:#5d8fc0;
	text-decoration: none;
	}

.sub-inne-right-email {
	font-size: 0.9em;
	}
	
/* /teoritest/ */





.teoritest-features h1 {
	font-size: 3.4em;
	margin-top: 1em;
	margin-bottom: 0;
	text-align: center;
	}
	
.teoritest-features h2 {
	font-size: 2.6em;
	margin-top: 1em;
	margin-bottom: 0.6em;
	}
	
h2.extra-feature {
	font-size:1.3em;
	margin-bottom:1.5em;
	text-align:center;
	}

.border-box h2 {
	font-size:2.3em;
	margin-top: 0.8em;
	padding: 0;
	margin-block-end: 0.3em;
	}

.grey-subtext {
	color: #828282;
	font-size: 1.5em;
	}
	
.teoritest-features .demo-button {
	font-size: 1.3em;
	margin-top: 3em;
	margin-bottom: 3.5em;
	}
	
.teoritest-features .demo-button a {
	display: inline-block;
	}

.teoritest-features p {
	font-size: 1.4em;
	line-height: 1.5em;
	color:#3a3a3a;
	max-width: 700px;
	}
	
.teoritest-features .hr {
	border-top: 3px solid #e8e8e8;
	margin: 8em 0 8em 0;
	}

.teoritest-features-center {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
	}

.teoritest-features-center p {
	max-width: none;
	}

.teoritest-features-badge {
	font-size: 1.3em;
	width: auto;
	display: inline-block;
	padding: 1.3em 1.1em 1.3em 1.1em;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 1px #515151;
	letter-spacing: 0.1em;	
	background-image: url(https://cdn.korkortonline.se/images/site/metal-badge.jpg);
	background-size: 100% 100%;
	}

.badge-big-text {
	font-size: 1.7em;
	display: block;
	margin-top: 0.3em;
	}
	
	
	








.teoritest-top {
	font-size:1.4em;
	text-align: center;
	margin: 1.5em 0 3em 0;
	}




.teoritest-top h1 {
	margin: 0.5em 0 0.5em 0;
	font-size:2em;
	}

.feature-list {
	margin-right: 1.2em;
}

.teoritest-ex1, .full-shadowbox, .index-teoritest-right, .exempel-frame {

	border-radius: 10px;
	
	border:1px solid #e8e8e8;
	box-shadow: 0px 0px 3px #e8e8e8;
	}

.index-teoritest-right .provyta, .teoritest-ex1 .provyta {
	padding: 0.6em 0.7em 1em 1em;
	}

.index-teoritest-right .provyta .rbs, .teoritest-ex1 .provyta .rbs {
	margin: 0.3em 0.3em 1em 1em;
	}

.index-teoritest-right .provyta .nasta, .teoritest-ex1 .provyta .nasta {
	margin-top: 1.8em;
	}

.teoritest-ex1 .provyta .mark {
	margin: 0.2em 0.3em 0 0;
	width: 10px;
	}	
.teoritest-ex1 .provyta .ratta {
	font-size: 0.9em;
	margin: 0.8em 0 0.4em 0;
	}
				
.teoritest-ex1 {
	margin:0 auto;
	max-width: 42em;
	}
			
.teoritest-ex1 .kontroller {
	margin: 0;
	padding: 0;
	}
	
.teoritest-ex1 .provyta, .full-shadowbox, .teoritest-ex1 .provyta .ratta {
	color: #333;
	}

.teoritest-ex1 .provyta img {
	margin: 0 0 0 0.6em;
	}

.teoritest-ex1 .provyta {
	color: #454545;
	}
	
		
.small {
	margin-left: 1em;
	font-size: 0.85em;
	}	
	
	
	
	
	
.teoritest-exempelbilder {
	text-align: center;
	}
	
		
.teoritest-exempelbilder img {
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	background-color: #fff;
	padding: 3px;
	width: 200px;
	display: inline-block;
	}
	
.teoritest-exempelbilder-thumb {
	display: inline-block;
	margin: 0 0.5em 2em 0.5em;
	}
	
/* Registreringsform */


#regbox-1 {
	float: left;
	width: 33%;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 0.8em;
	margin-bottom: 2em;
	margin-top:5em;
	text-align: center;
}

#regbox-2 {
	font-size: 1.1em;
	margin: 0 auto;
	width:34em;
	box-sizing: border-box;
	padding-left: 0.4em;
	padding-right: 0.4em; 
	margin-bottom: 6em;
	margin-top:1em;
	
}

.mest-sald, .mest-sald-ar, .most-popular {
	background-image: url(https://cdn.korkortonline.se/images/site/mest-salda.png);
	background-size: 60px 60px;
	background-position: 97% 50%;
	background-repeat:no-repeat;
}

.most-popular {
	background-image: url(https://cdn.korkortonline.se/images/site/most-popular.png);
}

.mest-sald-ar {
	background-image: url(https://cdn.korkortonline.se/images/site/mest-salda-ar.png);
	background-position: 4% 50%;
}

#regbox-3 {
	width: 33%;
	box-sizing: border-box;
	float: left;
	padding-left: 0.8em;
	margin-top: 5em;
	margin-bottom: 2em;
	text-align: center;
 
}

#regbox-2 .regbox-bg {
	color: #000;
	margin-right: 1.2em;
	margin-left: 1.2em;
}

.price-tag-display {
	color: #b12704;
	display: block;
	margin-top: 0.4em;
	font-size: 0.9em;
	}
	
#regbox-2 .pack-name {
	text-align: center;
	font-size: 1.3em;
	padding: 1.5em 1em 1.3em 1em;
}
	
#regbox-2 .price-container {
	background-color: #e8e8e8;
}

#regbox-3 .regbox-bg {
	color: #fff;
	background-color: #4c4c4c;
}

#regbox-3 .price-container {
	background-color: #3e3e3e;
	
}

#regbox-2 h2 {
	font-size: 1.3em;
}

.reg-step-2 {
	margin-top: 1em;
}

.regbox-img {
	text-align: center;
}

.regbox-img img {
	width:100%;
	margin-top:0.9em;
	margin-bottom:2em;
}

.features p {
	font-size: 1.1em;
	padding: 0.8em 0 0.8em 0;
	margin: 0;
}

#regbox-2 .underline {
	border-bottom: 1px solid #fff;
}

.pack-name {
	font-size: 1.2em;
	display: block;
	padding: 1.2em 0 1em 0;
}

.price-container {
	background:#b8b8b8;
	padding: 1.5em 0 1.5em 0;
	margin: 0;
}

.price-tag {
	color:#c23328;
	background: #fff;
	border-radius: 5px;
	padding: 0.6em 1em 0.5em 1em;
	font-size: 1em;
}

.pack-price-tag {
	text-align: center;
	margin-top:1.4em;
	}
	
.reg-h2 {
	text-align: center;
	margin-bottom: 0.6em;
	font-size:2.6em;
	}
	
.features {
	padding: 0.1em 1em 0 1em;
	margin: 0;
	font-size: 1.1em;
	text-align: left;
 
}

#regbox-2 .betala-knapp {
	margin: 1.7em 0 1.3em 0;
	background: #55a74a;
	border:none;
	font-size: 1.3em;
	text-shadow: none;
	color: #fff;
	}

	
#regbox-2 .betala-knapp:hover {
	background-color:#45973d;
	}




.registrera-top {
	margin: 0 auto;
	margin-bottom: 1.3em;
	font-size: 1.2em;
	text-align: center;
	}

.registrera-top p {
	margin: 0 0 0.4em 0;
	padding: 0;
	max-width: none;
	}
	
.registrera-top img {
	height: 12px;
	width: 12px;
	}
		
.registrera {
	position: relative;
	width: 28em;
	margin: 0 auto;
	padding: 1em 1.4em 1.4em 1.4em;
	font-size:1.1em;
	}

.registrera-typ {
	display: block;
	font-size: 0.95em;
	margin:0.5em 0 0.8em 0;
	padding: 1em 1em 0.8em 0.8em;
	background-color: #fff;
	border-radius: 10px;
	text-align: left;
	border: 2px solid #dddddd;
	}
	
.registrera-typ input {
	vertical-align:top;
	}	
	
.registrera-typ .pris {
	color: #b12704;
	padding-top: 0.3em;
	display: block;
	font-size: 0.9em;
	}

.reg-badge {
	background-size: 50px;
	background-position: 96% 50%;
	background-repeat:no-repeat;
	}

.epost-check, .kort-check, .swish-check {
	background-size: 80px;
	background-position: 95% 50%;
	background-repeat:no-repeat;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	}

.kort-check {
	background-image: url(https://cdn.korkortonline.se/images/site/betala-kort.svg);
	background-size: 100px;
	}

.swish-check {
	background-image: url(https://cdn.korkortonline.se/images/site/betala-swish.svg);
	background-size: 100px;
	}
	
.demo-radio {
	display: inline-block;
	font-size: 0.95em;
	margin:0.5em 0.4em 0.8em 0.4em;
	padding: 1em 1em 0.8em 1em;
	background-color: #f3f3f3;
	border:1px solid #ccc;
	border-radius: 10px;
	text-align: center;
	min-width: 2.2em;
	}
	
.demo-radio input {
	margin: 0 0 0.5em 0;
	padding: 0;
	}
	
.block-radio {
	display: inline-block;
	margin-left: 0.3em;
	}
.registrera-input {
	padding: 1em 0 0 0;
	}
		
.registrera input {
	font-size:1.1em;
	}

.registrera-input input {
	width: 100%;
	margin: 0.2em 0 0.9em 0;
	box-sizing: border-box;
	}
	
.registrera h2 {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 0.3em;
	margin: 0;
	font-weight: normal;
	font-size: 1.3em;
	}
	
.registrera-forlang {
	text-align: left;
	border-radius: 10px !important;
	}

h1.reg {
	margin: 1.6em 0 0.5em 0;
	text-align: center;
	}	

h2.reg {
	margin: 2em 0 0.7em 0;
	text-align: center;
	font-size: 1.7em;
	}
	
.betalsatt img {
	margin: 0.3em 0 0 0;
	}
	
.betalsatt {
	list-style: none;
	padding: 0;
	width: 100%;
	max-width: none;
	border: 0;
	}
	
.registrera-forlang .betalsatt {
	padding-top: 0.8em;
	padding-bottom: 1em;
	}
	
.betalsatt li {
	display: inline;
	padding: 0;
	margin: 0 0 0.5em 0;
	float: left; 	
	width: 50%;
	border: 0;
	}

.betalsatt input {
	padding: 0;
	margin: 0;
	}
		
.betala, .skapa-konto-kod  {
	clear: both;
	padding: 1em 0 0 0;
	text-align: center;
	}
	
.betala button:focus {
	outline: 0;
	}
	
.betala p {
	font-size: 1.3em;
	margin: 0.1em 0 1em 0;
	padding: 0;
	max-width: none;
	}
	
.betala-kort {
	height:30px;
	padding-top: 4px;
	}


	
.betala-knapp, .index-button, .upgrade-button, .start-button {
	background-color:#55a74a;
	border: 0;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:1.1em;
	padding: 0.45em 0.8em 0.4em 0.8em;
	text-decoration:none;
	text-align:center;
	margin-bottom: 0.2em;
	}
	
.betala-knapp:hover, .index-button:hover, .upgrade-button:hover, .start-button:hover {
	background-color:#45973d;
	}


.villkor {
	text-align: center;
	font-size: 0.9em;
	margin: 1em 0 0.8em 0;
	}

.demo-button {
	text-align:center;
	margin:5em 0 4em 0;
	font-size:1.1em;
}	

.demo-button a {
	color: #fff;
	background:#55a74a;
	padding-bottom: 0.2em;
	border-radius: 10px;
	padding: 0.7em
}		

.demo-button a:hover {
	background-color:#45973d;
	text-decoration: none;
	}		


/* Index */

.index-bg {
	text-align: center;
	
}

.index-bg h1 {
	padding-top: 1em;
	font-size: 4em;
}

.index-bg img {
	width: 450px;
	margin: 2em 0 2em 0;
}

.index-button {
	padding: 0.8em 1em 0.7em 1em;
	-webkit-padding-after: 0.65em;
	margin-top: 1em;
	}
	
.index-bg .index-button {
	margin: 1.5em 0 5em 0;
	}
	
a.index-button {
	color: #fff;	
	text-decoration: none;
	font-size: 1.4em;
	}

a.upgrade-button
	 {
	color: #fff;	
	text-decoration: none;
	font-size: 1em;
	}

.upgrade-button
	 {
	padding: 0.5em 0.8em 0.5em 0.8em;
	}

.start-button
	 {
	font-size: 1.5em;
	padding: 0.5em 0.8em 0.4em 0.8em;
	margin:0.5em 0 2em 0;
	}
		
.index-bg p {
	max-width: none;
	}






.index-50-50 {
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 1.8em 0 0 0;
	border-top: 1px solid #e8e8e8;
	}
	
.index-50-50-inner {
	float: left;
	width: 100%;
	position: relative;
	right: 50%;
	border-right: 1px solid #e8e8e8;
	margin-bottom: 1.5em;
	}

.index-50-50-left {
	width: 50%;
	left: 50%;
	}

.index-50-50-right {
	width: 50%;
	left: 50%;
	}
	
.index-50-50-left {
	padding: 0;	
	}
	
.index-50-50-left, .index-50-50-right {
	float: left;
	position: relative;
	overflow: hidden;
	}

.index-50-50-padding-right {
	padding-right: 2em;
	}
	
.index-50-50-padding-left {
	padding-left: 2.3em;
	}

.index-50-50 h2 {
	margin-top: 0;
	}
	
.index-50-50 p {
	margin-bottom: 0;
	}
	
table {
	border: solid;
	border-width: 0 0 1px 1px;
	border-color: #e8e8e8;
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	empty-cells: show;
	}

tr {
	padding: 0;
	margin:0;
	border-collapse: collapse;
	}

table.slim, table.slim td {
	border: 0;
	vertical-align: top;
	padding: 0;
	}
	
tr:hover {
	background-color: #f3f3f3;
	}

table.blank tr:hover, table.signs tr:hover {
	background-color: inherit;
	}

table.white tr:hover, table.slim tr:hover {
	background-color: #fff;
	}
	
thead {
	text-align: left;
	}
		
td, th {
	border: solid;
	border-width: 1px 1px 0 0;
	border-color: #e8e8e8;
	padding: 1em;
	font-weight: normal;
	}

td.bild {
	width: 1%;
	}

.rtd {
	text-align: right;
	}

.ctd {
	text-align: center;
	}

#click-table tr, #click-table tr, #click-table-blank tr {
	cursor: pointer;
	}

#click-table a:hover, #click-table-blank a:hover {
	text-decoration: none;
	}
		
.statistik-top-box table tr
	{
	cursor: default;
	}
	
.trtop, thead, thead tr:hover, .trtop td:hover {
	background-color: #f3f3f3;
	padding:  0.7em 1em 0.7em 1em;
	cursor: default;
	}

.trtop td, th {
	padding: 0.7em 1em 0.7em 1em;
	cursor: default;
	}

.inputright input {
	text-align: right;
	}
	
td.np {
	padding: 0;
	background-color: #fff;
	}

.np img {
	padding: 0;
	margin: 0 auto;
	display: block;
	max-width: 115px;
	max-height: 78px;
	}

.np-vm {
	padding: 10px 0 10px 0 !important;
	max-width: 60px !important;
	max-height: 60px !important;
	}
	
.trs-box {
	border: 1px solid #e8e8e8;
	padding: 0;
	margin: 1em 0 0 0;
	max-width: 430px;
	border-radius: 10px;
	}

.trs-box p {
	margin-left: 1em;
	}
		
.trafikskolekarta {
	max-width: 100%;
	height: auto;
	display: block;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom: 1px solid #e8e8e8;
}

.statistik-top-box {
	border: 1px solid #e8e8e8;
	padding: 0.5em 0.7em 0.5em 0.5em;
	margin: 0;
	background-color: #f3f3f3;
	border-radius: 10px;
	}

.statistik-top-box table {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
.statistik-top-box td {
	text-align: right;
	border: 0;
	padding: 0.6em;
	}
	
.statistik-bar-outer {
	border: 1px solid #e8e8e8;
	width: 100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP06rL/DwAETQIUQ339NQAAAABJRU5ErkJggg==);
	background-repeat: repeat-y;
	background-color: #fff;
	text-align: left;
	}

.statistik-bar-green {
	font-size: 0.7em;
	background-color: #3db526;
	opacity: 0.7;
	}

.statistik-bar-red {
	font-size: 0.7em;
	background-color: #ec3232;
	opacity: 0.7;
	}

.genomsnitt {
	text-align:center;
	margin:0.8em 0 0 0;
	}

.start-klarade-fragor {
	color: #3e3e3e;
	}

.avklarade-wrap {
	max-width: 20em;
	margin: 0 auto;
	margin-bottom: 2em;
	}
	
.avklarade-bar-outer {
	border: 1px solid #e8e8e8;
	width: 100%;
	background-color: #fff;
	text-align: left;
	}

.avklarade-bar-inner {
	font-size: 0.7em;
	background-color: #ccc;
	opacity: 0.7;
	}

.width100 {
	width: 100%;
	}
	
a:link.radera, a:visited.radera {
	color: #ef3939 !important;
	border:1px solid #e8e8e8;
	background-color: #fff;
	text-decoration:none;
	padding: 0 0.2em 0 0.2em;
	border-radius:4px;
	}

a:hover.radera  {
	color: #fff !important;
	border:1px solid #ef3939;
	background-color: #ef3939;
	font-weight: bold;
	}

.radera-allt {
	max-width:100%;
	text-align:center;
	margin:1em 0 1em 0;
	font-size: 0.8em;
	}

.statistik-info {
	max-width: 100%;
	text-align: center;
	font-style: italic;
	margin-top:1em !important;
	margin-bottom:1em !important;
	}

tr.statistik-big {
	font-size:1.1em;
	}

th.antal {
	width: 37%;
	}

th.antal-tid {
	width: 65%;
	}

th.kategori {
	width: 28%;
	}

th.tid {
	width: 1%;
	}

th.procent {
	width: 17%;
	text-align: right;
	}

th.datum {
	width: 17%;
	text-align: right;
	}

th.radera {
	width: 1%;
	text-align: right;
	}

.tmargin {
	margin: 1em 0 0 0;
	}

.bmargin {
	margin: 0 0 1em 0;
	}
	
.tbmargin {
	margin: 1em 0 1em 0;
	}

.tid-td {
	background-image: url(https://cdn.korkortonline.se/images/site/tid.svg);
	background-size: 1.7em;
	background-position: center center;
	background-repeat: no-repeat;
	}

.right-corner-text {
	position: relative;
	float: right;
	text-align: right;
	height: auto;
	margin: 0;
	padding: 0.1em;
	margin-top: -3.3em;
	}

.small-sub {
	color: #999;
	}

.small-sub + h2 {
	margin: 0;
	}

.ej-besvarad {
	margin-top: 1em;
	color: #f08229;
	font-weight: bold;
	}

.message-box {
	font-weight: bold;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0.9em;
	clear:both;
	}

.green-box, .red-box, .orange-box {
	border: 1px solid #dcead8;
	padding: 0.6em 1em 0.6em 1em;
	background-color: #e0f9da;
	border-radius: 10px;
	}

.red-box {
	border: 1px solid #eb7272;
	background-color: #ef9191;
	}
	
.orange-box {
	border: 1px solid #ff9900;
	background-color: #ffb028;
	}

.ratt-svar-box, .fel-svar-box {
	border: 1px solid #afd9a2;
	padding: 0.7em 1em 0 1em;
	background-color: #e0f9da;
	border-radius: 10px;
	margin: 0 0 2.1em 0;
	}

.fel-svar-box {
	border: 1px solid #ffaca8;
	background-color: #ffebec;
	}

.ratt-svar-box h1, .fel-svar-box h1 {
	text-align:center;
	margin-bottom:0.3em;
	}

.rabatt-box-wrap {
	margin-right: 0.5em;
	margin-left: 0.5em;
	}
	
.rabatt-box {
	border: 1px solid #dcead8;
	padding: 0.6em 1em 0.6em 1em;
	background-color: #e0f9da;
	border-radius: 10px;
	box-shadow: 0px 0px 4px #ccc;
	text-align:center;
	max-width:35em;
	margin:0 auto;
	padding-top:2em;
	padding-bottom:2em;
	margin-bottom:2em;
	font-size:1.3em;
	}

.rabatt-exp {
	opacity:0.5;
	text-decoration:line-through;
	border: 1px solid #f6f6f6;
	background-color: #f6f6f6;
	}

.rabattkod-text {
	color:#138301;
	background:#fff;
	border:1px dashed #000;
	padding:0.2em;
	}
	
a:link.kryss, a:visited.kryss, a:link.fragetecken, a:visited.fragetecken {
	color: #aaa;
	border:1px solid #e8e8e8;
	background-color: #fff;
	text-decoration: none;
	padding: 0.1em 0.3em 0.05em 0.3em;
	border-radius:4px;
	font-weight: normal;
	margin-left:0.5em;
	}

a:hover.kryss, a:hover.fragetecken {
	color:#fff;
	background-color:#e8e8e8;
	}

.fragetecken {
	font-size:0.9em;
	}

.navlinks {
	margin: 1em 0 1em 0;
	font-size:0.85em;
	color: #6c6c6c;
	}
	
.navlinks a:link, .navlinks a:visited, .navlinks strong, .navlinks label {
	color: #0645ad;
	border:1px solid #e8e8e8;
	text-decoration:none;
	margin: 0.2em 0.8em 0.8em 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius:4px;
	font-size: 1.1em;
	background-color: #f3f3f3;
	display: inline-block;
	}

.navlinks label {
	color: #000;
	font-size: 1.5em;
	margin: 0 0.3em 0.6em 0.3em;
	display: inline-block;
	line-height: normal;
	padding: 0.2em 0.5em 0.2em 0.5em;
	}
	
.navlinks strong {
	color: #000;
	background-color: #fff;
	}
	
.navlinks a:hover  {
	text-decoration: underline;
	background-color: #f3f3f3;
	}

.nav-right-margin {
	margin-right: 0.5em;
	font-size: 1.1em !important;
	}
	
.forklaring-text {
	margin: 1.3em 10px 0 10px;
	}

.forklaring-vm {
	height:60px !important;
	max-width:100px !important;
	margin-bottom: 0 !important;
	}

#statistik .provyta .img {
	margin: 0 0 2.5em 0;
	}
		
#statistik .forklaringsruta img {
	float: none;
	margin: 0;
	padding: 0;
	}	
	
#statistik .hr {
	margin:1.5em 0 1.5em 0;
	border-top: 10px solid #000;
	}

#statistik .visa-fraga {
	margin-bottom: 6em;
	clear: right;
	}

.q-box {
	border: 1px solid #e8e8e8;
	padding: 0.2em 1.2em 0.2em 1.2em;
	margin: 1em 0 0 0;
	background-color: #f3f3f3;
	border-radius: 10px;
	}

.border-box {
	border: 5px solid #cecece;
	padding: 0.2em 1em 0.8em 1em;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;
	max-width: 30em;
	}

.snabbfraga-box {
	border: 10px solid #000;
	padding: 0.2em 1.2em 0.2em 1.2em;
	margin-top:4em;
	margin-bottom:4em;
	border-radius: 20px;
	max-width: 35em;
	}
	
.teori-box {
	border: 1px solid #eed7d7;
	padding: 0.2em 1.2em 0.2em 1.2em;
	margin: 1em 0 1em 0;
	background-color: #fee7e7;
	border-radius: 10px;
	}

.bottom-nav {
	position: relative;
	border: 1px solid #e8e8e8;
	padding: 0.2em 1.2em 0.2em 1.2em;
	margin: 1.5em 0 1.5em 0;
	background-color: #f3f3f3;
	border-radius: 10px;
	clear: both;
	height: 2.6em;
	}

.bottom-nav ul {
	position: relative;
	list-style: none;
	float:left;
	margin: 0 auto;
	padding: 0.7em 0 0 0;
	width: 100%;
	max-width: none;
	border: 0;
	clear: both;
	}

.bottom-nav ul li {
	display: inline;
	padding: 0;
	margin: 0;
	float: left; 	
	width: 33%;
	padding-bottom: 0.8em;
	text-align: center;
	}

.bottom-nav ul li:first-child {
	text-align: left;
	}
	
.bottom-nav ul li:last-child {
	text-align: right;
	width: 34%;
	}

.vm-page-large {
	max-width: 450px;
	}
	
.vm-page-large img {
	max-width: 100%;
	max-height: 450px;
	}
	
.signs {
	width: 100%;
	vertical-align: text-top;
	text-align: center;
	border: 0;
	display:block;
	}
	
.signs td {
	border:0;
	vertical-align: text-top;
	width: 33%;
	}
	
.signs img {
	margin: 1.5em 0 0.3em 0;
	max-height:60px;
	max-width:100px;
	}

.altsym {
	margin:0 0 1.3em 0;
	}
	
.altsym img {
	height:60px !important;
	max-width:100px !important;
	}

.vmtd {
	width: 10em;
	margin: 0 auto;
	}

.thumbs-space img {
	margin-right: 1em;
	margin-bottom: 1em;
	}

.contact-left {
	position:relative;
	border-right:1px solid #e8e8e8;
	margin: 0 12em 0 0;
	}
	
.right-contact-info {
	position: absolute;
	top:6em;
	right:0;
	}
	
#lyssna img, .lyssna img {
	height: 1em !important;
	vertical-align: middle;
	}
		
.lyssna-provyta {
	clear: both;
	margin-top: 2.5em;
	}

.provyta-botten #lyssna img {
	margin-top: 0.1em;
	}
	
#readspeaker_button1 {
	clear: left;
	}
			
.kvitto-50-50 {
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	}
	
.kvitto-50-50-inner {
	float: left;
	width: 100%;
	position: relative;
	right: 50%;
	}

.kvitto-50-50-left {
	width: 49.8%;
	left: 50%;
	}

.kvitto-50-50-right {
	width: 50%;
	left: 50%;
	}
	
.kvitto-50-50-left {
	padding: 0;	
	}
	
.kvitto-50-50-left, .kvitto-50-50-right {
	float: left;
	position: relative;
	overflow: hidden;
	}

#meddelanden .till_fran {
	font-weight: bold;
	margin-left: 0.5em;
	}

#meddelanden .svar_fran {
	color: #585858;
	font-weight: bold;
	margin-left: 0.5em;
	}
	
#meddelanden .till {
	margin-left: 0.5em;
	color: #585858;
	}
	
#meddelanden .datum {
	color: #585858;
	}

#meddelanden .nytt-notis {
	color: #f90600;
	margin-right: 0.3em;
	}
				
#meddelanden .med {
	border-radius: 10px;
	margin: 1.5em 0 1.5em 0;
	width: 65%;
	padding: 1em 1em 0.9em 1em;
	}

#meddelanden .meddelande {
	display: block;
	word-wrap: break-word;
	}
	
#meddelanden .anvandare {
	border:1px solid #e8e8e8;
	background-color: #f3f3f3;
	}

#meddelanden .korkortonline {
	border: 1px solid #dbe3f0;
	background-color: #f0f5fd;
	}

#meddelanden .partner {
	border: 1px solid #dcead8;
	background-color: #edfae4;
	}

#meddelanden .anvandare-nytt {
	border: 5px solid #e8e8e8;
	background-color: #f3f3f3;
	}

#meddelanden .korkortonline-nytt {
	border: 5px solid #bbcff2;
	background-color: #f0f5fd;
	}

#meddelanden .partner-nytt {
	border: 5px solid #dcead8;
	background-color: #edfae4;
	}
	
#meddelanden .svar {
	margin-left: 3em;
	}
	
#meddelanden .fran-anvandare {
	padding-bottom: 0.4em;
	margin-bottom: 0.8em;
	border-bottom: 1px solid #e8e8e8;
	}

#meddelanden .fran-korkortonline {
	padding-bottom: 0.4em;
	margin-bottom: 0.8em;
	border-bottom: 1px solid #dbe3f0;
	}
	
#meddelanden .fran-partner {
	padding-bottom: 0.4em;
	margin-bottom: 0.8em;
	border-bottom: 1px solid #dcead8;
	}
	
#meddelanden .med textarea {
	width: 100%;
	margin-top: 1em;
	}

#meddelanden .fraga-meddelande {
	margin: 0.6em 0 0.3em 0;
	}
	
.svara {
	margin-bottom: 0 !important;
	}
	
.svara a:link, .svara a:visited, .svara a:hover {
	background-color: #fff;
	}

.start-kontroller {
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	}

.start-kontroller-enkel {
	position: relative;
	text-align: center;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	}

.start-kontroller-enkel h2 {
	font-size:1.7em;
	margin: 1em 0 0 0;
	}

.start-kontroller-enkel img {
	height:1em !important;
	vertical-align:text-top !important;
	}
	



.start-kontroller-inner {
	float: left;
	width: 100%;
	position: relative;
	right: 25%;
	margin-bottom: 1.5em;
	}

.start-kontroller-left {
	width: 75%;
	left: 25%;
	}

.start-kontroller-right {
	width: 25%;
	left: 25%;
	}
	
.start-kontroller-left {
	padding: 0;
	}
	
.start-kontroller-left select {
	margin-left: 1px;
	vertical-align:
	}
	
.start-kontroller-left, .start-kontroller-right {
	float: left;
	position: relative;
	overflow: hidden;
	}

.start-kontroller-padding-right {
	padding-right: 2em;
	}
	
.start-kontroller h2 {
	margin-top: 0;
	}

.start-kontroller .hr {
	margin: 1.5em 0 1.5em 0;
	}
	
.right-info {
	padding-left: 2.3em;
	padding: 0 1em 0.8em 1em;
	background-color: #f3f3f3; 
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	}
	
.right-info img {
	margin-right: 0.3em;
	}
	
.installningar-width {
	width: 65%;
	}
	
.teoritest-resp-img {
	background-image: url(https://cdn.korkortonline.se/images/site/4310-korkortsfragor.jpg);
	height: 170px;
	width: 230px;
	margin: 0.3em 0.3em 0.3em 1em;
	float: right;
	background-size: 230px 170px;
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow: hidden;
	}

.search-results {
	margin:1.6em 0 1.6em 0;
	max-width:45em;
	word-wrap:break-word;
	}

#forum-index {
	clear: both;
	margin-bottom: 2em;
	}

#forum-index .forum-title {
	margin-bottom: 1em;
	}

#forum-index .forum-col-wrap .forum-col-1, #forum-index .forum-col-wrap .forum-col-2 {
	font-size: 1.1em;
	color: #333;
	}

#forum-index .forum-col-1 {
	width: 50%;
	}

#forum-index .forum-col-2 {
	width: 10%;
	}

#forum-index .forum-col-3 {
	width: 40%;
	}

#forum-index .forum-col-wrap .forum-col-3 {
	font-size: 1em;
	line-height: 1.4em;
	color: #333;
	margin-top: -0.8em;
	}

.forum-title-col-wrap {
	color: #fff;
	}

.forum-title-col-wrap .forum-col-1 {
	padding-bottom: 0.4em;
	}

.forum-title {
	background-color: #5285b6;
	padding: 0.5em;
	border-radius: 10px;
	}
		
.forum-col-wrap {
	background-color: #f3f3f3;
	padding: 1.5em 0 1.5em 0;
	overflow: auto;
	width: 100%;
	word-wrap: break-word;
	}
		
#forum-index .forum-title .forum-col-wrap {
	padding: 1.5em 0 0.7em 0;
	}

.forum-col-wrap+.forum-col-wrap {
	border-top: 1px solid #e8e8e8;
	}

.forum-col-1-title {
	padding-left: 0.8em;
	}
	
.forum-col-1-content {
	margin-left: 1.5em;
	display: block;
	}
	
.forum-col-3-title, .forum-col-3-content {
	padding-right: 1.2em;
	display: block;
	}

.forum-col-1 {
	float: left !important;
	width: 60%;
	}

.forum-col-2 {
	width: 10%;
	text-align:right;
	display: inline-block !important;
	}

.forum-col-3 {
	float:right !important;
	width: 30%;
	text-align: right;
	}

.forum-post {
	background-color: #f3f3f3; 
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	padding: 1em 1.1em 1em 1.1em;
	margin: 1em 0 1em 0;
	}

.hl-post {
	border: 2px solid #55a74a;
	}

.forum-post-header {
	font-size: 0.9em;
	padding-bottom: 1em;
	color: #212121;
	}

.forum-post-body {
	max-width: 85%;
	line-height: 1.4em;
	word-wrap: break-word;
	}
	
.forum-quote .forum-post-header {
	padding-bottom: 0.2em;
	}

.forum-user {
	margin-right: 0.6em;
	}

.post-time {
	color: #777;
	margin-left: 0.1em;
	}

.forum-quote {
	margin: 0 0 1.5em 0;
	padding: 0.8em;
	background-color: #eeeee1;
	border: 1px solid #e2e3d7;
	color: #212121;
	border-radius: 10px;
	}

.forum-quote p {
	font-size: 0.95em;
	}

.forum-latest-post {
	padding: 0.1em 0.8em 0.1em 0.8em;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	margin-left: 0.5em;
	background-color: #f3f3f3;
	}

a.forum-latest-post {
	text-decoration: none;
	}

a:hover.forum-latest-post {
	color: #fff;
	border:1px solid #5285b6;
	background-color: #5285b6;
	}	
	
.quote-symbol {
	font-size:4em;
	float: right;
	color: #212121;
	margin-top: -0.15em;
	line-height:normal;
	}

.forum-rubrik-redigera {
	font-size:1.5em;
	width:80%;
	}

.forum-meddelande-redigera {
	width:80%;
	}

.report, .quote, .forum-link {
	padding: 0.1em 0.8em 0.1em 0.8em;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	font-size: 0.9em;
	margin-left: 1em;
	float: right;
	}

a.report, a.quote, a.forum-link {
	color: #999;
	text-decoration: none;
	}

a:hover.quote, a:hover.forum-link {
	color: #000;
	text-decoration: none;
	background-color: #fff;
	}

a:hover.report {
	color: #fff;
	border:1px solid #ef3939;
	background-color: #ef3939;
	}

#forum-format-box {
	margin: 1em 0 1em 0;
	}

#forum-format-box img {
	vertical-align: text-top
	}

.forum-page-info {
	color: #777;
	font-size: 0.9em;
	border-top: 1px solid #e8e8e8;
	padding-top: 0.2em;
	margin-top:0em;
	}
	
.navlinks  {
	margin-top: 1.3em;
	margin-bottom: 1.5em;
	}
	
.navlinks a:link, .navlinks a:visited, .navlinks strong {
	font-size: 1.3em;
	margin-right: 0.2em;
	}

.navlinks-dots {
	font-weight: normal;
	}
	
.specialbox, .forum-email {
	display: none;
	}

.smilies {
	width:20px;
	vertical-align:bottom;
	}
	
.forum-format-box-smilies {
	display: inline;
	}

.forum-format-box-smilies img {
	cursor: pointer;
	}

.nasta-navlinks, .nasta-navlinks a {
	display: inline;
	}

.toggle {
	margin: 1em 0 1em 0;
	}

.toggle-label:after {
	content: "+";
	float: left;
	margin-right:0.3em;
	}

.toggle-content {
	margin-top: 1em;
	}

.toggle-input {
	display: none;
	}

.toggle-input:not(checked) ~ .toggle-content {
	display: none;
	}

.toggle-input:checked ~ .toggle-content {
	display: block;
	}

.toggle-input:checked ~ .toggle-label:after {
	content: "-";
	}

.toggle-gray-text {
	font-size:0.95em;
	margin: 1em 0 1em 0.5em;
	color: #6c6c6c;
	}

.svara .toggle-label {
	background-color: #fff;
	}

.forum-toggle-label {
	padding: 0.3em 0.8em 0.3em 0.8em;
	font-size: 0.9em;
	background-color: #f3f4e8;
	border: 1px solid #e2e3d7;
	border-radius: 8px;
	color: #212121;
	margin-top: 0.9em;
	display: inline-block;	
	}

.forum-toggle-input {
	display: none;
	}

.forum-toggle-input:not(checked) ~ .forum-toggle-content {
	height: 8em;
	overflow: hidden;
	}

.forum-toggle-input:checked ~ .forum-toggle-content {
	display: block;
	height: auto;
	overflow: auto;
	}

.forum-toggle-input:checked ~ .forum-quote-button-wrap {
	display: none;
	}
		
.forum-quote-button-wrap {
	text-align: center;
	box-shadow: 0 -5px 5px -5px #b0b0b0;
	}

@media screen and (max-width: 520px) {

.teoritest-resp-img {
	height: 170px;
	width: 200px;
	background-position: -30px 0;
	}
}	

@media screen and (max-width: 420px) {

.teoritest-resp-img {
	height: 150px;
	width: 100%;
	margin: 0.5em 0 1em 0;
	display: block;
	float: none;
	background-size: 100%;
	background-position: 0 -30px;
	}
}



	
	
@media screen and (max-width: 970px) {

.top-logo {
	width:130px;
	background-size:130px;
	margin: 20px 0 21px 20px;
	}

.top-logo a {
	display: block;
	width: 130px;
	}
	 
#menu {
	margin-left:165px;
	font-size: 0.95em;

	}

#menu ul li a {
	padding: 2em 1.4em 1.9em 1.4em;
	}
	 
.logga-in, .skapa-konto {
	font-size: 0.95em;
	margin-top: 2em;
	padding:0.6em 0.8em 0.5em 0.8em;

	}

.inloggad-knapp-aktiv {
	padding-bottom: 2.7em;
}

.bottom-nav {
	position: relative;
	border: 1px solid #e8e8e8;
	padding: 0.2em 1.2em 0.2em 1.2em;
	margin: 1.5em 0 1.5em 0;
	background-color: #f3f3f3;
	border-radius: 10px;
	clear: both;
	height: auto;
	}

.bottom-nav ul {
	float:none;
	margin: 0 auto;
	width: 100%;
	}

.bottom-nav ul li {
	display:block;
	float: none; 	
	width: 100%;
	}

.bottom-nav ul li:first-child {
	text-align: center;
	}
	
.bottom-nav ul li:last-child {
	text-align: center;
	width: auto;
	font-size:1.1em;
	}
	
.sub-inne-right-email {
	display:none;
	}

.right-contact-info {
	position: relative;
	display:block;
	top:auto;
	right:auto;
	border-top:1px solid #e8e8e8;
	margin-top:1em;
	}

.contact-left {
	position:relative;
	border-right:0;
	margin: 0;
	}

.klickbar {
	width: 500px;
	}

.provyta .img video, .provyta .img iframe {
	max-width:500px;
	}
}

	
@media screen and (max-width: 850px) {

.sub-menu-border {
	display: none;
}

}
	
@media screen and (max-width: 750px) {

body {
	-webkit-text-size-adjust: 100%;
	font-size: 1em;
	}

textarea {
	font-size: 1.1em;
}

input[type=submit]:active, .toggle-label:active {
	background-color: #f6f6f6;
}

#cookie-message {
	font-size: 0.8em;
	padding: 0 10px 0 10px;
	}
		
#top-inner {
	font-size: .8em;
	padding: 0.7em 10px 0 10px ;
	}

.search-right {
	right: 10px;
	}

.search-right input {
	width: 130px;
	}
	
.logga-in, .skapa-konto {
	margin: 0.7em 10px 0 0;
	font-size: 0.9em;
	padding: 0.5em 0.7em 0.4em 0.7em;
	border-radius:5px;
	}

.skapa-konto {
	margin-right: 0.6em;
	}

.logga-in:hover, .skapa-konto:hover {
	background-color:#5285b6;
	}
	
.inloggad-knapp:hover {
	background-color:#5285b6;
	}
			
.top-logo {
	margin: 4px 0 7px 10px;
	position: relative;
	float: left;
	}

.regbox-bg, .features {
	padding: 0 20px 0 20px;
	}
		
.regbox-bg, .features {
	border-radius: 0;
	border: 0px;
	
}

#regbox-2 {
   width: 100%;
   max-width: 26em;
   padding: 0 !important;
   margin-top: 0.7em;
   margin-bottom: 4em;
   border-radius: 0;
  
}

#regbox-2 .features {	
	border-left: 0;
	border-right: 0;
	border-top: 0;
	font-size: 1em;
}

#regbox-2 .regbox-bg {
	margin:0;
}

.price-tag {
	font-size: 1.1em;
}

.price-container {
	font-size:0.9em;
	}
		
.show-resp {
	display: inline;
	}
	
.rabatt-box {
	font-size:1.1em;
	}
			
.reg-h2 {
	font-size:1.8em;
	padding: 0 20px 0 20px;
	}

.h1-resp {
	padding:0 10px 0 10px;
	}
	
.features {
	padding: 0.1em 0 0 0;
	margin: 0;
	font-size: 1.1em;
	text-align: left;
 
}
	
.registrera-typ {
	padding-left:0.5em;
	padding-right: 0.5em;
	}

.block-radio {
	margin-left: 0.2em;
	}
	
.main-login {
	margin: 0 auto;
	max-width: none;
	background-color: #fff;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
}	

.main-login label {
	display: block;
	text-align: center;
	margin-top: 2em;
}	

.main-login-message {
	text-align: left;
}

.main-login input[type="submit"] {
	font-size:1.4em !important;
	width: 100%;
	box-sizing : border-box;
}

#readspeaker_button1 {
	margin-right: 4em;
	}

.teoribok-pris {
	margin-top:0.4em;
	margin-bottom:0.8em;
	font-size: 1em;
	}

.teoribok-data {
	font-size: 0.9em;
	}

.teoribok-exempel img {
	width:100px;
	margin:0.5em;
	}

/* Index */



.index-50-50 {
	float: left;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
.index-50-50-inner {
	right: auto;
	border-right: none;
	}

.index-50-50-left, .index-50-50-right {
	width: auto;
	left: auto;
	}

.index-50-50-padding-right {
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #e8e8e8;
	}
	
.index-50-50-padding-left {
	padding-left: 0;
	}

.index-50-50 h2 {
	margin-top: 0;
	}
	
.index-50-50 p {
	margin-bottom: 0;
	}
	
#body-wrap, #body-wrap-inner, #body-wrap-inner-medium, #body-wrap-inner-wide, #body-wrap-inner {
	min-width: 100px;
	padding-right: 0;
	padding-left: 0;
	}
	
#body-wrap-exempel {
	margin: 0;
	padding: 0.6em;
	}
		
#body-wrap-inner-wide {
	margin-top:1.4em;
	}
	
.betala-knapp:hover, .index-button:hover {
	background-color:#55a74a;
	}


.teoritest-top {
	margin: 0 0 0.9em 0;
	}
	

.teoritest-top h1 {
	margin: 0.3em 0 0.3em 0;
	font-size:1em;
	}


	
.avklarade-wrap {
	max-width:17em;
	}

	
.demo-button {
	margin:4.5em 0 3.5em 0;
	font-size: 1em;
}	

.demo-button a:hover {
	background-color: #55a74a;
}	


.index-bg h1 {
	padding-top: 1.5em;
	font-size: 2em;
}


.index-bg img {
	width: 80%;
	max-width: 350px;
	margin: 2em 0 2em 0;

}

a.index-button {
	font-size: 1.1em;
	margin-top: 0.3em;
}	

.index-bg .index-button {
	margin: 0.5em 0 4em 0;
	}


h1 {
	font-size: 1.7em;
}	

h2 {
	font-size: 1.3em;
}	

h3 {
	font-size: 1.1em;
}

h1.reg {
	margin: 1em 0 0.5em 0;
	}	

h2.reg {
	margin: 2em 0 0.7em 0;
	text-align: center;
	font-size: 1.3em;
	}

.big-h {
	font-size: 2.3em;
	}	
	
.ratt-svar-box, .fel-svar-box {
	margin: 0 1em 1em 1em;
	}
	
.ratt-svar-box h1, .fel-svar-box h1 {
	margin-bottom:0.4em;
	}
	
#body-wrap-inner {
	margin: 20px;
	}

#body-wrap-inner.no-default-margin {
	margin: 0;
	}

.wrap-margin {
	margin: 20px;
	}
	
.box {
	position: relative;
	padding: 0;
	float: none;
	clear:both;
	display:block;
	}

.box img {
	width: 100%;
	}

.boxspace {
	margin: 0 20px 0 20px;
	}

.boxspace-teoritest {
	margin: 0 auto;
	max-width: 960px;
	margin: 0;
	}
	
.colmask {
	position: relative;
	clear: both;
	float: none;
	width: 100%;
	overflow: visible;
	margin: 0;
	}

.colmask img {
	max-width: 100%;
	height: auto;
	}
	
img.resp-small {
	max-width: 80%;
	height: auto;
	}
	
.mainpage .colright {
	float: none;
	width: auto;
	position: relative;
	left: auto;
	}

.mainpage .col1wrap {
	float: none;
	width: 100%;
	position: relative;
	right: auto;
	}

.mainpage .col1 {
	margin:auto;
	position: relative;
	right: auto;
	width: 100%;
	overflow: visible;
	}

.mainpage .col2 {
	width: 100%;
	position: relative;
	right: auto;
	margin: 0 0 1em 0;
	}
	
.col2 a, .col2 a:visited, .col2 strong { 
	display: block; 
	padding: 0.9em 1em 0.9em 1.6em;
	border-bottom: 1px solid #e8e8e8;
	}

	
.col2 p {
	margin: 0.3em 0 0 0;
	padding: 0 0.3em 0.3em 1em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
	font-size: 0.9em;
	}

.col2 a:hover {
	background-color:inherit;
	}
		
.col2 a+p, .col2 strong+p {
	margin-top: 2em;
	}

.index-img-ex1 {
	width:180px;
	}
	
.teoritest-img-ex2 {
	width:100%;
	}
	
.hide-resp {
	display:none;
	}

.nasta-ar-style {
	float: left;
	}

.anpassa {
	width: 100%;
	min-width: 100px;
}

.anpassa img {
	width: 50px;
}

.input-100 input, .input-100 textarea, .input-100 select {
	width:100%;
	box-sizing : border-box;
}

.input-100-width input {
	width:100% !important;
}

.input-100-width input[type="submit"] {
	width:100% !important;
	font-size: 1.4em !important;
	margin-top: 1em;
}

.input-100 input[type="submit"] {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	}
	
/* Huvudmenu */

#menu a:link, #menu a:visited, #menu a:hover {
	background-color: inherit;
	}

#menu-bar {
	width: 100%;
	height: auto;
	border-top: 0;
	border-bottom: 0;
	padding: 0.4em 0 0.8em 0;
	text-align: center;
	overflow: visible;
	}

#menu-bar.teoritest {
	border-bottom: 0;
	}

#menu-wrap {
	max-width: none;
	margin: 0 auto;
	}
	 
#menu {
	font-size: 0.95em;
	float: none;
	padding-left:0;
	text-align: center;
	margin: 0;
	overflow: visible;
	position: relative;
	width: 100%;
	}

#menu ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	height: auto;
	max-width: none;
	overflow: visible;
	display: flex;
	}
	
#menu ul li {
	padding: 0;
	text-align: center;
	height: auto;
	float: none;
	overflow: visible;
	display: inline-block;
	overflow: visible;
	flex-grow: 1;
	}

#menu ul .show-resp {
	display: inline-block;
	}
	
#menu ul li a {
	padding: 0.4em 0.4em 0.4em 0.4em;
	line-height: 1em;
	margin: 0.1em 0 0 0;
	overflow: visible;
	}

#menu ul li a.current { 
	background: inherit;
	text-shadow: none;
	overflow: visible;
	}  

 #menu ul li a:hover { 
	background-color: inherit;
	overflow: visible;
	} 
	
#menu ul li a:active {
	background: inherit;
	background-color: inherit;
	box-shadow: none;
	overflow: visible;
	}

	
	

	
	
	

#sub-menu {
	margin-top: 0;
	padding: 0.8em 0 0.8em 0;
	text-align: center;
	font-size: 1.1em;
	}

#sub-menu a:hover {
	text-decoration: none;
	}
	


		
.provyta-botten #lyssna img {
	margin-bottom: 0.5em;
	}

.provyta {
	margin: 0;
	}
	
.provyta .fraga {
	font-weight: bold;
	margin-top: 0 !important;
	padding: 0 1em 1em 1em !important;
	border-bottom:1px solid #e8e8e8;
	max-width: none;
	font-size:1em;
	}
	
.provyta .alt {
	padding: 1.2em 1em 1.2em 1em;
	}

.teoritest-ex1 .provyta .fraga {
	padding: 0 !important;
	margin-bottom: 0.5em !important;
	}
		
.lr-space {
	margin: 0 1em 0 1em;
	}
			
.provyta .img {
	float: left;
	padding-left: 0;
	display: block;
	clear: both;
	}

.provyta .img img {
	margin-bottom: 1em;
	}
	
.alt-container label {
	padding: 1.2em 1em 1.2em 0.7em;
	}
	
.alt-radio, .alt-check {
	padding: 1.2em 1em 1.2em 0.7em;
	}

.alt-radio-res {
	padding: 1.2em 1em 1.2em 0;
	}
	
#statistik .provyta .img {
	margin-bottom:0;
	}

#statistik .hr {
	margin: 0 0 1em 0;
	border-top: 10px solid #000;
	}

#statistik .provyta .img img {
	margin-left:1em;
	}
	
#statistik .provyta .img img.klickbar, #statistik .provyta .img img.klickbar-left, .img img.klickbar {
	margin-left:0;
	}

.img img {
	max-width: 92%;
	height: auto;
	}
	
.img .klickbar {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 0.9em !important;
	}

.provyta .img video, .provyta .img iframe {
	max-width:100%;
	margin-bottom: 0.9em;
	}

.provyta .klickbar-vm {
	max-width: 220px;
	max-height: 220px;
	margin-bottom: 0.9em !important;
	}

.img  {
	text-align: center !important;
	margin: 0 auto !important;
	width: 100% !important;
	}

.provyta .alt .red-check, .provyta .alt .green-check {
	margin-left: 0;
	}

.forklaring-text {
	margin: 1.3em 1em 0 1em;
	}
		
.bc-wrap {
	font-size: 0.75em;
	}
			
.bc-right img {
	margin-right: 0;
	}

.bc-100 {
	position: relative;
	clear: both;
	float: none;
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	border-bottom: 1px solid #e8e8e8;
	margin:20px;
	padding-bottom: 0.6em;
	}	
		
.bc-inner-100 {
	float: left;
	width: 100%;
	position: relative;
	right: auto;
	}
	
.bc-left-100 {
	width: 100%;
	left: auto;
	color: #dadada;
	}
	
#footer {
	font-size: 0.85em;
	}
	
.footer-resp-space-top {
	display: block;
	margin-top: 0.7em;
	}
	
.resp-block {
	display: block;
	}
		
.teoritest-ex1 {
	width: auto;
	left: auto;
	max-width: none;
	float: none;
	}


.teoritest-ex-left img, .teoritest-ex-right img {
	width: 250px;
	}

.fraga {
	font-size: 1em;
	}
	
.registrera {
	width: auto;
	margin: 0 auto;	
	margin-left:1.2em;
	margin-right:1.2em;
	margin-bottom:25px;
	font-size: 1em;
	padding: 1.2em;
	}

.reg {
	font-size: 1.3em;
}
		
.betala-kort {
	width:104px;
	}

.boxtext-wide {
	margin-right: 0.8em;
	margin-left: 0.8em;
	}
	
.resp-corner-img {
	width: 100%;
}	

.boxspace-resp {
	margin: 0 1.2em 0 1.2em;
}

.boxspace-demotest {
	margin: 0.7em;
}

.boxspace-resp input, .boxspace-resp select {
	width: 100%;
	margin: 0;
	font-size: 1.2em !important;
	box-sizing : border-box;
}

.exempel-frame {
	border-top: 50px solid #000;
	border-bottom: 50px solid #000;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	border-radius: 15px;
	margin-left: 0;
	height: 600px;
	box-shadow: none;
}

.boxspace-resp .small {
	margin-left: 0;
	margin-top: 1em;
	display: block;
	text-align: center;
}

input[type="submit"] {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
	
	
.signs {
	width: 100%;
	vertical-align: text-top;
	text-align: center;
	border: 0;
	display:block;
	font-size: 0.8em;
	}
	
.signs td {
	border:0;
	vertical-align: text-top;
	padding: 0 0.1em 2em 0.1em;
	}

.vmtd {
	width: auto;
	margin: 0 auto;
	}

.resp-table	table, .resp-table-blank table {
	border: solid;
	border-width: 0px;
	border-color: #e8e8e8;
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	empty-cells: show;
	}

.resp-table tr, .resp-table-blank tr {
	border: solid;
	border-width: 1px;
	border-color: #e8e8e8;
	padding: 0;
	margin:0;
	}

.resp-table table.slim, table.slim td, .resp-table-blank table.slim {
	border: 0;
	vertical-align: top;
	padding: 0;
	}
	
.resp-table table.blank tr:hover, table.signs tr:hover, .resp-table-blank table.blank tr:hover {
	background-color: inherit;
	}

.resp-table table.white tr:hover, table.slim tr:hover, .resp-table-blank table.white tr:hover  {
	background-color: #fff;
	}
	
.resp-table td, .resp-table-blank td {
	border: solid;
	border-width: 1px;
	border-color: #e8e8e8;
	padding: 0.5em;
	}

.resp-table td.bild, .resp-table-blank td.bild {
	width: 1%;
	}

.resp-table .rtd, .resp-table-blank rtd {
	text-align: left;
	}

.resp-table .ctd, .resp-table-blank .ctd {
	text-align: center;
	}

.resp-table td.np, .resp-table-blank td.np {
	padding: 0;
	background-color: inherit;
	text-align:left;
	}

.resp-table .np img, .resp-table-blank .np img {
	margin: 0 0 0 0.5em;
	display: inline;
	}
	
.np img {
	padding: 0;
	margin: 0 auto;
	display: block;
	max-width: 110px;
	max-height: 78px;
	}
	
.resp-table td:first-child, .resp-table-blank td:first-child {
	background-color: #e6e6e6;
	font-weight: bold;
	}
	
.resp-table-white td:first-child, .resp-table-white-blank td:first-child {
	background: none !important;
	background-color: #fff !important;
	}
		
.resp-table .rtd, .resp-table-blank .rtd {
	display: inline-block;
	width:auto;
	}

.resp-table table, .resp-table thead, .resp-table tbody, .resp-table-blank thead, .resp-table-blank tbody, .resp-table-blank table, .resp-table td, .resp-table-blank td, .resp-table tr, .resp-table-blank tr {
	display: block;
	}
		 
.resp-table thead, .resp-table-blank thead {
   display: none;
	}
	 
.resp-table tr, .resp-table-blank tr {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 1em;
	padding-bottom: 0;
	}
 
.resp-table tr:last-child, .resp-table-blank tr:last-child {
	margin-bottom: 0em;
	} 
	 
.resp-table td, .resp-table-blank td {
	border: none;
	position: relative;
	padding-left: 0.5em;
	white-space: normal;
	text-align:left;
	}
	 
.resp-table td:before, .resp-table-blank td:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
	}
 
.resp-table td:before, .resp-table-blank td:before {
	content: attr(data-title);
	}
 
.resp-table tr.statistik-big, .resp-table-blank tr.statistik-big {
	font-size:1.3em;
	}

.tid-td {
	background-position: left center;
	margin: 0 0 0 0.3em;
	}

.right {
	text-align: left;
	float: none;
	padding: 0;
	}
	
tr:hover {
	background-color: inherit;
	}

.forum-title {
	border-radius: 0;
	padding: 0.5em 0 0.4em 0;
	}

.forum-title-wrapper {
	background-color: #5285b6;
	padding: 0 0.4em 0.1em 0.4em;
	border-radius: 5px;
	}
			
.forum-title-col-wrap {
	padding: 0.1em 1.2em 0.5em 1.2em;
	}

#forum-index .forum-title .forum-col-wrap {
	padding: 1em 0 1em 0;
	}
			
#forum-index .forum-col-wrap .forum-col-1, .forum-col-1 {
	width: 75%;
	}

#forum-index .forum-col-2, .forum-col-2 {
	width: 25%;
	float: right;
	}

.forum-col-1 {
	width: 75%;
	}

.forum-col-wrap:hover {
	background: #f3f3f3;
	}

#forum-index .forum-col-1-content {
	margin-left: 1em;
	}

.forum-col-1-content {
	margin-left: 1.2em;
	}
		
#forum-index .forum-col-3, .forum-col-3 {
	display: none;
	}

.forum-col-1-title {
	padding-left: 0;
	}
	
.forum-col-2-content {
	padding-right: 1.2em;
	}
	
.boxspace-resp input {
	width: auto;
	font-size: 1em !important;
	}
	
.tmargin {
	margin: 1em 0 0 0 !important;
	}
	
.tbmargin {
	margin: 1em 0 1em 0 !important;
	}
	
.bmargin {
	margin: 0 0 1em 0 !important;
	}

.forum-post {
	border-radius: 0;
	border-right:0;
	border-left: 0;
	}

.forum-rubrik-redigera {
	width:100% !important;
	}

.forum-meddelande-redigera {
	width:98%;
	}
	
.report, .quote, .forum-link {
	margin-bottom: 0.8em;
	clear: both;
	min-width: 0.6em;
	text-align: center;
	}

.forum-post-body {
	max-width: none;
	min-height: 3.5em;
	}

.forum-quote {
	margin-right: 3em;
	}

.navlinks a:hover  {
	text-decoration: none;
	}
	
.navlinks a:link, .navlinks a:visited, .navlinks strong {
	margin-right: 0.6em;
	line-height: 1.3em;
	}

.nasta-navlinks {
	margin-right: 1.4em;
	display: block;
	}
	
.nasta-navlinks a {
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 1em;
	padding-top: 1em !important;
	padding-bottom: 1em !important;
	}

.forum-format-box-smilies {
	display: block;
	margin-top: 1em;
	}

.quote-symbol {
	margin-top: -0.2em;
	}

#regbox-2 .pack-name {
	font-size: 1.1em;
	}

.lyssna-provyta {
	margin-left: 1em;
	}

.signs img {
	max-height:60px;
	max-width:100px;
	}








.teoritest-features h1 {
	font-size: 2em;
	margin-top: 1.5em;
	margin-bottom: 0;
	padding: 0 20px 0 20px;
	}

.teoritest-features-no-margin h1 {
	margin-top: 0;
	}

.teoritest-features h2 {
	font-size: 1.8em;
	padding: 0 25px 0 25px;	
	}
	
.border-box h2 {
	font-size:1.7em;
	padding:0;
	}
	
h2.extra-feature {
	font-size:1em;
	}
	
.grey-subtext {
	font-size: 1.2em;
	}
	
.teoritest-features .demo-button {
	font-size: 1.1em;
	margin-top: 2.3em;
	margin-bottom: 3em;
	}

.teoritest-features p {
	font-size: 1.2em;
	line-height: 1.5em;
	color:#3a3a3a;
	max-width: 700px;
	padding: 0 25px 0 25px;
	}

.teoritest-features-center {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
	}

.teoritest-features-badge {
	font-size: 1em;
	}
.badge-big-text {
	font-size: 1.6em;
	}
	


	
}



@media screen and (max-width: 410px) {

#menu {
	font-size: 0.9em;
	}

}



@media screen and (max-width: 355px) {
body {
	-webkit-text-size-adjust: 100%;
	}

.teoritest-top h1 {
	font-size: 0.85em;
}

.reg {
	font-size: 1.2em;
}

#menu ul li a {
	font-size: 0.85em;
	-webkit-padding-after: 0.65em;
	}	

.byt-login {
	font-size:1em;
	}

.logga-in, .skapa-konto {
	margin: 0.85em 10px 0 0;
	font-size: 0.85em;
	}	

.skapa-konto {
	margin-right: 0.5em;
	}	
	
.reg-h2 {
	font-size: 1.2em;
	}
	
.small-screen-br {
	display: block;
	}
	
.signs {
	font-size: 0.7em;
	}

.signs img {
	max-height:50px;
	max-width:70px;
	}

}

@media screen and (max-width: 330px) {

.index-bg h1 {
	font-size:1.8em;
}

a.index-button {
	font-size: 1em;
}	

.logga-in, .skapa-konto {
	margin: 0.9em 10px 0 0;
	font-size: 0.8em;
	}	

.skapa-konto {
	margin-right: 0.6em;
	}	
	
.top-logo {
	width:110px;
	background-size:110px;
	margin: 4px 0 7px 10px;
	}

.top-logo a {
	width: 110px;
	}

.box-vm {
	position: relative;
	padding: 0;
	float: none;
	clear:both;
	display:block;
	}

}

@media screen and (max-height: 700px) and (min-width:751px){

.teoritest-top {
	margin: 0 0 1.5em 0;
}

.demo-button {
	margin:2em 0 2em 0;
}

}


@media screen and ( max-height: 600px ) and (min-width:751px){


.index-bg h1 {
	font-size: 3em;
}

a.index-button {
	font-size: 1.2em;
}


}