@charset "UTF-8";
/* CSS Document */

/*YLEISET*/

*{
	border: none;
	margin: 0;
	padding: 0;
}
#tyhja {
	clear: both;
	width: 0px;
	height: 0px;
}

/*PALAUTE-FORM*/

.laatikko {
	background-color: #6FF;
	opacity: .5;
	margin-top: 1px;
	margin-bottom: 1px;
	float: right;
	}
.laheta {
	color: #FFF;
	background-color: #004E4F;
	padding: 2px;
}
.tyhjenna {
	color: #FFF;
	background-color: #004E4F;
	padding: 2px;
}
td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C09;
	width: 50px;
	padding: 3px;
}
table{
	margin: 20px;
	border: 20px;
	padding: 20px;
	width: 400px;
}
.laatikko {
	background-color: #6FF;
	opacity: .5;
	width: 300px;
}
.laatikko_palaute {
	background-color: #6FF;
	opacity: .5;
	height: 100px;
	width: 296px;
	padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background-color: none;
	font-weight: normal;
	
}
#formi p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
	background-color: none;
	font-weight: normal;
}
#nappulat {
	width: 150px;
	float: left;
	padding-left: 336px;
}

/*SIVUN RUNKO*/

body {
	background-color: #000;
}
#container{
	width: 1074px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
}

/*HEADER JA LOGO*/

#header{
	width: 1074px;
	height: 116px;
}

/*NAVIGAATIOPALKIT*/

#navi1{
	width: 1074px;
	height: 35px;
	background-image: url(kuvat/navi_patkasty.gif);
	background-repeat: repeat;
	}
#navi1 ul {
	list-style-type: none;
}
#navi1 li {
	margin: none;
	float:left;
	height:35px;
	color: #FFF;
}
#navi1 li a{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFF;
	display: block;
	padding-top:13px;
	height:22px;
	text-align: center;
	padding-right:16px;
	padding-left:16px;
}
#navi1 li a:hover {
	margin: none;
	background-image: url(kuvat/ahover.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top:13px;
	height:22px;
	display: block;
}
#navi1 li a.valittu {
	margin: none;
	background-image: url(kuvat/ahover.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top:13px;
	height:22px;
	display: block;
}
#navi2 li a.valittu {
	margin: none;
	background-image: url(kuvat/kolmio.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top:13px;
	height:22px;
	display: block;
	color: #CFF;
	padding-left: 10px;
}
#navi2_tyhja{
	width: 159px;
	height: 465px;
	background-image: url(kuvat/navi2.jpg);
	float: left;
	padding-top: 20px;
}
#navi2_tyhja li {
	margin: none;
	float:left;
	display: block;
	width: 155px;
}
#navi2_tyhja li a{
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #6EF6FF;
}
#navi2_tyhja li a:hover {
	color: #CFF;
}
#navi2_tyhja li a.valittu {
	margin: none;
	background-image: url(kuvat/kolmio.png);
	background-repeat: no-repeat;
	background-position: center;
	height:22px;
	width: 110px;
	display: block;
	color: #CFF;
	padding-left: 40px;
	padding-top: 8px;
}
#navi2_tyhja li a.eivalittu {
	margin: none;
	height:22px;
	width: 110px;
	display: block;
	padding-left: 40px;
	padding-top: 8px;
	color: #6EF6FF;
}
#navi2_tyhja li a:hover.eivalittu {
	color: #CFF;
}
#navi2{
	width: 159px;
	height: 465px;
	background-image: url(kuvat/navi2.jpg);
	float: left;
	padding-top: 20px;
}
#navi2 li {
	margin: none;
	float:left;
	display: block;
	width: 159px;
	padding-top: 10px;
}
#navi2 li a{
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #6EF6FF;
	padding-left: 35px;
}
#navi2 li a:hover {
	color: #CFF;
}
#yhteistyokumppanit {
	height: 108px;
	padding-top: 350px;
}
#yhteistyokumppanit li a{
	color: #6EF6FF;
}
#yhteistyokumppanit li a:hover{
	color: #CFF;
}
/*CONTENT (SISÄLTÖ)*/
#content_tyhja p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: none;
}
#content{
	width: 915px;
	height: 465px;
	float: right;
	background-image: url(kuvat/content.jpg);
	padding-top: 20px;
	overflow: auto;
}
#content_ooppera{
	width: 915px;
	height: 465px;
	float: right;
	background-image: url(kuvat/content_ooppera.jpg);
	padding-top: 20px;
	overflow: auto;
}
#content_tyhja{
	width: 915px;
	height: 465px;
	float: right;
	background-image: url(kuvat/content_tyhja.jpg);
	padding-top: 20px;
	overflow: auto;
}
#content_arkisto{
	width: 915px;
	height: 465px;
	float: right;
	background-image: url(kuvat/content_philips.jpg);
	padding-top: 20px;
	overflow: auto;
}
#content_curtain {
	background-image: url(kuvat/content_kk.jpg);
	width: 915px;
	height: 465px;
	float: right;
	padding-top: 20px;
	overflow: auto;
}
#content_kk {
	background-image: url(kuvat/content_tyhja.jpg);
	width: 915px;
	height: 465px;
	float: right;
	padding-top: 20px;
}
#content_projektori {
	background-image: url(kuvat/content_projektori.jpg);
	width: 915px;
	height: 465px;
	float: right;
	padding-top: 20px;
}
#content_hyva {
	background-image: url(kuvat/content_hyva.jpg);
	width: 915px;
	height: 465px;
	float: right;
	padding-top: 20px;
	overflow: auto;
}
#content_robo {
	background-image: url(kuvat/content_robo.jpg);
	width: 915px;
	height: 465px;
	float: right;
	padding-top: 20px;
}
#content_philips {
	background-image: url(kuvat/content_curtain.jpg);
	width: 915px;
	height: 465px;
	float: right;
	padding-top: 20px;
	overflow: auto;
}
#content_hyva {
	background-image: url(kuvat/content_hyva.jpg);
	width: 915px;
	height: 465px;
	float: right;
	padding-top: 20px;
	overflow: auto;
}

/*ETUSIVUN ELOKUVAT*/

#elokuva1 {
	width: 390px;
	height: 110px;
	float: left;
	padding-top: 30px;
}
#elokuva2 {
	width: 390px;
	height: 110px;
	float: left;
	padding-top: 30px;
}
#elokuva3 {
	width: 390px;
	height: 110px;
	float: left;
	padding-top: 30px;
}
#elokuva4 {
	width: 390px;
	height: 110px;
	float: left;
	padding-top: 30px;
}

/*TEKSTIMUOTOILUT*/

#teksti{
	width: 151px;
	height: 96px;
	float: right;
	padding-right: 50px;
	padding-left: 6px;
}
#linkki_elokuvat{
	width: 151px;
	float: right;
	padding-right: 50px;
}
#teksti_elokuvat{
	width: 450px;
}
#teksti_elokuvat p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
	background-color: none;
	text-align: left;
}
#teksti_elokuvat li{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: none;
}
#teksti_tulevat{
	width: 450px;
}
#teksti_tulevat p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 12px;
	color: #FFF;
	background-color: none;
	text-align: left;
}
#teksti_tulevat li{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: none;
}
#teksti_esitysajat{
	width: 500px;
	padding-top: 3px;
	padding-left: 14px;
}
#teksti_esitysajat p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
	background-color: none;
	text-align: left;
}
#teksti_esitysajat li{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: none;
}
#otsikko_etusivu{
	padding-top: 5px;
}

/*TEKSTIN MÄÄRITYKSET (YLEISET)*/

p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
	background-color: none;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFF;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFF;
}
a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
}
ul {
	list-style-type: none;
}
a:hover {
	color: #6EF6FF;
	text-decoration: underline;
}
/*FACEBOOK*/

#facebook_logo {
float: right;
margin-top: 9px;
margin-right: 15px;
}
/*ENSI_ILTOJEN KUVAT*/

#kuva {
	width: 175px;
	float: left;
}

/*FOOTER*/

#footer{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_tyhja{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_curtain{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_arkisto{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_kk{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_projektori{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_robo{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_philips{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#footer_hyva{
	width: 1074px;
	height: 64px;
	background-image: url(kuvat/footer.jpg);
	float: left;
}
#dd {
	width: 104px;
	height: 24px;
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
#yhteystiedot {
	width: 134px;
	height: 24px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#yhteystiedot2 {
	width: 104px;
	height: 24px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#yhteystiedot p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#yhteystiedot2 p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}