.toptext:hover{
  color:#e3e3e3;
}

.bar{
  background: #252525 !important;
  float:left!important;
  width:100%;
  height:100px;
  
}

.leftmenu{
  float:left;
  position:relative;
  width:20%;
  padding-right:1%;
  margin-top:0;
  margin-right:2%;
  margin-bottom:10px;
}

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


/* Css för nyheter på första sidan - kolla modulen jQuery news */
.news{
  float:right;
  width:220px;
  padding-left:2%;
  margin-top:0;
 
}

.news ul{
  list-style-type:none;
  margin: 4px 20px 0 0;
  padding:0;
  width:100%;

}

.news li{
  display:block;
  width:100%;
  background:#343434 url(/images/graphics/design/global/quote.png) bottom right no-repeat;
  
  margin-bottom:3px;
  border: 0px solid #000000;
  color:#fff;
  height:264px;
  padding:10px;
  text-aling:center;

}


/*.news h1{
  font-size:120%;
  padding:0;
  float:none !important;
  display:inline;
  margin-bottom:10px;
}*/

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

.puff{
  list-style-type:none;
  margin:0;
  padding:0;
  float:left;
  width:100%;
  left:0px;
  
}

.puff li{
  display: block;
  float:left;
  margin-right: 17px;
  width: 220px;
  color:#000;
  height:259px;
  margin-top:15px;
 
}

.puff li:nth-child(4){
  margin-right:0 !important;
  
}

.puff h1 {
  font-size:120%;
  border: 0px solid #000000;
  background:#5d9732;
  color:white !important;
  padding-left:10px !important;
  margin-bottom:10px;
  font-size:150%;
  padding-top:5px;
  padding-bottom:5px;
  
}


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

.slide-desc-text {font-size: 20px; color:#fff;  }

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

#slider87 .slide-desc { bottom: 0px;  font-family: Century Gothic, Trebuchet MS, Calibri, Arial;}


#slider87 .slide-desc span{ font-weight:bold; font-size:16px;}


#djslider87 #cust-navigation87 .load-button-active { background-color: #9ab715; opacity: 1.0;  }

/* ###################### GENERAL ###################### */

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

/* 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: #939398;
  margin:0;
padding:0;
}







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

/* Ordinary */
.menu_leftmenu li a {
padding-left: 5px;
background: #636368;
color: white;
font-size: 13px;
display: block;
line-height: 30px; /* line-height and height should be the same to vertical align the text in the middle */
height: 30px;
margin-top: 5px;
width:20%
}

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

/* For other than below */
background: #363638;
/* For WebKit (Safari, Google Chrome etc) */ 
background: -webkit-gradient(linear, top, bottom, from(#363638), to(#161616)); 
/* For Mozilla/Gecko (Firefox etc) */ 
background: -moz-linear-gradient(top, #363638, #161616); 
/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616); 
/* For Internet Explorer 8 */     
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616)";

}

/* When active */
.menu_leftmenu .active a {
text-decoration: none;

/* For other than below */
background: #363638;
/* For WebKit (Safari, Google Chrome etc) */ 
background: -webkit-gradient(linear, left top, right bottom, from(#363638), to(#161616)); 
/* For Mozilla/Gecko (Firefox etc) */ 
background: -moz-linear-gradient(top, #363638, #161616); 
/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616); 
/* For Internet Explorer 8 */     
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616)";
}

/* 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 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;
}