body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:100%;
	  background-color:#FFF;


}

h3 {
	font-weight:400;font-size:28px;color:#000;letter-spacing: 0.3em;
}


h1 {
	font-weight:500;font-size:36px;color:#000;letter-spacing: 0.1em;
}
	.mobile_start{display:none;} 
	.mobile_menu{display:none;}

h4 {
	
	text-align: justify;
	font-size: 0.9em;
	font-weight: 100;
}

h5 {
text-align: center;
	font-size: 1em;
	font-weight: 100;
}


.desk_menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align:center;
  overflow: hidden;
  background-color: #FFF;
}

.desk_menu li {
 display: inline-block;
}

li a, .dropbtn {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #CCC;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #CCC;}

.dropdown:hover .dropdown-content {
  display: block;
}
	


#maincontainer {
	margin: 0;
	text-align: center;
	width: 100%;
	padding: 0;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* -----   Main Content border och bild  ----- */
  

.container {
    position: relative;
    width: 96%;
    height: 30em;
	 margin-top: 2%;
	 margin-left: 2%;
	margin-right: 2%;
}
  

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

  


#maincontainer #maincontentwrapping {
	 margin-left: 15%;
	margin-right: 15%;
	width: 70%;
	height: Auto;
}

#col1wrap{
	float: left;
	width:96%;
	 margin-left: 2%;
	height: Auto;
	
}

#pik a img{
	 width:100%;
	 margin:0;
	margin-top: -1%;
	
	padding:0;
}


@media screen and (max-width: 30em) {
	
.desk_menu{display:none;}	
.mobile_start{display:block;padding:6px 0;width:100%;height:30px;margin:0;background-color:#FFF;}
.mobile_start #show{display:block;padding:1px;width:26px;padding-top:6px;float:left;margin-right:1em;}
.mobile_start a .white_line{display:block;width:90%;height:2px;background:#000;margin:0 auto;margin-bottom:3px;box-sizing: inherit;margin-left:1em;}
.mobile_start .menu_label{display:block;float:left;font-weight:400;margin-top:5px;font-size:18px;color:#000;letter-spacing: 0.3em;}
.mobile_start .menu_label_call{display:block;float:right;font-weight:500;margin-top:7px;font-size:18px;color:#000;margin-right:13px;}
.mobile_start .menu_label_call a{color:#ffffff;}
.mobile_menu{display:none;text-align:left;padding:0;width:100%;margin:0;position:absolute;z-index:999999999;background:#FFF;height:auto;top:43px;left:0;border:none;padding-bottom:10px;padding-top:9px;border:solid 1px #eeeeee;border-width:0 1px 1px 0;}
.mobile_menu ul{list-style: none;width:90%;margin-left:130px;}
.mobile_menu {list-style-type: none;}
.mobile_menu li{font-size:16px;margin-bottom:0;padding:6px 3px 6px 6px;font-weight: 400;}
.mobile_menu li a{color:#000;text-decoration:none;}
.mobile_menu ul li ul{margin-left:-32px;}
.mobile_menu ul li ul li{width:auto;}
.mobile_menu ul li ul li a{font-size:14px;}


#maincontainer #maincontentwrapping {
	margin:0;
	width: 100%;
	height: Auto;
}

}

 @media screen and (min-width: 30em) and (max-width: 65em) {
.desk_menu{display:none;}	 
.mobile_start{display:block;padding:6px 0;width:100%;height:30px;margin:0;background-color:#FFF;}
.mobile_start #show{display:block;padding:1px;width:26px;padding-top:6px;float:left;margin-right:2em;}
.mobile_start a .white_line{display:block;width:90%;height:2px;background:#000;margin:0 auto;margin-bottom:3px;box-sizing: inherit;margin-left:1.2em;}
.mobile_start .menu_label{display:block;float:left;font-weight:400;margin-top:5px;font-size:18px;color:#000;letter-spacing: 0.3em;}
.mobile_start .menu_label_call{display:block;float:right;font-weight:500;margin-top:7px;font-size:18px;color:#000;margin-right:13px;}
.mobile_start .menu_label_call a{color:#ffffff;}
.mobile_menu{display:none;text-align:left;padding:0;width:100%;margin:0;position:absolute;z-index:999999999;background:#FFF;height:auto;top:43px;left:0;border:none;padding-bottom:10px;padding-top:9px;border:solid 1px #eeeeee;border-width:0 1px 1px 0;}
.mobile_menu ul{list-style: none;width:90%;margin-left:130px;}
.mobile_menu {list-style-type: none;}
.mobile_menu li{font-size:16px;margin-bottom:0;padding:6px 3px 6px 6px;font-weight: 400;}
.mobile_menu li a{color:#000;text-decoration:none;}
.mobile_menu ul li ul{margin-left:-32px;}
.mobile_menu ul li ul li{width:auto;}
.mobile_menu ul li ul li a{font-size:14px;}


#maincontainer #maincontentwrapping {
	margin:0;
	width: 100%;
	height: Auto;
}
    }