/*****

TEMPLATE

*****/


/* TEMPLATE */


table a:visited, table a:active {color: #ee690b;}


td.stretch_left {
	background-image:url(/pages/mitatehtais/images/png/contentbg.png);
	background-position: left top;
	background-repeat: repeat-y;
}

td.stretch_right {
	background-image: url(/pages/mitatehtais/images/png/contentbg.png);
	background-position: right top;
	background-repeat: repeat-y;
}

div.pixel {
	width: 1px;
	height: 1px;
}

div.frontLeftContentArea {
	overflow: hidden;
	width: 450px;
	float: left;
}

div.frontTop {
	width: 450px;
	height: 295px;

	overflow: hidden;

	float: left;
}

div.pageMinHeight {
	width: 1px;
	height: 400px;
	float: left;
}
div.frontRightContentArea {
	overflow:hidden;
	width: 370px;
	float: left;
}


div.frontcontentarea {
	background-image: url(/pages/mitatehtais/images/1.png); 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	padding: 70px 0 0 145px; 
	overflow:hidden;
	width: 821px;
}


div.fronttextarea {
	margin-top: 22px;
	margin-left: 10px;
	padding: 0; 
	overflow: hidden;
	width: 440px;	
	float: left;
}

div.contenttextarea {
	margin: 30px 0 10px 30px;
	padding: 0; 
	overflow: hidden;
	width: 420px;	
	float: left;
	display: inline;
}

div.main_wrap
{
     width: 966px;
     margin: 0 auto 0 auto;
}

div.contentarea {
	background-image: url(/pages/mitatehtais/images/1.png); 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	padding: 0; 
	line-height: 1.3;
	overflow: hidden;
	float: left;
	width: 450px;
}

div.rightnavi {
	margin: 64px 0 10px 0;
	width: 180px;
	padding: 0; 
	min-height: 400px;
	line-height: 1.3;
	float: left;
}


div.rightnavi a {
	color: #eb690b;
	text-decoration: none;
}

div.rightnavi a:hover {
	color: #eb690b;
	text-decoration: underline;
}

div.latest {
	margin: 20px 0 10px 20px;
	width: 180px;
	padding: 0; 
	line-height: 1.3;
	float: left;
}

div.latest a:hover {
	color: #eb690b;
	text-decoration: underline;
}

div.logot {
	float: left;
	margin: 100px 0 0 440px;
	display:inline; 
}

div.logotetusivu
{
    margin: 40px auto auto 91px;
}

div.yhteys {
	float: left;
	margin: 10px 0 0 459px;
	display:inline; 
	width: 200px;
}

div.yhteys a{
font-size:10px;
}

div.buttonsRight {
	float: left;
	height: 285px;
	width: 370px;
}

div.button_fanita {
	width: 165px;
	height: 110px;
}

img.button_fanita {
	width: 165px;
	height: 110px;
}

div.button_fanita a {
	padding: 0;
	margin: 0;

	background-image: url(../images/buttons.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	
	width: 165px;
	height: 110px;
	display: block;
}

div.button_fanita a:hover {
	background-position: -164px;
}

div.button_osallistu {
	width: 165px;
	height: 110px;
}

img.button_osallistu {
	width: 165px;
	height: 110px;
}

div.button_osallistu a {
	padding: 0;
	margin: 0;

	background-image: url(../images/buttons.png);
	background-position: -334px;
	background-repeat: no-repeat;
	
	width: 165px;
	height: 110px;
	display: block;
}

div.button_osallistu a:hover {
	background-position: -501px;
}


table.feet {
	width: 100%;
	background-image: url(/pages/mitatehtais/images/newshoes.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}


html, body, table.feet {
	height: 100%;
	margin: 0;
	padding: 0;
}


div.feet {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 200px;
	height: 200px;
	background-color: #0F0;
}


.latestlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
        width: 180px;
}
	
.latestlist li {
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
        width: 180px;
        height: 45px;
	
	background-image: none;
}
.latestlist li.title{ height: 17px; margin-bottom: 10px;}


.latestlist h3 {
	font-size: 17px;
	margin: 0;
	color: #eb690b;
}
.latestlist a {
}

div.nostoImg img{width: 45px; height: 45px; float: left; margin-right: 10px;}


div.bgpattern {
	background-image: url(/pages/mitatehtais/images/2.png); 
	background-position: 0 0; 
	background-repeat: repeat-y;
	
}

div.ideaArea {
    padding: 53px 0 0 0;
	margin: 0 0 0 20px;
	width: 605px;
}

#one {
	display:block;
}
	
#two {
	display:none;
	}

#one input.form{
	width: 400px;
	margin-bottom: 10px;}
	
#one textarea {
	width: 400px;
	height: 200px;
	margin-bottom: 10px;}
	
#two input.form {
	width: 180px;
	margin-bottom: 10px;
}
	
#two textarea {
	width: 250px;
	height: 200px;
	margin-bottom: 10px;}
	
#two submit {width: 100px;}	


div.search { margin: 5px 20px 10px 0px; padding: 10px 0px 10px 10px; background-color: #eaeff3; border: 1px; border-color: #CCC; border-style: solid; float: left; clear: both; }
div.ideankuvaus {margin: 0 20px 0px 0; overflow: hidden; height: 47px; overflow:hidden;}	


div.search select  { width: 200px; margin-right: 1px;}
div.search select#paikkakunta { width: 135px; }
div.search select option  {  }
div.ideankuva img{width: 100px; height: 100px; margin-right: 20px; float: left;}	
div.ideantiedot{float: left; width: 365px;}	
div.ideantiedot a{color:#000;}	
div.ideaoikea {float: left; width: 180px;}
div.ideanaika, div.ideanaika a {font-size: 11px; margin: 1px 0 1px 0; padding: 0;}
div.ideanaika, div.ideanaika a, div.ideankuvaus, div.luekoko {width:365px; float:left;}

div.idea {float: left; width: 665px; overflow:hidden; margin: 0 0 40px 0;}
div.idea form button {width: 390px; height: 10px;}
div.ideannimi h2{margin-bottom: 0;}
hr.valiviiva {	color: #CCC;
	border: none;

    width: 585px; height: 1px; margin: 3px 0 10px 0; background-color:#CCC; float: left;}

div.details {width: 665px;}
div.details_text {width: 345px; margin-right: 10px; float: left;}
div.detail_time {font-size: 11px; margin: 0; color:#000;}
div.detail_details {margin-top: 15px;}
div.details_other {width: 280px; float: left; margin: 0; padding: 0;}
div.details_other img {width: 230px; margin: 10px 0 0 0; padding: 0;}
div.detail_users {margin-top: 5px;}

div.mambojambo {width: 365px;}
div.detail_logo {margin-top: 12px; margin-left: 20px; float: left;}
div.detail_logo img{}
div.detail_name {font-size: 16px; margin: 10px 0 0 0; width:345px;}
div.detail_name img {float: left;  margin-top: 5px; margin-left: 1px;}
div.detail_name h2{margin-bottom: 0; font-size: 16px;}
div.detail_fanita {float:left;}

div.breadcrumb_wrap {width: 585px; margin-top: 20px;}
div.breadcrumb {float: left; width: 485px;}
div.naytakaikki {float: right; width: 100px;}
img.tahti {float: left;}

div.ideaotsikko {
	margin: 0 3px 0px 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #eb690b;

	text-decoration: none;
	line-height: 1.3;
	font-weight: bold;
	font-style: normal;
	float: left;
	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;	
}



div.tilaauutiskirje {width:400px; background-color:#eaeff3; height: 45px; border: 1px; border-color:#CCC; border-style:solid; padding: 10px; margin-top: 8px;}
div.tilaauutiskirje input.kentta{float: left; margin-top: 5px; height: 21px; width: 160px;}
div.tilaauutiskirje input.nappi { margin-top: 5px; margin-left: 7px; background-color:#ee690b; color: #FFF;}

#laquo{line-height: 11px; width: 11px; float: left; display: inline;}

div.etsi { width: 565px; float: left; }
div.etsiidea {color: #eb690b; font-size: 13px; font-weight: bold; margin-bottom: 4px;}
div#etsiideahakusanalla { padding: 10px 0 0 0; margin: 0 0 0 0; width: 100px; display: block; float: left; }
div.etsiselect {
	width: auto;
	float: left;
}
div#etsihakusanalla { margin: 10px 0 0 0; display: none; margin-top: 15px; clear: both;  }
input#hakusana { width: 200px;}
div.hakuehdot { height: 30px; padding-top: 7px; }
div.hakuehdot select { }
div.luekoko a{color:#eb690b; margin: 0 0 5px 0;}
div.luekoko a:hover{text-decoration: underline;}

div#paivamaara select { margin-bottom: -3px; display: inline; }

div.palaatakaisin {float: left; width: 250px;}
div#tulosta {}
div#tulosta a{background-image: url("/pages/mitatehtais/images/print.gif"); background-repeat: no-repeat; padding-left: 19px;}

div#pankkilogo {margin: -60px 20px 10px 200px; padding: 10px 0px 10px 10px; background-color:#eaeff3; border: 1px; border-color:#CCC; border-style:solid; width: 280px; display:none; position:absolute; font-variant:small-caps;}

div#yourmove { margin-top: -135px; margin-left: 10px; background-image: url("/pages/mitatehtais/images/yourmovenosto.png"); width: 270px; height: 123px; background-repeat: no-repeat; }
div.sivunumerot { margin-top: 6px; float: left; width: 585px; }
div.numero { margin-right: 8px; width: auto; float: left; text-align: center; }

div.numero a.numero, div.numero a.numero:visited, div.numero a.numero:link { display: block; padding: 6px 6px 6px 6px; background-color: #ececec; }

div.numero a.current, div.numero a.current:visited, div.numero a.current:link { display: block; padding: 6px 6px 6px 6px; background-color: #ececec; color: #000000; text-decoration: none; }

div.banklist img{margin-right: 50px; float: left; margin-top: 3px;}


div.osallistucontent ul{}
div.osallistucontent ul li {list-style:circle;}
div.checkboxit {width: 390px; margin-bottom: 10px; height: 60px;}
#two div.checkboxit input, #two div.checkboxit label { float:left; padding: 0; margin-bottom: 0;}
#two div.checkboxit input {width: 15px;}
#two select#selectkoulu { margin-bottom: 10px; }
#two select#luokkaaste { margin-bottom: 10px; }
#two h2 {margin-bottom: 10px; margin-top: 10px; }

div#osallistucontent {display: block;}

div.kerrokaverille {margin: 20px 20px 10px 0px; padding: 10px 0px 10px 10px; background-color:#eaeff3; border: 1px; border-color:#CCC; border-style:solid; width: 220px;}	
div.kerrokaverille input.nappi { margin-top: 5px; margin-left: 4px; background-color:#ee690b; color: #FFF;}	
div.kerrokaverille input.kentta {width: 130px; margin-top: 5px;}
input.nappi { padding: 0 0.5em 0 0.5em; background-color: #ee690b; color: #FFF; }

div#pankkilogofooter{margin: -147px 0 0 -70px; padding: 10px 0px 10px 10px; background-color:#eaeff3; border: 1px; border-color:#CCC; border-style:solid; width: 280px; display:none; position:absolute; font-variant:small-caps;}

div#first{height: 30px; float: left; margin: auto; width: 470px;}
div#second{ text-align: right; width: 335px; height: 30px; float: right; margin: 12px 10px 0 0;}
/*div#second a{font-size: 13px; color:#999;}*/
div#second a{font-size: 12px;}
div#timon{width: 424px; margin-left: -212px; float:left;}
div#bumba{width: 50%; float:left;}

div.empty{ width: 665px; height: 250px; clear: both; }
div#ideat { clear:both; }
/* UP NAVIGATION */

div.upnavi {
	padding-top: 6px;
	text-align:center;
	width: 100%; 
	background-image: url(/pages/mitatehtais/images/upnavibg.png);
	height: 61px;	
}

div.upnavi a, div.upnavi a:visited, div.upnavi a:link {
	line-height: 1.5;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	color: #eb690b;
/*	height: 67px;*/
	margin: 10px 20px 10px 10px;
}

div.upnavi div#second a, div.upnavi div#second a:visited, div.upnavi div#second a:link {
	line-height: 1.5;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	color: #eb690b;
	margin: 10px 0px 10px 15px;
}


div.contentarea h1 { /*
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 34px;
	color: #eb690b;
	line-height: 1.5;
	*/
}
	
div.frontcontentarea h1 { /*
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 34px;
	color: #eb690b;
	line-height: 1.5;
	*/
}

body
{
     background-image: url(/pages/mitatehtais/images/taustademo.jpg);
     background-position: 0 0;
     background-repeat: repeat;
}