body {
background: #fff url(https://cdn3.cdnme.se/2726133/7-3/bkh_53b5713dddf2b352c62d846c.jpg) repeat-x;
}

a {
color: #1f4f84;
}
a:hover {color: blue; font-style: none; }

#wrapper {
clear:none;
margin: 0px auto;
padding: 0px;
width: 1120px;
background-color: #;
float: center;
}

#wrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #fff url(https://cdn3.cdnme.se/2726133/7-3/header7_53b59b0f9606ee58e92c51a0.png) no-repeat center;
padding-left: 0px;
padding-bottom: 0px;
padding-top:0px;
margin: 0px 0px 30px 0px;
width: 100%;
height: 230px;
border-bottom: solid 0px #ccc;
border-top: 0px #000 solid;
}






#side {
width: 300px;
  float: right;
  background: #fff;
  border-top: px #ccc solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.sidecontact {
font-family: 'arial', sans-serif;
font-size: 12px;
font-weight: normal;
color: #2e2e2e;
padding: 0px 0px 20px 0px;
margin: 10px 0px 20px 0px;
background-color:#;
  text-align: center;
text-transform: normal;
border-bottom: 1px solid #ccc;
}

.sidecontact a {  color: #595956;  font-style: italic; text-decoration: none; }
.sidecontact a:hover { color: #acacac; }


.insta {
font-family: 'open sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #2e2e2e;
padding: 0px 0px 30px 0px;
margin: 0px 0px 20px 0px;
background-color:#;
  text-align: center;
  line-height: 200%;
text-transform: normal;
border-bottom: 1px solid #ccc;
}

.insta a {  color: #595956;  font-style: italic; text-decoration: none; }
.insta a:hover { color: #acacac; }



.meny {
font-family: 'open sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #2e2e2e;
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
background-color:#;
  text-align: center;
  line-height: 150%;
text-transform: normal;
border-bottom: 1px solid #ccc;
}

.menylista {
font-family: 'open sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #2e2e2e;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
background-color:#;
  
  line-height: 130%;
  text-align: center;
text-transform: normal;
border-bottom: 0px solid #ccc;
}



.menylista a { color: #787878; text-decoration: none; text-transform: normal; }
.menylista a:hover { color: #1d7f68; font-weight: bold; }


.menylista ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #;
  text-transform: normal;
}


.menylista li {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;	
text-transform: normal;
}


.tillbaka {
font-family: 'open sans', sans-serif;
font-size: 18px;
font-weight: normal;
color: #2e2e2e;
padding: 0px 0px 20px 0px;
margin: 10px 0px 10px 0px;
background-color:#;
  text-align: center;
text-transform: normal;
border-bottom: 1px solid #ccc;
}

.tillbaka a { color: #787878; text-decoration: none; text-transform: normal; }
.tillbaka a:hover { color: #1d7f68;  }



#content {
overflow: hidden;
width: 800px;
position:relative;
left:0px;
padding: 0px 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:  800px;
float: left;
background: #fff;
border-top: 0px #ccc solid;
margin: 0px 20px 0px 0px;
}html>body #content { width: 800px }

#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}

h2 {
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}




/** Entry headers **/
h3 {
background: #;
font-size: 30px;
text-transform: normal;
 text-align: left;
padding: 0px 0px 0px 0px;
color: #292727;
text-transform:  normal;
margin: 10px 0px 10px 0px;
font-family: 'opensans-bold' ,sans-serif;
font-weight: normal;
font-style:normal;
}

.navheader {
font-family: arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
padding: 0px 0px 0px 0px;
margin: 10px 0px 5px 10px;
background-color:#;
text-transform: normal;
border-top: 0px dotted #ccc;
}


 
.nav {
font-family: arial, Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: normal;
color: #878785;
margin: 0px 0px 0px 0px;
text-align: left;
padding: 0px 0px 0px 0px;
text-transform: normal;

}

.nav a { color: #787878; text-decoration: none; text-transform: normal; }
.nav a:hover { color: #1d7f68; font-weight: bold; }


.nav ul {
margin: 0px 0px 0px;
padding: 0px 0px 0px;
background-color: #;
  text-transform: normal;
}


.nav li {
list-style: none;
margin: 5px 0px 0px 0px;
padding: 0px 0px 2px 0px;	
text-transform: normal;
}





/** Post's body text **/
.entrybody {
font-family: 'open sans', sans-serif;
font-size: 15px;
font-weight: normal;
color: #3e3e3f;
line-height: 140%;
margin: 20px 0px 10px 0px;
background-color: #;
padding: 0px 0px 10px 0px;
border-bottom: 0px solid #ccc;
 
}

/** 'Posted by' txt **/
.kommentera {
font-family: 'open sans',sans-serif;
font-weight: normal;
font-style:normal;
font-size: 12px;
color: #ccc;
background: #;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
text-align: center;
text-transform: normal;

border-top: solid 1px #f1f1f3;
}

.kommentera a { color: #000; text-decoration: none; font-weight: normal;}
.kommentera a:hover { color: #000; font-weight: bold; }



.kategori {
font-family: 'open sans',sans-serif;
font-weight: normal;
font-style:normal;
font-size: 12px;
color: #595956;
background: #;
margin: 0px 0px 0px 0px;
text-align:  left;
text-transform: normal;
}

.kategori a {  color: #595956;  text-decoration: none; }
.kategori a:hover { color: #acacac; }

.commentheader {
font-family: 'open sans', helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
background-color:#fff;
padding: 30px 0px 0px 0px;
margin: 0px 0px 5px 0px;
color: #d65455;
}

.commenttext {
font-family: arial, arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #1c1c1c;
margin: 5px 0px 0px 0px;
line-height: 130%;
}

.response {
font-family: 'open sans', arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #ccc;
float: right;
font-style: italic;
margin: 5px 0px 0px 0px;
line-height: 130%;
border-top: solid 0px #ccc;
}

.response-by {
font-family:'open sans', arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #fff;
margin: 0px 0px 0px 0px;
line-height: 130%;
}

.commentmeta {
font-family: 'open sans', arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #1c1c1c;
  padding: 0px 0px 40px 0px;
margin: 10px 0px 0px 0px;
border-bottom: solid 1px #ccc;
}

.commentmeta a { color: red; }
.commentmeta a:hover { color: #ac254e; }

.commentform {
font-family: 'open sans', arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: black;
margin: 0px 0px 20px 0px
}

.separator {
border-top: 1px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 0px solid #CCCCCC;
background-color:#FFFFFF;
padding: 2px;
margin: 6px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul{
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;	
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}

#calendar table tr td ul li {
color: #666666;
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

form {
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
margin: 0px 0px 0px;
border-top: solid 0px #ccc;
}

#profile {
font-family:Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}

#profile h4{
font-family:Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
}









#navbar {
margin: 0px 0px 0px 0px;
padding: 20px 0px 30px 0px;
border-bottom: solid 0px #f1f1f3;
  border-top: solid 1px #000;
width: 100%; }
#navbar li {
list-style: none;
float: left; } 
#navbar li a {
display: block;
padding: 0px 40px 0px 0px;
background-color: #fff; 
color: #1c1c1c; 
text-decoration: none;
font-family: arial; 
text-transform: uppercase;
text-align: left;
font-weight: none;
font-size: 12px; } /*Ändra storleken på texten här*/
#navbar li ul {
	display: none; 
	width: 15em; /* Ändra bredden på undermenyn här */
	background-color: #;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
 z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #; /*Ändra färgen på undermenyn*/
	border-bottom: 0px solid #fff;
padding: 0px 0px 10px 10px;
 text-decoration: none;
 font-weight: none;
	color: #000; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
	background-color: #; 
 color: #003cc2; } /*Ändra färgen när man håller musen över undermenyn*/

}







.navigation {      
  width:600px;
        }
        .navigation ul{
        /* positioning */
        	position: left;
            z-index:1000;
        /* remove the dots next to list items: */
            list-style:none; 
        /* get rid of any default or inherited margins and padding: */
            margin: 10px 0px 0px 0px; 
            padding:0; 
            
        /* styling: */
            font-family: 'Myriad pro', Helvetica, Arial, sans-serif;
            font-weight: bold;
  font-size: 40px;
  text-transform: normal;
        }
        
        /* we're using the direct descendant selectors > to ONLY affect the main menu items */
        .navigation > ul > li {
        /* positioning */ 
            position: relative;
            float: left;
        /* styling: */
            margin-right: 0px;
        }
        .navigation > ul > li > a {
        /* positioning */ 
            display:block;
        /* styling: */
            background-color: #fff; /*  grey */
            padding: 0px 0px 0px 0px;
            text-decoration:none;
            color:#000; 
            
        }
        .navigation > ul > li > a:hover{
        /* styling: */
            background-color:#fff; /* grey */
            color: #000;
  font-weight: normal;
  /* light grey */
        }





.navigation ul ul{
            
            background-color:#; /* remove. this is for illustration purposes only */
            width:700px; /* you need a width to accommodate tertiary menus */
            
            position:absolute;
            z-index:100;
            
            height: 0;
            overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;
        }
        

        /* don't display tertiary box yet */
        .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
            height:0;
            
        }
        /* tertiary drop-down box */
        .navigation ul ul ul{
            left:170px;
            width:300px;
        }
        
        .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
        .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
            height:220px; /* need a height to accommodate any tertiary menus */
        }
        
        /* drop-down item styles */
        /* if you want different styling for tertiary menus, just copy the 4 rules below and insert an additional ul: for example: ".navigation ul ul li", becomes: ".navigation ul ul ul li" */
        
        .navigation ul ul li{
  -webkit-transition: background-color 0.3s ease;
            -moz-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            -ms-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
            background-color:#fff; /* grey */
            width:300px;
        }
        
        .navigation ul ul li:hover {
            background-color:#fff; /* grey */
        }
        
        .navigation ul ul li a {
            display:block;
            text-decoration:none;
            margin:0 12px;
            padding:5px 0;
            color: #000; /* grey */
  
  font-size: 30px;
  text-transform: none;
        }
        .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
            color:#000; /* white */
  font-weight: normal;
        }




.navigation ul ul ul li a{
            border:0 !important;
        }
        .navigation ul ul ul li + li a{
            border-top:1px solid #999 !important;
        }
        .navigation ul ul li + li a{
            border-top:1px solid #999;
        }
        .navigation ul ul li:hover + li a{
            border-top:1px solid #eaeaea;
        }
        .navigation ul ul ul li:hover + li a{
            border: 0 !important;
        }
        .navigation ul ul ul li:hover + li{
            border-top:1px solid #999 !important;
        }


#totop a
{
    display: block;
    display: none;
    z-index: 999;
    opacity: .8;
    position: fixed;
    top: 100%;
    margin-top: -80px;
    float:right;
    right:100px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    width: 50px;
    line-height: 48px;
    height: 50px;
    padding: 10px;
    background-color: #db4646; /* Du kan byta färg genom att du först tar bort #000 och skriver in den färg som ska visas när man inte hovrar */
    font-size: 24px;
    text-align: center;
    color: #fff;
    text-decoration:none;
}
 
#totop a:hover {
    background: #c63d3d; /*Färg när man hovrar! Byt ut #900 till en annan färg (om du vill) */
}