/*LIGHTBOX*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

/* YLEISET */

* {
  border: none;
}

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-serif;
	color: #2d3032;
	background-color: #212325;
	background-image: url("images/background.jpg");
	font-size: 15px;
	line-height: 125%;
}

img{
	border: 0;
}

a{
	color: #48779f;
}

a:hover{
	color: #7fb5e2;
}

p{
	margin: 10px 0;
}

h1,h2,h3,h4,h5{
	margin: 15px 0;
	padding: 0;
	font-weight: bold;
}

#content_white h1,#content_white h2,#content_white h3,#content_white h4,#content_white h5{
	margin: 25px 0 15px 0;
}

#content_blue h1,#content_blue h2,#content_blue h3,#content_blue h4,#content_blue h5{
	margin: 0 0 10px 0;
}

h1{
	font-size: 26px;
}

h2{
	font-size: 22px;
}

h3{	
	padding: 5px; 
	border-bottom: 1px solid #d8dbdd; 
	background-color: #e0f0fa;
	font-weight: bold;
}

h4{
	font-size: 16px;
}

h5{
	font-size: 14px;
}

hr{
	background-color: #cccccc;
	padding-top: 1px;
	padding-bottom: 0px;
	margin: 25px 0;
}

#header{
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;
	min-width: 570px;
}

#header_bottom{
	background-color: #e0f0fa; 
	height: 30px; 
	clear: both;
	border-left: 1px solid #7fb5e2;
	border-right: 1px solid #7fb5e2;
}

#header_loginrow{
	padding: 3px;
	background-color: #2d3032;
	border-bottom: solid 1px #666666;
}

#header_loginbox{
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;
	min-width: 570px;
	line-height: 20px;
	font-size: 14px;
	color: #d8dbdd;
	text-align: center;
}

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

#header_loginbox a:hover{
	color: #d8dbdd;
}

.login_user, .login_pass{
	font-size: 12px;
	width: 80px;
	height: 15px;
	color: #2d3032;
	border: 1px solid #f4f7f8;
	background-color: #ffffff;
	background-repeat:no-repeat;
	padding-left: 20px;
}

.login_user:focus, .login_pass:focus{
	border: 1px solid #7fb5e2;
}

.login_user{
	background-image: url(icons/user.png);
}

.login_pass{
	background-image: url(icons/key.png);
}

#whiteback{
	background-color: #fff;
}

#content_head{
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;	
	min-width: 570px;
}

#header_logo{
	float: left;
	margin-top: 35px;
}

#navigation{
	float: right;
	margin: 75px 15px 0 0;
}

#navigation a {
	color: #d8dbdd;
	text-decoration: none;
	font-size: 16px;
	padding: 16px 12px 16px 12px;
	font-weight: bold;
}

#navigation a:hover {
	color: #fff;
	position: relative;
	top: 3px;
}
#navigation ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #fff;
}

#navigation ul li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#navigation .naviopen, #navigation .naviopen:hover {
	position: relative;
	top: 5px;
	margin-top: 10px;
	padding-top: 11px;
	padding-bottom: 11px;
	color: #2d3032;
	background-color: #e0f0fa;
}

.subnavi{
	margin: 0;
}

.subnavi li{
	padding: 5px;
	margin: 0 0 0 10px;
}

#content_blue{
	clear: both;
	background-color: #e0f0fa;
	border-left: 1px solid #7fb5e2;
	border-right: 1px solid #7fb5e2;
	border-bottom: 1px solid #7fb5e2;
	padding: 0 15px 15px 15px;
	min-height: 60px;
}

#content_white{
	padding: 10px 0 30px 0;
}

#footer{
	color: #888888;
	background-color: #2d3032;
	border-top: 1px solid #212325;
}

#footer_content{
	padding: 10px 0 10px 0;
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;
	min-width: 570px;
}


#footer_content a{
	color: #888888;
}

#footer_content a:hover{
	color: #777777;
}

#copyright{
	border-top: solid 2px #666;
	color: #666;
}

#copyright_content{
	padding: 15px 0 15px 0;
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;
	min-width: 570px;
}

.text_small{
	font-size: 12px;
	font-weight: normal;
}

.bluemainos{
	font-weight: bold;
	text-align: center;
	padding: 10px 0 25px 0;
}

.bluemainos a{
	color: #2d3032;
}

.bluemainos a:hover{
	color: #48779f;
}

#savebox{
	position: fixed;
	top: 20px;
	left: 20px;
	width: 300px;
	text-align: center;
	font-weight: bold;
	background-color: #e1fae0;
	border: 1px solid #bce27f;
	padding: 25px;
}

/*ERROR*/
#errorbox{
	margin: 30px auto;
	padding: 10px;
	width: 500px;
	border: 5px solid #e27f7f;
	background-color: #fff;
}
#errorbox h1{	
	text-align: center;
	color: #e27f7f;
}

.errorback{
	text-align: center;
	font-weight: bold;
	margin: 20px;
}

.red_info{
	color: #212325;
	border: 1px solid #e27f7f;
	background-color: #fae0e0;
	padding: 10px;
}

/* INFOTEKSTI */

.infotext{
	margin: 20px auto;
	width: 500px;
	line-height: 22px;
	background-image: url(images/infotext_background.gif);
	padding: 0 40px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;	
	border-left: 1px solid #ecf583;
	border-right: 1px solid #ecf583;
}

.infotext a{
	color: #2d3032;
}

.infotext a:hover{
	color: #666666;
}

/*LOMAKKEET*/

form{
	margin: 0;
	display: inline;
}

label{
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 170px;
}

input, textarea, select{
	background: #f4f7f8;
	border: 2px solid #d8dbdd;	
}

textarea:focus, input:focus, select:focus {
	border: 2px solid #7fb5e2;
}

.checkbox{
	float: none;
	text-align: left;
}

.submit{
padding: 5px 20px;
color: #fff;
background: #48779f;
border: 1px outset #2d3032;
}

.submit:hover{
background: #71a222;
}

.formrow{
	margin: 15px 0;
}

/* SIVUN PUOLITUS*/

.col_50{
	float: left; 
	width: 50%;
	margin: 0;
	padding: 0;
}

.col_75{
	float: left; 
	width: 75%;
	margin: 0;
	padding: 0;
}

.col_25{ 
	float: left; 
	width: 25%;
	margin: 0;
	padding: 0;
}

.col_33{ 
	float: left; 
	width: 33%;
	margin: 0;
	padding: 0;
}

/* NAPIT */

.button_big{
	display: block;
	width: 359px;
	line-height: 77px;
	background-image: url("images/button_big_blue.gif");
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	text-decoration: none;
}

.button_big:hover{
	background-image: url("images/button_big_green.gif");
	color: #f4f7f8;
}

.button_small{
	display: block;
	width: 202px;
	line-height: 52px;
	background-image: url("images/button_small_blue.gif");
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
}

.button_small:hover{
	background-image: url("images/button_small_green.gif");
	color: #f4f7f8;
}

/* SIVUTUS */

.sivuoff, .sivuon, .sivuotsikko, .sivuvali{
	width: 25px;
	line-height: 25px;
	border: 1px solid #48779f;
	margin: 3px 3px 3px 0;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	background-color: #e0f0fa;
	display: block;
	float: left;
	text-align: center;
}

.sivuon{
	background-color: #48779f;
	color: #ffffff;
}

.sivuvali{
	background-color: #ffffff;
	font-weight: normal;
}

.sivuotsikko{
	background-color: #ffffff;
	width: 50px;
	font-weight: normal;
}




/*KESKUSTELU*/

.keskustelu_viestirivi{
	border-bottom: 1px solid #d8dbdd;
}

.keskustelu_kirjoittaja{
	float: left;
	width: 150px;
	padding: 20px 10px;
	font-size: 12px;
}

.keskustelu_viesti{
	margin-left: 170px;
	padding: 20px 10px;
}

.keskustelu_lainaus{
	padding: 5px 40px;
	font-size: 12px;
	color: #666;
}

.keskustelu_allekirjoitus{
	clear: both;
	font-size: 12px;
	margin-left: 180px;
	margin-right: 10px;
	padding: 10px;
	background-color: #e0f0fa;
	text-align: center;
}

.keskustelu_footer{
	clear: both;
	font-size: 12px;
	margin-left: 170px;
	padding: 10px;
	color: #666;
}

/*YRITYSKORTIT*/

.yk-lista{
	padding: 15px 0;
	border-bottom: 1px solid #d8dbdd;
}

/*HAKU*/
.hakuodotus{
	margin: 50px auto 0 auto;
	padding: 15px;
	border: #d8dbdd solid 10px; 
	background-color: #fff;
	width: 300px;
	text-align: center;
}

/*HUUTOKAUPPA*/
.textrow{
	margin: 10px 0;
}

/* UKK */
.ukk_kysvas{	
	margin: 15px 0;
}

.ukk_vastaus{	
	margin: 5px 0;
	padding: 5px;
	border: #d8dbdd solid 1px; 
	background-color: #f4f7f8;
}


.textrow label{	
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 140px;
}

#huutolaatikko{
	margin: 15px 0;
	padding: 15px;
	border: #bce27f solid 1px; 
	background-color: #e1fae0;	
}

/* TARJOUKSET */

.tajousohje{
	padding: 15px;
	border: #bce27f solid 1px; 
	background-color: #e1fae0;
	text-align: center;
}