/* CSS Document */

html {
height:100%;
}

body {
margin:auto;
padding: 0;
background-color:#000000;
font: arial, sans-serif;
text-align: left;
height:100%;
}

p {
text-align: left;
}

a {
color:#993300;
text-decoration:none;
}

a:hover {
color: #FF3300;
text-decoration:none;
}

a.white {
color:#ffffff;
text-decoration:none;
}

a.white:hover {
color: #cccccc;
text-decoration:none;
}

a.orange {
color: #FF9900;
text-decoration:none;
}

a.orange:hover {
color: #FF3300;
text-decoration:none;
}




#wrapper  {
width:720px;
margin:auto;
overflow:auto;
margin-top:0px;
}


#contentwrapper  {
width:720px;
text-align:left;
background-color:#FFFFFF;
float:left;
}


#header {
width:720px;
height:300px;
background-repeat:no-repeat;
background-position:top left;
background-color:#000000;
background-image:url('../kuvia/header2.jpg');
}

#footer {
width:680px;
height:60px;
color:#BBBBBB;
padding-bottom:40px;
padding-left:20px;
padding-right:20px;
padding-top:40px;
display:block;
clear:both;
}

#content {
float:left;
width:560px;
color:#CBCBCB;
padding-bottom:20px;
padding-left:80px;
padding-right:80px;
padding-top:10px;
text-align:left;
}

#navi {
float:left;
width:720px;
height:50px;
padding:0px 0px 0px 0px;
}


#navi_position {
margin-left:-40px;
}


	ul.navi_list li {
	float:left;
	padding:0px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	
	}
	
	ul li a.navi1 {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_etusivu.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi1:hover {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_etusivu_hover.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	
	}
	
	ul li a.navi1:active {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_etusivu_hover.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	
	}
	
	ul li a.navi2 {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_mutery.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi2:hover {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_mutery_hover.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	
	}

	ul li a.navi3 {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_me.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi3:hover {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_me_hover.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi4 {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_produktiot.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi4:hover {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_produktiot_hover.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi5 {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_kpankki.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi5:hover {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_kpankki_hover.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi6 {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_kuvagalleria.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}
	
	ul li a.navi6:hover {
	width:120px;
	height:50px;
	background-image:url('../kuvia/navi_kuvagalleria_hover.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:0px;
	}




#copyright {
float:left;
}
#admin {
float:right;
}

.login {
float:left;
width:520px;
color:#CBCBCB;
padding:20px;
}

.admin {
float:left;
width:520px;
color:#333333;
background-color: #CCCCCC;
padding:20px;
}

.viesti {
float:left;
margin-top:272px;
margin-left:54px;
padding:2px;
}

.admintxt {
color: #333333;
}

.galleria {
float:left;
width:520px;
padding:20px;
}

.opiskelijat {
float:left;
width:520px;
padding:20px;
}


.green {
color: #33CC00;
}

.red {
color: #FF3300;
}

.orange {
color: #FF9900;
}

.orange2 {
color: #CC6600;
}

.gray {
color: #333333;
}

#editsign {
float:right;
}

	#editsign a.edit {
	width:48px;
	height:48px;
	background-image:url('../kuvia/edit.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#editsign a.edit:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/edit2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#cancelsign {
float:right;
}

	#cancelsign a.cancel {
	width:48px;
	height:48px;
	background-image:url('../kuvia/cancel1.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#cancelsign a.cancel:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/cancel2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#cancelsign2 {
float:left;
}

	#cancelsign2 a.cancel2 {
	width:48px;
	height:48px;
	background-image:url('../kuvia/cancel1.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#cancelsign2 a.cancel2:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/cancel2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#addsign {
float:right;
}

	#addsign a.add {
	width:48px;
	height:48px;
	background-image:url('../kuvia/add1.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#addsign a.add:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/add2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#cvsign {
}

	#cvsign a.cv {
	width:64px;
	height:64px;
	background-image:url('../kuvia/cv.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#cvsign a.cv:hover {
	width:64px;
	height:64px;
	background-image:url('../kuvia/cv2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
#ohjesign {
}

	#ohjesign a.ohje {
	width:64px;
	height:64px;
	background-image:url('../kuvia/ohje.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#ohjesign a.ohje:hover {
	width:64px;
	height:64px;
	background-image:url('../kuvia/ohje2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#deletesign {
float:right;
}

	#deletesign a.delete {
	width:48px;
	height:48px;
	background-image:url('../kuvia/delete.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#deletesign a.delete:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/delete2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#deletesign5 {
float:left;
}

	#deletesign5 a.delete5 {
	width:48px;
	height:48px;
	background-image:url('../kuvia/delete.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#deletesign5 a.delete5:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/delete2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#deletesign2 {
float:left;
}

	#deletesign2 a.delete2 {
	width:24px;
	height:24px;
	background-image:url('../kuvia/delete3.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#deletesign2 a.delete2:hover {
	width:24px;
	height:24px;
	background-image:url('../kuvia/delete4.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
#donesign {
float:right;
}

	#donesign a.done {
	width:48px;
	height:48px;
	background-image:url('../kuvia/done.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#donesign a.done:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/done2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
#gallerysign {
}

	#gallerysign a.gallery {
	width:48px;
	height:48px;
	background-image:url('../kuvia/gallery.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#gallerysign a.gallery:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/gallery2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#nextsign {
float:right;
}

	#nextsign a.next {
	width:48px;
	height:48px;
	background-image:url('../kuvia/next.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#nextsign a.next:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/next2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
#previoussign {
float:left;
}

	#previoussign a.previous {
	width:48px;
	height:48px;
	background-image:url('../kuvia/previous.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#previoussign a.previous:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/previous2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
#deletesign3 {
float:right;
}

	#deletesign3 a.delete3 {
	width:24px;
	height:24px;
	background-image:url('../kuvia/delete5.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#deletesign3 a.delete3:hover {
	width:24px;
	height:24px;
	background-image:url('../kuvia/delete6.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#deletesign4 {
float:left;
}

	#deletesign4 a.delete4 {
	width:24px;
	height:24px;
	background-image:url('../kuvia/delete5.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#deletesign4 a.delete4:hover {
	width:24px;
	height:24px;
	background-image:url('../kuvia/delete6.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}


#editsign2 {
float:right;
}

	#editsign2 a.edit2 {
	width:24px;
	height:24px;
	background-image:url('../kuvia/edit3.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#editsign2 a.edit2:hover {
	width:24px;
	height:24px;
	background-image:url('../kuvia/edit4.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

#infosign {
float:left;
}

	#infosign a.info {
	width:48px;
	height:48px;
	background-image:url('../kuvia/info.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}
	
	#infosign a.info:hover {
	width:48px;
	height:48px;
	background-image:url('../kuvia/info2.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:left;
	padding:2px;
	}

.sivu {
float:left;
}

.palsta1 {
}

.palsta2 {
margin-left:350px;
}

.left {
float:left;
}

.empty {
	float:left;
	width:48px;
	height:48px;
}