* {
	margin: 0;
	}

html, body {
	height: 100%;
	margin:0;
	padding:0;
	font-family:Trebuchet, Arial, sans-serif;
	font-size:12px;
	}
		
#maincontainer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -808px;
	}
	
#container-holder {
	width:100%;
	height:591px;
	text-align:center;
	}

#container{
	width:948px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	}
		
.content-top {
	height:58px;
	}

#content-left { 
	height:530px;
	width:288px;
	float:left;
	text-align:left;
	}

#content-right {
	height:510px;
	width:660px;
	float:right;
	}

/*------Kamppisivun omat tyylit-------*/

#topbanner {
	text-align:left;
	margin:20px 0 0 0;
	}

#content-left-kamppis { 
	height:300px;
	width:536px;
	float:left;
	text-align:left;
	margin:20px 21px 0 0;
	font-family:Verdana, Arial, sans-serif;
	}
	
#content-right-kamppis {
	height:300px;
	width:287px;
	float:left;
	text-align:left;
	margin:20px 0 0 0;
	font-family:Verdana, Arial, sans-serif;
	}

#otsikko1 { height:44px; background-image:url(img/btn_teesi1.gif); margin-bottom:5px; outline: none; }
#otsikko1.ui-state-active { background-image:url(img/btn_teesi1_mo.gif); }

#otsikko2 { height:44px; background-image:url(img/btn_teesi2.gif); margin-bottom:5px; outline: none; }
#otsikko2.ui-state-active { background-image:url(img/btn_teesi2_mo.gif); }

#otsikko3 { height:44px; background-image:url(img/btn_teesi3.gif); margin-bottom:5px; outline: none; }
#otsikko3.ui-state-active { background-image:url(img/btn_teesi3_mo.gif); }

#otsikko4 { height:44px; background-image:url(img/btn_teesi4.gif); margin-bottom:5px; outline: none; }
#otsikko4.ui-state-active { background-image:url(img/btn_teesi4_mo.gif); }

#otsikko5 { height:44px; background-image:url(img/btn_teesi5.gif); margin-bottom:5px; outline: none; }
#otsikko5.ui-state-active { background-image:url(img/btn_teesi5_mo.gif); }

#teesicontent.ui-accordion-content-active {
	overflow: auto;
	padding:10px 5px 5px 15px;
	}
	
	form#campaing-form .form-field {
		font-family:Verdana, Arial, sans-serif;
		font-size:12px;
		padding:5px;
		margin-bottom:5px;
		margin-top: 0;
		width:271px;
		overflow:auto;
	}
	
	form#campaing-form input.error, form#campaing-form textarea.error {
		background: #ffb6bb;
		border: 1px solid #fb717b;
	}

.rekkari { font-size:10px; color:#ee5e00; float:right; margin-top:-15px;}

/*------End Kamppisivun omat tyylit-------*/


/*------Yhteyssivun omat tyylit-------*/

#content-left-yhteys { 
	height:350px;
	width:288px;
	float:left;
	text-align:left;
	}
	
#content-middle-yhteys { 
	height:300px;
	width:310px;
	float:left;
	text-align:left;
	margin:25px 21px 0 0;
	}
	
#content-right-yhteys {
	height:500px;
	width:630px;
	float:right;
	text-align:left;
	margin:49px 0 0 0;
	}

.yhteystiedot {
	margin-bottom:20px;
	}

#osoite {
	float:left;
	margin-top:28px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	}

#osoite p {
	margin-top: 15px;
	}

#yhteyspuh {
	float:left;
	margin:28px 0 0 80px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	}

#yhteyspuh p {
	margin-top: 15px;
	}

/*------End Yhteyssivun omat tyylit-------*/


.laheta {
	margin-top: 8px;
	}

#tyotkatso {
	width:530px;
	text-align:right;
	margin-top:18px;
	float:left;
	}

.content-tyot {
	height:642px;
	width:948px;
	padding-top:9px;
	}
	
.content-rekry {
	height:642px;
	width:948px;
	padding-top:29px;
	}


#content, .push {
	height:808px;
	width:100%;
	}
	
#footer {
	background: url('img/bg_footer.gif') repeat-x;
	background-position: bottom;
	text-align:center;
	height:217px;
	}

#footerwrap {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}

#footer-text {
	margin-top:135px;
	text-align:left;
	color:#ffffff;
	height:50px;
	float:left;
	}

.footer-text-left {
	padding-right:32px;
	}

.footer-text-right {
	padding-left:32px;
	padding-right:32px;
	}
	
#yhteysbtn {
	float:right;
	margin-right:105px;
	}

.headermikanitro {
	margin-top: 49px;
	}
	
.headerselailetoita {
	margin-top: 48px;
	}

.txtmikanitro {
	margin-top: 27px;
	}
	
.txtotayhteytta {
	margin: 27px 0 27px 0;
	}
	
.kampanjanosto {
	margin-top: 50px;
	}

#content-left .katso {
	margin-top: 15px; vertical-align:top;
	}
#content-left .tiedote{
position:relative; z-index:10; 
}
#content-left .tiedote-eng{
margin-left:10px; margin-top:10px; position:relative; z-index:10; 
}
#content-right .tyotteaser {
	margin-top: 30px;
	}

.kampanja {
	width: 290px;
	height: 58px;
	background: url( 'img/kampanja.jpg' ) 0 0px no-repeat;
	}

.kampanja a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/kampanja_new.jpg' ) top left no-repeat;
	}
		
.kampanja a.actived {
	background:url("img/kampanja_new.jpg");
	background-position:0 58px;
	}
		
.kampanja a:hover {
	background:url("img/kampanja_new.jpg");
	background-position:0 58px;
	}
		
.tyot {
	width: 288px; height: 58px;
	background: url( 'img/tyot.jpg' ) 0 0px no-repeat;
	}

.tyot a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/tyot.jpg' ) top left no-repeat;
	}
		
.tyot a.actived {
	background:url("img/tyot.jpg");
	background-position:0 58px;
	}
		
.tyot a:hover {
	background:url("img/tyot.jpg");
	background-position:0 58px;
	}
	
.rekry {
	width: 250px; height: 58px;
	background: url( 'img/rekry.jpg' ) 0 0px no-repeat;
	}

.rekry a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/rekry.jpg' ) top left no-repeat;
	}
		
.rekry a.actived {
	background:url("img/rekry.jpg");
	background-position:0 58px;
	}
		
.rekry a:hover {
	background:url("img/rekry.jpg");
	background-position:0 58px;
	}
		
a img { 
	border:0;
	}
		
.footer_card {
	margin-top:-3px;
	}