/* ----- PERUSSTAILIT ------------------------------------------------------------------------------------------------- */

body { 
	background-color:#000000;
	margin: 0px;
	padding:0px;
	} 

a:link { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	}

a:visited { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
    line-height: 25px;
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	}

a:hover { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal; 
	text-decoration:  none; 
	color: #DDC0AC;
	}
	
a:active { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
    line-height: 25px;
	font-weight: normal; 
	text-decoration:  none; 
	color: #BF9B81;
	}
	
#vasen .akt a {
		font-family:  "Trebuchet MS", sans-serif;
		font-size: 12px;
		line-height: 25px;
		font-weight: normal; 
		text-decoration: none; 
		color: #BF9B81;
	}	
#vasen .akt a:hover { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal; 
	text-decoration:  none; 
	color: #DDC0AC;
	}
#vasen .pienitxt a {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 25px;
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	}
	#vasen .pienitxt a:hover {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 25px;
	font-weight: normal; 
	text-decoration: none; 
	color: #DDC0AC;
	}

/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */

#wrap_alasivu {
	position:absolute;
	top: 48%;
	left: 50%;
	width:800px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-image: url(img/as_pic.jpg);
	background-repeat: no-repeat;
}

#wrap_etusivu{
	position:absolute;
	top: 48%;
	left: 50%;
	width:800px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-color: #000000;
	padding:0px;
	background-image:url(img/es_pic.jpg);
	background-repeat: no-repeat;
}
#wrap_etusivu_sv{
	position:absolute;
	top: 48%;
	left: 50%;
	width:800px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-color: #000000;
	padding:0px;
	background-image:url(img/es_pic_se.jpg);
	background-repeat: no-repeat;
}
#wrap_alasivu_sv {
	position:absolute;
	top: 48%;
	left: 50%;
	width:800px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-image: url(img/es_pic_se.jpg);
	background-repeat: no-repeat;
}
#wrap_lomake{
	position:absolute;
	top: 48%;
	left: 50%;
	width:800px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-color: #ffffff;
	padding:0px;
}
#vasen {
	width:374px;
	height:524px;
	float:left;
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:37px;
	margin-left:37px;
	margin-top:17px;
}

* html #vasen {margin-left:20px;}

	#vasen h1 {
		font-family:  "Trebuchet MS", sans-serif;
		font-size: 12px;
		color: #DDC0AC;
		font-weight:normal;
		margin-bottom:0px;
		margin-top:0px;
	}

	
#oikea {
	width:307px;
	height:490px;
	float:right;
	background-color: #FFFFFF;
	margin-top:37px;
	margin-bottom:37px;	
	margin-right:37px;
	color:#474143;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding:20px 20px 20px 20px;
	
}
#oikea_palaute {
	width:319px;
	height:520px;
	float:right;
	background-color: #FFFFFF;
	margin-top:37px;
	margin-bottom:37px;	
	margin-right:37px;
	color:#474143;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	padding:20px 20px 20px 20px;
	
}
#vasen_palaute {
	width:327px;
	height:520px;
	float:left;
	background-color: #FFFFFF;
	margin-top:37px;
	margin-bottom:37px;	
	margin-left:37px;
	color:#474143;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	padding:20px 20px 20px 20px;
	
}
* html #oikea {margin-right:20px;}

	#oikea h1, #oikea_palaute h1, #vasen_palaute h1 {
		font-family: "Trebuchet MS", sans-serif;
		font-size: 14px;
		color: #000000;
		font-weight:bold;
		margin-bottom:2px;
		margin-top:2px;
		margin-left:0px;
	}
	#oikea .pienitxt {
		font-family: "Trebuchet MS", sans-serif;
		color:#474143;
		font-size: 10px;
		line-height: 15px;
		font-weight: normal;
	}

#oikea_etusivu {
	width:247px;
	height:520px;
	float:right;
	margin-bottom:37px;
	margin-left:37px;
	margin-top:37px;
	margin-right:20px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;  
	color: #ffffff;
}

* html #oikea_etusivu {margin-right:20px;}

	
		#oikea a {
		font-family:  "Trebuchet MS", sans-serif;
		font-size: 12px;
		line-height: 15px;
		color: #474143;
		text-decoration:none;
	}	
	#oikea a:hover { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-decoration:  none; 
	color: #000000;
	}
		#oikea_etusivu a {
		font-family:  "Trebuchet MS", sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		text-decoration:none;
	}
	#oikea_etusivu a:hover { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	text-decoration:  none; 
	color: #DDC0AC;
	}
.palautelomake {
    border: 1px solid #006;
	background-color:#FFFFFF;
}
.nappi {
    border: 1px solid #006;
	cursor:pointer;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }