body {
	margin: 0px 0px 0px 0px;
	background-color:rgb(230,230,230);
}
.meny {
	width:100%;
	height:49px; 
	background-image: url('/imgs/gaslampameny.png');
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
}

.menylink {
	padding-right:40px;
	padding-top:14px;
	font-size: 16px;
	color:#ffffff;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
}
a.menylinks:link {color:#fff;text-decoration:none;}
a.menylinks:visited {color:#fff;text-decoration:none;}
a.menylinks:hover {color:rgb(128,128,128);text-decoration:none;}

.topnav {
	background-image: url('/imgs/gaslampameny.png');
  overflow: hidden;
  background-color: #333;
  z-index:115;
}

.logo {
 
}

.topnav a {
	float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  color: #fff;
  font-weight:bold;
}

.topnav .icon {
  display: none;
  color:#fff;
  background-image: url('/imgs/gaslampameny.png');
}

@media screen and (max-width: 700px) {
  .topnav a:not(:first-child) {display: none;background-color: #242424;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 700px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
  	background-color:#242424;
    float: none;
    display: block;
    text-align: left;
  }
  .topnav a:hover {
  background-color: #242424;
  color: #fff;
}

}


a:link {color:rgb(127,255,212);text-decoration:none;}
a:visited {color:rgb(127,255,212);text-decoration:none;}
a:hover {color:#fff;text-decoration:none;}

.logo {
 	padding-top:0px;
 	padding-left:10px;
 	font-size:30pt;
 	border:0px;
 	float:left;
}

.contentimage {
	
	width:100%;
	height:700px;
	background-image: url('/imgs/gaslampabg.png');
	background-size:cover;
	z-index:109;
}

.offer{
 	position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top:200;
  margin: auto;
 	color:#fff;
 	z-index:108;
}

@media screen and (max-width: 700px) {
  .offer{top:50px;}
  .offer h1 {font-size:48pt;}
}

.offer h1 {
	text-align:center;
	color:#fff;
}

h1 {
	font-size:55pt;
	color:#535353;
}
h2 {
 	font-size:36pt;
 	color:#535353;
}
h2 {
 	font-size:28pt;
 	color:#535353;
}

.footer {
	width:100%;
	height:200px;
	background-color:rgb(32,32,32);
	color:#fff;
}
.endfooter {
	width:100%;
	height:40px;
	background-color: rgb(16,16,16);
	color:#fff;
}

.endfootertext {
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 25px;
	color:#fff;
}


//Boxes
.wrap{
  margin-left:20px;
}
.box{
	width:94%;
	height:auto;
  float:left;
  background-color:white; 
  margin:25px 15px;
  border-radius:5px;
}
.box h3{
  font-family: 'Didact Gothic', sans-serif;
  font-weight:normal;
  //text-align:center;
  padding-left:10px;
	padding-top:10px;
  padding-bottom:10px;
  color:#fff;
}
.box1{
  background-color: rgb(133,133,133);
}
.box2{
  background-color: rgb(85,85,85);
}
.box3{
  background-color: rgb(133,133,133);
}
.box4{
  background-color: rgb(85,85,85);
}
.box5{
  background-color: #9ED9EB;
}
.box6{
  background-color: #9EB3EB;
}
.box7{
  background-color: #DB9EEB;
}
.box8{
  background-color: #C49EEB;
}
.shadow1, .shadow2, .shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{
  position:relative;
}
.shadow1,.shadow2,.shadow3,.shadow4,.shadow5,.shadow6,.shadow7,.shadow8{
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
/*****************************************************************dashed border
****************************************************************/
.shadow1 h3, .shadow2 h3, .shadow3 h3, .shadow4 h3, .shadow5 h3, .shadow6 h3, .shadow7 h3, .shadow8 h3{
  width:87%;
  height:auto;
  margin-left:6%;
  border:2px dashed #F7EEEE;
  border-radius:5px;
}
/****************************************************************
*styling shadows
****************************************************************/
.shadow1:before, .shadow1:after{
  position:absolute;
  content:"";
  bottom:12px;left:15px;top:80%;
  width:45%;
  background:#9B7468;
  z-index:-1;
  -webkit-box-shadow: 0 20px 15px #9B7468;
  -moz-box-shadow: 0 20px 15px #9B7468;
  box-shadow: 0 20px 15px #9B7468;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.shadow1:after{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
  right: 15px;left: auto;
}
.shadow2:before{
  position:absolute;
  content:"";
  width:80%;
  top:140px;bottom:15px;left:30px;
  background-color:#9F8641;
  z-index:-1;
  -webkit-box-shadow:0 23px 17px 0 #9F8641;
  -moz-box-shadow:0 23px 17px 0 #9F8641;
  box-shadow: 0 23px 17px 0 #9F8641;
  -webkit-transform:rotate(-4deg);
  -moz-transform:rotate(-4deg);
  transform:rotate(-4deg);
}
.shadow3:before, .shadow3:after{
  content:"";
  position:absolute;
  bottom:0;top:2px;left:15px;right:15px;
  z-index:-1;
  border-radius:100px/30px;
 -webkit-box-shadow:0 0 30px 2px rgb(190,190,190);
  -moz-box-shadow:0 0 30px 2px rgb(190,190,190);
  box-shadow: 0 0 30px 2px rgb(190,190,190);
}
.shadow4:before, .shadow4:after{
  position:absolute;
  content:"";
  top:14px;bottom:14px;left:0;right:0;
  box-shadow:0 0 25px 3px #548E7F;
  border-radius:100px/10px;
  z-index:-1;
}
.shadow5:before, .shadow5:after{
  position:absolute;
  content:"";
  box-shadow:0 10px 25px 20px #518C96;
  top:40px;left:10px;bottom:50px;
  width:15%;
  z-index:-1;                 
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.shadow5:after{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;left: auto;
}
.shadow6:before, .shadow6:after{
  position:absolute;
  content:"";
  top:100px;bottom:5px;left:30px;right:30px;
  z-index:-1;
  box-shadow:0 0 40px 13px #486685;
  border-radius:100px/20px; 
}
.shadow7:before, .shadow7:after{
  position:absolute;
  content:"1";
  top:25px;left:20px;bottom:150px;
  width:80%;
  z-index:-1;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.shadow7:before{
  box-shadow:10px -10px 30px 15px #984D8E;
}
.shadow7:after{
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  transform: rotate(7deg);
  bottom: 25px;top: auto;
  box-shadow:10px 10px 30px 15px #984D8E;
}
.shadow8{
  box-shadow:
 -6px -6px 8px -4px rgba(250,254,118,0.75),
  6px -6px 8px -4px rgba(254,159,50,0.75),
  6px 6px 8px -4px rgba(255,255,0,0.75),
  6px 6px 8px -4px rgba(0,0,255,2.75);
}

/* Full-width input fields */
input[type=text], input[type=password], textarea, select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

/* Extra styles for the cancel button */
.cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */
.cancelbtn,.signupbtn {
    float: left;
    width: 100%;
}

/* Add padding to container elements */
.container {
    padding: 16px;
}

/* Clear floats */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
    .cancelbtn, .signupbtn {
       width: 100%;
    }
}

.andra {
	margin: 16px;
	margin-left:16px;
	margin-right:16px;
}

.no-margin {
    margin: 0px !important;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color:#fff;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    text-align: left;
    border-color: inherit;
    background-color:#4CAF50;
    color:#fff;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #f4f4f4;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

td, th {
    padding: 0;
}

/* 10 Notification Boxes
-------------------------------------------------------------------------------- */
.notification-box {
	position: relative;
	margin-bottom: 20px;
	border-radius: 3px;	
	padding: 10px 10px 10px 32px;
	background-repeat: no-repeat;
	background-position: 10px 11px;
	border: 1px solid;
	color:#444;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
}

a.notification-close {
	position: absolute;
	right: 5px;
	top: 5px;	
	color: #666 !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	line-height: normal;
}

.notification-box p {
	margin-bottom: 0;
	margin-top: 20px;	
}

.notification-box > p:first-child {
	margin: 0;	
}

.notification-box-success {
	background-color: #d2f7ad;
	background-image: url(/imgs/tick.png);
	border-color: #aedb2e; 	
}

.notification-box-error {
	background-color: #ffd5af;
	background-image: url(/imgs/delete.png);
	border-color: #f8b472; 	
}


/*Add some spacing*/
.prefaq {
	margin-left:20px;
	margin-right:20px;
}

@media screen and (max-width: 700px) {
  .prefaq {
	margin-left:0px;
	margin-right:0px;
	}
}

.faq-section{
				margin: 40px 0;
        position: relative;
}

/*Hide the paragraphs*/
.faq-section p{
    display: none;
}   

/*Hide the checkboxes */
.faq-section input{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    opacity: 0;         
    display: none\9; /* IE8 and below */
    margin: 0;          
    width: 100%;
    height: 36px;
}

/*Show only the clipped intro */
.faq-section label+p{
    display: block; 
    color: rgb(32,32,32);
    font-size: .85em;
    transition: all .15s ease-out;
    /* Clipping text */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;                       
}

/*If the checkbox is checked, show all paragraphs*/
.faq-section input[type=checkbox]:checked~p{
    display: block;
    color: rgb(32,32,32);
    font-size: 1em;
    /* restore clipping defaults */
    text-overflow: clip; 
    white-space: normal;
    overflow: visible;  
}

/*Style the label*/
.faq-section label{
    font-size: 1.2em;
    background: rgb(69,69,69);
    display: block;
    position: relative;
    height: 20px;
    padding: 7px 10px;
    font-weight: bold;
    border: 0px solid #ddd;
    color:#fff;
    border-left: 3px solid #888;
    //text-shadow: 0 1px 0 rgba(255,255,255,.5);
    transition: all .15s ease-out;          
}

/*Remove text selection when toggle-ing*/
.faq-section label::selection{
    background: none;
}

.faq-section label:hover{
    background: rgb(117,117,117);
}

/*If the checkbox is checked, style the label accordingly*/
.faq-section input[type=checkbox]:checked~label{
    border-color: rgb(192,192,192);          
    background: rgb(117,117,117);
    background-image: linear-gradient(to bottom, rgb(52,52,52), rgb(117,117,117));
    box-shadow: 0 0 1px rgba(0,0,0,.4);             
}

/*Label's arrow - default state */
.faq-section label::before{
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-color: inherit; 
}

/*Update the right arrow*/
.faq-section input[type=checkbox]:checked~label::before{
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px;    
}