/* RESET
**********************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height: normal;}
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
/***********************************************************************/

#Bilder .container .twelve, #Bilder .container .columns {margin: 0;width: 100%;}

.dbox {
	width: 155px;height: 120px;
  display: inline-block;
  left: 57px;
  position: fixed;
  top: 0;
  z-index: 9999;
}
strong {
font-weight: 600;
}
.hide-desktop {display: none;}
.hide-handheld {}

.handheldmenu {display: none;}
.desktopmenu {}

form{margin-bottom:20px;text-align: center;}
fieldset{margin-bottom:20px}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,select{height: 22px;font-size:.8em;border:none;padding:6px 0;text-indent: 10px;outline:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin:0 0 5px;width:100%;display:block;background:white;font-family: 'Open Sans', sans-serif;}
select{padding:0}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus
{border:none;}

textarea{min-height:61px}label,legend{display:block;font-weight:bold;font-size:13px}
select{width:220px}input[type="checkbox"]{display:inline}
label span,legend span{font-weight:normal;font-size:13px;color:#444}

button {
  background: none repeat scroll 0 0 white;
  border: medium none;
  border-radius: 2px;
  font-family: "Open Sans",sans-serif;
  margin: 10px 0 0;
  padding: 6px 0;
  width: 30%;
}
button:hover{background: #f6a68b;cursor: pointer;}

html {
-webkit-font-smoothing:antialiased;
}

html,body {
width:100%;
height:100%;
}
body {
font-size:100%;
font-weight:400;
font-family: 'Open Sans', sans-serif;
color: #fff;
background-color:#1d1b1c;
}
     #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px;
         z-index: 1;
      }

#kontakt .femtiohundra {
  position: absolute;
  z-index: 2;
}
.spanet{
    background: none repeat scroll 0 0 #FF0000;
    float: left;
    height: 30px;
    width: 100px;
}

.cntdiv {
  float: left;
  height: auto;
  margin: 0 auto;
  width: 100%;
}


.founder {
  bottom: 10px;
  display: inline-block;
  height: 31px;
  position: fixed;
  right: 12px;
  width: 91px;
  z-index: 9999;
}

.founder img{
width: 100%;
height: auto;
display: block;
}

h1,h2,h3,h4,h5 {}
h1 {font-size: 22px;font-weight: 300;}
h2 {font-size: 3em;text-transform: uppercase;letter-spacing: 2px;}
h3 {font-size: 1em;text-align: left;}

img.sidrubrik {
	margin-bottom: 30px;
}

a {
text-decoration:none;
color:#b8a279;
}


p {
font-size:.9em;
 margin: 0 0 15px;
}

.left{text-align: left !important;}

.clear {
clear:both;
display:none;
}

.inner > span:hover {cursor: pointer;}

#logos {
  float: right;
  height: 56px;
  overflow: visible;
  padding: 30px 30px 0 0;
  text-align: center;
  width: 90px;
}
#logos li {
  opacity: 0;
  position: absolute;
}

#header {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 8;
}



#fixed {
  height: auto;
  left: 0;
  position: fixed;
  right: 0;
  top: 110px;
  width: 100%;
  z-index: 100 !important;
}





/**********************/
.section {
width:100%;
height:100%;
height:auto!important;
min-height:100%;
position:relative;
}

.centertext {
  bottom: 0;
  display: table-cell;
  height: 100%;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  vertical-align: middle;
  width: 100%;
  padding: 0 16%;
}


  div#home {color:#676566;background: url(images/roder_bg_rgb.jpg) #1d1b1c;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/roder_bg_rgb.jpg',sizingMethod='scale');
  -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/roder_bg_rgb.jpg', sizingMethod='scale')";
  background-size:cover;
background-position: 50% 50%;
}

.cntdiv > div {
  margin: 0 auto;
  width: 180px;
}
.contentholder h1 img {width: 100%;}

.contentholder h1 {
  padding: 0 2%;
}

h1, h1 strong {
  color: #b8a279;
  margin: 140px auto 0;
  max-width: 645px;
  text-align: center;
}

.contact {
  display: table;
  margin: 0 auto;
  padding: 70px 0 0;
  width: auto;
}

.contact > p {
  float: left; margin: 15px 0;
  width: 210px;
  text-align: center;
}
.contact strong {
  color: white;
  text-transform: uppercase;
}
.seperator {
  background: none repeat scroll 0 0 #676566;
  height: 117px;
  float: left;
  width: 1px;
  margin: 0 50px;
}
.sectioncount {
  display: table;
  height: 100%;
  width: 100%;
}
.contentholder {
  display: table-cell;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  vertical-align: middle;
  width: 100%;
  padding: 0 10%;
  text-align: center;
}

#home .contentholder {padding:0 5%;}

.contentholder .col{float: left;width: 48%; }


.slidercount {
  display: table;
  height: 100%;
  width: 100%;
}

.dark {color: #716258;}
.light {color:#fff;}
.orange, .orange a{color:#f6a68b;}
.orange p{color:#716258;}


.fscontentholder h1 {
  font-size: 40px;

  text-transform: uppercase;
}
.fscontentholder h2 {
  font-size: 25px;
}

.fscontentholder {
  display: table-cell;
  height: 100%;
  left: 0;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 400px;
}
.cowork {
  float: left;
  height: auto;
  margin: 20px 0 0;
  width: 100%;
}

.avatar {
  width: 100%;
  height: auto;
  overflow: hidden;
  float: left;
}
.avatar img{
  width: 100%;
  height: auto;
}
.container img {
max-width:100%;
}

.container {
  bottom: 0;
  display: block;
  height: 100% !important;
  left: 0;
  margin: 0 !important;
  max-width: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
}
.wrap {
  bottom: 0;
  display: inline-block;
  float: left;
  height: 100%;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}

.columns {
display:inline;
float:left;
position:relative;
margin:0 1.0416667%;
}

.two {
width:9.916667%;
}

.three {
width:22.916667%;
}

.four {
width:31.25%;
}

.six {
width:47.916667%;
}

.eight {
width:64.583333%;
}

.nine {
width:72.916667%;
}

.ten {
width:81.5972225%;
}

.twelve {
width:97.916667%;
}

.three.columns > p {
  font-size: 0.75em;
  line-height: normal;
  text-align: center;
  min-height: 130px;
}
.three.columns > h2 {
  line-height: normal;
  text-align: center;
}

.three.columns > img {
    display: block;
    margin: 25px auto 0;
}
hr {
  background: none repeat scroll 0 0 #256895;
  border: medium none;
  color: #256895;
  height: 4px;
  margin: 0;
}

img.centerimg {
	margin: 25px auto;
	display: block;
}

.img-rubrik {
	float:left;width:285px;height:71px;
}

#snik {
	font-size: 0.9em!important;
	margin-bottom: 30px;
}

.invisible {
visibility:hidden;
}
#startlogo {
	width: 213px;
	height: 143px;
	margin: 0 auto;
}

.flex-control-nav li a.flex-active {font-weight: bold;}

.femtio{width:49.7%;float:left;}
.hundra{width:100%;float:left;}
.colleft {
  float: left;
  width: 49%;
}
.colright {
  float: right;
  width: 49%;
}
.leftcol{padding: 0 20px 0 0;}

.trettio{width:30%;height:100%;float:left;}
.sextiosex{width:66.66%;height:50%;float:left;}
.trettiotre{width:33.33%;height:50%;float:left;}
.tiohundra{width:10%;height:100%;float:left;}
.tjugiofemhundra{width:25%;height:100%;float:left;}
.attiohundra{width:80%;height:100%;float:left;}
.trettiotrehundra{width:33.33%;height:100%;float:left;}
.femtiohundra{width:50%;height:100%;float:left;}
.sjuttiohundra{width:70%;height:100%;float:left;}

.trettiotrehundra{width:33.33%;height:100%;float:left;}
.femtiofemtio{width:50%;height:50%;float:left;}
.hundrafemtio{width:100%;height:50%;float:left;}
.hundra{width:100%;height:100%;float:left;}

#fsone {
  background-image: url("images/slide/2534.jpg");
}
#fstwo {
  background-image: url("images/slide/2534.jpg");
}
#fsthree {
   background-image: url("images/slide/2534.jpg"); 
}
#fsfour {
background-image: url("images/slide/2534.jpg");
}
.flex-control-nav li a.flex-active {font-weight: bold;}


.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }

.itemarrow {
  background: url("images/itemarrow.png") no-repeat center center;
  display: inline-block;
  height: 15px;
  position: absolute;
  top: -15px;
  width: 29px;
  z-index: 9999;
}


#services {min-height: 1280px;}

.medarbetarewrap {
  float: left;
  height: auto;
  margin-top: 155px;
  width: 100%;
}
.coworkwrap {
  width: 25%;
  float: left;
  height: auto;
}
.coworkwrap > div {
  padding: 10px; float: left;
}
.innermargins {
  display: inline-block;
  height: 100%;
  padding: 10px;
  position: relative;
  width: 100%;
}


.item_content {
  color: #505254;
  background:none repeat scroll 0 0 #eba188;
}

.expand_accordion {
  float: left;
  height: 100%;
  width: 100%;
}
.expand_accordion > .header, .expand_accordion > .main, .expand_accordion > .footer {
  display: block;
  position: static;
  width: auto;
  padding: 0 10px;
}


.expand_accordion > .main > .item {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
}
.expand_accordion > .main > .item > .item_header, .expand_accordion > .main > .item > .item_content {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 25%;
}

.colleft > h4 {margin: 0 0 15px;}

.expand_accordion > .main > .item > .item_content > .inner {
  display: none;
  height: 100%;
  padding: 20px;
}
.expand_accordion.opened > .main > .item > .item_content {
  position: absolute;
  top: 45px;
  width: 100% !important;
  height: auto !important;
}
.expand_accordion.opened > .header,
.expand_accordion.opened > .footer {
  overflow: hidden;
}

/** Animation **/

.expand_accordion.opened > .header,
.expand_accordion.opened > .main,
.expand_accordion.opened > .footer {
  -webkit-transition: height 0.5s ease 0;
  -moz-transition: height 0.5s ease 0;
  transition: height 0.5s ease 0;
}
.expand_accordion.closed > .header,
.expand_accordion.closed > .main,
.expand_accordion.closed > .footer {
  -webkit-transition: height 0.5s ease 0;
  -moz-transition: height 0.5s ease 0;
  transition: height 0.5s ease 0;
}
.expand_accordion.closed > .main > .item > .item_content,
.expand_accordion.opened > .main > .item > .item_content,
.expand_accordion.closed > .main > .item.opened > .item_content,
.expand_accordion.opened > .main > .item.opened > .item_content {
  -webkit-transition: height 0.5s ease 0;
  -moz-transition: height 0.5s ease 0;
  transition: height 0.5s ease 0;
}


/*HANDHELD MENU*/
.rmm {
  position:fixed;
  width:100%;
  padding:0px;
  margin:0 auto !important;
  text-align: center;
  line-height:19px !important;
  top: 0;
  left: 0;
  z-index: 999;
  background:#828789;
  text-transform: uppercase;
   border-bottom:4px solid #828789;
}
.rmm * {
  -webkit-tap-highlight-color:transparent !important;
}
.rmm a {
  color:#fff;
  text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
  margin:0px;
  padding:0px;
}
.rmm ul {
  display:block;
  width:auto !important;
  margin:0 auto !important;
  overflow:hidden;
  list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
  display:none !important;
  height:0px !important;
  width:0px !important;
}
/* */


.rmm .rmm-main-list li {
  display:inline;
  padding:padding:0px;
  margin:0px !important;
}
.rmm-toggled {
  display:none;
  width:100%;
  position:relative;
  overflow:hidden;
  margin:0 auto !important;
}
.rmm-button:hover {
  cursor:pointer;
}
.rmm .rmm-toggled ul {
  display:none;
  margin:0px !important;
 padding: 20px 0;
}
.rmm .rmm-toggled ul li {
  display:block;
  margin:0 auto !important;
}

/* MINIMAL STYLE */

.rmm.minimal a {
  color:#fff;
}
.rmm.minimal a:hover {
  opacity:0.7;
}
.rmm.minimal .rmm-main-list li a {
  display:inline-block;
  padding:8px 30px 8px 30px;
  margin:0px -3px 0px -3px;
  font-size:15px;
}
.rmm.minimal .rmm-toggled {
  width:95%;
  min-height:63px;
}
.rmm.minimal .rmm-toggled-controls {
  display:block;
  height:80px;
  color:#fff;
  text-align:left;
  position:relative;
}
.rmm.minimal .rmm-toggled-title {
  left: 0;
  position: relative;
  top: 18px;
}
.rmm-toggled-title > img {
  display: table;
  height: auto;
  margin: 0 auto;
  width: 184px;
}

.rmm.minimal .rmm-button {
  display:none;
  position:absolute;
  right:9px;
  top:8px;
}

.rmm.minimal .rmm-button span {
  display:block;
  margin:11px 0 0;
  height:3px;
  background:#231f20;
  width:22px;
}
.rmm.minimal .rmm-toggled ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
}



.raiser {width:100%;height:80px;background:#716258;float:left;}

@media all and (max-width : 1500px)  { 
.contentholder {padding: 0;}

}

@media all and (max-width: 1400px) and (min-width: 1025px) {
.centertext p {font-size: 0.8em;}
.centertext h1, .maze .contentholder h1 {font-size: 26px;line-height: 26px;}
}


/********************************************** TABLET **********************************************/
@media all and (max-width: 1300px)  { 

.cntdivspacer {
  display: none;
}
}
@media all and (max-width: 1100px)  { 

.expand_accordion{display: none;}
.spacer{display: none;}
#nav li.last{padding: 0 0 0 1.5em;}

	.trettio{width:100%;}
.sextiosex{width:100%;}
.trettiotre{width:100%;}
.trettiotrehundra{width:100%;}
.femtiohundra{width:100%;}
.sjuttiohundra{width:100%;}
.trettiotrehundra{width:100%;}
.femtiofemtio{width:100%;}
#home .citat img {
  margin: 0 5%;
}

.dubbel {min-height: 1100px;}

.almostlast{height: 600px;}
.karta {height: 400px !important;}
#kontakt .hundrafemtio {min-height: 500px;}



.fscontentholder h1 { padding: 0 20%;    font-size: 30px;}

.hiddenmaze{
  opacity: 1;
}
.maze{width:100%;float:left;height: 550px;}


.leftcol{padding:0;}

.medarbetarewrap {
  margin-top: 0;
}
#services {
  min-height: 100%;
}
#home .contentholder {padding:0;}
#slideunder {  margin: 0;}

.iehead {
  margin: 17px 0 0;
  padding: 0 4%;
}

#fixed {
  top: 40px;
}
}
/********************************************** TABLET **********************************************/


/********************************************** HANDHELD **********************************************/
@media all and (max-width : 700px)  { 

  .contact > p{width: 100%;}
  .seperator{display: none;}

.attiohundra{width: 100%;}
.piccontent{display: none;}
.citat img {
  margin: 0;
  max-width: 300px;
}

.coworkwrap > div {
  float: left;
  padding: 2px;
}
.contentholder {
  padding: 0 5%;
}
.medarbetarewrap {
  margin-top: 70px;
}
.cowork {
    font-size: 70%;
  }
.colleft {
  float: left;
  width: 100%;
}
.colright {
  float: right;
  width: 100%;
}

#services .contentholder {
    padding: 0;
}
.contact {
  padding: 23px 0 0;
}
.contentholder .col {width: 100%;}
.centertext {padding: 0 6%;}
h1{line-height: normal;font-size: 15px;}
.raiser {display: none;}

}
@media all and (max-width : 350px)  { 
.cntdiv > div { width: 120px;margin: 40px auto 20px;}

.contact {
  padding: 0;
}
div#home{background: none;}
h1 {margin: 0;}
  }
/********************************************** HANDHELD **********************************************/