@charset "utf-8";
/* CSS Document */

body {
		background-color:#FAFAFA;	
	}
p{				
	margin:5px;
	padding:10px;
	
}
section {
   background-color: white;
}
.menucolor {
	background-color:#FFFFFF;
	color:White;
	font-weight: bold;
	font-size:1.8em;;
}
.vaxlacolor {
	background-color:#0B1C7F;
	color:#FFF;
	font-size:1.4em;

}
.vaxlagreycolor {
	background-color:#F0F0F0;
	color:black;		
	font-size:1.5em;

}
.vaxlacolor2 {
	background-color:#7497E9;
	color:black;	
	margin:5px;
	border-radius:10px;
}	
.vaxlacolor3{
	background-color:#F0F0F0;
	color:black;	
	margin:5px;
	border-radius:10px;
}
	
	
.menusize{
	font-size:1.1em;
	}
nav a:link {
	text-decoration:none;
}

ul {
  list-style-image: url('pics/star-s-blue.png');

}
ul ul {
  list-style-image: url('pics/star-s-blue.png');

}
ul a:link{
	text-decoration:underline;
}
.mySlides {display:none;}

.textwidth {
	width:90%;
}

.moviecontainer{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	display:block;
}
.moviecontainer iframe{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
}
.moviesize{
	width:90%;
	
}


.moviecontainer_start{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	height:0;
	
}
.moviecontainer_start iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#filmsize{
	width:60%;	
}

.moviecontainer2{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	height:0;
	
}
.moviecontainer2 video{
	position:absolute;
	top:0;
	left:0;
	width:85%;
	height:85%;
}
@media only screen and (min-width:1000px){
	.vertalign{
		margin-top:100px; 
	}	
	.caption{
		width:98%;
	}
}
@media screen and (min-width: 701px) {		
		.textsize{			
			font-size: 24px;
		}
		
	}

@media screen and (max-width: 700px) {	  
		.textsize{			
			font-size: 20px;
		}
			
}

@media screen and (max-width: 900px) {	  
		
		#filmsize{
			width:90%;	
		}
		
}