/* Denna classen gör att wrappen_r slutar innan bottom. (hack) */
.ProContent { 
  overflow-x:hidden; 
  overflow-y:auto; 
  clear:both;  
  position:relative; 
  background-color:#f4f4f4;
  min-height:570px;
  background-repeat:no-repeat;
  overflow:hidden;
  
}

/* css för nyheter blogglayout */
.nyheter h2 {
  margin:0;
  padding:0;
}

.create {
  margin:0;
}

.article-info {
  background:#E5E5E5;
  width:auto;
  padding:10px 0;
}

.article-info-term {
  display:none;
}

.akaBtn {
  background:#00A650;
  border:none;
  padding:5px;
  color:white;
}

/*################################### css för sifot ############################################ */
.wrapbreaker{ /* motsvara user4 i joomla 1.5 */
  width:980px;
  height:260px;
  clear:both;
  overflow:hidden;
  margin:0 auto;
  border-top:1px solid rgba(0,0,0, 0.6);
}

.bottom_div {
  float:left;
  display:block;
  height:0px;
  width:100%;
  background-position:top;
  background-repeat:no-repeat;
  margin-bottom:0px;

}

.hide-980{display:none;} /*** för att sidan ska se bra ut i IE8 och nedåt ***/

.sidfot{
  margin:0 auto;
  width:980px;
  padding-left:0%;
  margin-top:0;
}

.sidfot ul{
  list-style-type:none;
  margin:8px 0px 0 0;
  padding:0;
  width:980px;
}

.sidfot li{
display: block;
float: left;
margin-bottom: 1px;
border: 0px solid #000000;
color: #252525;
height: 190px;
padding: 10px;
width: 50%;
box-sizing: border-box;
font-weight: 300;
}

.sidfot li:nth-child(3){
  margin-right:0 !important;
}

.sidfot li h3{
  font-family:'Raleway';
  border-bottom:1px dashed #eaeaea;
  font-size:130% !important;
  font-weight:300;
  margin-bottom:5px;
}

/*.sidfot{
  width:960px; /* centrerar sidfoten i relation till storleken 980px 
  margin: 0 auto;
  color:#000;
  padding:5px 0;
  font-size:90%;
  text-align:center;
}*/

.sidfot a{
  color:#05b0ff;
  text-decoration:none !important;
}

/*################################### css för sifot END ############################################ */


/* css för loggan */
.logga{
  float:left;
  margin-left:0px;
  margin-top:5px;
}

html, body{
  margin:0;
  padding:0;
  height:100%;
  color:#000;
  
}

body{ /* body background */
  background-color:#fff;
  background-attachment:fixed;
  color:#000;
  /*background-image:url('/images/graphics/design/global/bg.png');*/

}

/* wrapper and generel stuff */
div#wrapper{
  margin: 0 auto;
  width:1100px; /*** width är för att sidan ska se bra ut i IE8 och nedåt ***/
  overflow:hidden;
  min-height: 400px;
  height: auto !important;
  padding-bottom:10px;
  padding-top:3px;
  border:0px inset #252525;
  border-radius:2px;
  background-color:rgba(255,255,255, 0.9);
}

div#wrapper_r{
  /* background-image:url('/templates/skw_template1_r/images/global/repeaty_r.png'); shadow right */
  background-position:top right;
  background-repeat:repeat-y;
  /* Use only one of the following */
  padding:12px 10px 12px 10px; /* Compatible with 4 column grid */
  /* padding:10px 18px 10px 18px;  Compatible with 3 column grid */
  
}

#header_div{
  position:relative; 
  
  background-position:bottom;
  background-repeat:no-repeat;
  height:107px;}

#sitename{font-size:250%; line-height:60px; height:60px; width:200px; padding:0; display:block; color:white; text-decoration:none;}
#sitename b{font-weight:900;}

.g4.w1, .g4.w2, .g4.w3, .g4.w4, .g3.w1, .g3.w2, .g3.w3{display:block;float:left;} /* grid elements must be display:block | Added bt Felipe - float left for the footer*/

.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-none{clear:none;}

div.clear.separator{clear:both; height:0;}

.leftie{float:left;}
.rightie{float:right;}

.g4.ml{margin-left:12px;}   /* 4 columns grid */
.g4.mr{margin-right:12px;}  /* 4 columns grid */
.g4.mt{margin-top:12px;}  /* 4 columns grid */
.g4.mb{margin-bottom:12px;}  /* 4 columns grid */
.g4.pt{padding-top:12px;}
.g4.pr{padding-right:12px;}
.g4.pb{padding-bottom:12px;}
.g4.pl{padding-left:12px;}

.g3.ml{margin-left:10px;}  /* 3 columns grid */
.g3.mr{margin-right:10px;}  /* 3 columns grid */
.g3.mt{margin-top:10px;}  /* 3 columns grid */
.g3.mb{margin-bottom:10px;}  /* 3 columns grid */
.g3.pt{padding-top:10px;}
.g3.pr{padding-right:10px;}
.g3.pb{padding-bottom:10px;}
.g3.pl{padding-left:10px;}

/*clearing frontpage button headlines for margins and padding */
.g4.pt h2{padding-top:0; margin-top:0;}
.g4.pr h2{padding-right:0; margin-right:0;}
.g4.pb h2{padding-bottom:0; margin-bottom:0;}
.g4.pl h2{padding-left:0; margin-left:0;}

/* sets margin button for frontpage button headlins */
.g4.pb h2, .g3.pb h2{font-size:120%; margin-bottom:12px;}

/* set a default background color (can be used by using class "defbg" in g4 or g3 */
.g4.defbg, .g3.defbg{background-color:#fff;}      

/*######################### CSS dropdown menu  ########################## */
.menu{
  position:relative;
  border: 0px solid #000000;
  width:980px;
  left:0px ;
  float:left;
  background:#252525;


}       /* position menu */
.menu ul li{margin-right:1px; border-right:1px solid rgba(255,255,255, 0.1);}               /* space/margin between menu items */
.menu ul li:nth-child(8){
  margin-right:0 !important;
  border-right:0 !important;
}

/*######################### CSS dropdown menu END  ########################## */



/* dj image slider */

.slider{float:left;margin-bottom:10px;margin-top:0px;  }       /* space/margin according to image slider */

/* dj image slider END */

/* ############### CSS Nivo Slider ########################*/
.nivoSlider{float:left; left:0;border:0px solid red; margin-top:3px;}


/* ############### CSS Nivo Slider END ########################*/
 
.pre_content_div{padding:0;margin-top:0; padding:0;  width:960px; }
.content_div{ margin-bottom:5px;  padding:10px; }
.content_div .content_wrapper{padding:0px;width:940px; }

/* bottom */
.moduletable.bottom{background-color:#333333; padding:10px 0 10px 0;}
.moduletable.bottom div.bottom{text-align:center; color:#8c8c8c; font-size:110%;}
.moduletable.bottom div.bottom a{color:#8c8c8c;}