body {
  font-family: verdana, arial, geneva, sans-serif;
  font-size: 73%;
  text-align: left;
  color: #272D30;
  background: url(images/bgmonster4.png);
  background-color: #f9f9f9;
}
a { color: #606567; font-weight: normal; text-decoration: none;}
a:link { color: #606567; font-weight: normal;}
a:visited { color: #606567; font-weight: normal;}
a:hover { color: black; font-weight: normal; text-decoration: underline;}
a:active { color: #606567; font-weight: normal;}
a img {border: none;}

h1, h2, h3, h4, h5, h6
{
	font-family: verdana, arial, geneva, sans-serif;
}

h1 {font-size:190%; font-weight: normal; color: #454545;  }/*grå normal*/
h2 {font-size:150%; font-weight: normal; color: #454545; margin-top: 5px; margin-bottom: 10px;}/*grå normal*/
h3 {font-size:130%; font-weight: normal; color: #454545; margin-top: 5px; margin-bottom: 5px;}/*grå normal*/
h4 {font-size:110%; font-weight: normal; color: #454545; margin-top: 5px; margin-bottom: 5px;}/*grå normal*/
h5 {font-size:110%; font-weight: normal; color: #d45a0f; margin-top: 5px; margin-bottom: 5px;}/*röd*/
h6 {font-size:110%; font-weight: normal; color: #575757; margin-top: 5px; margin-bottom: 5px;}/*MELLANGRÅ*/

p { font-family: verdana, arial, geneva, sans-serif; color: #272D30;  font-size: 100%; }
li { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%;}
ol { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
ul { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%;}
table { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
tbody { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%;}
td { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%;}
tr { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%;}
form { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
select { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
input { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
textarea { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
pre { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
adress { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 100%; }
label { font-family: verdana, arial, geneva, sans-serif; color: #272D30; font-size: 90%; }

.hr{
border-bottom: 1px dotted #a8ee1d;
border-top: 1px solid #ffffff;
  border-width: 90%;
}
.bildram {border-top-width: 0pt; border-left-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt;}
/* M=Main H=Header N=Navigation F=Footer L=Left R=Right T=Top B=Bottom C=Center*/

/*-------------Yttre ram - ALLA SIDOR------------*/
#main {
  width: 980px;
 height: 100%;
  position: relative;
  margin: 0 auto;
/*  border: 1px solid red;*/
}
.main_top {
  width: 980px;
  height: 7px;
  float: left;
   background-image: url(images/top.png);
   background-repeat: no-repeat;
}
.main_mitt {
  width: 980px;
  height: auto;
  float: left;
   background-image: url(images/mitt.png);
   background-repeat: repeat-y;
   /*border: 1px solid red;*/
}
.main_bott {
  width: 980px;
  height: 16px;
  float: left;
   background-image: url(images/bott.png);
   background-repeat: no-repeat;

}

/*----------top----------------*/
#header {
  width: 980px;
  height: 106px;
  float: left;
  /*margin-left: 20px;*/
  /*background: #FFFFFF;*/
    /*border: 1px solid green;*/
}

/*----------logga header----------------*/
 #logga_header {
  width: 467px;
  height: 104px;
  position: absolute;
  left: 1px;
  top: 7px;
  /*float: left;*/
  margin-left: 4px;
  margin-top: -2px;
    z-index: 111;
   background-image: url(images/italic_logga2.png);
   background-repeat: no-repeat;
  /*background: #FFFFFF;*/
    /*border: 1px solid yellow;*/
 }

 /*----------bild header----------------*/

 #pics_header {
  width: 954px;
  height: 100px;

  /*position: relative;*/
  z-index: 1;
  float: left;
  margin-left: 5px;
  /*margin-top: 7px;*/
   /*background-image: url(images/bgbild.png);
   background-repeat: no-repeat;*/
  /*background: #FFFFFF;*/
    /*border: 1px solid red;*/
 }
  .klicklogga {
width: 200px;
height: 65px;
position: absolute;
left: 18px;
top: 20px;
z-index: 122;
/*border: 1px dotted red;*/
cursor: pointer;
 }
 
 
 /*-------------sök header-------*/
 .search {
width: 240px;
height: auto;
position: absolute;
right: 27px;
top: 123px;
text-align: right;
z-index: 112;
/*border: 1px dotted gray;*/
 }
 
 .searchresult{
background-color: #febe64;
 font-size: 90%;
 font-weight: bold;
 }
 /*------style SÖKFÄLT----*/
.searchfield{
width: 120px;
}

 .translate {
width: auto;
height: auto;
position: absolute;
right: 30px;
top: 20px;
text-align: right;
z-index: 112;
/*border: 1px dotted red;*/
 }
  .translate_op {
width: 150px;
height: 19px;
position: absolute;
right: 28px;
top: 50px;
text-align: right;
background-color: white;
z-index: 100;
opacity: 0.80; 
filter: alpha(opacity=80);
/*border: 1px dotted red;*/
 }
  .avbryt {
width: auto;
height: auto;
position: absolute;
right: 32px;
top: 70px;
text-align: right;
z-index: 115;
font-size: 89%;
/*border: 1px dotted red;*/
 }
   .avbryt_op {
width: 150px;
height: 18px;
position: absolute;
right: 28px;
top: 70px;
background-color: white;
text-align: right;
z-index: 101;
opacity: 0.80; 
filter: alpha(opacity=80);
/*border: 1px dotted red;*/
 }
 
 #google_translate_element{
 padding: 2px;

 /*background-color: white;*/
 }


/*--------------navigation-------------*/
#navigation{
  width: 954px;
  height: 40px;
  float: left;
  background-image: url(images/nav_gray.png);
   background-repeat: repeat-x;
margin-left: 6px;
   border-bottom: 1px solid #f0f0f0;
      border-top: 1px solid #b0b0b0;
}
.navigationtxt{
  width: auto;
  height: 30px;
  float: left; 
  line-height: 37px;
margin-left: 23px;
}

/*.navigationtxt a {color: #505050; font-weight: bold; }*/
.navigationtxt a:link {color: #505050; font-weight: bold;}
.navigationtxt a:visited {color: #505050; font-weight: bold;}
.navigationtxt a:active {color: #505050; font-weight: bold;}
.navigationtxt a:hover{text-decoration: underline; color: #476b01; font-weight: bold;}


/*----------NAVIGATION BETENDE---------*/
ul.CS_DefaultHorizontalMenu1 li.CS_DefaultHorizontalMenuNotSelected  {  padding-left: 15px; padding-right: 15px; width: auto;}
ul.CS_DefaultHorizontalMenu1 li.CS_DefaultHorizontalMenuSelectedItem  { padding-left: 15px; padding-right: 15px; width: auto;}
li.CS_DefaultHorizontalMenuSelectedItem a:hover {text-decoration: underline; }
li.CS_DefaultHorizontalMenuNotSelected a:hover {text-decoration: underline; }
ul.CS_DefaultHorizontalMenu1 li.CS_DefaultHorizontalMenuSelectedItem a {padding-bottom: 2px; color: #f68b00;}
ul.CS_DefaultHorizontalMenu1 li.CS_DefaultHorizontalMenuNotSelected a {padding-bottom: 2px; }



/*------------innehålls ram hela sidbredden - ALLA SIDOR-----------*/
#rubrik{
display: none;
/* width: auto;
  height: auto;*/
}

#content {
  width: 920px;
  height: auto;
  min-height: 250px;
  float: left;
   margin-left: 32px;
   padding-top: 10px;
   /*padding-bottom: 10px;*/
/*  border: solid 1px lime ;*/
}

#sidfot {
  width: 954px;
  height: 30px;
  float: left;
   margin-left: 6px;
   text-align: center;
   line-height: 30px;
   font-weight: bold;
   font-size: 82%;
     background-image: url(images/fot_gray.png);
   background-repeat: repeat-x;
   border-top: 1px solid #f0f0f0;
   border-bottom: 1px solid #b0b0b0;
}
.sidfotfiller{
 width: 954px;
  height: 6px;
  float: left;
}
.kontaktsida{
FLOAT: left; 
WIDTH: 453px; 
HEIGHT: 294px;
/*border: 1px solid red;*/
}
 /* --------REFERENSER ----------------- */
.ref_container {
float: left;
width: 480px;

}
.ref_bild {
float: left;
/*padding: 6px;*/
width: 480px;
/*border-bottom: 2px dotted #c9c9c9;*/

} 
.ref_textcontainer {
float: left;
width: 462px;

border-right: 1px dotted #c9c9c9;
border-left: 1px dotted #c9c9c9;
border-bottom: 1px dotted #c9c9c9;


}
.ref_text {
float: left;
width: 445px;
padding: 10px;

}
#ingressen{
float: left;
width: 900px;
height: auto;
margin-bottom: 15px;
}
.innehall_l {
float: left;
/*width: 480px;*/
width: 500px;
height: auto;
padding-right: 15px;
border-right: 1px dotted #a8ee1d;
}
.innehall_r {
float: left;
width: 350px;
height: auto;
margin-left: 35px;
/*text-align: center;*/
/*border: 1px dotted green;*/
}
.standardnon_a{
float: left;
width: 100%;
height: 100%;
}

/*---startsidan--*/
.innehall_l_ett {
float: left;
/*width: 480px;*/
width: 560px;
min-height: 100%;
padding-right: 15px;
/*border-right: 1px dotted #a8ee1d;*/
}
.innehall_r_ett {
float: left;
width: 280px;
height: auto;
padding-left: 20px;
border-left: 1px dotted #a8ee1d;
/*text-align: center;*/
/*border: 1px dotted green;*/
}
/*----------pufflistan-----*/
.puff1{
WIDTH: 200px; 
FLOAT: left; 
HEIGHT: auto;
}
.puff2{
WIDTH: 150px; 
FLOAT: left; 
HEIGHT: auto;
}
.puff_dot{
BORDER-BOTTOM: #a8ee1d 1px dotted; 
HEIGHT: 6px; 
margin-bottom: 10px;
margin-top: 10px;
clear: both;
}
/*-----puff helsida-------*/
.puff_hel_l{
WIDTH: 280px; 
FLOAT: left; 
HEIGHT: auto; 
}
.puff_hel_r{
WIDTH: 600px; 
FLOAT: left; 
HEIGHT: auto;
}
/*-----puff aktuellt helsida-------*/
.puff_hel_a_l{
WIDTH: 300px; 
FLOAT: left; 
HEIGHT: auto; 
}
.puff_hel_a_r{
WIDTH: 575px; 
FLOAT: left; 
HEIGHT: auto;
margin-right: 25px;
}
/*----puff startsidan----*/
.puff_dat{
font-size: 85%; 
font-weight: bold;
}
.puff_text{
margin-top: 5px;
}

/*----Pagening------*/
  .pagening{
/*text-decoration: underline; */
border: 1px solid gray;
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 12px;
margin-bottom: 2px;
font-size: 105%;
background-color: #d5d5d5;

}
.pagening:hover{
/*text-decoration: underline; */
border: 1px solid gray;
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 12px;
margin-bottom: 2px;
color: white;
font-size: 105%;
/*background-color: #3088B7;*/
background-color: #588403;
}

 .power {
width: 300px;
height: 33px;
float: left;
z-index: 112;
background-image: url(images/logo100x33.png);
background-repeat: no-repeat;
/*border: 1px solid red;*/
 }
 .power:hover{
 width: 300px;
height: 98px;
position: relative;
cursor: pointer;
z-index: 112;
/*top: 10px;
left: 10px;*/
background-image: url(../media/publik/animerad%20ita-italic.gif);
background-repeat: no-repeat;
/*border: 1px solid green;*/
 }