body{
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:1.5;
		padding:0;
		margin:0;
		}
	
	/* Global */
		.container{
		width:80%;
		margin:auto;
		overflow:hidden;
	}
	
	html { height: 100%; }

	ul{
		margin:0;
		padding:0;
	}
	
	.button_1{
		height: 46px;
		background: #045FB4;
		border: 0;
		padding-left: 40px;
		padding-right: 40px;
		color: #ffffff;
	}

	.background-imageheader{
		position: absolute;
		opacity: 0.5;
		z-index: -1;
		top: 0px;
		
}

	/*Textshow*/

	.text { display: none; }

	div.text{
		
		color:#045FB4;
		font-size: 40px;
		font-weight: bold;
		font-family: Trebuchet MS;
		text-transform: uppercase;
		position: relative;
		text-align: left;
		top: -300px;
		height:0px;
		width: 50%;
		
	}

	

	/* Header **/
	header{
		padding-top:30px;
		padding-bottom: 10px;
		min-height:70px;
		
		border-bottom:#045FB4 8px solid;
	}

	header a{
	  background-color: #045FB4;
	  color: #ffffff;
	  font-size: 18px;
	  text-transform: uppercase;
	  text-decoration: none;
	 
	 
	  
	}
	

	header li{
		vertical-align: middle;
		float:left;
		display:inline;
		padding: 10px 20px 0px 20px;
	}

	header #branding{
		float:left;
	}

	header #branding h1{
		margin:0;
	}

	header nav{
		float:right;

	}

	header .highlight, header .current {
		color:#045FB4;
				
	}

	header a:hover{
		background-color:#2980B9;
		color:#ffffff;
		font-weight:none;	
		
	}


	/* Drop button */

	.dropbtn {
	  font-size: 24px;
	  text-transform: uppercase;
	  border: none;
	  cursor: pointer;
	  display: block;
	  content: none;
	  border: none;
	  cursor: pointer;
	  display: block;
	  border-radius: 8px;
	  box-shadow: 5px 5px #000000;
	  padding: 10px 16px;
	  background-color:#045FB4
	  
	}


	.dropdown-content {
	  display: none;
	  position: absolute;
	  min-width: 160px;
	  overflow: auto;
	  z-index: 1;
	  text-align: center;
	
	}

	.dropdown-content a {

	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  border-radius: 0px;
	  text-align: center;
	  border: #000000 2px solid;
	  margin-top: 2px;
	  
	}
	.dropbtn:hover{ 
		background-color: #2980B9;

	}
	.dropdown a:hover{ 
		background-color: #2980B9;
		
	}
	.dropdown-content a:hover{
		border: #ffffff 2px solid;
		background-color: #2980B9;
	}
	.show {display: block;}

	.hide {display: none;}
	
	.shadow {box-shadow: 5px 5px #000000;}
	
	/* Under construction */

	.tyonalla{
		font-size: 60px;
		font-weight: bold;
		font-family: Trebuchet MS;
		display: block;
		text-align: center;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/* Slideshow */

	.content { display: none; } 

	div.slideshow{
		 font-family: Helvetica,Arial,sans-serif;
		 color: #000000;
		 font-size:1.0em;
		 background-color: #ffffff;
		 text-align: left;
		 border-spacing:0; 
		 width:100%;
		 border:0;
		 clear: left;
		 position: static;
		 margin: 0 0;

	}


	slideshow a{
		color: #0B0B61;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 24px;
	}
	slideshow li{
		float:left;
		display:inline;
		
	}
	
	slideshow .current {
		color: #0B0B61;
		
	}

 	#site, #slider, #slider ul li {
      display:block;
      width:100%;
      height: 550px;    
      margin: 0;
      padding: 0;
	  overflow: hidden;
	  
     }

      #slider ul{
       display:block;
       list-style: none;
       margin: 0;
       padding: 0;
      }
      #slider ul li{
		  float:left;	
		  overflow:hidden;
      }
	/* Main */
	
	div.main{
		margin-top: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 80px;
		padding-left: 4px;
		padding-right: 4px;
		background-color:#045FB4;
		color:#ffffff;
		width: 90%;
		margin-left: auto;
		margin-right: auto;		
		text-align: justify;
		border-radius: 8px;
	}

	div.maintext{
		width: 90%;
		margin:auto;
		font-size:24px;
	}
	
	div.main2{
		border: #045FB4 4px solid;
		padding-top: 40px;
		padding-bottom: 40px;
		background-color:#ffffff;
		color:#045FB4;
		width: 50%;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
		border-radius: 8px;
	}
	
	div.aligning{
		display: inline-block;
  		vertical-align: top; 
		margin-bottom: 20px;
	}
	
	#boxes{
		background-color: #fff;
	}

	#mainbox{
	width: 50%;
	float: left;
	margin-bottom: 36px;
	}
	
	#formbox{
	margin-top: 40px;
	margin-bottom: 40px;
	width: 50%;
	float: right;
	}
	#yhteydenottolomake{
		
		padding-top: 30px;
		padding-bottom: 30px;
		color: #ffffff;
		background-color: #045FB4;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		border-radius: 8px;
	}

	#yhteydenottolomake h1{
		width: 100%;
		font-size: 32px;
		float: left;
		text-decoration: uppercase;
		display: block;
	}
	
	#yhteydenottolomake form{
		margin-top: 30px;
		
	}

	#yhteydenottolomake input, textarea{
		
		width: 40%;
  		padding: 12px 20px;
 		margin: 16px 0;
		font-size: 18px;
		display: block;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		font-family: Arial, Helvetica, sans-serif;
		}
		#formimg img{
		width: 30%;
		float: right;
		margin-top: -50px;
		
		
		}
	#yhteydenottolomake textarea{
		width: 100%;
		
	}

	/* Footer */

	
	
	.background-imagefooter{
		position: absolute;
		opacity: 0.5;
		z-index: -1;
		margin-top: -150px;
		height: 150px;
		overflow: hidden;
		
		}	
	footer{	
	}
		
	div.footer{
		padding-top: 17px;
		width: 100%;
		display: inline-block;
		font-size: 18px;
		position: static;
		bottom: 0px;
		text-align: center;
		border-top: #045FB4 8px solid;
		color: #045FB4;
		
	}
 	

	/* Media Queries */

	@media(max-width: 800px){	
		header #branding,
		header nav,
		header nav li{
			min-width: 0px;
			width: 100px;
			float:none;
			text-align:center;
			width:100%;
			padding: none;
			overflow: show;
			
				
		}
		header .dropdown, header .current{
			display: block;
			margin-top: 10px;
			text-align: center;
			padding-left:0;
			padding-right: 0;
		}
		
		header .container b{
			width: 20%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		header img{
			max-width: 250px;
		}
		header .dropbtn{
			width: 100%;
			
		}
		header .dropbtn{
			display: block;
			box-shadow: 0px 5px #000000;
			overflow: visible;
		}
		
		
		.background-imageheader{
			display:none;

		}
		
		
	
		#mainbox{
			width: 100%;
			float: left;
			
			}
		div.aligning{
		display: inline-block;
  		vertical-align: none;
		margin-top: 50px;
		margin-bottom: 0px;
		}
		section .main{
			display: block;
  			float: none;
			border:none;
			width: 85%;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			text-align: justify;
		}
		section .main2{
			display: block;
  			float: none;
			width: 80%;
			text-align: center;
			border:none;
			text-align: justify;
		}
		section #formbox{
			
			display: block;
  			float: none;
			width: 100%;
			text-align: center;
			border:none;
		}
		section #yhteydenottolomake{
			
			display: block;
  			float: none;
			width: 100%;
			text-align: center;
			margin-top:-50px;
		}
		#yhteydenottolomake h1{
		width: 50%;
		font-size: 32px;
		float: left;
		text-decoration: uppercase;
		display: block;
		}

		#yhteydenottolomake form{
			margin-top: -50px;

		}

		#yhteydenottolomake input, textarea{
			width: 100%;
			
		}
		
		#formimg img{
		width: 50%;
		float: right;
		margin-top:4px;
		}
		div.text{
			font-size: 20px;
			text-align: center;
			left:100px;
			}
		footer{
			float: none;
			text-align:center;
			width: 100%;
		}
	
		.background-imageheader{
			bottom: 0px;
			width: 100%;
		
}
		.background-imagefooter{
			width: 100%;
			
		}	
}
		@media(max-width: 1120px){
			header nav{
				float: none;
				margin-bottom: 10px;
				
				}
			}