/*As Oy Haukkalinna  tyylit*/



/** globaali **/
body {
	margin:10px auto;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	color:#003;
	background:#efefef url('images/body-bg.gif');
	font-size: 12px;
}
* {
	margin:0;
	padding:0;
}


/** element defaults  **/

table {
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
}


th, td {
	padding:5px 10px;    
}
th {
	color:#D9007E;
	border-top:3px solid #1A668E;
	background-color:#2284B8;
}
td {
	border-bottom:1px solid #f4f4f4;
}

.th15{ width: 15%;}
.th17{ width: 17%;}
.th23{ width: 23%;}
.th28{ width: 28%;}

table.yhtio{   
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
}

.thsini{
	color:#004F76;
	font-weight: bold;

}

.trsini {  
	background-color:#ECEFF1;

}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#003;
	line-height:1.6em;
	margin-bottom:14px;
}
.oran {
	color: #d9007e;
	/*aiemmin osanssi, muutetti olemaan punainen */
}

.puna {
	color: #C00;
	font-weight: bold;
}

.lue{
	color: #004669;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-position: right;
	padding-left: 120px;
}

a {
	color:#2584BA;
}
a:hover {
	color:#60A6CD;
}
a:focus {
	outline:none;
}

h1 {
	font-size:24px;
	color: #00334D;
}
h2 {
	color:#003C5B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0 0 5px;
	margin:0;
}
h3 {
	color:#004669;
	font-size:18px;
	padding-bottom:10px;
}
h4 {
	padding-bottom:10px;
	font-size:14px;
	color:#004F76;
}



ul, ol {
	margin:-6px 0 10px 35px;
}
li {
	padding-bottom:2px;
	line-height: 1.5em;
}

/** wrapper **/
div#wrapper {
	width:920px;
	margin:0px auto;
	padding:0;
}
/** sitename **/

#header {
	height: 150px;
	width:920px;
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	background-position: left;
}

/*div#header h1 {
	color:#00334D;
	font-size:36px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0;
	padding:0 0 15px;
}*/


#talooikea { 
	height: 150px;	
	background-repeat: no-repeat;
	float: right;
 }

#talovasen { 
	height: 150px;	
	background-repeat: no-repeat;
	float: left;
 }



/** nav **/
#nav {
	background:#001b2b url('images/nav-bg.jpg') repeat-x scroll top left;
	min-width: 82px;
	height:40px;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	min-width: 82px;
	float:left;
}
#nav ul li {
	float:left;
	padding-bottom:0;
	min-width: 82px;	
	display:block;
}
#nav ul li a,
#nav ul li a:visited,
#nav ul li a:active,
#nav ul li a:link {
	color:#FFF;
	display:block;
	float:left;
	min-width: 82px;
	text-decoration:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	text-transform: uppercase;
}
#nav ul li.active a {
	min-width: 82px;
	background:transparent url('images/item-right.png') no-repeat scroll top right;
	margin-top:-6px;	
}

#nav ul li.active a span,
#nav ul li.avtive a:visited span,
#nav ul li.active a:hover span,
#nav ul li.active a:active span,
#nav ul li.active a:link span {
	background:transparent url('images/item-left.png') no-repeat scroll top left;
	border:none;
	min-width:82px;
	padding:20px 15px 10px;
	color: #fff;
}

#nav ul li a span {
	padding:12px 15px 8px;
	border-right:1px solid #1F4A61;
	border-left:1px solid #09232F;
	display:block;
	float:left;
	background:transparent none;
	min-width: 82px;
}
#nav ul li a:hover span {
	min-width: 82px;
	background:transparent url('images/nav-bg-hover.jpg') repeat-x scroll top left;
} 
/** slogan **/
div#slogan {
	padding:10px 20px;
	height: 60px;
	margin:0 auto;
	background-color: #2584BA;
	background-image: url('images/slogan.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}

#slogan h1 {
	padding-bottom:10px;
	padding-top: 20px;
	padding-left: 6px;
	font-size:14px;
	color:#004F76;
	text-transform: uppercase;
	vertical-align: bottom;
}


/** body **/
div#sisalto{
	padding:10px 10px;
	background:#fff url('images/content-bg.jpg') repeat-x scroll top left;
	font-family: Verdana, Geneva, sans-serif;
}

#muru p{
	color:#3A639D;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin:0;
	padding:10px;
	text-transform: uppercase;
}

/** content+sidebar styles **/
div#content {
	width:635px;
	min-height: 400px;
	
}
div.column-left {
	float:left;
	margin-right:20px;
}
div.column-right {
	float:right;
	padding-bottom: 26px;
}
div#sidebar {
	width:230px;
}
div#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#sidebar li ul {
	border-top:1px solid #ddd;
	margin-bottom:20px;
}
div#sidebar li ul li {
	display:block;
	padding:4px 15px;
	border-bottom:1px solid #ddd;
	color:#777;
}
div#sidebar li ul li a {
	color:#2584BA;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}
div#sidebar li ul li a:hover {
	color:#60A6CD;
	text-decoration:underline;
}
div#sidebar h4 {
	color:#004F76;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:7px 10px;
}

div#sidebar p {
	color:#004F76;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin:0;
	padding:7px 10px;
}



div#sidebox {
	padding: 4px;
	clear: both;
	border: 2px solid #ba005d;
	margin-bottom: 10px;
	background-color: #EAF3F8;
	height: auto;
}



div#sidebox p{
	padding: 6px;
	font-weight: normal;
	color:#003;
	line-height: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
}

div#sidebox h5{
	padding: 6px;
	font-weight:bold;
	text-transform:uppercase;
	color:#003C5B;
	line-height: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
}

h5 {
	padding-bottom:10px;
	font-size:13px;
	color:#ba005d;
	text-transform:uppercase;
}



/**  valokuvia ***/


.kuvaright {
	background: #FAFAFA;
	border: 1px solid #D9E0F0;
	padding: 5px;	
	margin: 5px 0px 10px 10px; 
	float:right; 
}

.kuvaleft {
	background: #FAFAFA;
	border: 1px solid #D9E0F0;
	padding: 5px;	
	margin: 5px 20px 10px 0px;
	float:left;     
}

/** tiedote pop up ikkuna **/

.pop {
	background-color: #e0d9ce;
	vertical-align: middle;
	padding: 20px;
	border: 5 pc;
	border-color:#ee9900;

}




/** footer **/
div#footer {
	background-image:url(images/footer.png);
	background-repeat:repeat-x;
	height:70px;
}


div#footer p {
	color:#fff;
	font-size:11px;
	padding: 20px;
	text-decoration: none;
}

.footleft {
	float:left;
	width:230px;
	clear: none;
}

.footright {
	float:right;
	width:635px;
	text-align:right;
}

div#footer p.left { float:left; }
div#footer p.right { float:right; text-align:right; }


div#footer p a {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
div#footer p a:hover {
	background-color:#2584BA;
	text-decoration:none;
}


/** clear fix **/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearboth {
	clear: both;	
	} 

.clear {
	display: inline-block;
}
.clear {
	display: block;
}


div#kirjautum { 
	float: right;
	width: 200px;
	padding: 6px;
 }


form{
	font-family : Verdana, Geneva, sans-serif;
	font-size: 12px;
}

input:focus, textarea:focus{
	background-color:#D9EFFF;

 }

.label {
	float: left;
	width: 60px;
	padding: 4px;
	font-size: 14px;
}

input, textarea {
	font-family : Verdana, Geneva, sans-serif;
	font-size: 12px;
}

input{  
	height: 18px;
}


.kentta {
	width: 60px;
	padding: 4px;
	font-size: 10px;
}

.sisaanbutton {
	padding: 6px;
	font-size: 12px;
	height: 30px;
}

.sisaankentta{
	height: 20px;
	width: 80px;

}



.button {  
	float: right;
	height: 24px;
	font-size: 12px;
}

.nappi{
	background-color:#c5dfed;
	height: 24px;
	border: thin inset #03C;
}

.lomake table {
	font-size: 11px;
}

.lomake td {
	border:hidden;
}