@charset "iso-8859-1";
@import url("reset.css");
@import url("forms.css");
/*------------------------------------------------------
	Copyright: Fitsec Oy 2009
	Author: Mainostoimisto Mieleenpainuva - www.mieleenpainuva.com
--------------------------------------------------------- */
body {
	font: 14px/21px Arial, Helvetica, sans-serif;
	color: #c0ab98;
	background: #d6dfe3 url('../img/body-bg.jpg') 0 0 repeat-x;
	height:100%;
}

#maincontent {
	width: 900px;
	height: auto;
	margin: auto;
}

#header {
	width: 900px;
	height: 189px;
}

#sisaltobox, #sisaltobox-etusivu, #sisaltobox-evileye, #sisaltobox-toiminta, #sisaltobox-yhteys {
	margin: auto;
	width: 900px;
	min-height: 420px;	
}

#sisaltobox { background: url('../img/sisalto-bg.jpg') 0 0 repeat-y;}
#sisaltobox-etusivu { background: url('../img/sisalto-bg-etusivu.jpg') 0 0 no-repeat;}
#sisaltobox-evileye { background: url('../img/sisalto-bg-evileye.jpg') 0 0 no-repeat;}
#sisaltobox-toiminta { background: url('../img/sisalto-bg-toimet.jpg') 0 0 no-repeat;}
#sisaltobox-yhteys { background: url('../img/sisalto-bg-yhteys.jpg') 0 0 no-repeat;}

#footer {
	width: 900px;
	height: 47px;
	margin: auto;
	background: url('../img/footer.jpg') no-repeat;
}

#footer-content {
	padding: 7px 24px 0 195px;
	height: 30px;
}

	#footer li {
		list-style: none;
		float: left;
		height: 25px;
		color: #fff;
		font-size: 0.8em;		
		background: url(../img/navi-jakaja.jpg) top right no-repeat;
		padding: 6px 18px 0 14px;
	}
	
	#footer li.nolist {	
		background: transparent;
	}
	
	#footer li.rigthsize {	
		width: 180px;
	}

	#footer .copy {
		padding-left: 80px;
	}
	
#pagedesign {
	display: none;
}


/*	Pää Boxit
------------------------------------------------------------------------ */

#vaakabox {
	float: left;
	width: 610px;
	margin: 15px 10px 50px 10px;
}

#vaakabox2 {
	float: left;
	width: 810px;
	margin: 0 10px 35px 10px;
}

#leftbox {
	float: left;
	width: 360px;
	margin-bottom: 30px;
}

#leftbox-levee {
	float: left;
	min-height: 410px;
	width: 480px;
	margin-bottom: 30px;
}

#leftbox-kapea {
	float: left;
	min-height: 410px;
	width: 224px;
	margin-bottom: 30px;
}

#leftbox li {
	list-style: none;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 16px;
	color: #333333;
	padding-left: 30px;
	margin-bottom: 8px;
	background: url('../img/list-bg.gif') 10px 3px no-repeat;
}

#centerbox {
	float: left;
	width: 260px;
	margin-bottom: 30px;
}

#rightbox {
	float: left;
	width: 464px;
	margin-bottom: 30px;
}

#rightbox-med {
	float: left;
	width: 434px;
	margin-bottom: 30px;
}

#rightbox-kapea {
	float: left;
	width: 300px;
	margin-bottom: 30px;
}

#palsta-one {float: left; width: 240px;}
#palsta-two {float: left; width: 240px;}
#palsta-three {float: left; width: 240px;}

.oikeamargin { margin-right: 44px;}


/*	Lisä Boxit
----------------------------------------------------------------------- */

#kuvaboxi {
	float: left;
	height: 290px;
	width: 416px;
	background: url('../img/kuvaboxi.png') no-repeat;
	padding: 17px 20px;
}

#kuvaboxi-pysty {
	float: left;
	height: 416px;
	width: 290px;
	background: url('../img/kuvaboxi-pysty.jpg') no-repeat;
	padding: 19px 17px;
}

#kuvaboxi-pieni {
	float: left;
	height: 220px;
	width: 327px;
	background: url('../img/kuvaboxi-pieni.jpg') no-repeat;
	padding: 17px 20px;
	margin: 25px 0 10px 0;
}

#kuvaboxi img, #kuvaboxi-pysty img, #kuvaboxi-pieni img {
	border: 1px solid #e1e1e1;
}

#ajankohtaista {
	float: left;
	width: 404px;
	background: #e3e3e4;
	background: #e3e3e4 url('../img/ajankohtaista-header.jpg') top left no-repeat;
	margin: 10px 18px 2px 10px;
	padding: 15px 15px 10px 15px;
}

#ajankohtaista-kapea {
	float: left;
	width: 265px;
	background: #e3e3e4;
	background: #e3e3e4 url('../img/ajankohtaista-header.jpg') top left no-repeat;
	margin: 10px 18px 2px 10px;
	padding: 15px 15px 10px 15px;
}

#lomakebox {
	width: 375px;
	padding: 30px;
	background: #e3e3e4;
	margin: 10px 0 0 10px;
}

#esite {
	float: left;
	height: 35px;
	width: 200px;
	margin: 20px 0 5px 5px;
}

.esitenappi {
	display: block;
	clear: both;
	height: 35px;
	width: 200px;
	background: url('../img/lataa-esite.jpg') no-repeat;
	background-position: top;
}


.esitenappi:hover {
	background-position: bottom;
}


/*	Logo slogan ja kielivalinnat
------------------------------------------------------------------------ */

#logo {
	float: left;
	height: 50px;
	width: 220px;
	margin: 48px 0 0 28px;
}

#slogan {
	float: left;
	height: 112px;
	width: 420px;
	margin: 12px 0 16px 40px;
	background: url('../img/slogan.jpg') 0 0 no-repeat;
}

#kieli {
	float: left;
	height: 100px;
	width: 100px;
	margin: 42px 0 0 50px;
}

.kieli-suomi {
	display: block;
	clear: both;
	height: 25px;
	width: 100px;
	background: url('../img/kieli-suomeksi.jpg') no-repeat;
	background-position: bottom;
	margin-bottom: 4px;
}


.kieli-suomi:hover {
	background-position: top;
}

.kieli-englanti {
	display: block;
	clear: both;
	height: 25px;
	width: 100px;
	background: url('../img/kieli-english.jpg') no-repeat;
	background-position: bottom;
}

.kieli-englanti:hover {
	background-position: top;
}


/*	Navigaatio
------------------------------------------------------------------------ */

#navi {
	float: left;
	width: 900px;
	height: 47px;
	padding: 3px 0 0 20px;
	background: url('../img/navi-bg.jpg') 0 0 no-repeat;
}

		.navimenu {
			clear: both;
			text-align: center;
			position: relative;
			height: 44px;
			width: 900px;
			list-style: none;
			text-align: center;
		}

		.navimenu li{
			float:left;
			margin-right: 10px;
		}
		
		.navimenu li a{
			float: left;
			display: block;
			color: #fff;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
			padding: 0 0 0 19px;
			height: 44px;
			line-height: 44px;
			cursor: pointer;
			background: url(../img/navi-jakaja.jpg) left 1px no-repeat;
		}
		
		.navimenu li a b{
			float: left;
			display: block;
			padding: 0 25px 0 8px; /*Padding of menu items*/
		}
		
		.navimenu li a.current{
			color: #333;
			background: url(../img/tabs-left.jpg) no-repeat;
		}
		
		.navimenu li a.current b{
			text-decoration: none;
			background: url(../img/tabs-rigth.jpg) no-repeat right top;
		}
		
		.navimenu li a.current:hover{
			text-decoration: none;
		}	
				
		.navimenu li a.back:hover{
			text-decoration: none;
			color: #fff;
			background: url(../img/tabs-left.jpg) no-repeat left bottom; 
		}
				
		.navimenu li a.back:hover b{
			color: #fff;
			background: url(../img/tabs-rigth.jpg) no-repeat right bottom;
		}


/*	yleiset muotoilut
------------------------------------------------------------------------ */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #252525;
	padding-left: 6px;
	line-height: 18px;
	margin-bottom: 8px;
}

a {
	font-size: 1em;
	font-weight: bold;
	color: #19a2ec;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #6dc4f3;
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: "Myriad Pro";
	font-weight: bold;
}

h1 {
	display: block;
	color: #fff;
	font-size: 1.4em;
	padding: 6px 0 10px 8px;
	margin-bottom: 5px;
	background: url('../img/hoo-one2.jpg') no-repeat;
}

h2 {
	font-size: 1.3em;
	color: #3e9ec5;
	margin: 18px 0 8px 0;
	padding-left: 5px;
	border-bottom: solid 2px #98c7db;
}

h3 {
	font-size: 1.2em;
	color: #3e9ec5;
	margin: 0 0 6px 0;
	padding-left: 4px;
	border-bottom: solid 2px #98c7db;
}


/*	Uutisboxin tyylittelyt
------------------------------------------------------------------------ */

.uutinen {
	padding: 7px;
	background: #EFEFEF;
	margin: 0;
	border: dashed 1px #CCC;
}

.lisamaare {
	text-align: right;
	font-size: 0.8em;
	color: #666;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom: 5px;
	border-top: dashed 1px #CCC;
}

.uutisen-jakaja {
	margin: 6px 0;	
}


/*	Tekstin lisätyylittelyt
------------------------------------------------------------------------ */

.ingressi {
	color: #000;
	font-size: 1.1em;
	line-height: 20px;
	margin: 2px 0 0 0;
	padding-left: 10px;
}

.snallerhoo { font-size: 1.3em; }
.snallerhoo2 { font-size: 1.2em; }

.biggerfont { font-size: 1em;}


/*	Yhteystietojen tyylittelyt
------------------------------------------------------------------------ */

.nimi {
	font-weight: bold;
	font-size: 1.1em;
	color: #3e9ec5;
	margin: 5px 0 0 0;
	padding-left: 5px;
}

.lisamaare {
	text-align: right;
	font-size: 0.8em;
	color: #666;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom: 5px;
	border-top: dashed 1px #fff;
}

.uutisen-jakaja {
	margin: 6px 0;	
}

.lomakeotsikko {
	font-size: 1.0em;
	color: #666;
	font-weight: bold;
	padding: 0 5px 5px 5px;
	margin: 0 0 35px 0;
	border-bottom: dashed 1px #CCC;	
}

.yhteyslinkki {
	font-size: 1.2em;
	padding-bottom: 4px;
	border-bottom: dashed 1px #CCC;
}


/*	Lomaketta koskevat tyylittelyt
------------------------------------------------------------------------ */

td {
	padding-left: 15px;
}

td h2 {
	padding: 0 5px;
}

.FormSubmit {
	width: 160px;
	padding-top: 25px;
	margin: auto;
}

#laheta {
	padding: 5px;
}


/*	yleiset classit
------------------------------------------------------------------------ */

.clear { clear:both; height:0; line-height:0px; }
.vasenpaddi { padding: 32px 0 0 25px;}
.vasenpaddi2 { padding-left: 30px; padding-top: 5px;}
.vasenpaddi3 { padding-left: 20px; padding-top: 193px;}
.vasenpaddi4 { padding-left: 35px; padding-top: 200px;}
.vasenpaddi-isompi { padding: 22px 0 0 30px;}
.oikeapaddimpi { padding: 14px 30px 0 35px;}
.alapaddi { padding-bottom: 30px;}
.alapaddi-small { padding-bottom: 10px;}
.ajankohtainenpaddi { padding: 310px 0 0 30px;}
.ylapaddi-10 { padding-top: 10px;}
.ylapaddi-20 { padding-top: 20px;}
.ylapaddi-25 { padding-top: 25px;}
.paddi10 { padding: 10px 4px;}
.paddi40 { padding: 40px;}
.nomargin { margin: 0;}
.nomargin-top { margin-top: 0;}