body {/*background-color:whitesmoke;*/
	background-color:#FFFDCB;
}
.header{
	/*background-color:#DAFFA8;*/
width:100%;
float: left;
}
.header-m1 {
  float: left;
  width: 1.76%;
  /*height: 0.0625em;*/ 
}
.header-c1 {
  float: left;
  width: 96.48%;
}
.header-m2 {
  float: left;
  width: 1.76%;
  /*height: 0.0625em;*/
}
.topleft {
  left: auto;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 7vw;
  font-weight: bold;
  color:black;
  margin-left:0.05em;
}
.grid{
	/*background-color:#DAFFA8;*/
	width:100%;
	float:left;
}
.grid p {
  line-height: 1em;
  font-size: 0.875em;
  margin-top: -0.25em;
  padding-bottom: 0.1em;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h1 {
  line-height: 3em;
  font-size: 1.125em;
  margin-top: -0.25em;
  padding-bottom: 0.25em;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}

.grid h2 {
  line-height: 1.5em;
  font-size: 1em;
  margin-top: -0.25em;
  padding-bottom: 0.1em;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}

.grid h3 {
  line-height: 3em;
  font-size: 1.125em;
  margin-top: -0.25em;
  padding-bottom: 0.25em;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}

.grid h4 {
  line-height: 2em;
  font-size: 1.125em;
  margin-top: -0.25em;
  padding-bottom: 0.25em;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}

.grid h5 {
  line-height: 3em;
  font-size: 0.875em;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h6 {
  line-height: 3em;
  font-size: 0.875em;
  font-family: Verdana, Geneva, sans-serif;
}

/* --- Skalbara kolumner --- */

.grid-m1 {
  float: left;
  width: 1.76%;
  height: 0.0625em;
}

.grid-c1 {
	background-color:#C0B283;
    float: left;
    width: 23.43%;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#808080;
}

.grid-m2 {
  float: left;
  width: 0.92%;
  height: 0.0625em;
}

.grid-c2 {
	background-color:#DCD0C0;
  float: left;
  width: 23.43%;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#808080;
}

.grid-m3 {
  float: left;
  width: 0.92%;
  height: 0.0625em;
}

.grid-c3 {
	background-color:#F4F4F4;
  float: left;
  width: 23.43%;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#808080;
}

.grid-m4 {
  float: left;
  width: 0.92%;
  height: 0.0625em;
}

.grid-c4 {
	/*background-color:#999966;*/
	background-color:#CCCC99;
  float: left;
  width: 23.43%;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#808080;
}
.grid-m5 {
  float: left;
  width: 1.76%;
  height: 0.0625em;
}
.text-width-m{
	width: 90%;	
}
/*'''''''''''footer'''''''''''''''''*/
.footer{
width:100%;
float:left;
height:auto;
/*background-color:grey;*/
	background-color:#373737;
	/*background-color:#FFFDCB;*/
margin-bottom:1em;
/*margin-left:0.2em;*/
}
.footer h3 {
  line-height: 1.5em;
  font-size: 1em;
  margin-top: 0.25em;
  padding-bottom: 0.1em;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
	/*text-align:left;*/
}
.footer-m1 {
  float: left;
  width: 1.76%;
  height: 0.0625em;
}

.footer-c1 {
  float: left;
  width: 23.43%;
/*border-right: 1px solid #000;*/
}

.footer-m2 {
  float: left;
  width: 0.92%;
  height: 0.0625em;
}

.footer-c2 {
  float: left;
  width: 23.43%
/*border-right: 1px solid #000;*/
}

.footer-m3 {
  float: left;
  width: 0.92%;
  height: 0.0625em;
}

.footer-c3 {
  float: left;
  width: 23.43%
/*border-right: 1px solid #000;*/
}

.footer-m4 {
  float: left;
  width: 0.92%;
  height: 0.0625em;
}

.footer-c4 {
  float: left;
  width: 23.43%
/*border-right: 1px solid #000;*/
}
.footer-m5 {
  float: left;
  width: 1.76%;
  height: 0.0625em;
}
.footer-h3{
	width:100%;
	float:left;
}
/*''''''''''slut footer'''''''''''''''''''*/
/*.imgh {
    height: auto;
    max-width: 100%;
    z-index: -1;
}*/
/*.h1h {
  padding-bottom:1.5em;
  margin-top:-3.5em;
  color:blue;
  z-index: 20;
}*/
.img_grid {
    height: auto;
    max-width: 100%;
    margin-bottom:1em;
}	

img {
    height: auto;
    max-width: 100%;
    margin-bottom:1em;
}
/*------------------meny--------------*/

.page_item{
list-style-type: none;
}
.meny{
	width:100%;
	/*margin-left:0.2em;*/
}
.meny-m1 {
  float: left;
  width: 1.76%;
  height: 0.0625em;
  margin-bottom:0.8em;
}

.meny-c1 {
  float: left;
  width: 100%;
  height:auto;
  overflow: hidden;
  /*background-color:grey;*/
	background-color:#373737;
	margin-left:0.05%;
	margin-right:0.05%;
  margin-bottom:1%;
}
.meny-m2 {
  float: left;
  width: 1.76%;
  height: 0.0625em;
 margin-bottom:0.875em;
}
* {
  box-sizing: border-box;
}

/* meny länkar*/
.footer-c1 li {
	list-style-type: none;
	margin: 0;
    padding: 0;
}
.meny-c1 a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 0.875em 1em;
  text-decoration: none;
}

/* hover */
.meny-c1 a:hover {
  background-color: #ddd;
  color: black;
}

.footer-c {
  float: left;
	/*background-color: grey;*/
	background-color:#373737;
	/*margin-left:1%;*/
	/*margin-right:5%;*/
  margin-bottom:1%;
}
.footer-c a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 0.875em 1em;
  text-decoration: none;
}

/* hover */
.footer-c a:hover {
  background-color: #ddd;
  color: black;
}
.databas {
	margin-left:0.2em;
	float:left;
	height:auto;
	width:100%;
}
.databas_left-m1 {
  float: left;
  width: 1.76%;
  /*height: 0.0625em;*/
 margin-bottom:0.875em;
}
.databas_left {
	float:left;
	height:auto;
	width:47.78%;
	border-right: 1px solid #000;
}
.databas-m2 {
  float: left;
  width: 0.92%;
  /*height: 0.0625em;*/
 margin-bottom:0.875em;
}
.databas_left ul{
	float:left;
	height:auto;
	width:100%;
}
.databas_left li{
	float:none;
	width:80%;
}

.databas_right {
	float:left;
	height:auto;
	width:47.78%;
	border-right: 1px solid #000;
}
.databas_left input[type='submit'] {
	height:auto;
	width:auto;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:1%;
}
.databas_right-m3 {
  float: left;
  width: 1.76%;
  /*height: 0.0625em;*/
 margin-bottom:0.875em;
}
.rad{
	width:100%;
	float:left;
	height:auto;
}
.rad1{
	width:50%;
	float:left;
	height:auto;
}
.rad1-no-display{
	display:none;
	width:50%;
	float:left;
	height:auto;
}
.rad2{
	width:20%;
	float:right;
	height:auto;
}
.rad2-no-display{
	display:none;
	width:20%;
	float:right;
	height:auto;
}
.databas_left input[type='submit'] {
	background-color:transparent;
	border:none;
	height:auto;
	width:auto;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:1%;
}
.databas_right input {
	height:auto;
	width:35%;
	float:left;
	margin-right:2%;
	margin-left:2%;

}
.databas_right input[type='checkbox'] {
	height:auto;
	width:auto;
	float:left;
	margin-left:3%;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:2%;
}
.databas_right input[type='submit'] {
	height:auto;
	width:auto;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:1%;
}

.databas_right form{
	height:auto;
	width:100%;
	float:left;
}
.databas_right label{
	  float:left;
	  line-height: 2em;
      font-size: 1em;
      margin-top: 0.4%;
	  margin-left:2%;
	  margin-right:1%;
      font-family: Verdana, Geneva, sans-serif;
      font-weight: bold;
}

#sist {;
}
#sallad{
	;
}
#sallad_h2{
	;
}
#sallad2{
	;
}
.post-content{
    /*padding-left:0.5em;*/	
	width:100%;
}
.post-content img {
	float:right;
	 height: auto;
     max-width: 100%;
     margin-bottom:1em;
	
}
.post-content p {
	margin-left:2%;
	margin-right:50%;
}
.post-excerpt{
/*padding-left:3em;*/	
}
.tag-cloud-link{
color: #f2f2f2;
font-family: Verdana, Geneva, sans-serif;
text-decoration:none;	
}
.tag-cloud-link a {
color: #f2f2f2;	
}
@media screen and (max-width: 47.5em) {
   body {background-color:whitesmoke;
}
  .grid-c1,.grid-c2,.grid-c3,.grid-c4  {
	  background-color:whitesmoke;
    width: 100%;
  }
	.footer-c,.footer-c1,.footer-c2,.footer-c3,.footer-c4  {
    width: 100%;
  }
	.meny-c1 {
		background-color:gray;
	}
   .meny-c1 a {
    float: none;
    width: 100%;
  }
   .footer-c a {
    float: none;
    width: 100%;
  }	
    .post-content {
		height: auto;
        width: 100%;
}
	.post-content img {
		height: auto;
        width: 100%;
}
	.databas {
		width: 100%
	}
	.databas_left {
		float: none;
		width: 100%
	}
	.databas_left ul {
		float: none;
		width: 100%
	}
	
.databas_right {
		float: none;
		height:auto;
	    width: 100%
	}
.databas_right form {
        float: none;
	    height:auto;
        width: 100%
	}	
.databas_right label {
        float: none;
        font-size:22px;
	}	
.databas_right input {
	    font-size:22px;
        float: none;
	    height:auto;
        width: 80%;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:5px;
	} 
.databas_right input[type='submit'] {
	    font-size:20px;
        float: none;
	    height:auto;
        width: 45%;
	margin-left:12px;
	margin-bottom:2px;
	} 
	.databas_right input[type='checkbox'] {
        float: none;
	    height:auto;
        /*width: 45%;*/
	margin-left:12px;
	margin-bottom:2px;
	} 
	.footer{
		background-color:grey;
	}
	.footer-c{
		background-color:gray;
	}
	.footer-h3 {
		float: none;
		 width: 100%;
	}
	.footer h3{
		text-align:center;
	}
	.post-content p {
	margin-left:2%;
	margin-right:15%;
}

}
@media screen and (max-width: 60em) {
   body {background-color:whitesmoke;
}
  .grid-c1,.grid-c2,.grid-c3,.grid-c4  {
	  background-color:whitesmoke;
    width: 100%;
  }
	.footer-c,.footer-c1,.footer-c2,.footer-c3,.footer-c4  {
    width: 100%;
  }
	.meny-c1 {
		background-color:gray;
	}
   .meny-c1 a {
    float: none;
    width: 100%;
  }
   .footer-c a {
    float: none;
    width: 100%;
  }	
    .post-content {
		height: auto;
        width: 100%;
}
	.post-content img {
		height: auto;
        width: 100%;
}
	.databas {
		width: 100%
	}
	.databas_left {
		float: none;
		width: 100%
	}
	.databas_left ul {
		float: none;
		width: 100%
	}
	
.databas_right {
		float: none;
		height:auto;
	    width: 100%
	}
.databas_right form {
        float: none;
	    height:auto;
        width: 100%
	}	
.databas_right label {
        float: none;
        font-size:22px;
	}	
.databas_right input {
	    font-size:22px;
        float: none;
	    height:auto;
        width: 80%;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:5px;
	} 
.databas_right input[type='submit'] {
	    font-size:20px;
        float: none;
	    height:auto;
        width: 45%;
	margin-left:12px;
	margin-bottom:2px;
	} 
	.databas_right input[type='checkbox'] {
        float: none;
	    height:auto;
        /*width: 45%;*/
	margin-left:12px;
	margin-bottom:2px;
	} 
	.footer{
		background-color:grey;
	}
	.footer-c{
		background-color:gray;
	}
	.footer-h3 {
		float: none;
		 width: 100%;
	}
	.footer h3{
		text-align:center;
	}
	.post-content p {
	margin-left:2%;
	margin-right:15%;
}
}
