body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
	


  background-color:#fafafa;
}

#videoBG {
    position:fixed;
    z-index: -5;
	width: 100%;
	height: 60px;
	opacity: 100%;
	
}

h1 {text-align: center;
color:dimgray;
	padding-top: 30px;
}


p {
text-align: left;
	color: #001d38;
	font: 15px/1.5 Arial, Helvetica,sans-serif;
}

p2 {
text-align: center;
	color: #ffffff;
	font: 15px/1.5 Arial, Helvetica,sans-serif;
}

p3 {
text-align: center;
	color: #ffffff;
	font: 20px/1.5 Arial, Helvetica,sans-serif;
}


h4 {
text-align: center;
	color: #001d38;
	font: 15px/1.5 Arial, Helvetica,sans-serif;
}

h3 {
text-align: left;
	color: #001d38;
	font: 15px/1.5 Arial, Helvetica,sans-serif;
}





.container {
    text-align: center;
  display: flex;
}


.container > div {
  flex: 1;
}  
  








h1 {text-align: center;
color: dimgray;
font-display: block;
	font-size: 16px;
	font-weight: lighter;
}

h2 {text-align: center;
color: #001d38;
font-display: block;
	font-size: 30px;
}


    .redText
    {
      color:red;
    }
    .pinktext
    {
        color:#dc0698;
     }

 .whiteText
    {
      color:white;
    }

 .greentext
    {
        color:forestgreen;
		font-weight: bold;
     }





/* Global */

 .img-banner	{
 display: block;
 width: 100%;
 padding-bottom: 0px;
}
.container{
text-align: center;
	width:100%;
  margin:auto;
  overflow:hidden;
}

.container_ny{
text-align: center;
	width:100%;
}

.container_mobil_footer{
  width:100%;
  margin:auto;
  overflow:hidden;
	display:block;
}

.container5{
  width:100%;
	
  margin:auto;
  background-image: url("../video/bg_bild1.jpg");
    background-repeat: no-repeat;
    background-position: center;
  overflow:hidden;
}
	.flex-container_footer {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:60%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	
}


.flex-container {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:70%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;

	
}

.flex-container_logo {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:70%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;

	
}


	.flex-container_footer {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: none;
	 text-align: center;
	
}

.flex-container1 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:90%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	
}

.flex-container2 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	background-image: url("../img/bg_bild.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}

.flex-container3 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;

    background-repeat: no-repeat;
    background-position: center;
	padding-top: 0px;
	padding-bottom: 0px;
}


.flex-container4 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
	background-image: url("../img/bg_bild.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

.flex-container_color {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #001d38;
	background-image: url("../img/bg_bild.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

.flex-container_gray {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
	background-image: url("../img/bg_bild1.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

.flex-container5 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: none;
	 text-align: center;
background-color: #fafafa;
	background-image: url("../video/Theme-oftheyear.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 130px;
	padding-bottom: 95px;
}


.flex-container6 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
    background-position: center;
	padding-top: 10px;
	padding-bottom: 30px;
}


.containerlogos{
  width:40%;
  margin:auto;
  overflow:hidden;
}
.container2{
  width:80%;
  margin:auto;
  justify-content: center;
  padding-top: 50px;
	
  overflow:hidden;
}


.container3{
  width:100%;
  margin:auto;
  overflow:hidden;

}


.container4 { 
  height: 200px;
  position: relative; 
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


ul{
  margin:0;
  padding:0;
}


/* Header **/
header{
  background:#01010e;
  color:#ffffff;
  padding-top:30px;
  min-height:70px;
  border-bottom:#ffffff 1px solid;
}

header a{
  color:#ffffff;
  text-decoration:none;
  text-transform: uppercase;
  font-size:16px;
}

header li{
  float:left;
  display:inline;
  padding: 0 20px 0 20px;
}

header #branding{
  float:left;
}

header #branding h1{
  margin:0;
}

header nav{
  float:right;
  margin-top:10px;
}

header .highlight, header .current a{
  color:#4cbfff;
  font-weight:bold;
}

header a:hover{
  color:#cccccc;
  font-weight:bold;
}

/* Showcase */

.responsive {
  max-width: 100%;
  height: auto;
}

#showcase h1{
  margin-top:100px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase p{
  font-size:20px;
}



/* Boxes */

.flex-container {
  align-content: center;
}

#boxes{
	margin-top:1px;
}

.box {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px 2em;
}


     

.box2 {
  align-items: center;
	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px 2em;
}

.box3 {
  align-items: center;
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px 2em;
}




IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

.dagens-program{
 padding-bottom: 70px;
	padding-top: 20px;
}

.omraden_pa_massan{
 padding-bottom: 0px;
	padding-top: 20px;
}

.seminarium1_2{
 padding-bottom: 100px;
	padding-top: 20px;
}

.it_AV_bilder{
 padding-bottom: 20px;
	padding-top: 10px;
}
.img-banner	{
 display: block;
 width: 100%;
 padding-bottom: 0px;
}


.img-about	{
 width: 100%;
}

.img-utstallare	{
	display: none;
 width: 100%;
}

.img-VadarExertisEXPO	{
 width: 100%;
	justify-content: center;
}

.img-info	{
 display: 100%;
	
}





#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.img-info h2	{
 padding: 30px 30px 20px;
	font-family: arial;
	font-size: 50px;
	color: #001d38;
	line-height: 24px;
}

.img-info p	{
 padding: 0px 30px 20px;
	font-family: arial;
	font-size: 16px;
	color: #111;
	line-height: 25px;
}
.img-info2 p	{
 padding: 0px 30px 20px;
	font-family: arial;
	font-size: 16px;
	color: #111;
	line-height: 25px;
}


.btn-knapp {
  border: 1px solid #05DC03;
  background-color: white;
  color: deeppink;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
	margin-left: 20px;
}

.link { color: deeppink; } 
.link:hover { color: white; } 
.link { text-decoration: none;
}

.btn-knapp:hover {
  background: linear-gradient(to right, #fe00e1 , #fe0b69);
  color: white;
	border: 1px solid #fe00e1;

}



footer{
  padding:80px;
  margin-top:20px;
  color:#ffffff;
  background-color:#001d38;
  text-align: center;
}
  



@media only screen and (min-width: 768px) {
 .img-banner	{
 display: block;
 width: 100%;
 padding-bottom: 0px;
}
	
 .container2{
  width:600px;
  margin:0 auto;
}

 .img-info h2	{
 padding: 20px 0px 0px;	
}

.img-info p	{
 padding: 20px 0px 0px;	
}
	
 .img-about	{
 padding-top: 30px;
}
	
 .img-utstallare{
 padding-top: 30px;
}

 .img-utstallare	{
 display: block;
 width: 100%;
 padding-bottom: 30px;
}
	.flex-container {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:50%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	
}	
	
	.container_mobil_footer{
  width:100%;
  margin:auto;
  overflow:hidden;
	display:none;
}
.flex-container_footer {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	
}
	
	.flex-container1 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:80%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	}	
	
	.flex-container6 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
    background-position: center;
	padding-top: 10px;
	padding-bottom: 30px;
}
	
	.flex-container5 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
	background-image: url("../video/Theme-oftheyear.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 130px;
	padding-bottom: 95px;
}
	}

	@media only screen and (min-width: 1000px) {
 
  .container2{
  width:70%;
  margin:auto;
  justify-content: center;
  pading-top: 30px;
  overflow:auto;
}
		.flex-container {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:30%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;

}	
		
  .container_mobil_footer{
  width:100%;
  margin:auto;
  overflow:hidden;
	display:none;
}
.flex-container_footer {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:50%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	
}		
		.flex-container1 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:60%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	}
		
		
		.flex-container5 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
	background-image: url("../video/Theme-oftheyear.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 130px;
	padding-bottom: 95px;
}	
		
		.flex-container6 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
    background-position: center;
	padding-top: 10px;
	padding-bottom: 30px;
}
		
 .img-info	{
 width: 45%;
 float: center;	 
}
	
 .img-info2	{
 width: 45%;
 float: center;
	 }		
		
		
 .img-info h2{
 padding: 10px 0px 0px 10px;
}

.img-info p	{
 padding: 10px 0px 0px 30px;
	
}
		

	

.img-info2 p	{
 padding: 10px 0px 0px 10px;	
}
				
		
		
		
		
		
 .img-about	{
 padding-top: 0px;
	 padding-right: 10px;
 width: 50%; 
 float: center;
}
		
	.img-about{
    width:50%;
    max-width:600px;
}
	 
 
	.img-utstallare{
    width:50%;
    max-width:600px;
}

 .img-utstallare{
 padding-top: 40px;
 padding-left: 10px;
 width: 50%; 
 float: center;
}

  .container2{
  width:80%;
  margin:auto;
  justify-content: center;
  padding-top: 30px;
	
}


#over
{
    position:absolute;
    width:100%;
    height:100%;
    text-align: center; /*handles the horizontal centering*/
}
/*handles the vertical centering*/
.Centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.Centered
{
    display: inline-block;
    vertical-align: middle;
}





@media only screen and (min-width: 1900px) {

		.flex-container1 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:50%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	}
	
.container_mobil_footer{
  width:100%;
  margin:auto;
  overflow:hidden;
	display:none;
}
	
	.flex-container_footer {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:50%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
	
}
	
	.flex-container_logo {
  justify-content: space-between;
	justify-content: center;
	align-content: center;
 width:50%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;	
}
	
	
		.flex-container5 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
	background-image: url("../video/Theme-oftheyear.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 130px;
	padding-bottom: 95px;
}
	.timerbox {
     display: inline-block;
    width: auto;
}
	
	.flex-container6 {
 align-content: center;
 justify-content: space-between;
 justify-content: center;
 width:100%;
  margin:auto;
  overflow:hidden;
	display: block;
	 text-align: center;
background-color: #fafafa;
    background-position: center;
	padding-top: 10px;
	padding-bottom: 30px;
}
	
}




footer{
  padding:80px;
  margin-top:20px;
  color:#ffffff;
  background-color:#001d38;
  text-align: center;
}
  
}