:root{
    --tausta: #014778;
    --tausta2: white;
	--lomake: white; 
    --pohjavari: white;
	--kehys: navy;
	--painike: #002F50;
    

    --tekstivari-perus: black;
    --tekstivari-korostus: #0693E3;
    --tekstivari-kaanteinen: white;
    --tekstivari-paaotsake: navy;
    
	--fontsize: 17px;
	--varjo: #ccc;
    
}

body{
	font-family: Arial;
    font-size: 16px;
	line-height: 1;	
	margin: 0px;
	padding: 0px;
	background-color: var(--tausta);
	/*background-attachment: fixed;*/
}
p{
	color: #AAA;
    padding:0px;
    font-size:14px;
    
}

form {
    display: inline;
}


h1{
 font-family: Calibri;
 font-weight: normal;
 font-size: 35px;
 color: #002F50;
 padding: 0px;
 margin: 20px 0px 20px 0px;
	
}
h2{
 font-family: Arial;
 font-weight: normal;
 font-size: 100%;
 color: #3366CC;
 padding: 0px;
 margin: 20px 0px 10px 0px;
 width: -webkit-fill-available;
 border-bottom: 1px solid #CCC;
}
h3{
 font-family: Arial;
 font-size: 14px;
 color: #444;
 padding: 0px;
 margin: 10px 0px 10px 10px;
}

div.palikka{
	text-align:center; 
	padding: 20px; 
	margin: 20px; 
	border-style: groove; 
	border-width:0px; 
    border-radius: 20px;
	box-shadow: 0px 0px 200px #888;
	max-width: 800px;
	background-color: var(--tausta2);
}
div.laatikkokehys{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
  margin: 0px; /* Poistaa selaimen oletusmarginaalit */
}

input{
	border: 1px solid #AAAAAA;
	text-align: center;
	font-family: Arial;
    font-size: 18px;
	padding: 10px;
	margin: 0px 20px 10px 0px;
}
input:focus{
	outline: 0px solid black; /* Esimerkiksi 2px leveä, oranssi valaistus */
}
input[type=text] {
	height: 40px;
    width: 300px;
    margin: 10px 0px 0px 0px;
	padding: 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #777;
	display: block;
}
input[type=password] {
    height: 40px;
    width: 300px;
    margin: 10px 0px 0px 0px;
	padding: 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #777;
	display: block;
}

input[type=submit].painike {
 	min-width: 300px;
	min-height: 40px;
	background-color: var(--painike);
	color: var(--tekstivari-kaanteinen);
	font-weight:normal;
    font-family: Arial;
    font-size: 18px;
	margin: 20px 0px 0px 0px;
	border-radius: 10px;
	border-width: 0px;
	display: block;
	
	
}

.ilmoitusboxi{
	position: absolute; 
	text-align: center;
	top: 0px;
	left: 0px;
	padding: 10px;
	background-color: green;
	color: white;
}



    
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#content{
  	/*position:static;*/
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}