<!--
/*******************
** General styles **
** #namn = ID     **
** .namn = CLASS  **
*******************/

/****************************
** Anpassning av satsbredd **
** för olika enheter       **
****************************/
/* Bredd för mobiltelefon */
#mobwid {
    width: 95%;
    margin: 0 auto;
}

/* Bredd för padda */
#tablwid {
    width: 55%;
    margin: 0 auto;
}

/* Bredd för dator 2-spalt */
#compwid {
    width: 60%;
    margin: 0 auto;
}

/* Bredd för dator 1-spalt */
#enspalt {
    width: 60%;
    margin: 0 auto;
}

/* Bredd för kontaktblankett på dator */
#cmpofwid {
    width: 30%;
    margin: 0 auto;
}

.ui-input-text {
    background-color: #ffffff;
}


/**************
** För tutti **
**************/

* {
    border: none; 
    margin: 0; 
    padding: 0;
    background: url(/hagen/pics/efef8f.gif);
}

body {
    font: normal 12pt/13pt "Times New Roman", Times, serif;
    text-align: justify;
}

/***********
** Rubbar **
***********/
h1 {font-size: 2em}	/* 24pt */
h2 {font-size: 1.72em}	/* 21pt */
h3 {font-size: 1.5em}	/* 18pt */
h4 {font-size: 1.31em}	/* 16pt */
h5 {font-size: 1.16em}	/* 14pt */
h6 {font-size: 1em}     /* 12pt */


h1, h2, h3, h4, h5, h6 {
    margin: .8em 0 .2em 0;
    padding: 0;
    color: #996633;
    text-align: middle;
/*	text-indent: 1em; */
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 0 0;
}

h1, h2, h5 {
    border-bottom: thin #996633 solid;
}

.header p, h1 {
   text-align: center;
}

#twocols {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.bodybag {
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 30px;
}

.content{
	width: 60%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	bottom: 0px;
}


/******************
** Underrubriker **
******************/
#ingresshgr {
    clear: both;
    background: #efef8f;
    border-top: 2px solid #996633;
    margin: 0;
    padding: 6px 15px !important;
    text-align: right;
}

#ingresscnt {
    clear: both;
    background: #efef8f;
    border-top: 2px solid #996633;
    margin: 0;
    padding: 6px 15px !important;
    text-align: center;
}

#ingresslft {
    clear: both;
    background: #efef8f;
    border-top: 2px solid #996633;
    margin: 0;
    padding: 6px 15px !important;
    text-align: left;
}


/***********
** Stycke **
***********/
/* top right bottom left */
p {
    font: normal normal 12pt/13pt "Times New Roman", Times, serif;
    margin: .5em 0 0.5em; 0;
    padding: 0;
    text-indent: 1em;
    orphans: 3;
    widows: 3;
/*    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;*/
}

/*
.artikel p:first-letter {
	font-size: 120%;
	font-weight: 550;
}
/*
p:first-line {
         font-variant: small-caps;
         font-weight: bold
}
*/
p:last-child {
    margin-bottom: 0;
}


strong, b {
    font-weight: bold;
}
/*
em, i {
      	font-style: italic;
}

::-moz-selection {
      	background: #F6CF74;
      	color: #fff;
}

::selection {
      	background: #F6CF74;
      	color: #fff;
}

/**************************
** 1:a stycke: ej indrag **
**************************/ 
.stycke1 {
    text-indent: 0em;
/*        -webkit-hyphens: auto;
      	-moz-hyphens: auto;
      	hyphens: auto;*/
}

/***********************
**  följande stycken: **
**  fyrkants indrag   **
***********************/
.stycke2 {
    float: left;
    text-indent: 1em;
    font-size: 1.25em;
    line-height: 10px;
}

/***************************
** Anfang i artikelbörjan **
***************************/
.artikelstart {
/*top right bottom left */
    float: left;
    color: #903;
    font-size: 45pt;
    line-height: 33pt;
    padding: 3px 3px 3px 0;
    font-family: Georgia;
}


/* Stycke med hängande indrag */
.hangin {
      	text-indent: -1em;
      	margin-left: 3em;
/*      	-webkit-hyphens: auto;
      	-moz-hyphens: auto;
	      hyphens: auto;*/
}

.byline {
    margin: 0 2em 0 0;
    font-style: italic;
    text-indent: 0em;
    text-align: right;
}

hr  {
    height: 1px;
    width: 95%;
    background: #efef8f;
    color: #996633;
}

/*************
** Citering **
*************/
.citat {
	      font-style: italic;
}

blockquote {
	font: italic normal 12pt/13pt "Times New Roman", Times, serif;
}

cite {}

q {}


/*************
**  Listor  **
*************/
/* top right left bottom */

ul {
/*	  display: list-item; */
    list-style: outside disc;
    margin: 1em 0 0 1.5em;
}

ul li {
    font-size: 100%;
}

ol {
/*	  display: list-item; */
    list-style: outside disc;
    margin: 1em 1em 0 2em;
}

ol li {
    font-size: 100%;
}


/***********
** Länkar **
***********/
a,
a:link,
a:visited,
a:active {
    font-size: inherit;
    font-style: inherit;
    background: #efef8f;
    color: #000000;
    text-decoration: none;
}

a:hover {
    background: #efef8f;
    color: #0000ff;
    text-decoration: none;
}


/******************
** Header styles **
******************/
#header {
    clear: both;
    float: left;
    width: 100%;
}

#header {
    border-bottom: thin #996633 solid;
}

#header p, h1, h2 {
    padding:.4em 15px 0 15px;
    margin: 0;
}

#header ul {
    clear: left;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

#header ul li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#header ul li a {
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    text-align: center;
    background: #efef8f;
    color: #000;
    text-decoration: none;
    position: relative;
    left: 15px;
    line-height: 1.3em;
}

#header ul li a:hover {
    background: #369;
    color: #fff;
}

#header ul li a.active,
#header ul li a.active:hover {
    color: #fff;
    background: #000;
    font-weight: bold;
}

#header ul li a span {
    display: block;
}


/**********************
** 'widths' sub menu **
**********************/
#ingresshgr {
    clear: both;
    background: #efef8f;
    border-top: 2px solid #996633;
    margin: 0;
    padding: 6px 15px !important;
    text-align: right;
}

#ingresslft {
    clear: both;
    background: #efef8f;
    border-top: 2px solid #996633;
    margin: 0;
    padding: 6px 15px !important;
    text-align: left;
}


/******************
** Footer styles **
******************/
#footer {
    clear: both;
    float: left;
    width: 100%;
    border-top:;
}

#footer p {
    font-size: 100%;
    padding: 5px;
    margin: 0;
}

#footer img {
    margin: 10px 0 5px 0;
    vertical-align: middle;
}

#footer .ansvarig {
    font-size: 80%;
}

/* Fixas av Hyphenators Hypo.js 
.avstava {
    text-align:justify;
  overflow-wrap: break-word;
  word-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;	
}

.avstava_ej {
    text-align:left;
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;	
}


/*************
** Tabeller **
*************/
table {
/* top right bottom left */
margin: .5em .5em .5em .5em;
/*	       width: 98%; */
    border: 1;
    border-color: #996633;
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    text-align: left;
    vertical-align: baseline;
}

/* TblHead */
thead th {
    padding: .5em .4em;
    font-style: bold;
    text-align: center;
}

thead td {
}

/* TblBody */
tbody td {
    padding: .5em .4em;
}

tbody th {
}

tbody .alt td {
}
tbody .alt th 
}

/* TblFoot */
tfoot th {
}
tfoot td {
}


/****************************
** Skala & centrera bild   **
** efter bildytans storlek **
****************************/
.fit {
     max-width: 100%;
    max-height: 100%;
}

.center {
    display: block;
    margin: auto;
}

img {
    margin: 1% 1% 1% 1%;
}

.bildtextv {
    font: italic normal 12pt/13pt "Times New Roman", Times, serif;	
    text-align: left;
}

.bildtextc {
    font: italic bold 12pt/13pt "Times New Roman", Times, serif;	
    text-align: center;
}

.bildtexth {
    font: italic bold 12pt/13pt "Times New Roman", Times, serif;	
    text-align: rightr;
}

@media print {
 p {
    orphans: 3;
    widows: 3;
  }
}


/***** Malsup Bildspel *****/

.mitti {
width: 50%;
  position: center;
  margin: 0 auto;
}
/* caption */
.cycle-caption {
	position: absolute;
	color: black;
	bottom: 15px;
	right: 15px;
	z-index: 500;
}


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 600;
    background: none;
    color: black;
    padding: 15px;
    opacity: .7;
}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cycle-slideshow {
  position: center;
	width: 100%;
	margin: 0 auto;
}

.cycle-slideshow img {
	width: 100%;
	height: auto
}
	
/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels 
.custom-label-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {

    color: black;
    text-indent: -3.4em;
}
.custom-label-flipswitch.ui-flipswitch .ui-flipswitch-off {
font-size: 110%;
    text-indent: 0.2em;
}


/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-size-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
    font-family: Times New Roman, Serif;
    line-height: 110%;
    font-size: 122%;
    color: black;
    text-indent: -3.5em;
}

.custom-size-flipswitch.ui-flipswitch .ui-flipswitch-off {
    font: normal 12pt/13pt "Times New Roman", Times, serif;
    line-height: 110%;
    font-size: 125%;
    font-weight: 700;
    text-indent: 0.2em;
}
/* Custom widths are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-size-flipswitch.ui-flipswitch {
    width: 7em;
}
.custom-size-flipswitch.ui-flipswitch.ui-flipswitch-active {
    padding-left: 5em;
    width: 1.875em;
}
@media (min-width: 28em) {
    /*Repeated from rule .ui-flipswitch above*/
    .ui-field-contain > label + .custom-size-flipswitch.ui-flipswitch {
        width: 1.875em;
    }
}


//-->