/* ---------------------------------
			RESET, ala koske!
--------------------------------- */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}.clear {clear:both;}html {overflow-y: scroll;}



/* ---------------------------------
			FONTS
--------------------------------- */
html {				font-size: 62.5%;}
body {				font: 1.0em/1.6em Helvetica, Arial, sans-serif; color: #222;}

h1 {				font: 14pt/16pt Arial, sans-serif; margin-bottom: 4pt; font-style: italic; color: #6f0104;}
h2 {				font: 14pt/16pt Arial, sans-serif; margin-bottom: 4pt; font-style: italic; color: #6f0104;}
h3 {				font: 14pt/16pt Arial, sans-serif; margin: 24pt 0 4pt; font-style: italic; color: #6f0104;}
h4 {				font: 10pt/12pt Arial, sans-serif; color: #6f0104;}
p  {				font: 9pt/11pt Arial, sans-serif; margin-bottom: 12pt;}
ul {				font: 9pt/12pt Arial, sans-serif; }
form  {				font: 9pt/11pt Arial, sans-serif; }

a {					color: #3d6591; text-decoration: none;}
a:hover,
a:focus {			color: #222;}

strong {			font-weight: bold;}

/* ---------------------------------
			STRUCTURE
--------------------------------- */

#container		{ width: 960px;	margin: 0 auto;}
#header			{ height: 294px;}
#content		{ padding: 0 63px 35px;}


#footer			{ height: 111px; width: 960px; margin: 0 0 0 36px;}

.content-left	{ width: 500px; float: left; }
.content-right 	{ margin-left: 553px; }
.content-wide	{ }




/* ---------------------------------
			BG
--------------------------------- */
body			{ background: #860200 url('../_img/bg_uusi.jpg') repeat-x; }
#content		{ background: url('../_img/bg-content.jpg') repeat-y 36px 0;}
#header			{  }
#footer			{ background: url('../_img/bg-footer.jpg') no-repeat;}






/* ---------------------------------
			HEADER
--------------------------------- */
#header {position: relative;}

#valikko {
	margin: 0 50px 0 290px;
	text-align: left;
	line-height: 40px;
	height: 40px;
	font-family: Verdana, sans-serif;
}

	#valikko li {display: inline; margin: 0 8px 0 0; font-size: 13px;}

	#valikko a {color: #fff; text-decoration: none;}
	#valikko a:focus,
	#valikko a:hover   {color: #CBCBCB;}
	#valikko .active a {border-bottom: 2px solid #e6e6e6;}


#logo { display: none !important; }

#tagline {
	position: absolute;
	bottom: 15px;
	left: 63px;

	font-size: 36px;
	color: #9a1005;
}

#flash {

	position: absolute;
	top: 56px;
	right: 53px;
}



/* ---------------------------------
			FOOTER
--------------------------------- */
#footer p { padding-top: 63px;}

p.footer-left {
	width: 330px;
	float: left;
	text-align: center;

	font: 14px/16px Arial, sans-serif;
	font-style: italic;
	color: #FFF;
}
	p.footer-left .osoite { font: 11px/16px Arial, sans-serif; font-style: italic; color: #FFF; }
	p.footer-left .jakaja { color:#fff886; padding: 0 10px; font-size: 16px; }



p.footer-right {
	width: 350px;
	float: left;
	text-align: center;
	
	font: 11px/14px Arial, sans-serif;
	font-style: italic;
	color: #6e3436;
}
	p.footer-right a {color: #614043; text-decoration: none; margin-right: 10px;}








/* ---------------------------------
			CONTENT
--------------------------------- */


#content li {	margin: 0 0 1pt 10px;}
#content a {	border-bottom: 1px solid #e6e6e6;}
#content img.content {
				margin: 0 0 0 15px;
				float: right;
				border: 1px solid #e6e6e6;
}


/*--- #BODY-1 = etusivu ---*/
#body-1 .tarjous {
	margin: 20px 0;
	border-bottom: 1px solid #e6e6e6;
}
#body-1 .tarjous img {
	float: right;
	margin: 0 0 0 20px;
	border: 1px solid #e6e6e6;
}
#body-1 .content-wide {
	width: 750px;
}
#body-1 .welcome {font: 11pt/14pt Arial, sans-serif;}

#body-1 img.content {
				margin: 0 15px 0 0;
				float: left;
				border: 1px solid #e6e6e6;
}

#body-1 p#hinaus {
				font: 12pt/16pt Arial, sans-serif;
				font-style: italic;
				color: #6f0104;
}


/*--- #BODY-2 = ei kaytossa ---*/

/*--- #BODY-3 = katalogi.css ---*/

/*--- #BODY-5 = yritys ---*/
#kartta {border: 1px solid #e6e6e6;}
#teesit li {margin-bottom: 7pt;}

/*--- #BODY-6 = kuvagalleria ---*/
#galKuva {border: 1px solid #e6e6e6;}
a:hover #galKuva {border: 1px solid #333;}

/*--- #BODY-7 = yhteystiedot ---*/

/*--- #BODY-8 = in english ---*/
#map {border: 1px solid #e6e6e6;}





/*--- #BODY-4 = tiedustelut ---*/
#body-4 form {		margin: 40px 0 20px; }
#body-4 form br {	clear: both; }

#body-4 fieldset {
					border-bottom: 1px solid #BBB;
					margin: 20px 0;
					width: 600px;
					padding: 10px;
}
#body-4 legend {
					color: #6f0104;
					font-size: 12pt;
					padding: 0;
}

#body-4 label {	
					width: 150px;
					text-align: right;
					color: #444;
					display: block;
					float: left;
					padding: 3px 10px 0 0;
}

#body-4 fieldset input[type='text'] {
					width: 350px;
					height: 20px;
					padding: 0 2px;
					border: 1px solid #777;
					margin: 0 0 10px;
					color: #000;
}

#body-4 fieldset input[type='radio'] {
					height: 20px;
					padding: 0 2px;
					margin: 0 0 10px;
}

#body-4 select {
					width: 350px;
					height: 20px;
					padding: 0 2px;
					border: 1px solid #777;
					margin: 0 0 10px;
					color: #000;

}


#body-4 textarea {
					border: 1px solid #777;
					color: #000;
					height: 130px;
					width: 400px;
}

#body-4 input.submit {
					margin-left: 170px;
}

#body-4 #palaute {
					background: #FFFF33;
					border: 0 !important;
					margin: 0 !important;
					padding: 5px 10px 0;
}