/*-------------------------

	Simple reset

--------------------------*/





*{

	margin:0;

	//padding:0;

}





/*-------------------------

	General Styles

--------------------------*/





body{

	font: 15px/1.3 'Open Sans', sans-serif;

	color: #5e5b64;
	
  display: flex;
  justify-content: center;
  align-items: left;
  //text-align: left !important;

}



a, a:visited {

	outline:none;

	color:#389dc1;

}



a:hover{

	text-decoration:none;

}


section, aside{

    height: 11400px;

    //max-width: 758px;

    //margin: 0 0 0 0;

    //padding: 8px 8px 8px 8px;
    
    //padding-left: 10px 10px 10px 10px !important;

    display: inline-block;

}

header {

    width: 998px;
    //max-height: 200px;

}

section {

    background-color:#dddddd;

    width: 748px;

    //height: 1200px

    //margin: 20px 0px;

    padding: 0px 14px;
    
    //padding-left: 14px !important;

}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}



/*------------------------- 


	The menu

--------------------------*/



nav{

	display:inline-block;

	margin:0px 0px 0px 0px;

        padding: 0px 0px 0px 0px;

	background-color:#5597b4;



	//border-radius:2px;

}



div.container {

    position: relative;
    
    //display: flex;
    
    float: center;

    width: 998;
    height: 8200;

    margin: 16px 0px 0px 0px;

    //border: 1px solid gray;

    background-color: lightblue;

}



aside {

    float: left;

    width: 194px;

    //margin: 14;

    padding: 0px 14px;

    text-align: left;

    background-color:#aaaaaa;

    //height: 1260px;

}



nav a{

	display:inline-block;

    	width: 154px;

	padding: 14px 21px;

	color:#fff !important;

	font-weight:bold;

	font-size:20px;

	text-decoration:none !important;

	line-height:1;

	text-transform: uppercase;

	background-color:transparent;



	-webkit-transition:background-color 0.25s;

	-moz-transition:background-color 0.25s;

	transition:background-color 0.25s;

}



nav a:first-child{

	border-radius:2px 0 0 2px;

}



nav a:last-child{

	border-radius:0 2px 2px 0;

}



nav.home .home,

nav.news .news,

nav.howto .howto,

nav.findus .findus,

nav.contact .contact{

	background-color:#e35885;

}



p{

	font-size:22px;

	font-weight:bold;

	color:#7d9098;

}



p b{

	color:#ffffff;

	display:inline-block;

	padding:5px 10px;

	background-color:#c4d7e0;

	border-radius:2px;

	text-transform:uppercase;

	font-size:18px;

}


footer {
  width: 998px;
  //margin: auto;
  //text-align: center;
  //padding: 3px;
  background-color: LightBlue;
  //padding-left: 10px;
  //padding-right: 20px;
  color: white;
}

@media screen and (max-width: 1000px) {

body{
	display: table;
	max-width: 100%;

}

.header {
	//display: block;
	//width: 100%;
	background-color: #ddd;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: left;
  width: 80%;
}

nav a{

	display:inline-block;

    	width: 154px;

	padding: 14px 21px;

	color:#fff !important;

	font-weight:bold;

	font-size:24px;

	text-decoration:none !important;

	line-height:1;

	text-transform: uppercase;

	background-color:transparent;



	-webkit-transition:background-color 0.25s;

	-moz-transition:background-color 0.25s;

	transition:background-color 0.25s;

}

section, aside{

    display: table;

    max-width: 998px; /* The width is 100%, when the viewport is 800px or smaller *

    height: 11400px;

    //max-width: 758px;

    //margin: 0px 0px 0px 0px;

    //padding: 0px 0px 0px 0px;

    display: inline-block;

}

div.container {

    position: relative;
    
    //display: flex;
    
    float: center;

    //width: 998;

    //display: block;
    //width: 100%;
    
    height: 11400;

    margin: 16px 0px 0px 0px;

    //border: 1px solid gray;

    background-color: lightblue;

}

p{

	font-size:28px;

	font-weight:bold;

	color:#7d9098;

}

	img.nv_bild {
	margin: auto;
	width: 60%;
	}

	.stycke {
	//display: block;
	margin-left: 0px;
	padding: 0px 0px;
	background-color: #ddd;
	}

        .nv {
          display: none;
        }

	br.nv_skutt { display: block; }

	footer { width: 80%; padding-left: 0px; padding-right: 0px; }

}

@media screen and (max-width: 650px) {

    body{
	display: table;
	max-width: 80%;

    }

.header {
	//display: block;
	//width: 100%;
	background-color: #ddd;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: left;
  width: 80%;
}

nav a{

	display:inline-block;

    	width: 124px;

	padding: 14px 21px;

	color:#fff !important;

	font-weight:bold;

	font-size:24px;

	text-decoration:none !important;

	line-height:1;

	text-transform: uppercase;

	background-color:transparent;



	-webkit-transition:background-color 0.25s;

	-moz-transition:background-color 0.25s;

	transition:background-color 0.25s;

}

section, aside{

    display: table;

    max-width: 998px; /* The width is 100%, when the viewport is 800px or smaller *

    height: 11400px;

    //max-width: 758px;

    //margin: 0px 0px 0px 0px;

    //padding: 0px 0px 0px 0px;

    display: inline-block;

}

div.container {

    position: relative;
    
    //display: flex;
    
    float: center;

    //width: 998;

    //display: block;
    //width: 100%;
    
    height: 11400;

    margin: 16px 0px 0px 0px;

    //border: 1px solid gray;

    background-color: lightblue;

}

p{

	font-size:32px;

	font-weight:bold;

	color:#7d9098;

}

	img.nv_bild {
	margin: auto;
	width: 60%;
	}

	.stycke {
	//display: block;
	margin-left: 0px;
	padding: 0px 0px;
	background-color: #ddd;
	}

        .nv {
          display: none;
        }

	br.nv_skutt { display: block; }

	footer { width: 80%; padding-left: 0px; padding-right: 0px; }


}