@charset "ISO-8859-1";
/* CSS Document */


/* positionering */
#container {background: #ffffff; width: 1000px; margin-right: auto; margin-left: auto; margin-top:0}
#sidhuvud {background: #ffffff; padding: 10px;}
#top {background: #F3C; float: left; width: 1000px; padding: 0px; height:251px; background: url(top.jpg) }
#meny {float: left; width: 1000px; height:40px; padding: 0px; padding-top: 218px;position: relative; top: 0px; border-color:#000 ; border-width: medium}
#meny-tav1 {float: left; width: 980px; height:15px; padding: 0px; position: relative; background: #E2E2E2; border-color:#000 ; border-width: medium; font-size:14px; padding:10px}

#meny-tav{margin: 0px; margin-top: -20px;}
#meny-tav li{display: inline; list-style-type: none;}
#meny-tav a{padding: 0.25em 1em; text-decoration: none;}
#meny-tav a:link{color: #ffffff; background: #a2a2a2;}
#meny-tav a:visited{color: #ffffff; background: #a2a2a2;}
#meny-tav a:hover{background: #cccccc;}
#meny-tav a#current{background: #a2a2a2; color: #a2a2a2;}


#sida{float: left; width: 690px; padding: 30px; border: 1px; border-color:#ff0000}
#kolumn_vanster {background: #ffffff;float: left; width: 230px; padding: 10px;}
#kolumn_hoger {background: #ffffff;float: right; width: 230px; padding: 10px;}
#innehall {background: #ffffff;float: left; width: 1000px; padding: 0px;}
#centerbox{float: left; width: 500px; margin-bottom: 10px}
#kontaktbox{background: url(kontaktastor.png); float: left; width: 500px; height: 58px; margin-top: 120px;}
#topbox{float: left; width: 480; padding: 10px}
#viktigtcontainer {float: left; width: 100%; padding: 0px; background: url(bg_ko.png) }
#viktigt_h {float: right; width: 230px; padding: 10px}
#viktigt_v {float: left; width: 230px; padding: 10px}

#foton {width: 200px; margin-left: auto; margin-right: auto; padding: 10px; margin-bottom:5px}
#aktuellt {background:#e1f694; width: 200px; margin-left: auto; margin-right: auto; padding: 10px; margin-top:5px}
#gilla {background: url(gilla.png); width: 210px; height: 62px; margin-left: auto; margin-right: auto; padding: 70px 0px 0px 10px; margin-top:5px}
#vanster {width: 220px; margin-left: auto; margin-right: auto; padding: 0px; margin-top:5px}
#anmal {background: url(anmal.png); width: 200px; height:80px; margin-left: auto; margin-right: auto; padding: 10px; margin-top:5px}
#fragor {background: url(fragor.png); width: 200px; height:51px; margin-left: auto; margin-right: auto; padding: 10px; margin-top:5px}
.fb-like {width: 220px; margin-left: auto; margin-right: auto; padding: 0px; margin-top:5px}


#kontakt {background: url(kontaktastor.png); width: 490px; height:106px; float: left}

#logo {float: left; width: 230px; position: relative; top: 50px;}

/*Fonter och typsnitt*/
body {font-family: Lucida Sans Unicode; font-size: 13px; color: #656565; margin-top:0; background: #e7e7e7 url(bg.png) top left repeat-x;}
.rubrik1 { font-family: Arial Narrow; font-size: 36px; font-weight: bold; letter-spacing: 1px; color: #aed812; letter-spacing: 0.8px }
.rubrik2 { font-family: Arial Narrow; color: #aec42c; font-size: 16px; font-weight: normal; letter-spacing: 1px; font-weight:bold}
.viktigtrubrik { font-family: Arial Narrow; color: #656565; font-size: 18px; font-weight: normal; letter-spacing: 1px; font-weight:bold}
.boxrubrik { font-family: Arial Narrow; color: #656565; font-size: 24px; font-weight: normal; letter-spacing: 1px; font-weight:bold; letter-spacing: 0.5px}

img
{  border-style: none;
}

a {
  color: #656565;
  text-decoration: none;
  cursor: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}



/*MENYN*//*
#menycontainer ul{float: left; margin-left: 0; padding-left: 0; font-family: Arial Narrow; font-size: 16px; position:absolute}
#menycontainer li{display: inline;}
#menycontainer ul a{float: left; text-decoration: none; background: #9f9f9f; margin-left: 3px; padding: 7px 7px;} 

#menycontainer a:link{color: #ffffff;}
#menycontainer a:visited{color: #ffffff;}
#menycontainer a:hover{background: #BFD72F;}
#menycontainer a#current{background: #ffffff; color: #000000;}
*/
/*
#menycontainer {float: left; width: 1000px; padding: 0px; position: relative; background: #E2E2E2; border-color:#000 ; border-width: medium; font-size:14px; padding:0px}
#menycontainer ul{float: left; margin-left: 0; padding-left: 0; width: 100%; background: #E2E2E2}
#menycontainer li{display: inline;}
#menycontainer ul a{float: left; text-decoration: none; padding: 5px} 

#menycontainer a:link{color: #ffffff;}
#menycontainer a:visited{color: #ffffff;}
#menycontainer a:hover{background: #996666;}
#menycontainer a#current{background: #FFCC66; color: #000000;} 
*/
#meny3 ul{padding: 0px; text-decoration: none; height:20px}
#meny3 li{display: inline; list-style-type: none;}
#meny3 a{padding: 0px; text-decoration: none;}

#meny3 a:link{color: #ffffff; background: #CC9999;}
#meny3 a:visited{color: #ffffff; background: #CC9999;}
#meny3 a:hover{background: #996666;}
#meny3 a#current{background: #FFCC66; color: #000000;}
/*MENYFÖRSÖK*/

#meny_start{width: 89px; height: 30px; margin-left: 3px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_start a{display: block; width: auto; height: 30px; background: transparent url(k_startsidan.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_start a:hover{background: transparent url(k2_startsidan.png) no-repeat;}

#meny_larare{width: 63px; height: 30px; margin-left: 95px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_larare a{display: block; width: auto; height: 30px; background: transparent url(k_larare.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_larare a:hover{background: transparent url(k2_larare.png) no-repeat;}

#meny_amnen{width: 63px; height: 30px; margin-left: 161px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_amnen a{display: block; width: auto; height: 30px; background: transparent url(k_amnen.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_amnen a:hover{background: transparent url(k2_amnen.png) no-repeat;}

#meny_anmalan{width: 75px; height: 30px; margin-left: 227px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_anmalan a{display: block; width: auto; height: 30px; background: transparent url(k_anmalan.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_anmalan a:hover{background: transparent url(k2_anmalan.png) no-repeat;}

#meny_priser{width: 57px; height: 30px; margin-left: 305px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_priser a{display: block; width: auto; height: 30px; background: transparent url(k_priser.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_priser a:hover{background: transparent url(k2_priser.png) no-repeat;}

#meny_show{width: 120px; height: 30px; margin-left: 365px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_show a{display: block; width: auto; height: 30px; background: transparent url(k_show.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_show a:hover{background: transparent url(k2_show.png) no-repeat;}

#meny_tavling{width: 100px; height: 30px; margin-left: 488px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_tavling a{display: block; width: auto; height: 30px; background: transparent url(k_tavling.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_tavling a:hover{background: transparent url(k2_tavling.png) no-repeat;}

/*#meny_galleri{width: 61px; height: 30px; margin-left: 591px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_galleri a{display: block; width: auto; height: 30px; background: transparent url(k_galleri.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_galleri a:hover{background: transparent url(k2_galleri.png) no-repeat;}

#meny_foreningen{width: 90px; height: 30px; margin-left: 655px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_foreningen a{display: block; width: auto; height: 30px; background: transparent url(k_foreningen.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_foreningen a:hover{background: transparent url(k2_foreningen.png) no-repeat;}

*/

#meny_foreningen{width: 90px; height: 30px; margin-left: 591px; padding: 0; list-style-type: none; font-size: 11px; position:absolute;} 
#meny_foreningen a{display: block; width: auto; height: 30px; background: transparent url(k_foreningen.png) no-repeat; text-decoration: none; padding: 0px;}
#meny_foreningen a:hover{background: transparent url(k2_foreningen.png) no-repeat;}




/* BOOTSTRAP FROM TWITTER */


form {
  margin-bottom: 18px;
}
fieldset {
  margin-bottom: 18px;
  padding-top: 18px;
}
fieldset legend {
  display: block;
  padding-left: 150px;
  font-size: 19.5px;
  line-height: 1;
  color: #404040;
  *padding: 0 0 5px 145px;
  /* IE6-7 */

  *line-height: 1.5;
  /* IE6-7 */

}
form .clearfix {
  margin-bottom: 18px;
  zoom: 1;
}
form .clearfix:before, form .clearfix:after {
  display: table;
  content: "";
  zoom: 1;
}
form .clearfix:after {
  clear: both;
}
label,
input,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}
label {
  padding-top: 6px;
  font-size: 13px;
  line-height: 18px;
  float: left;
  width: 130px;
  text-align: right;
  color: #404040;
}
form .input {
  margin-left: 150px;
}
input[type=checkbox], input[type=radio] {
  cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
select {
  padding: initial;
}
input[type=checkbox], input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE6-7 */

  line-height: normal;
  border: none;
}
input[type=file] {
  background-color: #ffffff;
  padding: initial;
  border: initial;
  line-height: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type=button], input[type=reset], input[type=submit] {
  width: auto;
  height: auto;
}
select, input[type=file] {
  height: 27px;
  *height: auto;
  line-height: 27px;
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

}
select[multiple] {
  height: inherit;
  background-color: #ffffff;
}
textarea {
  height: auto;
}
.uneditable-input {
  background-color: #ffffff;
  display: block;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #bfbfbf;
}
::-webkit-input-placeholder {
  color: #bfbfbf;
}
input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
  color: #b94a48;
}
form .clearfix.error input, form .clearfix.error textarea {
  color: #b94a48;
  border-color: #ee5f5b;
}
form .clearfix.error input:focus, form .clearfix.error textarea:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
  color: #b94a48;
  background-color: #fce6e6;
  border-color: #b94a48;
}
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
  color: #c09853;
}
form .clearfix.warning input, form .clearfix.warning textarea {
  color: #c09853;
  border-color: #ccae64;
}
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
  border-color: #be9a3f;
  -webkit-box-shadow: 0 0 6px #e5d6b1;
  -moz-box-shadow: 0 0 6px #e5d6b1;
  box-shadow: 0 0 6px #e5d6b1;
}
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
  color: #c09853;
  background-color: #d2b877;
  border-color: #c09853;
}
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
  color: #468847;
}
form .clearfix.success input, form .clearfix.success textarea {
  color: #468847;
  border-color: #57a957;
}
form .clearfix.success input:focus, form .clearfix.success textarea:focus {
  border-color: #458845;
  -webkit-box-shadow: 0 0 6px #9acc9a;
  -moz-box-shadow: 0 0 6px #9acc9a;
  box-shadow: 0 0 6px #9acc9a;
}
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
  color: #468847;
  background-color: #bcddbc;
  border-color: #468847;
}
.input-mini,
input.mini,
textarea.mini,
select.mini {
  width: 60px;
}
.input-small,
input.small,
textarea.small,
select.small {
  width: 90px;
}
.input-medium,
input.medium,
textarea.medium,
select.medium {
  width: 150px;
}
.input-large,
input.large,
textarea.large,
select.large {
  width: 210px;
}
.input-xlarge,
input.xlarge,
textarea.xlarge,
select.xlarge {
  width: 270px;
}
.input-xxlarge,
input.xxlarge,
textarea.xxlarge,
select.xxlarge {
  width: 580px;
}
textarea.xxlarge {
  overflow-y: auto;
}
input.span1, textarea.span1 {
  display: inline-block;
  float: none;
  width: 30px;
  margin-left: 0;
}
input.span2, textarea.span2 {
  display: inline-block;
  float: none;
  width: 90px;
  margin-left: 0;
}
input.span3, textarea.span3 {
  display: inline-block;
  float: none;
  width: 150px;
  margin-left: 0;
}
input.span4, textarea.span4 {
  display: inline-block;
  float: none;
  width: 210px;
  margin-left: 0;
}
input.span5, textarea.span5 {
  display: inline-block;
  float: none;
  width: 270px;
  margin-left: 0;
}
input.span6, textarea.span6 {
  display: inline-block;
  float: none;
  width: 330px;
  margin-left: 0;
}
input.span7, textarea.span7 {
  display: inline-block;
  float: none;
  width: 390px;
  margin-left: 0;
}
input.span8, textarea.span8 {
  display: inline-block;
  float: none;
  width: 450px;
  margin-left: 0;
}
input.span9, textarea.span9 {
  display: inline-block;
  float: none;
  width: 510px;
  margin-left: 0;
}
input.span10, textarea.span10 {
  display: inline-block;
  float: none;
  width: 570px;
  margin-left: 0;
}
input.span11, textarea.span11 {
  display: inline-block;
  float: none;
  width: 630px;
  margin-left: 0;
}
input.span12, textarea.span12 {
  display: inline-block;
  float: none;
  width: 690px;
  margin-left: 0;
}
input.span13, textarea.span13 {
  display: inline-block;
  float: none;
  width: 750px;
  margin-left: 0;
}
input.span14, textarea.span14 {
  display: inline-block;
  float: none;
  width: 810px;
  margin-left: 0;
}
input.span15, textarea.span15 {
  display: inline-block;
  float: none;
  width: 870px;
  margin-left: 0;
}
input.span16, textarea.span16 {
  display: inline-block;
  float: none;
  width: 930px;
  margin-left: 0;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
.actions {
  background: #f5f5f5;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 17px 20px 18px 150px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.actions .secondary-action {
  float: right;
}
.actions .secondary-action a {
  line-height: 30px;
}
.actions .secondary-action a:hover {
  text-decoration: underline;
}
.help-inline, .help-block {
  font-size: 13px;
  line-height: 18px;
  color: #bfbfbf;
}
.help-inline {
  padding-left: 5px;
  *position: relative;
  /* IE6-7 */

  *top: -5px;
  /* IE6-7 */

}
.help-block {
  display: block;
  max-width: 600px;
}
.inline-inputs {
  color: #808080;
}
.inline-inputs span {
  padding: 0 2px 0 1px;
}
.input-prepend input, .input-append input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend .add-on, .input-append .add-on {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #ccc;
  z-index: 2;
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 4px 4px 5px;
  margin-right: -1px;
  font-weight: normal;
  line-height: 18px;
  color: #bfbfbf;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active, .input-append .active {
  background: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on {
  *margin-top: 1px;
  /* IE6-7 */

}
.input-append input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .add-on {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-right: 0;
  margin-left: -1px;
}
.inputs-list {
  margin: 0 0 5px;
  width: 100%;
}
.inputs-list li {
  display: block;
  padding: 0;
  width: 100%;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  margin-left: 20px;
  line-height: 18px;
  text-align: left;
  white-space: normal;
}
.inputs-list label strong {
  color: #808080;
}
.inputs-list label small {
  font-size: 11px;
  font-weight: normal;
}
.inputs-list .inputs-list {
  margin-left: 25px;
  margin-bottom: 10px;
  padding-top: 0;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list li + li {
  padding-top: 2px;
}
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {
  margin-bottom: 0;
  margin-left: -20px;
  float: left;
}
.form-stacked {
  padding-left: 20px;
}
.form-stacked fieldset {
  padding-top: 9px;
}
.form-stacked legend {
  padding-left: 0;
}
.form-stacked label {
  display: block;
  float: none;
  width: auto;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
  padding-top: 0;
}
.form-stacked .clearfix {
  margin-bottom: 9px;
}
.form-stacked .clearfix div.input {
  margin-left: 0;
}
.form-stacked .inputs-list {
  margin-bottom: 0;
}
.form-stacked .inputs-list li {
  padding-top: 0;
}
.form-stacked .inputs-list li label {
  font-weight: normal;
  padding-top: 0;
}
.form-stacked div.clearfix.error {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 0;
  margin-left: -10px;
}
.form-stacked .actions {
  margin-left: -20px;
  padding-left: 20px;
}


/*FACEBOOKGREJEN*/
body.transparent_widget {
width: 100px;
}