/* ---------------------------------------------------------------------BODY----------------------------------------------------------------------*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}

html, body{margin:0; padding:0; height:100%;}
body{
     background-image:url('/images/graphics/bg.jpg');
     background-position:center top;
     background-repeat:no-repeat;
     /* background-size:cover;  
     background-attachment: fixed; */
     background-color:#fff;
     color:#404040;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 94%;
  font-weight:300;
  line-height:150%;
}


/* ------------------------------------------------------------MAIN STUFF - GENERAL n WRAPPER----------------------------------------------------------*/

div#wrapper{ min-height:93%; margin: 0 auto -70px;  padding-bottom: 70px; width:100%;  }
div#wrapper_r {  padding:0;  }
#header_div {background: transparent; }
.ProContent {overflow:hidden; clear:both; margin: 0px auto 40px;}
.item-page {margin:0 auto;}
.blog {margin:0 auto;}
#phocagallery {margin:0 auto;}
.moduletable {margin:0 auto;}
.content_div {margin:45px 0 0; }
 
 

/* -----------------------------------------------------------------LOGGAN--------------------------------------------------------------------------*/
.moduletable.logga{
  padding:15px 0;
  font-size:300%;
  line-height:100%; min-height:100px; 
  width: 340px;
  margin: 0 auto;
}
.logga img {margin:0; padding:0; width:340px; height:auto;  }
.logga a {color:#404040;}

/* ------------------------------------------------------------------SIDFOT & bottom stuff----------------------------------------------------------*/
.wrapbreaker{width:100% ; min-height:70px; clear:both;overflow:hidden; background:#3B3B3B;}
.moduletable.sidfot{ margin: 0 auto; padding:40px 0; color:#b6b6b6;}
.sidfot a  {color:#b6b6b6; font-weight:300; }
.sidfot h1 { font-size: 1em; padding-bottom: 10px }



.bottom_div {clear:both; width:100%; height:auto; margin:0px; padding:0px; text-align:center; }
.moduletable.bottenblock {padding:30px 20px; width:100%; /* background:  #FF5454; */ color:#222;  }
.bottenblock ul {padding: 0 15%; }
.bottenblock li {float:left; margin:0; padding:0; width:25%; text-align:center;}
.bottenblock li h3 {font-size:140%; padding: 0 0 20px; }

.bottenblock ul:after {content:""; display:table; clear:both; }


/* ------------------------------------------------------------HUVUDMENY I TOPPEN & DROPDOWN----------------------------------------------------------*/
.moduletable.menu {z-index:1; height:46px; font-family: 'Raleway', sans-serif; background: /*#FF5454*/ #3B3B3B; border-bottom: 1px solid #fff;width: 1060px }
.ux-menu-container {text-align: center;  }
.ux-menu {margin:0 auto; display:inline-block; }  
.menu ul li li {background-color: #fff; width:auto; margin-left:0; white-space: nowrap !important;}


UL#ariext88 LI A  {transition:all 0.5s ease-in 0s; background: #3B3B3B; padding: 17px 20px 16px 20px}
.menu ul li a.current, UL#ariext88 LI A:hover { background: #a51515 !important }


/* ----------------------------------------------------------------------------BOXAR / PUFFAR------------------------------------------------------------------------*/
.moduletable.boxar {}
.boxar ul {list-style-type:none; margin:0 auto;padding:0; display:inline-block; width: 1140px;  }
.boxar > li > .article-separator {display:none;}
.boxar li {
    float: left;
    font-size: 105%;
    line-height: 120%;
    margin: 0;
    min-height: 230px;
    padding: 2.5% 2.5% 1.5%;
    width: 25%;
}

.boxar h2 {
margin: 10px 0 10px;
}
.boxar a { color: #404040;}
.boxar img:hover { opacity: 0.8; transition:all 0.5s ease-in 0s; }

.startbild { /** "slider"bild **/
  width:1060px; height:400px; margin:0; padding:0; 
  background-image:url('/images/graphics/startimg1.jpg');
     background-position:center center;
     background-repeat:no-repeat;
     background-size:cover;
  margin: 0 auto;  
}

.kontaktform { margin-top: -50px} 

/********** MEDIA QUERIES ******/

@media only screen and (max-width: 980px) { 
.boxar ul { width: 90% }
.startbild { width: 90% }
.moduletable.menu { width: 90% }
.boxar li img { width: 90%; height: auto }
}

@media only screen and (max-width: 780px) { 
.moduletable.menu { width: 100% }
.boxar li img { width: 50%; height: auto }
}