/* YHTEISET ALKAA */

* { margin: 0;
padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000000;
}

h1 {
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #000000;
	}
	
h2  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #336699;
}	

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
}

a:link {
	color: #336699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.blue {
	color: #336699;
}
#main_mallisto_paneelit h1 {
	margin-bottom: 25px;
}


/* PERUSTA alkaa */

#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#container #page {
	display: block;
	float: left;
	width: 1000px;
}

/* PERUSTA loppuu */


/* Header alkaa */

#container #page #header {
	display: block;
	float: left;
	height: 80px;
	width: 1000px;
}

#header #logo {
	display: block;
	float: left;
	height: 80px;
	width: 270px;
}
#header #thumbs_outside {
	display: block;
	float: right;
	height: 50px;
	width: 250px;
	padding-top: 30px;
}

#header #logo img {
	margin-top: 5px;
	margin-left: 25px;
}


#header #thumbs_outside ul {
	display: block;
	float: right;
	list-style-type: none;
}
#header #thumbs_outside li {
	display: block;
	float: right;
}

/* Header loppuu */


/* Päänavigointi alkaa */

#container #page #navi {
	display: block;
	float: left;
	height: 40px;
	width: 1000px;
	background-image: url(images/x_navi-gradient_40px.jpg);
	background-repeat: repeat-x;
}

#container #page #navi ul {
	display: block;
	float: left;
	width: 910px;
	list-style-type: none;
	height: 36px;
}
#container #page #navi ul li {
	text-align: center;
	display: block;
	float: left;
	width: 130px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/x_navi_vali.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 13px;
	padding-bottom: 12px;
}
#container #page #navi li a {
	color: #FFFFFF;
	text-decoration: none;
}

#container #page #navi li a:hover {
	color: #ff9900;
	text-decoration: none;
}

#container #page #navi li.current {
	color: #FFFFFF;
	text-decoration: none;
	display:inline;
	margin:0;
	background-color: transparent;
	background-position: right top;
	height: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	background-image: url(images/x_navi_vali.gif);
}

#container #page #navi ul.lang {
	display: block;
	float: left;
	width: 90px;
	list-style-type: none;
	height: 36px;
}
#container #page #navi ul li.lang {
	text-align: center;
	display: block;
	float: left;
	width: 90px;
	padding-top: 13px;
	padding-bottom: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/x_navi-language.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}


/* Päänavigointi loppuu */

/* Footer alkaa */

#container #page #footer {
	background-color: #f9ead5;
	display: block;
	float: left;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #294b79;
	height: 30px;
	width: 970px;
	padding-top: 20px;
	padding-right: 30px;
}
#container #page #footer p {
	text-align: right;
}

/* Footer loppuu */


/* ETUSIVU sisältö alkaa */
#index_middlecontent {
	display: block;
	float: left;
	width: 1000px;
	padding-bottom: 20px;
	margin-top: 4px;
}

#index_middlecontent #nostot a {
	color: #336699;
	text-decoration: none;
}

#index_middlecontent #nostot a:hover {
	color: #336699;
	text-decoration: underline;
}


#index_middlecontent #banner {
	display: block;
	float: left;
	width: 1000px;
}
#index_middlecontent #gradient_spacer {
	background-image: url(images/x_yla-gradient_40px.jpg);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 40px;
	width: 1000px;
	margin-top: 2px;
}
#index_middlecontent #nostot {
	display: block;
	float: left;
	width: 320px;
	margin-right: 10px;
}
#index_middlecontent #bottom_banners {
	display: block;
	float: left;
	height: 80px;
	width: 490px;
	margin-top: 20px;
}

#index_middlecontent #bottom_banners_right {
	display: block;
	float: left;
	height: 80px;
	width: 490px;
	margin-top: 20px;
	margin-left: 20px;
}

#index_middlecontent #nostot .img_indexnosto {
	margin-bottom: 15px;
	margin-right: 15px;
}

/* ETUSIVU sisältö loppuu */

/* ALASIVUT sisältö alkaa */

#middlecontent {
	display: block;
	float: left;
	width: 740px;
	margin-top: 4px;
	padding-bottom: 30px;
}

#middlecontent #img_banner {
	display: block;
	float: left;
	width: 740px;
}
#middlecontent #gradient_spacer {
	display: block;
	float: left;
	height: 40px;
	width: 740px;
	margin-top: 4px;
	background-image: url(images/x_yla-gradient_40px.jpg);
}

#middlecontent #gradient_spacer2 {
	display: block;
	float: left;
	height: 40px;
	width: 740px;
	background-image: url(images/x_yla-gradient_40px.jpg);
}

#middlecontent #main_text {
	display: block;
	float: left;
	width: 480px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #666666;
	padding-right: 20px;
}
#main_text ul {
	list-style-type: none;
}
#main_text ul li {
}
#main_text li.sis {
	text-indent: 0px;
}

#middlecontent #main_text_mallisto {
	display: block;
	float: left;
	width: 480px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #666666;
	padding-right: 20px;
}

#middlecontent #index_mallisto {
	display: block;
	float: left;
	padding-top: 20px;
	width: 740px;
}
#huomioteksti {
	display: block;
	float: left;
	width: 200px;
	background-color: #FAFAFA;
	padding: 15px;
	border: 1px solid #676767;
	margin-top: 35px;
}
#index_mallisto #mallisto {
	display: block;
	float: left;
	width: 245px;
}
#huomioteksti p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 10px;
}

#middlecontent #references {
	display: block;
	float: left;
	width: 740px;
}

#main_text h1 {
	margin-bottom: 20px;
}

#main_text p {
	margin-bottom: 15px;
}
#main_text h2 {
}
#main_text_mallisto h1 {
	margin-bottom: 20px;
}


#middlecontent #right_column {
	display: block;
	float: left;
	width: 220px;
	padding-left: 10px;
}

#right_column h2 {
	margin-bottom: 2px;
}

#middlecontent #right_column_asennusohjeet {
	display: block;
	float: left;
	width: 220px;
	padding-left: 10px;
	padding-top: 40px;
}
#main_text h1.middle {
	margin-bottom: 5px;
}

#main_text_mallisto img {
	padding-bottom: 19px;
	padding-right: 19px;
}
#main_mallisto_paneelit {
	display: block;
	float: left;
	width: 740px;
}
#main_text_mallisto h2 {
	margin-bottom: 15px;
}
#main_text_mallisto p {
	margin-bottom: 15px;
}
#right_column p {
	margin-bottom: 15px;
}
#main_text #gallery {
	display: block;
	float: left;
	width: 480px;
	padding-bottom: 30px;
}
#main_text #gallery #description_field {
	width: 150px;
	display: block;
	float: left;
}
.mediapankki {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-color: #CCCCCC;
	height: 17px;
}
#gallery #description_field p {
	margin-left: 4px;
	margin-right: 4px;
}
#gallery #images img {
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#gallery #images {
	display: block;
	width: 330px;
	float: left;
}

#images h3 {
	display: block;
	padding-top: 4px;
	padding-bottom: 3px;
	background-color: #CCCCCC;
	padding-left: 4px;
}


#main_text a {
	color: #336699;
	text-decoration: none;
}

#main_text a:hover {
	color: #336699;
	text-decoration: underline;
}

#references #ref_content {
	display: block;
	float: left;
	width: 740px;
	padding-bottom: 35px;
}

#references #ref_content #big_image {
	display: block;
	float: left;
	width: 255px;
	padding-right: 35px;
}
#references #ref_content #reference_text {
	display: block;
	float: left;
	width: 450px;
	height: 255px;
}
#reference_text img {
	margin-right: 4px;
	bottom: 0px;
	margin-bottom: 0px;
}
#reference_text h2 {
	margin-bottom: 18px;
}
#references h1 {
	margin-bottom: 20px;
}

#reference_text a {
	color: #336699;
	text-decoration: none;
}

#reference_text a:hover {
	color: #336699;
	text-decoration: underline;
}

#middlecontent #main_kuviakohteesta {
	display: block;
	float: left;
	width: 495px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #666666;
	padding-right: 10px;
}
#main_kuviakohteesta img {
	padding-bottom: 4px;
	padding-right: 4px;
}
#main_kuviakohteesta h1 {
	margin-bottom: 20px;
}


/*vasen alanavigointi alkaa*/

#container #page #left_navigation {
	display: block;
	float: left;
	width: 256px;
	margin-top: 4px;
	margin-right: 4px;
	background-image: url(images/x_yla-gradient_40px.jpg);
	background-repeat: repeat-x;
}
#container #page #left_navigation ul {
	display: block;
	list-style-type: none;
}
#container #page #left_navigation ul li {
	display: block;
	width: 241px;
	padding-top: 12px;
	padding-bottom: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
#container #page #left_navigation a {
	color: #000000;
	text-decoration: none;
}


#container #page #left_navigation a:hover {
	color: #FF9900;
	text-decoration: none;
	
}

#container #page #left_navigation a.current {
	color: #FF9900;
	text-decoration: none;
	cursor: default;
}

.left_navi_b {
	background-color: #e8e8e8;
	display: block;
	text-indent: 25px;
}

.left_navi_c {
	text-indent: 45px;
}

/*vasen alanavigointi loppuu*/

/* ALASIVUT sisältö loppuu */


/***********************************************
TARJOUSPYYNTÖLOMAKE ALKAA
***********************************************/

#interVeil  {color: #FFFFFF; text-decoration: none;}
.navigointi a:visited {color: #FFFFFF; text-decoration: none;}
.navigointi a:hover {color: #ff9900; text-decoration: none;}

.navigointi a:active {color: #FFFFFF; text-decoration: none;}


.frmRequest {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#lahetysEhto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:2em;
	font-weight:bold;
	color: red;
}

hr.tarjousErotin {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
}

.omaVari {
	padding: 3px;
}
.frmRequest2 {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#errorNote {
	display:block;
	padding: 10px;
	border: 1px solid #c66;
	color: #c00;
	background: #ececec;
	margin: 0 10px 0 0;
}

/***********************************************
TARJOUSPYYNTÖLOMAKE LOPPUU
***********************************************/
#main_mallisto_paneelit p.space {
	margin-bottom: 20px;
}
.vari_tn_img {
	margin-right: 5px;
}
a:hover {
	color: #336699;
	text-decoration: none;
}
a:visited {
	color: #336699;
	text-decoration: none;
}
#main_text ul {
	list-style-type: disc;
	list-style-position: inside;
}
#main_text #vasen_column_content {
	float: left;
	display: block;
	width: 220px;
}
#main_text #oikea_colum_content {
	display: block;
	float: left;
	width: 220px;
}
#main_text li {
}
.nodisc {
	list-style-type: none;
	list-style-position: inside;
}
#gallery table {
	padding-top: 5px;
}
#gallery #description_field p {
	margin-top: 3px;
}
#gallery p {
	margin-top: 3px;
	margin-left: 5px;
}
#gallery img {
	margin-top: 10px;
}