/* 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:100%;
  height:0px;
  clear:both;
  background:#4898D5;
  overflow:hidden;
}

.bottom_div {
  float:left;
  display:block;
  height:70px;
  width:100%;
  border-top:#cdcdcd solid 1px;
  
}


.hide-980{display:none;} /*** för att sidan ska se bra ut i IE8 och nedåt ***/

.sidfot{
  width:980px; /* centrerar sidfoten i relation till storleken 980px */
  margin: 0 auto;
 
  padding:5px 0;

  font-size:100%;
}

.sidfot a{
  color:#181818;
  text-decoration:none !important;
}

/* css för loggan */
.logga{
position: absolute;
margin-left: 0px;
color: #9ab715;
font-size: 220%;
width: 100%;
top: 10px;
}

.logga2{
position: absolute;
margin-left: 8px;
margin-top: 30px;
color: #000;
font-size: 130%;
width: 100%;
top: 10px;
}


html, body{
  margin:0;
  padding:0;
  height:100%;
  
}

body{ /* body background */
background-color: #fff;
background-repeat: no-repeat;
background-image:url('bg.jpg');
background-position: top center;  

}

/* wrapper and generel stuff */
div#wrapper{
  margin-top:10px!important;
  margin: 0 auto;
  width:980px; /*** 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;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
background: 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 20px 12px 20px; /* Compatible with 4 column grid */
  /* padding:10px 18px 10px 18px;  Compatible with 3 column grid */
  
}

#header_div{position:relative;background-image:none; background-repeat:no-repeat;height:170px; background-color: none;}

#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;}      

/* dropdown menu */
.menu{
  position:absolute;
  left:0px;
  border: 0px solid #000000;
  margin-top:110px;
  float:left;
  z-index:1;
  


}       /* position menu */
.menu ul li{margin-left:1px;}               /* space/margin between menu items */

/* dj image slider */
.slider{float:left;margin-bottom:10px;margin-top:4px;}       /* space/margin according to image slider */

.pre_content_div{padding:0;margin-top:10px;}
.content_div{background:white;}
.content_div .content_wrapper{padding:0px;}

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