/* Tyylit */
body {
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0;
	background-color: #ffffff;
}

#content{
	width:370px; 
	padding-top:10px; 
	padding-left:430px; 
	text-align:left; 
	color:#000;
}

#kaverille{
	margin-right:50px;
	padding-top: 50px;
	padding-left: 300px;
	color: #fff;
	text-align: right;
}

#kaverille h1{
	font-size: 20px;
}

p{
	color: #fff;
}

td{
	color: #fff;
}

#linkit{
	width: 427px;
	height: 120px;
	background-repeat: no-repeat;
	background-image: url('http://ennakkoluulotesti.fi/template/html/default/img/tulos.png');
	background-position: 0 -20px;
	padding-left: 40px;
	padding-top: 140px;
	margin-left: 350px;

}


.button{
	color:#000;
	background-color:#fff;
	border-width:1px;
	height:23px;
	border-left:1px solid #d9dfea;
	border-top:1px solid #d9dfea;
	border-right:1px solid #0e1f5b;
	border-bottom:1px solid #0e1f5b;
	padding:0 10px;
	font-family:arial;
	cursor: pointer;
}

#seuraava{
	background-repeat:no-repeat; 
	position: absolute; 
	margin-left:20px; 
	margin-top:20px; 
	width:105px; 
	height:92px;
	border: 0px;
}


p{
	/*margin-bottom: 5px;
*/
}

#innerwrapper{
	margin-left:200px;
	width:350px;
	height:400px;
	color: #fff;
}



a, a:link, a:visited, a:active{
	font-family: calibri, arial;
	color: #000;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: calibri, arial !important;
	color: #000 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}
/*
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}*/
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

img {
	border: 0px;
}

h1 {
	font-size: 18px;
	font-family: calibri, trebuchet ms;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 20px;
}

h2 {
	font-size: 18px;
	font-family: calibri, trebuchet ms;
	color: #fff;
	font-weight: normal;
	margin-bottom: 20px;
}

h3 {
	font-size: 12px;
	color: #fff;
}

h4 {
	color: #fff;
}

h5 {
	color: #fff;
}

h6 {
	color: #fff;
}


.error_message{
	margin:10px 0;
	color:#000;
}
.success_message{
	margin:10px 0;
	color:#000;
}
.hovertrigger{
	cursor:pointer;
	text-decoration:underline;
}
.hoverbox{
	border:1px solid #555555;
	padding:10px;
	position:absolute;
	background-color:#ffffff;
	margin-top:-50px;
	left:0px;
	z-index:1000;
}



/*
.button{
	color:#000;
	background-color:#fff;
	border-width:1px;
	height:23px;
	border-left:1px solid #d9dfea;
	border-top:1px solid #d9dfea;
	border-right:1px solid #0e1f5b;
	border-bottom:1px solid #0e1f5b;
	padding:0 10px;
	font-family:arial;
}
*/

.tulos{
	
color: #fff;
}

#numero{
	position: absolute; 
	margin-left:450px; 
	margin-top: 400px; 
	width:120px; 
	height:133px;
}