@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:600&display=swap');
/*@import url("../../wds_nyhetsbrev_popup/style.css");*/

/* --------------------------------------------------------------------------------- */
/* INDEX.PHP startsidan */
/* --------------------------------------------------------------------------------- */
/* Anger att BORDER-BOX ska användas för ALLA boxar */
/*  * {box-sizing: border-box}*/

/* Google translate  */
.notranslate {
	color: rgba(0,0,0,1);
	margin: 0 0 0 0;
}
/* Alla TABELLER */
table {
  /*table-layout: fixed;*/
}
/* Tar bort kantlinjer på länkade bilder */
img {
	border: none;
}
img {
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 768px){
img {
	max-width: 97%;
	height: auto;
}
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
img {
	max-width: 100%;
	height: auto;
}
}
/* CENTRERINGSBOX - för centrerade layouter */
#centerbox {
	width: 95%;
	/*	min-height: 1000px;*/
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #ffffff;/*border: 1px solid #c0c;*/
}
/* Kolumn för Huvudmeny */
#huvudmeny {
	width: 250px;
	margin: 0 5px 0 0;
	padding: 0 0 50px 0;
	float: left;
	border-right: 1px solid rgba(197,216,226,1);/*	border: 1px solid #cc0;*/
}
@media only screen and (max-width: 768px){
#huvudmeny {
	display: none;
}
}
@media print {
#huvudmeny {
	display: none;
}
}
#content_box {
	float: left;
	width: 71%;
	margin: 0;
	padding: 0 5px 5px 10px;/*	background-color: #fff;*/
	/*border: 1px solid #ccc;*/
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#content_box {
	width: 61%;
	padding: 0 0 5px 5px;
}
}
@media only screen and (max-width: 768px){
#content_box {
	width: 100%;
	margin: 0;
	padding: 0;
}
}
#index_kolumn1 {
	float: left;
	width: 28%;
	margin: 0;
	padding: 0 0 0 10px;/*border: 1px solid #ccc;*/
}
#index_kolumn2 {
	float: left;
	width: 45%;
	margin: 0;
	padding: 0;/*border: 1px solid #ccc;*/
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#index_kolumn1 {
	float: left;
	width: 28%;
	margin: 0;
	padding: 0 0 0 10px;/*border: 1px solid #ccc;*/
}
#index_kolumn2 {
	float: left;
	width: 35%;
	margin: 0;
	padding: 0 0 0 0px;/*border: 1px solid #ccc;*/
}
}
@media only screen and (max-width: 768px){
#index_kolumn1 {
	width: 100%;
	margin: 0;
	padding: 0 0 0 10px;/*border: 1px solid #ccc;*/
}
#index_kolumn2 {
	width: 100%;
	margin: 0;
	padding: 0 0 0 0px;/*border: 1px solid #ccc;*/
}
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#index_kolumn1 img, #index_kolumn2 img {
	max-width: 95%;
	height: auto;
}
}
#fb_logo {
	width: auto;
	float: left;
	padding: 0 0 0 30px;
	margin: 0 0 200px 0;
/*	border: 1px solid #ccc; */
}
/* -------------------------------------------------------------- */
#nyheter {
	font-size: 12px;
	float: left;
	width: 95%;
	margin: 15px 0 0 0;
	padding: 0;/*	border: 1px solid #cc0;*/
}
/* Tabell nya guider*/
#nya_guider {
	width: 100%;
	margin: 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 10px;
}
#nya_guider td {
	margin: 0;
	padding: 5px 5px 10px 5px;/*	border: 1px solid #cc0;*/
}
/* Boxar på startsidorna */
#startkolumn1 {
	float: left;
	width: 70%;
	margin: 0;
	padding: 0;
	/*border: 1px solid #ccc;*/
}
#startkolumn2 {
	float: right;
	width: 20%;
	margin: 0;
	padding: 0;
	/*border: 1px solid #ccc;*/
}
#startkolumn2 img {
	max-width: 100%;
	height: auto;
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#startkolumn1 {
	width: 100%;
}
#startkolumn2 {
	width: 100%;
}
}
@media only screen and (max-width: 768px){
#startkolumn1 {
	width: 95%;
}
#startkolumn2 {
	width: 95%;
}
}
/* Guide innehåll */
#guide {
	width: 97%;
	margin: 0;
	padding: 0 1% 5px 2%;
	/*border: 1px solid #ccc; */
}
/* Webbshop Webbplats */
#guide_wds_info {
	float: left;
	width: 98%;
	margin: 0;
	padding: 0 0 0 2%;
	/*border: 1px solid #ccc; */
}
/* Hemsida/Webbplats referenser */
#webbplats_referenser {
	float: left;
	width: 98%;
	margin: 0;
	padding: 0 0 0 2%;
	text-align: center;
	/*border: 1px solid #cc0;*/
}
#webbplats_referenser_screen {
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	text-align: center;
	/*border: 1px solid #cc0;*/
}
@media only screen and (max-width: 1024px){
#guide_wds_info {
	width: 97%;
	margin: 0;
	padding: 0 1% 5px 2%;
}
/* Hemsida/Webbplats referenser */
#webbplats_referenser {
	width: 99%;
	margin: 0;
	padding: 0 0 0 1%;
}
}
/* --------------------------------------------------------------------------------- */
/* PROGRAM.PHP programinfo */
/* --------------------------------------------------------------------------------- */
#kolumn_program {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
}
/* --------------------------------------------------------------------------------- */
/* NYHETER.PHP */
/* --------------------------------------------------------------------------------- */
#nyheter_kolumn1 {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
}
#nyheter_kolumn2 {
	float: right;
	width: 282px;
	margin: 0 0 20px 0;
	padding: 0;
}
#nyheter_kolumn3 {
	float: right;
	width: 280px;
	margin: 0;
	padding: 0;
}
/* WDS CMS FEEDBACK  */
#feedback1 {
	width: 40%;
	float: left;
	margin: 0;
	padding: 0 2% 0 2%;
	/*border: 1px solid #0cc;*/
}
#feedback1 li {
	padding: 0 0 5px 0;
}
#feedback2 {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0 2% 0 2%;
	/*border: 1px solid #0cc;*/
}
@media only screen and (max-width: 768px){
#feedback1 {
	width: 100%;
	margin: 0;
	padding: 0;
}
#feedback2 {
	width: 100%;
	margin: 0;
	padding: 0;
}
}
#respons {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#respons li {
	padding-bottom: 15px;
	margin: 0;
	background-image: url(../citationstecken.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
}
/* --------------------------------------------------------------------------------- */
/* SIDHUVUD */
/* --------------------------------------------------------------------------------- */
/* SIDHUVUD - box som innehåller sidhuvudet */
#sidhuvud {
	width: 95%;
	height: 120px;
	padding: 0 0 0 0;
	margin: 10px auto 0 auto;
	background-color: #a9c0c6;
	background-image: url(../top_bakgrund.png);
	background-color: #ffffff;
	background-position: 100px -40px;
	background-repeat: repeat-x;
	/*background-position: center 0px;*/
	border-radius: 10px 10px 0 0;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);/*border: 1px solid #EF2428; */
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#sidhuvud {
	background-position: 50px -40px;
}	
}
@media only screen and (max-width: 768px){
#sidhuvud {
	margin: 0 auto 0 auto;
	border-radius: 5px 5px 0 0;
	background-image: url(../top_bakgrund-mobil.png);
	height: 200px;
	background-position: -230px -50px;
}	
}
@media print {
#sidhuvud {
	display: none;
}
}
#searchbox {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	/*border: 1px solid #ccc; */
}
#sidhuvud_box1 {
	width: 45%;
	padding: 0 0 5px 10px;
	margin: 0;
	font-size: 10px;
	color: #006699;
	float: left;/*	opacity: 0.9; *//*  filter: alpha(opacity=90); */
	/*border: 1px solid #c00;*/
}
@media only screen and (max-width: 768px){
#sidhuvud_box1 {
	width: 100%;
}	
}
#sidhuvud_box2 {
	width: 35%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;/*	opacity: 0.9; *//*  filter: alpha(opacity=90); */
	/*border: 1px solid #cc0;*/
}
@media only screen and (max-width: 1024px){
#sidhuvud_box2 {
  display: none;
}	
}
#sidhuvud_box3 {
	width: 20%;
	float: right;
	padding: 0;
	margin: 0;
	text-align: right;/*	opacity: 0.9; *//*  filter: alpha(opacity=90); */
	/*border: 1px solid #cc0; */
}
@media only screen and (max-width: 768px){
#sidhuvud_box3 {
  display: none;
}	
}
#sidhuvud_loginbox {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	/*border: 1px solid #cc0;*/
}
#sidhuvud_logintop {
	float: left;
	width: 100%;
	padding: 0;
	margin: 5px 0 5px 0;
	font-size: 14px;
	color: #000;
	letter-spacing: 1px;/*	border: 1px solid #cc0;*/
}
#sidhuvud_loginbottom {
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0;
	/*border: 1px solid #cc0;*/
}
/* Färg på länkad text i knapparna */
#sidhuvud_login_button_container {
	/*	float: left;*/
	margin: 0;
	padding: 0;
}
#sidhuvud_login_button_container a, #sidhuvud_login_button_container a:link, #sidhuvud_login_button_container a:visited {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
#sidhuvud_login_button1 {
	float: left;
	width: 120px;
	margin: 0 5px 3px 0;
	padding: 5px 0 5px 5px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255, 0.7);
	border-radius: 5px;
	background: rgba(71,200,67, 1);
	box-shadow: 0 3px 5px rgba(0,0,0,0.20);
}
#sidhuvud_login_button2 {
	float: left;
	width: 120px;
	margin: 0 5px 3px 0;
	padding: 5px 0 5px 5px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255, 0.7);
	border-radius: 5px;
	background: rgba(200,67,67, 1);
	box-shadow: 0 3px 5px rgba(0,0,0,0.20);
}
#facebook_addthis {
	float: left;
	width: 210px;
	padding: 0;
	margin: 0;
	border: 1px solid #cccccc;
}
/* --------------------------------------------------------------------------------- */
/* HUVUDMENY */
/* --------------------------------------------------------------------------------- */
/* VANLIG MENY - döljer alla element som har "dropdown" som inledande attribut */
.toggle, [id^=dropdown] {
	display: none;
}
/* MOBIL MENY - döljer alla element som har "dropdown" som inledande attribut */
	
.toggle_top, [id^=dropdown] {
	display: none;
}
/* HUVUDMENY - box */
nav {
	/*position: fixed; /* Visar menyn hela tiden */
	/*top: 0px; /* Menyns position */
	/*left: 0; /* Menyns position */
	/*right: 0; /* Menyns position */
	/*z-index: 9999; /* Positionerar boxen överst */
	clear: both;
	width: 95%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	background-color: rgba(68,139,173,1);
	background-image: linear-gradient(to bottom, rgba(152,198,222,1), rgba(52,124,160,1), rgba(31,73,94,1), rgba(48,114,147,1));
	background-repeat: repeat-x;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
/* Anger att boxen ska visas som en Tabell */
nav:after {
	content: "";
	display: table;
	clear: both;
}
/* HUVUDMENY - länkar text */
nav a {
	display: block;
	padding: 0 8px;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-decoration: none;
}
nav a:link {
	color: #fff;
	text-decoration: none;
}
nav a:visited {
	color: #fff;
	text-decoration: none;
}
nav a:hover {
	background-color: rgba(152,198,222,0.3);
	cursor: pointer;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
/* HUVUDMENY - menyval */
nav ul li {
	margin: 0;
	padding-bottom: 0;
	display: inline-block;
	float: left;
	text-align: left;
	border-right: 2px solid rgba(255,255,255, 0.2);
}
/* UNDERMENY 1 */
nav ul ul {
	display: none;
	position: absolute;
	z-index: 100;
	top: 50px;
}
/* UNDERMENY 1 - menyval */
nav ul ul li {
	width: 350px;
	float: none;
	display: list-item;
	position: relative;
	border: 1px solid #fff;
	border-top: none;
	background-image: none;
	background-color: rgba(68,139,173,1);
}
/* UNDERMENY 1 - länkar text */
	
nav ul ul li a {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 5px 10px 10px;
}
/* UNDERMENY 1 - hover-läge */
nav ul li ul a:hover, nav ul li ul li:hover {
	background-color: #97aecc;
}
nav #menykategori_top {
	background-color: rgba(230,230,230,1.00);
	border-radius: 0;
	border: 1px solid #fff;
	padding: 10px 5px 10px 10px;
	line-height: 20px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
/* UNDERMENY 2 - menyval */
	
nav ul ul ul li {
	position: relative;
	top: -60px;
	left: 200px;
	background-color: #97aecc;
}
/* UNDERMENY 2 - hover-läge */
	
nav ul ul li ul a:hover, nav ul ul li ul li:hover {
	background-color: #9a9a9a;
}
/* Visar dropdown-menyer i hover-läget */
	
nav ul li:hover> ul {
	display: inherit;
}
/* Visar symbol efter menyval
Unicode används - se fler symboler här: 
http://en.wikipedia.org/wiki/Miscellaneous_Symbols 
http://nealchester.com/special-characters
https://dev.w3.org/html5/html-author/charref */
	
nav li> a:after {
	content: "\00A0\025be";
	/* "00A0" är hårt blanksteg ( ) */
	color: #fff;/*	font-size: 14px; */
}
nav ul ul li> a:after {
	content: "\00A0\025b8";
	/* "00A0" är hårt blanksteg ( ) */
	color: #fff;/* 	font-size: 14px; */
}
/* Döljer symbol på alla menyval UTAN undermeny */
	
nav li> a:only-child:after {
	content: '';
}

/* ################################################################################# */
/* --------------------------------------------------------------------------------- */
/* MOBILTELEFON och SMARTPHONE (portrait/stående)
/* --------------------------------------------------------------------------------- */
	
@media only screen and (max-width: 768px) {
/* MENY - box */
@media print {
nav {
 display: none;
}
}
nav {
	position: relative;
	width: 95%;
	margin: 10px auto 10px auto;
	padding: 0;
	background-image: none;
}
/* MOBIL MENY BUTTON - knappen som visas i startläget */
.toggle_top {
	display: block;
	padding: 20px 0 20px 80px;
	margin: 5px auto 0 auto;
	background-color: rgba(48,114,147,1);
	background-image: url(responsive_nav_icon_white.png);
	background-repeat: no-repeat;
	background-size: 40px 30px;
	background-position: 15px center;
	color: #fff;
	font-size: 28px;
	text-decoration: none;
}
/* Döljer menyval i startläget */
.toggle+ a, .menu {
	display: none;
}
/* HUVUDMENY - alla menyval */
.toggle, nav ul li a {
	display: block;
	padding: 0 20px;
	color: #fff;
	font-size: 24px;
	line-height: 60px;
	text-decoration: none;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

nav #menykategori_top {
	background-color: rgba(230,230,230,1.00);
	border-radius: 0;
	padding: 5px 5px 5px 10px;
	line-height: 20px;
	color: rgba(0,0,0,0.8);
	font-size: 16px;
	font-weight: bold;
}
/* HUVUDMENY  */
nav ul ul {
	float: none;
	position: static;
}
/* HUVUDMENY - menyval */
nav ul li {
	margin: 2px 0 2px 0;
	display: block;
	width: 100%;
	background-color: rgba(68,139,173,1);
	background-image: none;
}
/* HUVUDMENY - hover-läge */
nav li a:hover {
	background: none;
}
/* Visar symbol efter menyval
Unicode används - se fler symboler här: 
http://en.wikipedia.org/wiki/Miscellaneous_Symbols 
http://nealchester.com/special-characters
https://dev.w3.org/html5/html-author/charref */
.toggle:after {
	/*	content: "\00A0\00A0\0002B"; */
	content: "\00A0\00A0\0003E";
	/* "00A0" är hårt blanksteg ( ) */
	color: #fff;/*	font-size: 14px; */
}
/* Visar alla element som har "dropdown" som inledande attribut och där checkbox Ãr vald */
[id^=dropdown]:checked+ ul {
	display: block;
}
/* UNDERMENY 1 */
nav ul ul li {
	margin: 0;
	display: block;
	width: 100%;
}
/* UNDERMENY 1 - menyval */
nav ul ul .toggle, nav ul ul a {
	padding: 0 10px 0 20px;
	background-color: rgba(97,165,198,1.00);
}
/* UNDERMENY 1 - hover-läge */
nav ul li ul a:hover, nav ul li ul li:hover {
	background-color: rgba(95,164,197,1);
}
/* UNDERMENY - länkar text */
ul li ul li a {
	font-size: 20px;
}
/* UNDERMENY 2 */
nav ul ul ul li {
	position: static;
	width: 100%;
}
/* UNDERMENY 2 - menyval */
nav ul ul ul a {
	padding: 0 0 0 20px;
	color: #54739b;
	background-color: #bdcbde;
}
/* UNDERMENY 2 - hover-läge */
nav ul ul li ul a:hover, nav ul ul li ul li:hover {
	background-color: #bdcbde;
}
/* Döljer undermenyer i hover-läge i Smartphone */
nav ul li:hover> ul, nav ul ul li:hover> ul {
	display: none;
}
}
/* --------------------------------------------------------------------------------- */
/* Huvudmall for alla WDS-guider */
/* --------------------------------------------------------------------------------- */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0;
	background-color: #fff;
}
a:link {
	color: #006699;
	text-decoration: underline;
}
a:visited {
	color: #006699;
	text-decoration: underline;
}
a:active {
	color: #006699;
	text-decoration: underline;
}
a:hover {
}
/* Länkar som ska avvika från huvudmall */
#link1 a:link, #link1 a:visited, #link1 a:active {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	margin: 30px 0 0px 0;
	font-weight: normal;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	margin-top: 30px;
	margin: 30px 0 0 0;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#guide p {
	/*line-height: 24px;*/
}
#guide li {
	line-height: 16px;
}
/* GUIDE RÙBRIKER */
#guide h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #000;
}
#guide h2 {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: rgba(0,0,0,1);
	letter-spacing: 1px;
	/*	border: 1px solid #ccc; */
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid rgba(0,0,0,1.00);
	background: rgba(197,216,226,1); 
	margin: 30px 0 10px 0;
	padding: 5px 10px 3px 10px;
}
#guide h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #000;
	letter-spacing: 1px;
	font-weight: normal;
	border: 1px solid #6ea1b9;
	margin: 30px 0 0 0;
	padding: 10px 5px 10px 10px;
	/* Runda hörn */
	border-radius: 10px 10px 0 0;
	border: 1px solid rgba(120,171,205,0.2);
	background: rgba(227,213,102,1.00); 
	/*box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 1.0);*/
}
#guide h4 {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	/*font-weight: normal;*/
	/*letter-spacing: 1px;*/
	color: #000;
	border-bottom: 1px solid #CCCCCC;
	margin: 30px 0 10px 0;
	padding: 3px 2px 3px 0px;
}
#guide h6 {
	background: url(../dotline.gif) repeat-x;
}
.bild_kantlinje {
	border: 1px solid #000000;
}
.bild {
	border: none;
}
.menykantlinje1 {
	border: 1px solid #006699;
}
.kantlinje_form_tabell {
	border: 1px solid #99cc00;
	background-color: #ccff66;
}
/*.kantlinje1 { border-bottom: 1px solid #006699; } */
.kantlinje2 {
	border-bottom: 1px solid #000000;
}
.kantlinje3 {
	border: 1px solid #99cc00;
}
.kantlinje4 {
	border: 1px solid #55aed2;
}
.tipsruta {
	background: #ffffcc;
	border: 2px solid #999999;
}
.marker {
	background: #ffff99;
}
.marker2 {
	background-color: #ccff99;
}
.marker3 {
	background-color: #ffcc33;
}
.right {
	background-color: #33ff00;
	letter-spacing: 5px;
}
.wrong {
	background-color: #ff4f4f;
	letter-spacing: 5px;
}
/* kantlinje i tabeller */
.tabell_kantlinje1 {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
}
.tabell_kantlinje1 td {
	margin: 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-left: none;
	border-top: none;
}
.tabell_kantlinje2 {
	margin: 0;
	padding: 0;
	border: 2px solid #ccc;
	border-right: none;
	border-bottom: none;
}
.tabell_kantlinje2 td {
	margin: 0;
	padding: 15px;
	border: 2px solid #ccc;
	border-left: none;
	border-top: none;
}
.tabell_1 {
	margin: 0;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #E2E2E2;
	box-shadow: 3px 3px 5px #999;
	background-color: #fff;
}
#exempel_box {
	padding: 10px 20px 10px 20px;
	border: 2px solid #ccff66;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.30);
}
#exempel_box h1 {
	font-size: 20px;
	color: #000;
	letter-spacing: 0px;
}
.exempel_button {
	font-size: 18px;
	font-weight: normal;
	padding: 5px;
}
.fontcolor_2 {
	color: #666666;
}
.fontcolor_3 {
	color: #cc0000;
}
.fotnot {
	color: #999999;
	font-style: italic;
}
ol li {
	padding-bottom: 2em;
}
ul li {
	padding-bottom: 1em;
}
.tabell_runda_horn1 {
	margin: 0;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #E2E2E2;
	box-shadow: 3px 3px 5px #ccc;
	background-color: #fff;
}
#tipsruta {
	width: 80%;
	padding: 10px 1% 2% 70px;
	border: 1px solid #66CC66;
	border-left: 5px solid #66CC66;
	margin: 5px 5px 5px 0;
	background-image: url(../green_alert.gif);
	background-repeat: no-repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #66CC66;
	box-shadow: 3px 3px 5px #ccc;
}
@media only screen and (max-width: 768px){
#tipsruta {
	width: 70%;
}
}
.kodruta_linje {
	border-bottom: 1px solid #cccccc;
}
#kodruta {
	padding: 20px;
	margin: 10px 0 30px 0;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background-color: rgba(250,250,250,1.00);
/*	box-shadow: 3px 3px 5px #ccc; */
}
#kodruta_green {
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #ccff66;
}
#kodruta_vit {
	padding: 10px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
#kodruta_grey {
	padding: 10px;
	border: 1px solid #000000;
	background: #CCCCCC;
}
/* KOLUMNER i guider */
#two_columns {
	width: 100%;
	padding: 0;
	margin: 0;
}
#two_columns1 {
	float: left;
	width: 44%;
	padding: 0 2% 2% 2%;
	margin: 0 2% 0 0;
	border: 1px solid #ccc;
}
#two_columns2 {
	float: left;
	width: 44%;
	padding: 0 2% 2% 2%;
	margin: 0 0 0 0;
	border: 1px solid #ccc;
}
#two_columns_bottom {
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
}
@media only screen and (max-width: 768px){
#two_columns1, 
#two_columns2  {
	width: 96%;
	padding: 0 2% 2% 2%;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}
}
/* --------------------------------------------------------------------------------- */
/* SIDLAYOUT */
/* --------------------------------------------------------------------------------- */

/* GUIDE */
#guide_huvud {
	width: 100%;
	padding: 0 0 5px 0;
	margin: 10px 0 15px 0;
	float: left;
	clear: both;/*	border: 1px solid #cc0;*/
}
#sidrubrik_webdesignskolan {
	float: left;
	padding: 0;
	margin: 0;
}
#sidrubrik_webdesignskolan h1 {
	font-family: 'Nunito', sans-serif;
	font-size: 40px;
	font-weight: normal;
	/*letter-spacing: 2px;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #006699;
}
#print_link {
	float: right;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}
#print_link a:link {
	color: #006699;
}
#print_link a:visited {
	color: #006699;
}
#print_link a:hover {
}
/* NYHETSBREV */
.nyhetsbrevfont {
	font-size: 10px;
}
#nyhetsbrev_subscribe {
	width: 400px;
	float: left;
	/*	clear: right;*/
	padding: 0;
	margin: 0;/*	border: 1px solid #cc0; */
}
@media only screen and (max-width: 768px){
#nyhetsbrev_subscribe {
	width: 100%;
}
}
/* BANNERS */
#banners_affiliate {
	width: 100%;
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	text-align: center;
	/*border: 1px solid #0cc;*/
}
/* STARTMENY uppdateringar startsidan */
#startmeny {
	float: left;
	width: 500px;
	margin: 0 0 10px 0;
	padding: 0;
}
#startmeny li {
	list-style-type: none;
	padding: 6px 0 6px 0;
	margin: 0;
	border-bottom: 1px solid #ebebeb;
}
#startmeny a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#startmeny a:link {
	color: #000000;
}
#startmeny a:visited {
	color: #000000;
}
#startmeny a:hover {
	background: #ebebeb;
}

/* --------------------------------------------------------------------------------- */
/* PROGRAM GUIDEMENY
/* --------------------------------------------------------------------------------- */
/* RUBRIK Kategori */
#menyrubrikcontainer {
	margin: 0;
	padding: 5px 0 5px 0;/*	border: 1px solid #cc0; */
}
/* Rubrik MENYKATEGORI */
#menykategori {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #000;
	padding: 5px 5px 5px 25px;
	background-color: rgba(197,216,226,1);
	border-radius: 5px;
}
/* STARTSIDAN HUVUDMENY */
#hmeny_start {
	margin: 0;
	padding: 5px 5px 5px 0;
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	/*	border-radius: 5px;*/
}
#hmeny_start li {
	padding: 0 0 0 0;
	margin: 0;
}
#hmeny_start a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 25px;
	text-decoration: none;
	color: rgba(0,0,0,1);
	background-image: url(list_icon.png);
	background-repeat: no-repeat;
	background-position: 5px;
	border-bottom: 1px solid rgba(240,240,240,1);
}
#hmeny_start a:link {
	color: #000000;
}
#hmeny_start a:visited {
	color: #000000;
}
#hmeny_start a:hover {
	background-color: rgba(240,240,240,1);
}
/* Muspekare intryckt */
#hmeny_start a:active {
}
/* PROGRAMGUIDER HUVUDMENY */
#hmeny {
	margin: 0;
	padding: 5px 5px 5px 0;
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;/*	border-radius: 5px;*/
}
#hmeny li {
	padding: 0;
	margin: 0;
}
#hmeny a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 25px;
	text-decoration: none;
	color: rgba(0,0,0,1);
	background-image: url(list_icon.png);
	background-repeat: no-repeat;
	background-position: 5px;
	border-bottom: 1px solid rgba(240,240,240,1);
}
#hmeny a:link {
	color: #000000;
}
#hmeny a:visited {
	color: #000000;
}
#hmeny a:hover {
	background-color: rgba(240,240,240,1);
}
/* Muspekare intryckt */
#hmeny a:active {
}
.meny_miniatyrer {
	background-color: #ffffff;
	border: 1px solid #FF0000;
}
/* --------------------------------------------------------------------------------- */
/* GUIDE-INDEX översiktsmeny med miniatyrer */
/* --------------------------------------------------------------------------------- */
#guide_view_container {
	float: left;
	width: 73%;
	margin: 0 0 100px 0;
	padding: 0;
	/*border: 1px solid #cc0;*/
}
#guide_view {
	float: left;
	width: 16%;
	height: 200px;
	font-size: 16px;
	text-align: center;
	margin: 0 1% 1% 0;
	padding: 1%;
	border: 1px solid #ccc;
	border-radius: 5px;
}
@media only screen and (max-width: 768px){
#guide_view_container {
	width: 100%;
}
#guide_view {
	width: 45%;
}
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#guide_view_container {
	width: 60%;
}
#guide_view {
	width: 20%;
}
}
#guide_view a:link, #guide_view a:visited {
	color: #000000;
	text-decoration: none;
}
#guide_view a:hover {
}
/* --------------------------------------------------------------------------------- */
/* GUIDER innehåll */
/* --------------------------------------------------------------------------------- */
#guide a:link {
	color: #006699;
	text-decoration: underline;
}
#guide a:visited {
	color: #006699;
	text-decoration: underline;
}
#guide a:active {
	color: #006699;
	text-decoration: underline;
}
#guide a:hover {
}
/* BUTTON KNAPP SOM ÖPPNAR LÄNKAR */
.open-link-button {
width: 200px;
text-align: center;
background-color: rgba(42,90,157,1.00);
color: rgba(255,255,255,1.00);
padding: 15px 20px;
margin: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 18px;
}

@media only screen and (max-width: 768px) {
.open-link-button {
/*width: 95%;*/
}
}
/* WDS medlem - Ikon för inloggning */
#wds-medlem {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;/*	border: 1px solid #cc0;*/
}
/* Guide meny */
#guidemeny {
	width: 97%;
	clear: both;
	margin: 0;
	padding: 0;/*	border: 1px solid #cc0;*/
}
@media only screen and (max-width: 768px){

}
#guidemeny a:link, #guidemeny a:visited, #guidemeny a:active {
	color: #006699;
	text-decoration: none;
}
#meny {
	/*width: 100%;*/
	clear: both;
	font-size: 16px;
	margin: 0;
	padding: 10px 10px 10px 20px;
	list-style-type: none;
	background-color: rgba(247,247,247,1.00);
	/*border: 1px solid #CCCCCC;*/
	border-radius: 10px;
}
#meny li {
	padding: 0;
	margin: 0;
}
#meny a {
	display: block;
	margin: 0;
	padding: 8px 0 8px 25px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 2px solid rgba(255,255,255,1.00);
	background-image: url(../vinkel2.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}
#meny a:link {
	color: #000000;
	text-decoration: none;
}
#meny a:visited {
	color: #000000;
	text-decoration: none;
}
#meny a:hover {
	background-image: url(../vinkel3.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: rgba(255,255,255,1.00);
}
/* länktips i slutet av vissa guider */
#linkmeny {
	width: 450px;
	margin: 0;
	padding: 0;
}
#link {
	margin: 0;
	padding: 0 0 0 50px;
	list-style-type: none;
	letter-spacing: 1px;
}
#link li {
	padding-bottom: 0.3em;
	margin: 0;
}
#link a {
	display: block;
	margin: 0;
	padding: 0.3em 1em 0.3em 2em;
	text-decoration: none;
	background: url(../pil_h.gif) no-repeat 5px;
}
#link a:link {
	color: #006699;
}
#link a:visited {
	color: #006699;
}
#link a:hover {
	text-decoration: underline;
}
/* --------------------------------------------------------------------------------- */
/* SIDFOT */
/* --------------------------------------------------------------------------------- */
#sidfot_info {
width: 100%;
	clear: both;
	float: left;
	text-align: right;
	font-size: 16px;
	padding: 0;
	/*border: 1px solid #0cc;*/
}
#sidfot_info a:link {
	color: #006699;
}
#sidfot_info a:visited {
	color: #006699;
}
#sidfot_info a:hover {
}
#copyright {
	clear: both;
	float: left;
	font-size: 16px;
	/*	font-style: italic;*/
	padding: 5px 5px 20px 5px;
}
#copyright a:link {
	color: #006699;
}
#copyright a:visited {
	color: #006699;
}
#copyright a:hover {
}
/* --------------------------------------------------------------------------------- */

hr {
	color: #006699;
	background: #006699;
	border: 0;
	height: 1px;
}
/* --------------------------------------------------------------------------------- */
/* KONTAKTFORMULÄR  */
/* --------------------------------------------------------------------------------- */
/* Yttre Box runt formuläret */
#layout_kontaktformular_border {
	width: 95%;
	float: left;
	/*	clear: both; */
	margin: 1% 0 30px 2%;
	padding: 3px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(153,153,153,1);
	background-color: rgba(255,255,255,1);
}
/* Inre Box runt formuläret - med innehållet */
#layout_kontaktformular {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	width: 96%;
	float: left;
	margin: 0;
	padding: 1% 2% 15px 2%;
	border-radius: 5px;
	background-color: rgba(248,248,248,1);
}
.kontakt_fnamn, .kontakt_enamn, .kontakt_email, .kontakt_meddelande, .kontakt_meddelande_confirmation {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}
/* Förnamn */
.kontakt_fnamn {
	width: 90%;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
}
/* Efternamn */
.kontakt_enamn {
	width: 90%;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
}
/* E-postadress */
.kontakt_email {
	width: 90%;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
}
/* Meddelande */
.kontakt_meddelande {
	width: 90%;
	height: 300px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
}
/* Bekräftelse på skickat meddelande */
.kontakt_meddelande_confirmation {
	width: 96%;
	height: 400px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
}
/* CAPTCHA-kod */
.capcha_text {
	padding: 5px;
	margin: 0 0 5px 0;
}
/* Kantlinje runt CAPTCHA-kod */
.capcha_kantlinje {
	border: 1px solid rgba(255,0,0,1);
	margin: 0 0 5px 0;
}
.kontaktknapp {
	margin: 5px 0 0 0;
	padding: 10px;
	font-size: 18px;
	font-weight: normal;
}
.form_confirmation {
	width: 96%;
	border: 1px solid #CCC;
	margin: 0;
	float: left;
	padding: 5px 5px 5px 20px;
}
.jquery_kontrollkod {
	font-size: 16px;
	color: #000;
	width: 100px;
	padding: 5px;
}
/* jQuery-class för formulärfält med förvald text */
.email_focus {
	color: #999;
}
/* --------------------------------------------------------------------------------- */
/* LOGIN WDS medlem */
/* --------------------------------------------------------------------------------- */
/*  formulär och tabellen som visar meddelanden*/
.login_kantlinje {
	border: 1px solid #66CC66;
}
#layout_login_border {
	width: 50%;
	float: left;
	margin: 2% 0 0 2%;
	padding: 1%;
	border-radius: 5px;
	/*	border: 1px solid #E2E2E2; */
	box-shadow: 0px 0px 4px #999;
	background-color: #fff;
}
#layout_login {
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 2% 1% 2%;
	border-radius: 5px;
	background-color: #F8F8F8;
}
#layout_login_form {
	width: 96%;
	float: left;
	margin: 0;
	padding: 2%;
	border-radius: 5px;
	/*	border: 1px solid #66CC66; */
	background: #ccff66;
}
#layout_login_form input {
	font-size: 16px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.wds_login_user {
	width: 95%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 1%;
	border: 1px solid #5FA3C4;
}
.wds_login_pass {
	width: 95%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 1%;
	border: 1px solid #5FA3C4;
}
#layout_login_form .loginknapp {
	margin: 5px 0 0 0;
	padding: 10px;
	font-size: 18px;
	font-weight: normal;
}
#layout_login_info {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;/*	border: 1px solid #cc0; */
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#layout_login_border {
	width: 60%;
	padding: 1%;
}
}
@media only screen and (max-width: 768px){
#layout_login_border {
	width: 98%;
	margin: 0 0 50px 0;
	padding: 1%;
}
#layout_login {
	width: 96%;
	margin: 0;
	padding: 0 2% 5px 2%;
}
#layout_login_form {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.wds_login_user {
	width: 95%;
	padding: 2%;
}
.wds_login_pass {
	width: 95%;
	padding: 2%;
}
}
/* --------------------------------------------------------------------------------- */
/* KUNDKONTO WDS medlem */
/* --------------------------------------------------------------------------------- */
/* Box2 med runda horn - innehall */
#kolumnbox2 {
	margin: 0;
	padding: 0;/*	border: 1px solid #cc0;*/
}
#kolumnbox2 p {
	line-height: 18px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 0 5px 0;
}
#kolumnbox2 h3 {
	margin: 0 0 5px 0;
	padding: 20px 0 5px 0;
	font-size: 12px;
	letter-spacing: 3px;
	border-bottom: 1px solid #CCCCCC;
	border-top: none;
	background-image: none;
	font-weight: bold;
}
/* Villkor WDS medlem */
#layout_villkor_container {
	width: 90%;
	float: left;
	margin: 0;
	padding: 0 5px 70px 25px;/*	border: 1px solid #ccc; */
}
#layout_villkor_border {
	width: 90%;
	float: left;
	margin: 10px 0 0 20px;
	padding: 3px;
	border-radius: 5px;
	/*	border: 1px solid #E2E2E2; */
	box-shadow: 0px 0px 4px #999;
	background-color: #fff;
}
#layout_villkor {
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 2% 1% 2%;
	border-radius: 3px;
	background-color: #F8F8F8;
}
@media only screen and (max-width: 768px){
#layout_villkor_container {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;/*	border: 1px solid #ccc; */
}
#layout_villkor_border {
	width: 96%;
	float: left;
	margin: 10px 0 0 2%;
	padding: 1%;
}
#layout_villkor {
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 2% 5px 2%;
	border-radius: 3px;
}
}
#layout_villkor h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 30px 0 0 0;
}
#layout_villkor h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 30px 0 0 0;
}
#layout_villkor h3 {
	font-size: 15px;
	margin-top: 30px;
	margin: 30px 0 0 0;
}
/* MEDLEMSKONTO WDS medlem */
/* Sidlayout */
#layout_medlem_border {
	width: 70%;
	float: left;
	margin: 2% 0 0 2%;
	padding: 1%;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #999;
	background-color: #fff;
}
#layout_medlem {
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 2% 1% 2%;
	border-radius: 5px;
	background-color: #F8F8F8;
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#layout_medlem_border {
	width: 60%;
}
#layout_medlem {
	width: 96%;
}
}
@media only screen and (max-width: 768px){
#layout_medlem_border {
	width: 98%;
	float: left;
	margin: 1% 0 0 2%;
	padding: 1%;
}
#layout_medlem {
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 2% 1% 2%;
}
}
#medlem_content {
	margin: 0;
	padding: 0;
	float: left;
}
#medlem_menycontainer ul {
	margin: 0 0 0 0;
	font-size: 16px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #ccc;
}
#medlem_menycontainer li {
	display: inline;
	list-style: none;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 40px;
}
#medlem_menycontainer li a {
	text-decoration: none;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 0px 0px;
	background: #E1E1E1;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#medlem_menycontainer a:link {
	color: #000000;
}
#medlem_menycontainer a:visited {
	color: #000000;
}
#medlem_menycontainer a:hover {
	background-color: #ccff66;
}
#medlem_menycontainer a#current {
	background: #ffffff;
	color: #000000;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #ccc;
}
/* Tabell Kontouppgifter */
.medlem_kontouppgifter {
	font-size: 16px;
}
/* Tabell Ändra kontouppgifter */
.medlem_andra_kontouppgifter {
	font-size: 16px;
	width: 90%;
	margin: 0;
	padding: 2%;
	border-radius: 5px;
	/*	border: 1px solid #66CC66; */
	background: #ccff66;
}
/* Formulär Ändra kontouppgifter */
.formfield_andra_kontouppgifter {
	width: 98%;
	font-size: 16px;
	padding: 1%;
	border: 1px solid #5FA3C4;
}
@media only screen and (max-width: 768px){
.medlem_andra_kontouppgifter {
	width: 98%;
}
.formfield_andra_kontouppgifter {
	width: 98%;
}
}
.skicka_knapp {
	margin: 5px 0 0 0;
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
}
/* Tabell Orderhistorik */
.medlem_orderhistorik {
	font-size: 16px;
}
.summa {
	font-size: 20px;
	text-align: center;
}
.td_fokus1 {
	font-weight: bold;
	background-color: #F8F8F8;
	border-bottom: 1px solid #999;
}
.td_fokus2 {
	background-color: #F8F8F8;
	border-bottom: 1px solid #999;
}
.td_fokus3 {
	font-weight: bold;
	background-color: #FFFF99;
	border: 1px solid #000000;
}
.td_fokus4 {
	color: #999999;
}
.td_fokus5 {
	background-color: #F8F8F8;
}
/* --------------------------------------------------------------------------------- */
/* BESTÄLLNING ORDERFORMULÄR MM */
/* --------------------------------------------------------------------------------- */
/*  formulär och tabellen som visar meddelanden*/
.formularfalt {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	width: 97%;
	padding: 1%;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.orderknapp {
	/*width: 80%;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	/*border: 1px solid rgba(255,0,0,1.00);*/
	padding: 10px;
}
.orderknapp_betalning {
	/*width: 80%;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	border: 3px solid rgba(255,0,0,1.00);
	border-radius: 5px;
	padding: 10px;
	cursor: pointer;
}
.kantlinje2 {
	border: 5px double #99cc00;
}
.kantlinje1 {
	border: 1px solid #006699;
}
.kantlinjeunder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
.kantlinje_top_bottom {
	border-top: 3px solid #99cc00;
	border-bottom: 1px solid #99cc00;
}
/* sidlayout */
#order_layout_container {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;/*	border: 1px solid #ccc; */
}
#order_layout_container h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
#order_layout_container h2 {
	font-size: 22px;
	font-weight: normal;
	color: #000;
}
#order_layout_border {
	width: 95%;
	float: left;
	margin: 1% 0 0 2%;
	padding: 1%;
	border-radius: 5px;
	/*	border: 1px solid #E2E2E2; */
	box-shadow: 0px 0px 4px #999;
	background-color: #fff;
}
#order_layout {
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 2% 1% 2%;
	border-radius: 5px;
	background-color: #F8F8F8;
}
#order_kvitto_confirmation {
	padding: 2% 2% 2% 80px;
	width: 70%;
	margin: 1%;
	background-image: url(/start/ok.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-radius: 5px;
	border: 1px solid #66CC66;
	background-color: #FFF;
}
@media only screen and (max-width: 768px){
#order_kvitto_confirmation {
	background-image: none;
	padding: 2%;
	width: 100%;
	margin: 1%;
}
}
#order_tabell1 {
	/*width: 80%;*/
	margin: 0;
	padding: 0;
	border-radius: 5px;
	border: 1px solid #006699;
	background-color: #fff;
}
#order_tabell1 td {
	margin: 0;
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}
#order_tabell2 {
	/*	width: 80%;*/
	margin: 0;
	padding: 0;
	border-radius: 5px;
	border: 1px solid #006699;
	background-color: #fff;
}
#order_tabell2 td {
	margin: 0;
	padding: 5px;
}
#order_tabell3 {
	/*	width: 80%;*/
	margin: 0;
	padding: 0 2% 1% 2%;
	border-radius: 5px;
	border: 1px solid #006699;
	background-color: #fff;
}
#order_tabell3 td {
	margin: 0;
	padding: 5px;
}
#order_kolumncontainer {
	float: left;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
#order_kolumn1 {
	float: left;
	width: 200px;
}
#opacitybox {
	float: left;
	margin: 0;
	padding: 10px;
	background: #a1ba67;
	opacity: 0.5;
	filter: alpha(opacity=50);
	line-height: 1.8em;
}
#order_kolumn2 {
	float: left;
	width: 478px;
	padding: 10px;
	background: #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	line-height: 1.8em;
}
/* meny */
#order_menycontainer {
	float: left;
	margin: 1em 0 0 1em;
	padding: 0;
}
#order_meny {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
}
#order_meny a {
	width: 11em;
	text-decoration: none;
	display: block;
	padding: 0.3em 1em;
	margin-bottom: 0.8em;
	border-bottom: 1px dotted #a1ba67;
	border-left: 1px none;
}
#order_meny a:link {
	color: #2d371e;
}
#order_meny a:visited {
	color: #2d371e;
}
#order_meny a:hover {
	border-left: 1px solid #5FA3C4;
	border-right: 1px solid #5FA3C4;
	background-color: #EBF1F7;
}
#order_meny a#current {
	border-left: 5px solid #5FA3C4;
	background-color: #EBF1F7;
	font-weight: bold;
}
/* --------------------------------------------------------------------------------- */
/* MEDDELANDEN */
/* --------------------------------------------------------------------------------- *//* MEDDELANDEN  */
#error {
	padding: 10px 10px 10px 80px;
	border: 1px solid #FF6600;
	width: 70%;
	margin: 5px 5px 5px 0;
	background-image: url(/start/alert.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-radius: 5px;
	border: 2px solid #FF6600;
	background-color: #fff;
}
#confirmation {
	padding: 10px 10px 10px 80px;
	width: 70%;
	margin: 5px 5px 5px 0;
	background-image: url(/start/ok.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-radius: 5px;
	border: 2px solid #66CC66;
	background-color: #fff;
}
#confirmation_back {
	padding: 10px 10px 10px 10px;
	width: 70%;
	margin: 5px 5px 5px 0;
	border-radius: 5px;
	border: 2px solid #66CC66;
	background-color: #fff;
}
#confirm {
	padding: 10px 10px 10px 80px;
	width: 70%;
	margin: 5px 5px 5px 0;
	background-image: url(/start/question.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-radius: 5px;
	border: 2px solid #FF6600;
	box-shadow: 3px 3px 5px #ccc;
	background-color: #fff;
}
@media only screen and (min-width : 769px) and (max-width: 1024px) {
#error, #confirmation, #confirmation_back, #confirm  {
	width: 70%;
}
}
@media only screen and (max-width: 768px){
#error, #confirmation, #confirmation_back, #confirm  {
	width: 98%;
	margin: 1% 1% 50px 0;
}
}
/* --------------------------------------------------------------------------------- */
/*  BILDER */
/* --------------------------------------------------------------------------------- */
.bild_utan_kantlinje {
	border: none;
}
.bild_v_utan_kantlinje {
	border: none;
	padding: 0;
	margin: 0 15px 5px 0;
	background-color: #FBFBFB;
	float: left;
}
.bild_h_utan_kantlinje {
	border: none;
	padding: 0;
	margin: 0 0 5px 15px;
	background-color: #FBFBFB;
	float: right;
}
/* BILD KANTLINJE */ 
/* padding 1px */
.bild_kantlinje {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 5px 5px 5px 0;
	background-color: #FBFBFB;
}
.bild_v_kantlinje {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 0 15px 5px 0;
	background-color: #FBFBFB;
	float: left;
}
.bild_h_kantlinje {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 0 0 5px 15px;
	background-color: #FBFBFB;
	float: right;
}
/* BILD KANTLINJE */ 
/* padding 5px */
.bild2_kantlinje {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 5px 5px 5px 0;
	background-color: #FBFBFB;
}
.bild2_v_kantlinje {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0 15px 5px 0;
	background-color: #FBFBFB;
	float: left;
}
.bild2_h_kantlinje {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0 0 5px 15px;
	background-color: #FBFBFB;
	float: right;
}
/* BILD SKUGGA */
/* padding 1px */
.bildskugga {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 5px 5px 5px 0;
	background-color: #FBFBFB;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_v {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 0 15px 5px 0;
	background-color: #FBFBFB;
	float: left;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_h {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 0 0 5px 15px;
	background-color: #FBFBFB;
	float: right;
	box-shadow: 3px 3px 5px #ccc;
}
/* BILD SKUGGA */
/* padding 5px */
.bildskugga2 {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 5px 5px 5px 0;
	background-color: #FBFBFB;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga2_v {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0 15px 5px 0;
	background-color: #FBFBFB;
	float: left;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga2_h {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0 0 5px 15px;
	background-color: #FBFBFB;
	float: right;
	box-shadow: 3px 3px 5px #ccc;
}
/* --------------------------------------------------------------------------------- */
/*  BILDER med RUNDA HÖRN */
/* --------------------------------------------------------------------------------- */
.bild_runda_h_10px {
	padding: 1px;
	margin: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
}
.bild_h_runda_h_10px {
	padding: 1px;
	margin: 0 0 5px 15px;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: right;
}
.bild_v_runda_h_10px {
	padding: 1px;
	margin: 0 15px 5px 0;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: left;
}
/* BILD padding 5px */
.bild2_runda_h_10px {
	padding: 5px;
	margin: 0 5px 5px 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
}
.bild2_h_runda_h_10px {
	padding: 5px;
	margin: 0 0 5px 15px;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: right;
}
.bild2_v_runda_h_10px {
	padding: 5px;
	margin: 0 15px 5px 0;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: left;
}
.bild_runda_h_20px {
	padding: 1px;
	margin: 0 5px 5px 5px;
	border-radius: 20px;
	border: 1px solid #ccc;
}
.bild_h_runda_h_20px {
	padding: 1px;
	margin: 0 0 5px 15px;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: right;
}
.bild_v_runda_h_20px {
	padding: 1px;
	margin: 0 15px 5px 0;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: left;
}
/* BILD padding 5px */
.bild2_runda_h_20px {
	padding: 5px;
	margin: 0 5px 5px 5px;
	border-radius: 20px;
	border: 1px solid #ccc;
}
.bild2_h_runda_h_20px {
	padding: 5px;
	margin: 0 0 5px 15px;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: right;
}
.bild2_v_runda_h_20px {
	padding: 5px;
	margin: 0 15px 5px 0;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: left;
}
/* --------------------------------------------------------------------------------- */
/*  BILDER med SKUGGA OCH RUNDA HÖRN */
/* --------------------------------------------------------------------------------- */
.bildskugga_runda_horn {
	padding: 1px;
	margin: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_h_runda_h {
	padding: 1px;
	margin: 0 0 5px 15px;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: right;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_v_runda_h {
	padding: 1px;
	margin: 0 15px 5px 0;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: left;
	box-shadow: 3px 3px 5px #ccc;
}
/* BILD padding 5px */
.bildskugga_runda_horn2 {
	padding: 5px;
	margin: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_h_runda_h2 {
	padding: 5px;
	margin: 0 0 5px 15px;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: right;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_v_runda_h2 {
	padding: 5px;
	margin: 0 15px 5px 0;
	border-radius: 10px;
	border: 1px solid #ccc;
	float: left;
	box-shadow: 3px 3px 5px #ccc;
}
/* BILD padding 1px */
.bildskugga_runda_horn3 {
	padding: 1px;
	margin: 0 5px 5px 5px;
	border-radius: 20px;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_h_runda_h3 {
	padding: 1px;
	margin: 0 0 5px 15px;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: right;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_v_runda_h3 {
	padding: 1px;
	margin: 0 15px 5px 0;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: left;
	box-shadow: 3px 3px 5px #ccc;
}
/* BILD padding 5px */
.bildskugga_runda_horn4 {
	padding: 5px;
	margin: 0 5px 5px 5px;
	border-radius: 20px;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_h_runda_h4 {
	padding: 5px;
	margin: 0 0 5px 15px;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: right;
	box-shadow: 3px 3px 5px #ccc;
}
.bildskugga_v_runda_h4 {
	padding: 5px;
	margin: 0 15px 5px 0;
	border-radius: 20px;
	border: 1px solid #ccc;
	float: left;
	box-shadow: 3px 3px 5px #ccc;
}