@import url("styles/styles.css");
/* Hämtar Google Fonts - hämta egna fonter på http://www.google.com/fonts */
@import url("http://fonts.googleapis.com/css?family=Raleway");
/* EXTRA, kan tas bort! - används i huvudrubriken i WDS CMS demo */ 
@import url("http://fonts.googleapis.com/css?family=Russo+One");

body, td, p {
	font-family: "Raleway", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 16px;
}
body {
	background: rgba(255,255,255,1);
	padding: 0;
	margin: 0;
/*	background-image: url(bilder/trekant5.jpg);*/
/*	background-repeat: no-repeat; */
/*	background-position: center 10px; */
/*	background-attachment: fixed; */
/*	background-size: 100%; */
}
/* Textinnehåll i stycken (paragraph) */
p {
	margin: 0;
	padding: 3px 3px 7px 0;
	line-height: 18px;
}
/* LÄNKAR - grundegenskaper där inget annat format angivits */
a:link { color: #006699; }
a:visited { color: #006699; }
a:active { color: #006699; }
a:hover { }
/* RUBRIKER */
h1, h2, h3 {
	font-family: "Raleway", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	color: rgba(60,60,60,1);
}
h1 {
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 5px 0 5px 0;
	margin: 0;
}
h2 {
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 0;
}
h3 {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 0;
}
/* --------------------------------------------------------------------------------- */
/* SIDHUVUD
/* --------------------------------------------------------------------------------- */
/*  Box som innehåller sidhuvudet och den horisontella huvudmenyn */
#sidhuvud_box {
	width: 990px;
	margin: 0 auto 0 auto;
	padding: 5px 10px 0 10px;
	/*overflow: hidden;*/
	border-bottom: none;
	background-color: rgba(242,188,10,1);
	/* Skugga */
	box-shadow:	0 0 15px rgba(0,0,0,0.2);
/*	background-color: rgba(255,255,255,1);*/
	border: none;
	border-radius: 0;
	background-image: url(bilder/bakgrund7_responsive.jpg);
	background-repeat: no-repeat;
/*	background-attachment: fixed;*/
	background-position: 0 -30px;
	background-size: 100%;
}
/* Box med innehållet i "sidhuvud.php" */
#sidhuvud {
	clear: both;
	width: auto;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
/*	border: 1px solid #ccc; */  
}
/* Box för rubrik eller logotype i sidhuvudet */
#sidhuvud_rubrik {
	position: absolute;
	z-index: 100;
	float: left;
	width: auto;
	margin: 0 0 0 0;
	padding: 0;
/*	border: 1px solid #ccc;*/
}
/* Rubrik i sidhuvudet */
#sidhuvud h1 {
	font-family: "Russo One", sans-serif;
	font-size: 80px;
/*	letter-spacing: 5px;*/
	padding: 0px 5px 5px 20px;
	margin: 40px 0 0 0;
	color: rgba(255,255,255,1);
	/* Inre skugga och yttre skugga */
	text-shadow: 0 2px 5px rgba(0,0,0,0.50);
}
/* --------------------------------------------------------------------------------- */
/* Box som innehåller GOOGLE TRANSLATE */
/* --------------------------------------------------------------------------------- */
#google_translate_box {
	float: right;
	width: 150px;
	margin: 0 10px 5px 0;
	padding: 0;
/*	border: 1px solid #ccc; */
}
/* --------------------------------------------------------------------------------- */
/* SÖKFUNKTION */
/* --------------------------------------------------------------------------------- */
#sokruta_sidhuvud {
	float: right;
	clear: both;
	text-align: right;
	width: 300px;
	margin: 0 0 0 0;
	padding: 0;
/*	border: 1px solid #ccc; */
}
/*  jQuery för sökfält i sökfunktion */
.q {
	padding: 0;
	margin: 0;
}
/* CSS för sökfält i sökfunktion */
.search_text {
	font-size: 18px;
	color: rgba(0,0,0,1);
	width: 150px;
	padding: 5px;
}
/* Sökfält i resultatsidan */
.search_text_resultat {
	font-size: 20px;
	width: 300px;
	padding: 5px;
	margin: 0;
}
/* jQuery-class för sökfält (med förvald text) */
.search_text_focus {color: rgba(153,153,153,1);}
.search_text_default {color: rgba(0,0,0,1);}
/* Visning av sökresultat */
#box_search_result {
	width: 600px;
	padding: 10px;
	margin: 5px auto 5px auto;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(204,204,204,1);
}
/* --------------------------------------------------------------------------------- */
/* SIDLAYOUT */
/* --------------------------------------------------------------------------------- */
/* CENTRERINGSBOX - för centrerade layouter */
#centerbox {
	width: 1010px;
	margin: 0 auto 0 auto;
	padding: 0;
	/* Skugga */
	box-shadow: 0 8px 15px rgba(0,0,0,0.2);
	border: none;
	border-radius: 0;
}
/* KOLUMNBOX - box med meny och innehåll */
#kolumncontainer {
	width: 990px;
	margin: 0;
	padding: 0 10px 30px 10px;
	float: left;
	background-color: rgba(255,255,255,1);
/*	border: 1px solid #ccc;*/
}
/* KOLUMN MENY - box som innehåller huvudmeny */
#kolumn_menu {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0 10px 0 0;
	background-color: rgba(255,255,255, 0.5);
	border-right: 1px dotted rgba(204,204,204,1);
/*	border: 1px solid #ccc;*/
}
/* KOLUMN INNEHÅLL - box för sidornas innehåll */
#kolumn_content {
	float: left;
	/* BREDD på box med sidornas innehåll */
	width: 75%; /* Ange ett högre värde här om du inte använder "Huvudmeny 1" vertikal listmeny */
	min-height: 450px;
	margin: 0;
	padding: 10px 15px 5px 20px;
/*	border: 1px solid #ccc;*/
}
/* KOLUMN INNEHÅLL - LISTOR */
#kolumn_content li { 
	padding: 0 0 10px 0; 
	line-height: 18px;
}
#kolumn_content ul ol {
	padding: 0 0 0 20px;
}

/* SIDFOT - box som innehåller sidfoten */
#sidfot {
	background-color: rgba(255,255,255,1);
	clear: both;
	width: 990px;
	height: 140px;
	margin: 0 auto 0 auto;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	background-color: rgba(130,130,130,0.05) 
	border: 5px solid #ccc;
}
/* SIDFOT INNEHÅLL - boxar som kan användas i sidfoten */
#sidfot_box1 {
	margin: 0;
	padding: 10px 40px 10px 10px;
	float: left;
	width: auto;
}
#sidfot_box2 {
	margin: 0;
	padding: 10px 40px 10px 10px;
	float: left;
	width: auto;
}
#sidfot_box3 {
	margin: 0;
	padding: 50px 10px 10px 10px;
	float: right;
	width: auto;
}
#sidfot a {
	color: rgba(153,153,153,1);;
	text-decoration: none;
}
#sidfot a:hover { 
	color: rgba(102,102,102,1); 
}
/* Länk till inloggning av WDS CMS */
.wds_cms a {
	font-size: 14px;
	color: rgba(153,153,153,1);;
	text-decoration: none;
}
/* --------------------------------------------------------------------------------- */
/* MENY 1 - VERTIKAL HUVUDMENY med undermeny i flera nivåer */
/* --------------------------------------------------------------------------------- */
/* MENY NIVÅ 1 */
/* Menybox */
#meny {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 16px;
/*	border: 1px solid #ccc;*/
}
/* Undermeny <UL> */
#meny ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	list-style-type: none;
	/* Lodrät linje före undermenyer */
	border-left: 1px solid rgba(160,160,160,1);
}
/* Listelement <LI>  */
#meny li {
	list-style-type: none;
	padding: 0;
	margin: 3px 0 0 0;
	border-radius: 5px;
	border: 1px solid rgba(238,238,238,1);
	background: none;
	/* Inre skugga och yttre skugga */
	box-shadow: none;
}
/* Menyval */
#meny a {
	text-decoration: none;
	display: block;
	padding: 3px 2px 3px 17px;
	margin: 0;

}
#meny a:link, #meny a:visited { 
	color: rgba(0,0,0,1);
}
#meny a:hover {
	cursor: pointer; 
	background: rgba(0,0,0,0.05);
/*	text-decoration: underline; */
}
/* ROLLOVER Symbol eller innehåll EFTER menyval */
#meny a:hover:after {
	content: "";
}
#meny a#current {
	font-weight: bold;
}
/* MENY NIVÅ 2, 3, 4, 5 osv (expanderande undermeny) */
/* Listelement <LI>  */
#meny_sub2 li {
	border: none;
	padding: 0;
	margin: 0;
}
/* Menyval */
#meny_sub2 a {
	padding: 5px 0 5px 15px;
	margin: 3px 0 5px 0;
	/* Vågrät linje före menyval */
	background-image: url(bilder/menutree_line.gif);
	background-repeat: no-repeat;
	background-position: 0 14px;
	border: none;
/*	background-color: rgba(255,255,255,0.3);*/
	border-radius: 5px;
	/* Inre skugga och yttre skugga */
	box-shadow: 
	inset 0 0 0 1px rgba(255, 255, 255, 0.5),  
	0 1px 3px rgba(0,0,0,0.10);
}
#meny_sub2 a:link, #meny_sub2 a:visited { 
	color: rgba(0,0,0,1);
	text-decoration: none;
}
/* Aktiv meny */
#meny_sub2 a#current {
	font-weight: bold;
	/* Vågrät linje före menyval */
	background-image: url(bilder/menutree_line.gif);
	background-repeat: no-repeat;
	background-position: 0 14px;
}
#meny_sub2 a:hover {
	cursor: pointer; 
	background: rgba(0,0,0,0.05);
	/* Vågrät linje före menyval */
	background-image: url(bilder/trekant5.jpg);
	background-repeat: no-repeat;
	background-position: 0 14px;
}
#meny_sub3 a { }

/* --------------------------------------------------------------------------------- */
/* MENY 2 - HORISONTELL HUVUDMENY utan undermeny */
/* --------------------------------------------------------------------------------- */
/* Menybox */
#meny_top ul {
	clear: both;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
	font-size: 20px;
	background: rgba(255,255,255,0.5);
}
/* Listelementen <LI> i menyn */
#meny_top li {
	line-height: 35px;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 5px 5px 5px 0;
	border-radius: 5px;
}
/* Avstånd mellan menyvalen */
#meny_top a {
	white-space: normal;
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 0;
	border-radius: 5px;
/*border: 1px solid rgba(140,176,255,0.1);*/
	background: rgba(129,169,255,0.7); /* Bakgrundsfärg om övertoningen inte visas */
  	/* Safari, iOS, Android */
	background: -webkit-linear-gradient(top, 
	rgb(175,199,255) 0%,
	rgb(147,181,255) 47%,
	rgb(127,168,255) 50%,
	rgb(155,185,255) 100%);
	/* Internet Explorer */
	background: -ms-linear-gradient(top, 
	rgb(175,199,255) 0%,
	rgb(147,181,255) 47%,
	rgb(127,168,255) 50%,
	rgb(155,185,255) 100%);
	/* Mozilla Firefox */
	background: -moz-linear-gradient(top, 
	rgb(175,199,255) 0%,
	rgb(147,181,255) 47%,
	rgb(127,168,255) 50%,
	rgb(155,185,255) 100%);
	/* W3C standard specification */
	background: linear-gradient(top,
	rgb(175,199,255) 0%,
	rgb(147,181,255) 47%,
	rgb(127,168,255) 50%,
	rgb(155,185,255) 100%);
	/* Inre skugga och yttre skugga */
	box-shadow: 
	inset 0 0 0 1px rgba(255, 255, 255, 0.5),  
	0 1px 3px rgba(0,0,0,0.20);
}
/* Tar bort eventuell kantlinje, skugga etc för LAST-CHILD (sista menyvalet) */
#meny_top li:last-child {   
	box-shadow: none;
	border-right: none;
}
/* Färg på menytext */
#meny_top a:link, #meny_top a:visited { 
	color: #000;
	text-decoration: none;
}
#meny_top a:hover {
	cursor: pointer;
	/* Inre skugga och yttre skugga */
	box-shadow: 
	inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
/* Aktiv meny */
#meny_top a#current_menu_top {
	font-weight: bold;
}
/* Symbol eller innehåll FÖRE menyval */
#meny_top a:before {
	content: none;
}
/* Symbol eller innehåll UNDER menyval */
#meny_top li:after {
   content: none;
}
/* ROLLOVER Symbol eller innehåll UNDER menyval */
#meny_top li:hover:after {
   content: none;
}

/* Menybox RESPONSIV MENY - används endast i "@media only screen" nedan */
#meny_top_container {
/*	border: 1px solid #ccc;*/
}
/* Döljer RESPONSIV MENY */
#meny_top_responsive_container {
	display: none;
}
/* --------------------------------------------------------------------------------- */
/* MENY 3 - HORISONTELL UNDERMENY som visas på varje sida */
/* --------------------------------------------------------------------------------- */
/* Menybox */
#meny_top_sub {
	clear: both;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 22px;
}
/* Menylistan, avstånd mellan menyraderna (vid visning i flera rader) */
#meny_top_sub li {
	display: inline-block;
	padding: 5px 5px 0 5px;
	margin: 5px 15px 1px 0;
	background: none;
	box-shadow: none;
	border: none;
	border-radius: 5px;
	background-color: rgba(130,130,130,0.1) 
}
#meny_top_sub a {
	/* Anger att menyvalen inte får brytas. OBS! Gäller hela menyraden och inte enstaka menyval */
/*	white-space: nowrap;*/
}
/* Färg på menytext */
#meny_top_sub a:link, #meny_top_sub a:visited { 
	color: #000;
	text-decoration: none;
}
#meny_top_sub a:hover {
	background: none;
}
/* Symbol eller innehåll FÖRE menyval */
#meny_top_sub a:before {
	content: "";
}
/* Symbol eller innehåll EFTER menyval */
#meny_top_sub a:after {
	font-size: 23px;
/* Unicode används till symbol i content - se fler symboler här: http://en.wikipedia.org/wiki/Miscellaneous_Symbols */
	content: "\00A0\21D2"; /* "00A0" är hårt blanksteg ( ) */
	color: rgba(108,144,223,1.00);
}
/* Symbol eller innehåll UNDER menyval */
#meny_top_sub li:after {
   content: "";
   display: block;
   width: auto;
   height: 3px;
   margin: 5px 0 0 0;
   background: rgba(129,169,255,0.7);
}
/* ROLLOVER Symbol eller innehåll UNDER menyval */
#meny_top_sub li:hover:after {
   content: "";
   display: block;
   width: auto;
   height: 3px;
   margin: 5px 0 0 0;
   background: rgba(108,144,223,1.00);
}

/* Menybox RESPONSIV MENY - används endast i "@media only" screen nedan */
#meny_top_sub_container {
/*	border: 1px solid #ccc;*/
}
/* Döljer RESPONSIV MENY */
#meny_top_sub_responsive_container {
	display: none;
}
/* --------------------------------------------------------------------------------- */
/* SÖKVÄG MED LÄNKAR - Visar sökväg till den aktuella sidan med länkade sidnamn */
/* --------------------------------------------------------------------------------- */
#path_meny {
	margin: 0;
	padding: 3px 0 3px 250px;
	background-color: rgba(255,255,255,1);
	border-top: 1px solid rgba(228,228,228,1);
	border-bottom: 1px solid rgba(228,228,228,1);
	font-size: 14px;
	color: rgba(0,0,0,1);
	font-weight: bold;
}
/* LÄNKAR i sökvägen */
#path_meny a:link, #path_meny a:visited, #path_meny a:active {
	color: #006699;
	text-decoration: none;
	font-weight: normal;
}
#path_meny a:hover { 
	text-decoration: underline; 
}
/* Utskriftsbild */
#path_meny_print_icon {
	margin: 0;
	padding: 0 10px 0 0;
	border: none;
}
/* Menybox RESPONSIV MENY - används endast i "@media only screen" */
#path_meny_container {
/*	border: 1px solid #ccc;*/
}
/* Döljer RESPONSIV MENY */
#path_meny_responsive_container {
	display: none;
}
/* --------------------------------------------------------------------------------- */
/* MENYTRÄD - SITEMAP */
/* --------------------------------------------------------------------------------- */
#sitemap {
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 5px;
	background: rgba(255,255,255,1);
}
#sitemap ul {
	margin: 5px 0 5px 20px;
	padding: 0 0 0 0;
	list-style-type: none;
	/* Lodrät linje före lista */
	border-left: 1px solid rgba(160,160,160,1);
}
#sitemap li {
	margin: 0;
	padding: 0 0 0 15px;
	letter-spacing: 1px;
	/* Vågrät linje före menyval */
	background-image: url(../admin/bilder/menutree_line.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	list-style-type: none;
}
#sitemap a { text-decoration: none; }
#sitemap a:link, #sitemap a:visited {
	color: rgba(37,74,112,1);
}
#sitemap a:hover { text-decoration: underline; }
/* --------------------------------------------------------------------------------- */
/*  KONTAKTFORMULÄR */
/* --------------------------------------------------------------------------------- */
/* Yttre Box runt formuläret */
#layout_kontaktformular_border {
	width: 630px;
	float: left;
/*	clear: both; */
	margin: 10px 0 30px 20px;
	padding: 3px;
	border-radius: 10px;
	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-size: 16px;
	width: 585px;
	float: left;
	margin: 0;
	padding: 20px 20px 15px 25px;
	border-radius: 8px;
	background-color: rgba(248,248,248,1);
}
/* Ärende */
.kontakt_arende {
	font-size: 16px;
	padding: 5px 0 5px 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
	border-radius: 5px;
}
/* Förnamn */
.kontakt_fnamn {
	font-size: 16px;
	width: 400px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
	border-radius: 5px;
}
/* Efternamn */
.kontakt_enamn {
	font-size: 16px;
	width: 400px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
	border-radius: 5px;
}
/* E-postadress */
.kontakt_email {
	font-size: 16px;
	width: 400px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
	border-radius: 5px;
}
/* Meddelande */
.kontakt_meddelande {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 16px;
	width: 550px;
	height: 300px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
	border-radius: 5px;
}
/* Bekräftelse på skickat meddelande */
.kontakt_meddelande_confirmation {
	font-size: 16px;
	width: 600px;
	height: 400px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
	border-radius: 5px;
}
/* CAPTCHA-kod */
.capcha_text {
	font-size: 16px;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid rgba(226,226,226,1);
	border-radius: 5px;
}
/* Kantlinje runt CAPTCHA-kod */
.capcha_kantlinje {
	border: 1px solid rgba(255,0,0,1);
	margin: 0 0 5px 0;
	border-radius: 5px;
}
.skicka_knapp {
	margin: 5px 0 0 0;
	padding:  3px 5px 3px 5px;
	font-size: 20px;
	font-weight: normal;
}
/* --------------------------------------------------------------------------------- */
/* LOGINFORMULÄR "medlem/medlem_login.php" */
/* --------------------------------------------------------------------------------- */
/* Box med skugga */
#layout_login_border {
	width: 600px;
	float: left;
	clear: both;
	margin: 30px 0 0 20px;
	padding: 3px;
	border-radius: 10px;
	box-shadow: 0px 0px 4px rgba(153,153,153,1);
	background-color: rgba(255,255,255,1);
}
/* Box med bakgrundsfärg 1 */
#layout_login {
	font-size: 16px;
	width: 555px;
	float: left;
	margin: 0;
	padding: 0 20px 5px 25px;
	border-radius: 8px;
	background-color: rgba(248,248,248,1);
}
/* Box med bakgrundsfärg 2 */
#layout_login_form {
	width: 450px;
	float: left;
	margin: 0;
	padding: 20px;
	border-radius: 10px;
/*	border: 1px solid #66CC66; */
	background: rgba(204,255,102,1);
}
/* Box med informationstexten under formuläret */
#layout_login_info {
	width: 500px;
	float: left;
	margin: 0;
	padding: 0;
/*	border: 1px solid #ccc; */
}
/* Formulärfält */
.login_user {
	width: 400px;
	font-size: 16px;
	padding: 5px;
	border: 1px solid rgba(204,204,204,1);
}
.login_pass {
	width: 400px;
	font-size: 16px;
	padding: 5px;
	border: 1px solid rgba(204,204,204,1);
}
.login_fnamn {
	width: 400px;
	font-size: 16px;
	padding: 5px;
	border: 1px solid rgba(204,204,204,1);
}
.login_enamn {
	width: 400px;
	font-size: 16px;
	padding: 5px;
	border: 1px solid rgba(204,204,204,1);
}

/* ################################################################################# */
/* ################################################################################# */
/* ################################################################################# */
/* --------------------------------------------------------------------------------- */
/* MOBILTELEFON och SMARTPHONE (portrait/stående)
/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px){

body, td, p {
	font-size: 16px;
}
/* KOLUMN MENY - döljer box som innehåller huvudmeny */
#kolumn_menu {
	display: none;
}
/* DIV som ska DÖLJAS vid visning */
#hide_on_smartphone {
	display: none;
}
/* BILDER - maximal storlek på bilder */
#kolumn_content img {
	max-width: 95%;
	height: auto;
}
/* DIV - maximal storlek på boxar */
#kolumn_content div {
	max-width: 95%;
}
/* --------------------------------------------------------------------------------- */
/* SIDHUVUD
/* --------------------------------------------------------------------------------- */
/*  Box som innehåller sidhuvudet och den horisontella huvudmenyn */
#sidhuvud_box {
	width: 95%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-position: 0 0;
	background-size: 120%;
}
/* Box med innehållet i "sidhuvud.php" */
#sidhuvud {
	width: 100%;
	height: auto;
	padding: 10px 5px 5px 10px;
	margin: 0;
}
/* Box för rubrik eller logotype i sidhuvudet */
#sidhuvud_rubrik {
	position: relative;
	width: 95%;
	margin: 0;
	padding: 0;
}
/* Rubrik i sidhuvudet */
#sidhuvud h1 {
	width: 100%;
	font-size: 35px;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* Box som innehåller GOOGLE TRANSLATE */
#google_translate_box {
	float: left;
	width: 110px;
	margin: 10px 5px 5px 0;
	padding: 0;
}
/* --------------------------------------------------------------------------------- */
/* SÖKFUNKTION */
/* --------------------------------------------------------------------------------- */
#sokruta_sidhuvud {
	float: left;
	text-align: left;
	width: 95%;
	margin: 0;
	padding: 0;
}
/* Sökfält i sökfunktion */
.search_text {
	font-size: 20px;
	width: 70%;
	padding: 5px;
	margin: 0;
}
/* Sökfält i resultatsidan */
.search_text_resultat {
	font-size: 20px;
	width: auto;
	padding: 5px;
	margin: 0;
}
/* --------------------------------------------------------------------------------- */
/* SIDLAYOUT */
/* --------------------------------------------------------------------------------- */
/* CENTRERINGSBOX - för centrerade layouter */
#centerbox {
	width: 95%;
/*	border: 1px solid #cc0;*/
}
/* KOLUMNBOX - box med meny och innehåll */
#kolumncontainer {
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
}
/* KOLUMN INNEHÅLL - box för sidornas innehåll */
#kolumn_content {
	width: 95%;
	padding: 5px 5px 5px 5px;
	margin: 0;
}
/* SIDFOT - box som innehåller sidfoten */
#sidfot {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
}
/* SIDFOT INNEHÅLL - boxar som kan användas i sidfoten */
#sidfot div {
	width: 95%;
}
/* --------------------------------------------------------------------------------- */
/* MENY 2 - HORISONTELL MENY utan undermeny */
/* --------------------------------------------------------------------------------- */
/* DÖLJER Menybox som visas i normalt visningsläge */
#meny_top_container {
	display: none; 
}
/* VISAR Menybox som visas på smartphone */
#meny_top_responsive_container {
	display: block;
	width: 100%;
/*	border: 1px solid #cc0;*/
}
/* Menybox */
#meny_top ul {
	clear: both;
	width: auto;
	margin: 0 auto 0 auto;
	padding: 5px;
	text-align: left;
	font-size: 20px;;
	border-radius: 0 0 5px 5px;
	border: 1px solid rgba(131,170,255,1);
}
/* Listelementen <LI> i menyn */
#meny_top li {
/*	line-height: 30px;*/
	display: block;
	border: none;
	padding: 0;
	margin: 0 0 2px 0;
}
/* Avstånd mellan menyvalen */
#meny_top a {
	display: block;
}
#meny_top a:hover {
	text-decoration: none;
	box-shadow: none;
}
/* Symbol eller innehåll UNDER menyval */
#meny_top li:after {
	display: none;
}
/* ROLLOVER Symbol eller innehåll UNDER menyval */
#meny_top li:hover:after {
   display: none;
}
/* --------------------------------------------------------------------------------- */
/* RESPONSIVE MENY 2 */
/* --------------------------------------------------------------------------------- */
/* Döljer huvudmeny i startläget */
nav ul {
	display: none;
}
/* VISAR HUVUDMENY - knapp */
a#pull {
	display: block;
	padding: 15px 0 15px 80px;
	margin: 3px auto 0 auto;
	background: rgba(131,170,255,1);
/*	max-width: 90%;*/
	background-image: url(/wds_cms/css/bilder/responsive_nav_icon_black.png);
	background-repeat: no-repeat;
	background-size: 40px 30px;
	background-position: 15px center;
	color: #000;
	font-size: 24px;;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
}
/* --------------------------------------------------------------------------------- */
/* MENY 3 - HORISONTELL UNDERMENY som visas på varje sida */
/* --------------------------------------------------------------------------------- */
/* DÖLJER Menybox som visas i normalt visningsläge */
#meny_top_sub_container {
	display: none;
}
/* VISAR Menybox som visas på smartphone */
#meny_top_sub_responsive_container {
	display: block;
}
/* Menybox */
#meny_top_sub {
	clear: both;
	width: auto;
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 0;
	font-size: 22px;
	border: 1px solid rgba(204,204,204,1);
	border-radius: 0 0 10px 10px;
	background-color: rgba(248,248,248,1);
}
#meny_top_sub li {
/*	border: 1px solid rgba(0,0,0,0.30);*/
}
/* --------------------------------------------------------------------------------- */
/* SÖKVÄG MED LÄNKAR - Visar sökväg till den aktuella sidan med länkade sidnamn */
/* --------------------------------------------------------------------------------- */
/* DÖLJER Menybox som visas i normalt visningsläge */
#path_meny_container {
	display: none;
}
/* VISAR Menybox som visas på smartphone */
#path_meny_responsive_container {
	display: block;
}
#path_meny {
	margin: 5px 0 5px 0;
	padding: 5px 2px 5px 5px;
	background-color: rgba(228,228,228,1);
	border-radius: 5px;
	font-size: 20px;
	font-weight: bold;
}
/* LÄNKAR i sökvägen */
#path_meny a:link, #path_meny a:visited, #path_meny a:active {
	font-weight: bold;
}
#path_meny a:hover { 
	text-decoration: underline; 
}
/* --------------------------------------------------------------------------------- */
/*  KONTAKTFORMULÄR */
/* --------------------------------------------------------------------------------- */
/* Yttre Box runt formuläret */
#layout_kontaktformular_border {
	width: 95%;
	margin: 0;
	padding: 0;
}
/* Inre Box runt formuläret - med innehållet */
#layout_kontaktformular {
	font-size: 18px;
	width: 95%;
	margin: 0;
	padding: 10px;
}
/* Ärende */
.kontakt_arende {
	width: 95%;
}
/* Förnamn */
.kontakt_fnamn {
	width: 95%;
}
/* Efternamn */
.kontakt_enamn {
	width: 95%;
}
/* E-postadress */
.kontakt_email {
	width: 95%;
}
/* Meddelande */
.kontakt_meddelande {
	width: 95%;
}
/* Bekräftelse på skickat meddelande */
.kontakt_meddelande_confirmation {
	width: 95%;
}
/* CAPTCHA-kod */
.capcha_text {
	width: 70%;
}
/* Kantlinje runt CAPTCHA-kod */
.capcha_kantlinje {
	width: 70%;
}
.skicka_knapp {
	font-size: 20px;
}
/* --------------------------------------------------------------------------------- */
/* LOGINFORMULÄR "medlem/medlem_login.php" */
/* --------------------------------------------------------------------------------- */
/* Box med skugga */
#layout_login_border {
	width: 300px;
	margin: 10px 0 0 0;
	padding: 3px;
}
/* Box med bakgrundsfärg 1 */
#layout_login {
	width: 100%;
	margin: 0;
	padding: 0 5px 5px 5px;
}
/* Box med bakgrundsfärg 2 */
#layout_login_form {
	width: 100%;
	margin: 0;
	padding: 10px;
}
#layout_login_info {
	width: 100%;
}
/* Formulärfält */
.login_user {
	width: 95%;
}
.login_pass {
	width: 95%;
}
.login_fnamn {
	width: 95%;
}
.login_enamn {
	width: 95%;
}

}
/* ################################################################################# */
/* ################################################################################# */
/* ################################################################################# */
/* --------------------------------------------------------------------------------- */
/* SMARTPHONE (portrait/stående) och LÄSPLATTA (landscape/liggande)
/* --------------------------------------------------------------------------------- */
@media only screen and (min-width : 480px) and (max-width: 768px){

/* KOLUMN MENY - döljer box som innehåller huvudmeny */
#kolumn_menu {
	display: none;
}
/* BILDER - maximal storlek på bilder */
#kolumn_content img {
	max-width: 95%;
	height: auto;
}
/* DIV - maximal storlek på boxar */
#kolumn_content div {
	max-width: 95%;
}
/* --------------------------------------------------------------------------------- */
/* SIDHUVUD
/* --------------------------------------------------------------------------------- */
/*  Box som innehåller sidhuvudet och den horisontella huvudmenyn */
#sidhuvud_box {
	width: 97%;
	padding: 0;
}
/* Box med innehållet i "sidhuvud.php" */
#sidhuvud {
	width: 100%;
	height: auto;
	padding: 0 0 5px 0;
	margin: 0;
}
/* Box för rubrik eller logotype i sidhuvudet */
#sidhuvud_rubrik {
	position: relative;
	width: 95%;
	margin: 0;
	padding: 0;
}
/* Rubrik i sidhuvudet */
#sidhuvud h1 {
	font-size: 50px;
}
/* Box som innehåller GOOGLE TRANSLATE */
#google_translate_box {
	float: left;
	width: 150px;
	margin: 10px 10px 5px 0;
	padding: 0;
}
/* --------------------------------------------------------------------------------- */
/* SÖKFUNKTION */
/* --------------------------------------------------------------------------------- */
#sokruta_sidhuvud {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}
/* Sökfält i sökfunktion */
.search_text {
	font-size: 20px;
	width: 220px;
	padding: 5px;
	margin: 0;
}
/* --------------------------------------------------------------------------------- */
/* SIDLAYOUT */
/* --------------------------------------------------------------------------------- */
/* CENTRERINGSBOX - för centrerade layouter */
#centerbox {
	width: 97%;
/*	border: 1px solid #cc0; */
}
/* KOLUMNBOX - box med meny och innehåll */
#kolumncontainer {
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
}
/* KOLUMN INNEHÅLL - box för sidornas innehåll */
#kolumn_content {
	width: 95%;
	padding: 10px 5px 5px 10px;
	margin: 0;
}
/* SIDFOT - box som innehåller sidfoten */
#sidfot {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* --------------------------------------------------------------------------------- */
/* MENY 2 - HORISONTELL MENY utan undermeny */
/* --------------------------------------------------------------------------------- */
/* DÖLJER Menybox som visas i normalt visningsläge */
#meny_top_container {
	display: none; 
}
/* VISAR Menybox som visas på smartphone */
#meny_top_responsive_container {
	display: block;
	width: 100%;
/*	border: 1px solid #cc0;*/
}
/* Döljer knappen som visar/döljer meny */
a#pull {
	display: none;
}
/* Listan <UL> med menyn */
#meny_top ul {
	width: auto;
	margin: 0;
	font-size: 18px;;
	text-align: left;
}
/* --------------------------------------------------------------------------------- */
/* MENY 2 - HORISONTELL UNDERMENY som visas på varje sida */
/* --------------------------------------------------------------------------------- */
/* DÖLJER Menybox som visas i normalt visningsläge */
#meny_top_sub_container {
	display: none;
}
/* Menybox med menytexten */
#meny_top_sub {
	clear: both;
	width: auto;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 18px;
	background-color: rgba(255,255,255,1);
}
/* VISAR menybox som visas på surfplatta */
#meny_top_sub_responsive_container {
	display: block;
}
/* --------------------------------------------------------------------------------- */
/* SÖKVÄG MED LÄNKAR - Visar sökväg till den aktuella sidan med länkade sidnamn */
/* --------------------------------------------------------------------------------- */
#path_meny {
	width: auto;
	margin: 0;
	padding: 5px 0 5px 10px;
	font-size: 18px;
	background-color: rgba(228,228,228,1);
}
/* --------------------------------------------------------------------------------- */
/*  KONTAKTFORMULÄR */
/* --------------------------------------------------------------------------------- */
/* Yttre Box runt formuläret */
#layout_kontaktformular_border {
	width: 95%;
	margin: 0;
	padding: 0;
}
/* Inre Box runt formuläret - med innehållet */
#layout_kontaktformular {
	font-size: 18px;
	width: 95%;
	margin: 0;
	padding: 10px;
}
/* Ärende */
.kontakt_arende {
	width: 95%;
}
/* Förnamn */
.kontakt_fnamn {
	width: 95%;
}
/* Efternamn */
.kontakt_enamn {
	width: 95%;
}
/* E-postadress */
.kontakt_email {
	width: 95%;
}
/* Meddelande */
.kontakt_meddelande {
	width: 95%;
}
/* Bekräftelse på skickat meddelande */
.kontakt_meddelande_confirmation {
	width: 95%;
}
/* CAPTCHA-kod */
.capcha_text {
	width: 50%;
}
/* Kantlinje runt CAPTCHA-kod */
.capcha_kantlinje {
	width: 50%;
}
.skicka_knapp {
	font-size: 20px;
}

}