body, html {	
	background-color: #f9f9f9;
 
	font-family: Verdana;
	font-size: 13px;
	color: #000;
	
	margin: 0;
	padding: 0;
	
	-webkit-text-size-adjust: none;
 }
 
 input[type=text]:disabled, input[type=date]:disabled, textarea:disabled { background-color: #f7f7f7; }
 input[type=submit]:disabled, input[type=button]:disabled { background-color: #f7f7f7; color: #c0c0c0; border: #c0c0c0 1px solid; }
 
 input[type=text], input[type=password], input[type=number], input[type=date], input[type=time], input[type=file], select, textarea { background-color: #fff; border: #c0c0c0 1px solid; padding: 8px; border-radius: 5px; margin: 5px 0px; }
 input:focus, select:focus, textarea:focus { outline: 0; border: #d5ddd4 1px solid; }
 
 a { color: #4ea441; text-decoration: none; } a:hover { text-decoration: underline; }
 a.svart { color: #000; text-decoration: none; } a.svart:hover { text-decoration: underline; }
 a.vit { color: #fff; text-decoration: none; } a.vit:hover { text-decoration: underline; }

 a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

 span { color: #4ea441; }
 span2 { color: #ff0000; }
 span3 { color: #c0c0c0; }
 span4 { color: #4ea441; font-size: 16px; }

 .space { width: 100%; overflow: hidden; }
 .rubrik { color: #4ea441; font-size: 22px; margin-top: 0px; }
 .avstand { margin-top: 30px; }
 .middle { text-align: center; }
 .hantera_klient { display: none; padding-top: 30px; }
 .prepaid { padding: 30px; padding-bottom: 17px; }
 .submit { background-color: #deefdc; border: #cee6cb 1px solid; padding: 5px 10px; border-radius: 5px; }
 .knapp { background-color: #eee; border: #c0c0c0 1px solid; padding: 5px 10px; border-radius: 5px; }
 .info_box { background-color: #eee; width: 25.3%; padding: 30px; padding-top: 20px; margin-bottom: 30px; margin-right: 30px; float: left; }
 .info_ruta { background-color: #fff; margin-right: 20px; margin-bottom: 20px; width: 220px; float: left; }
 .info_priser { background-color: #fff; width: 100%; padding: 10px 0px; margin-bottom: 30px; float: left; }
 .info_container { display: block; }
 .markerad_rad { background-color: #fcfcfc; }
 .spec { height: 33px; }
 .meddelande { background-color: #f7f7f7; width: 565px; border: #eee 1px solid; padding: 10px 25px; margin-bottom: 10px; float: left; }
 
 .hantera_arsredovisning { display: none; padding-top: 30px; }
 .falt { width: 272px; text-align: right; }
 .falt_text { width: 307px; }
 .falt_text2 { width: 250px; }
 .falt_text3 { width: 140px; }
 .falt_text4 { width: 331px; }
 .falt_text5 { width: 235px; }
 .falt_text6 { width: 325px; }
 .falt_text7 { width: 200px; }
 .falt_textfalt { width: 615px; height: 200px; }
 .falt_tvadelad { width: 100px; text-align: right; }
 .falt_flerdelad { width: 80px; text-align: right; }
 .falt_tvadelad_left { width: 150px; text-align: left; }
 .falt_flerdelad_left { width: 80px; text-align: left; }
 
 .falt_rubrik { padding: 20px 0px; }
 .falt_rubrik2 { padding: 20px 0px; padding-top: 0px; }
 .falt_beskrivning { text-align: right; padding-right: 10px; }
 .falt_summa { text-align: right; width: 135px; }
 .falt_summa2 { text-align: right; width: 307px; }
 
 .nav_box { background-color: #4ea441; display: inline-block; padding: 10px 20px; }
 .nav_undersida { background-color: #fff; width: 240px; margin-right: 20px; float: left; }
 .nav_undersida ul { list-style: none; margin: 0px; margin-left: -40px; }
 .nav_undersida_ul { padding: 10px 0px; padding-left: 30px; border-top: #eee 1px solid; }
 .nav_undersida_r { background-color: #4ea441; color: #fff; padding: 15px 20px; }
 .nav_undersida_r2 { background-color: #edf6ec; padding: 15px 20px; }
 .nav_undersida_multi { margin-bottom: 3px; }
 .nav_tom { background-color: #f9f9f9; border-top: 0px; }
 
 .tooltip { outline:none; }
 .tooltip:hover { text-decoration:none; }
 .tooltip span { z-index: 10; display: none; padding: 14px 20px; margin-top: -25px; margin-left: 28px; width: 300px; border-radius: 5px; line-height: 16px; }
 .tooltip:hover span{ display: inline; position: absolute; color: #000; border: #b7d97e 1px solid; background-color: #d4e798; }
 .callout { z-index:20;position:absolute;top:30px;border:0;left:-12px; }
 
 #header { background-color: #4ea441; width: 100%; }
 #header_container { width: 1000px; text-align: left; }
 #header_container a.akt { background-color: #fff; display: inline-block; padding: 10px 20px; }
 #header_container a.inakt { color: #fff; display: inline-block; padding: 10px 20px; }
 
 #nav { background-color: #fff; width: 100%; }
 #nav_container { width: 100%; max-width: 1000px; text-align: left; padding-top: 20px; overflow: hidden; }
 #nav_container ul { float: right; padding-top: 20px; margin-bottom: 0px; }
 #nav_container ul li { display: inline; list-style-type: none; border-right: #eee 1px solid; padding: 0px 10px; }
 #nav_container ul li:last-of-type { border-right: none; }
 #nav_container .mobil { display: none; cursor: pointer; margin-bottom: 5px; }
 #nav_container .nav_out { background-color: #f7f7f7; padding: 10px; border-top: #fff 1px solid; }
 #nav_container .nav_in { background-color: #eee; padding: 10px; border-top: #fff 1px solid; }
 #nav_kontakt { float: right; text-align: right; }
 
 #mobil_container { display: none; margin-top: 10px; }
 #visitkort { background: url(/inc/img/kort.jpg) no-repeat; width: 245px; height: 152px; float: right; margin-bottom: 10px; }
 #villkor { padding: 20px; max-width: 1000px; text-align: left; }
 #villkor .rubrik { margin-top: 50px; }
 
 #container { width: 100%; max-width: 1000px; text-align: left; margin-top: 20px; overflow: hidden; }
 #container_w { background-color: #fff; width: 100%; max-width: 940px; padding: 30px; float: left; }
 #container_w_start { background: url(/inc/img/bg.jpg) no-repeat; background-color: #fff; background-size: 100% 670px; width: 100%; max-width: 940px; padding: 30px; padding-top: 670px; padding-bottom: 17px; margin-bottom: 20px; float: left; }
 #container_w2 { background-color: #fff; width: 100%; max-width: 680px; padding: 30px; float: left; }
 
 #loggain { overflow: hidden; width: 268px; margin-bottom: 30px; }
 #loggain .cell { float: left; }
 #loggain .cell_2 { float: left; padding-top: 5px; padding-bottom: 20px; }
 #loggain .cell_3 { float: left; line-height: 27px; }
 #loggain .cell_4 { float: right; }
 
 #registrera { overflow: hidden; }
 #registrera .cell { float: left; width: 300px; }
 #registrera .cell_2 { float: left; width: 218px; }
 #registrera .cell_3 { float: left; width: 100%; }
 #registrera .rad { padding-top: 5px; }
 #registrera .hopp { padding-bottom: 20px; }
 #registrera .avslut { padding-bottom: 15px; }
 
 #glomt { overflow: hidden; margin-bottom: 15px; }
 #glomt .hopp { padding-top: 20px; }
 
 #uppdatering {
	background-color: #4ea441;
	color: #fff;
	width: 210px;
	height: 90px;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px 25px;
	margin: -100px 0 0 -100px;
} 
 
 #box { display: table; border-spacing: 1px; width: 100%; background-color: #f7f7f7; }
 #box_header { display: table-row; }
 #box_header .cell { display: table-cell; padding: 7px 10px; background-color: #edf6ec; }
 #box_rad { display: table-row; }
 #box_rad .cell { display: table-cell; background-color: #fff; padding: 10px; }
 #box2 { display: table; border-spacing: 1px; width: 100%; background-color: #f7f7f7; }
 
 #box_rad_bok { display: table-row; }
 #box_rad_bok .cell { display: table-cell; background-color: #fff; padding: 1px; }
 
 #box_footer { display: table-caption; caption-side: bottom; padding-top: 20px; text-align: right; }
 
 #boll { display: inline-block; width: 10px; height: 10px; border: #c0c0c0 1px solid; border-radius: 50%; margin: 2px auto; }
 #boll_ok { display: inline-block; width: 12px; height: 12px; background-color: #4ea441; border-radius: 50%; margin: 2px auto; }
 #boll_atgard { display: inline-block; width: 12px; height: 12px; background-color: #ff9900; border-radius: 50%; margin: 2px auto; }
 #boll_forfallen { display: inline-block; width: 12px; height: 12px; background-color: #ff0000; border-radius: 50%; margin: 2px auto; }
 
 #alternativ { overflow: hidden; width: 100%; margin-top: 30px; }
 #alternativ .cell { float: left; background-color: #edf6ec; width: 32%; padding: 40px 0px; text-align: center; margin-right: 5px; margin-bottom: 5px; }
 #alternativ .cell:hover { background-color: #deefdc; cursor: pointer; }
 #alternativ .cell_inaktiv { float: left; background-color: #f7f7f7; width: 32%; padding: 40px 0px; text-align: center; margin-right: 5px; margin-bottom: 5px; }
 
 #trad { width: 910px; }
 #trad .grupp { overflow: hidden; padding-top: 30px; }
 #trad .huvud { padding-top: 20px; }
 #trad .under { margin-left: 20px; padding-top: 20px; }
 #trad .under_2 { margin-left: 40px; padding: 20px 0px; }
 #trad .under_3 { overflow: hidden; width: 845px; margin-left: 60px; }
 #trad .konto { overflow: hidden; width: 810px; }
 #trad .konto_container { display: none; background-color: #edf6ec; margin: 20px 60px; margin-right: 0px; padding: 20px; }
 select option[selected] { background-color: #edf6ec; }
 
 #footer { width: 100%; max-width: 1000px; text-align: left; margin-top: 30px; margin-bottom: 20px; }
 #footer_container { border-top: #fff 1px solid; padding-top: 10px; overflow: hidden; }
 #footer_container div { float: left; width: 330px; }
 #footer_container .kontor { width: 270px; }
 
 #kontr_loggain label.error,
 #kontr_losenord label.error,
 #kontr_registrering label.error {
	display: block;
	color: #ff0000;
	padding: 5px 0px;
 }
 
 #sidor {
	float: left;
	width: 100%;
 }

 #sidor li {
	list-style: none;
	border: #c0c0c0 1px dashed;
	padding: 10px;
	margin-top: 5px;
	margin-left: -40px;
 }
 
 
 /*kortbetalning */
 
 .hosted-field {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 187px;
    height:33px;    
}

label#pris_opt > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label#pris_opt > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label#pris_opt > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid transparent;
  content: url('/inc/img/check.png');

}