a:link, a:hover, a:active, a:visited
{
	outline: 0;
}

a.linkki:link, a.linkki:visited
{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#ACDF82;
	font-weight: bold;
}

a.linkki:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:white;
	font-weight: bold;
}

div.navi
{
	position: relative;
	margin-top: 235px;
}

span.logolinkki
{
	position: absolute;
	margin-left: -290px;
	margin-top: 35px;
}

.leipateksti
{
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	color: white;
}

#kuvadiv
{
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: black;
	display: inline;
	position: relative;
	bottom: 3px; 
}

.otsikko
{
	font-family: arial;
	font-size: 19px;
	font-weight: bold;
	color: white;
}

.tekstikentta
{
	height: auto; 
	padding-left: 37px;
}

img { behavior: url(iepngfix.htc); }

/* FLOATING DRAG & DROP GALLERY */
	form{
		display:inline;
	}
	.imageBox,.imageBoxHighlighted {
		width:300px; /* Total width of each image box */
		height:290px; /* Total height of each image box */
		float:left;
		margin-top:15px;
	}
	.imageBox_theImage {
		width:250px;	/* Width of image */
		height:250px;	/* Height of image */
		
		/* 
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;		
		margin: 0 auto;
		margin-bottom:2px;
	}
	
	.imageBox .imageBox_theImage {
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage {
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span {	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}
	
	.imageBox_label {	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;		
		padding-top:2px;
		margin: 0 auto;
	}
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#insertionMarker{
		height:50px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:125px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
	
	}
		
	#insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/* 
		No need to change these three values 
		*/
		position:absolute;
		z-index:10;
		display:none;
			
	}
	/* FLOATING DRAG&DROP	loppuu */