body {
  font-family: Trebuchet MS,Verdana,Tahoma,Arial,Sans-serif; 
  font-size: 12px;
  color: #666666;
}

/* z-index */
.slider {z-index: -1!important; margin-top: 19px;}
.customloggafull {z-index: 50!important;}
.menu {z-index: 60!important;}

.leftmenu{
  float:left;
  position:relative;
  margin-top:0;
}

.moduletableleftmenu { 
  background:#7AC143;
  padding:10px;
  width:232px;
}

.leftmenu h3{
  font-size:200%;
  padding:0;
}


/* Css för nyheter på första sidan - kolla modulen jQuery news */
.news { float:right; position:relative; overflow:auto; width:230px; padding-left:2%; margin-top:0; }
.moduletablenews { }
.news ul { list-style-type:none; padding:0; margin:0; }
.news li { display:block; margin-bottom:5px; padding:5px; border-bottom:dotted gray 1px; background:#F2F2F2; }
.news li iframe { height:195px !important; overflow:hidden !important; }
.news h3 { font-size:200%; padding:0; }
.news h2 { font-size:120%; }
.green { background:#7AC143 !important; color:white; }
.blue { background:#05CBCA !important; color:white; }
.yellow { background:#FFD201 !important; color:white; }

/* css för puffar första sida */

.puff{
  list-style-type:none;
  margin:0 0 4px 0;
  padding:0;
  overflow:auto;
  clear:both;
}

.puff li{
  display: block;
  float: left;
  margin-right: 2%;
  width: 31.7%;
  border: #D3D3D3 solid 1px;
  margin-bottom:5px;
  height:340px;
}

.puff li:last-child{
  margin-right:0;
}

.puff h1 {
  display:block;
  background:#0092CB;
  color:white;
  padding:6px;
  font-size:160%;
}

.puff div {
  padding:6px;
  height:230px;
}

.puff a { margin:10px 0 0 6px; display:inline-block; text-decoration:none; background:#0092CB; color:white; padding:5px; }
.puff a:hover { background: #02AAE8; }

/* css för bildspelet ifall man vill ändra positionen av text till bildspel */
.slide-desc-bg { background:none; }

.slide-desc-text {font-size: 350%; color:#fff; text-align:right; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#b5b5b5)";/*IE 8*/
text-shadow: 0px 0px 3px #b5b5b5;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#b5b5b5); /*IE 5.5-7*/
}

.slide-title { font-weight: normal;}

#slider87 .slide-desc { bottom: 0px; top:0px; left:510px;  width: 420px;font-family: arial}
#slider87 .slide-desc span{ font-style:italic;font-size:18px;}

/* ###################### GENERAL ###################### */
/* Clear out any List-styles etc. */
.menu_leftmenumenu, .menu_leftmenu li, .menu_leftmenu{
list-style-type: none;
margin: 0;
padding: 0;
}

/* removes the default underline on links */
.menu_leftmenu a {
text-decoration: none;
}

/* Sets the styles for all items from menu 2 to infinity */
.menu_leftmenu ul {
background: transparent;
padding:0;
margin:0; 
}

/* ############################################ MENU 1 ############################################ */

/* Ordinary */
.menu_leftmenu li a {
padding-left: 5px;
background: transparent;
color: #fff;
font-size: 110%;
display: block;
line-height: 25px; /* line-height and height should be the same to vertical align the text in the middle */
height: auto;
margin-top: 5px;

}

.menu_leftmenu li { 
  border-bottom: #70B739 solid 1px;
  box-shadow: 0 1px 0 #88CF51;
  display:block;
  width:230px;
}

/* When hover (mouse over) */
.menu_leftmenu li a:hover {
text-decoration: none;
color:#fff;
font-weight:bold;
/* For other than below */
background: transparent;
}

/* When active */
.menu_leftmenu .active a {
text-decoration: none;
color:#fff;
font-weight:bolder;
/* For other than below */
background: transparent;
}

/* Reset the styles for all LI's below this menu when active (otherwise all subs for this menu will get the same style */
.menu_leftmenu .active li a {
text-decoration: none;

/* For other than below */
background: none;
/* For WebKit (Safari, Google Chrome etc) */ 
background: none; 
/* For Mozilla/Gecko (Firefox etc) */ 
background: none; 
/* For Internet Explorer 5.5 - 7 */ 
filter: none; 
/* For Internet Explorer 8 */     
-ms-filter: none;
}

.menu_leftmenu > .parent:before{ /* icon som indikerar att det finns en under - undermeny */
  content: "▼";
  display:block;
  margin:8px 0 0 210px;
  position:absolute;
  font-size:70%;
  color:#fff;
}

/* ############################################ MENU 2 ############################################ */

/* Ordinary */
.menu_leftmenu li li a { 
padding-left: 15px; 
background: none; 
font-size: 11px;
line-height: 25px; /* line-height and height should be the same to vertical align the text in the middle */
height: 25px;
margin-top: 0px;
}

/* When hover (mouse over) */
.menu_leftmenu li li a:hover {
text-decoration: underline;
}

/* When active */
.menu_leftmenu li .active a {
text-decoration: underline;
}
/* Reset the styles for all subs below this menu when active (otherwise all subs for this menu will get the same style */
.menu_leftmenu li .active li a {
text-decoration: none;
}

/* ############################################ MENU 3 ############################################ */

/* Ordinary */
.menu_leftmenu li li li a {
padding-left: 25px;
}

/* When hover (mouse over) */
.menu_leftmenu li li li a:hover {
text-decoration: underline;
}

/* When active */
.menu_leftmenu li li .active a {
text-decoration: underline;
}

/* Reset the styles for all subs below this menu when active (otherwise all subs for this menu will get the same style */
.menu_leftmenu li li .active li a {
text-decoration: none;
}

/* ############################################ MENU 4 ############################################ */

/* Ordinary */
.menu_leftmenu li li li li a {
padding-left: 35px;
}

/* When hover (mouse over) */
.menu_leftmenu li li li li a:hover {
text-decoration: underline;
}

/* When active */
.menu_leftmenu li li li .active a {
text-decoration: underline;
}

/* Reset the styles for all subs below this menu when active (otherwise all subs for this menu will get the same style */
.menu_leftmenu li li li .active li a {
text-decoration: none;
}