/* --- INDEX --- */
/* * {position: relative;}*/

#address{
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

#aloitus {
	background-color: #FFFFFF;
	border: none;
}

#body {
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-style: normal;
	text-align: left;
	word-spacing: normal;
	letter-spacing: normal;
	scrollbar-3d-light-color : #FFCC33;
	scrollbar-arrow-color : blue;
	scrollbar-base-color : #CCCCCC;
	scrollbar-dark-shadow-color : #FFFFFF;
	scrollbar-face-color : #CCCCCC;	
} 

#pre {
    color: #000000;
    width: 500px;
	height: auto;
	white-space: normal;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	text-indent: 0pt;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#pre_taiteilija {
    color: #000000;
    width: 350px; 
	height: auto;
	white-space: normal;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	text-indent: 0pt;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#pre_nayttely {
    color: #000000;
    width: 150px;
	height: auto;
	white-space: normal;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	text-indent: 0pt;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#main {
	height: auto; width: 500px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* --- INDEX --- */


/* --- PERUS MÄÄRITYKSET --- */

A:active {
	color: #d6951d;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}

A:focus  {
	color: #d6951d;
}

A:hover {
	color:  #d6951d;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
	/*border-color: #3666ae;
	border-width: 0px 0px 0px 0px;
	border-style: solid;	
	*/
}

A:link {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

A:visited {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

/* --- PERUS MÄÄRITYKSET --- */

/* --- NAVIGAATIO --- */

#navitaulu {
	/*background-color: #FFFFFF;*/
	width: 150px;
	border-color: #3666ae;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	height: auto; width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	margin-top: 5px;
}

#navilinkki {
	border-right-style: solid;
	border-right-color: #0000c0;
	border-right-width: 0px;
}
/* --- NAVIGAATIO --- */

/* --- PÄÄTAULUKON SOLUJEN-ID:T --- */
#a1 {
	background-image: url(../../img/kuva_b1.jpg);
	height: 50px; width: 170px;
	background-color: transparent;
	border-bottom-style: solid;
	border-bottom-color: #3666ae;
	border-bottom-width: 2px;
}

#b1 {
	background-image: url(../../img/kuva_b2.jpg);
	height: 50px; width: 702px;
	background-color: transparent;
	border-bottom-style: solid;
	border-bottom-color: #3666ae;
	border-bottom-width: 2px;
}

#c1 {
	background-image: url(../../img/kuva_b3.jpg);
	height: 50px; width: 28px;
	background-color: transparent;
	border-bottom-style: solid;
	border-bottom-color: #3666ae;
	border-bottom-width: 2px;
}

#a2 {
	background-image: url(../../img/a2.jpg);
	height: 120%; 170px;
	background-color: #D5E6F7;
}

#b2 {
	/* background-image: url(../pics/pysty_banneri.jpg); */
	/* background-repeat: repeat-y; */
	background-color: #FFFFFF;
	width: 702px;
	border-left-style: dashed;
	border-left-color: #3666ae;
	border-left-width: 1px;
}

#c2 {
	/* background-image: url(../pics/taka.jpg); */
	background-color: #FFFFFF;
	width: 28;
	border-left-style: dashed;
	border-left-color: #3666ae;
	border-left-width: 1px;
}

#a3 {
	background-color: #0000c0;
	height: 30; width: 170;
	border-top-style: solid;
	border-top-color: #3666ae;
	border-top-width: 2px;
}

#b3 {
	background-color: #0000c0;
	height: 30; width: 702;
	border-top-style: solid;
	border-top-color: #3666ae;
	border-top-width: 2px;
}

#c3 {
	background-color: #0000c0;
	height: 30; width: 28;
	border-top-style: solid;
	border-top-color: #3666ae;
	border-top-width: 2px;
}



tr.tausta1 {
	background-color: #f5f1e5;
}

tr.tausta2 {
	background-color: #FFFFFF;
}

h3{
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 0pt;
}
b {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-indent: 0pt;
}

#nayttelyt {
	border: 0px solid rgb(0, 0, 153); 
	margin: 5px; 
	padding: 5px; 
/*	background-color: rgb(115, 178, 221);*/
}

p {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}


table {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-indent: 0pt;
	text-align: left;
}

/* --- PÄÄTAULUKON SOLUJEN-ID:T --- */


#pix {
     float:left;
     border:solid 1px silver;
     padding:5px;
     margin-right:10px;
   }
   #pix div {
      margin: 9px;
      width: 150px;
      border: outset 1px #9191FF ;
      background: #9191FF;
      padding: 4px;
      color: black;
      text-align: center;
      height: 190px;
      float: left;
	  
   }
   hr {
      clear: both;
   }
   #pix a img {
      border-style: none;
	  clear : left;
   }
   #pix a {
      text-decoration: none;
   }
   #pix a:hover {
      text-decoration: underline;
   }
   
#nettilehti {
	color: #FE0000;
	background-color: #D1D1D1;
	border: medium solid #FE0000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	height: auto; width: auto;
	padding: 20px;
	position: relative;
	top: 200;
	text-align: right;
}



/* --- VIRHE ILMOITUKSEN-ID --- */

#alert {
	color: #FE0000;
	background-color: #D1D1D1;
	border: medium solid #FE0000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	height: auto; width: auto;
	padding: 20px;
	position: relative;
	top: 200;
}

/* --- KEHIKON-ID --- */

#pohja {
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px; height: auto;
	border-color: #0000c0;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* --- YLÄTAULUKON-ID --- */

#ylataulukko {
	background-color: transparent;
	height: auto; width: 900;
	border-left-style: solid;
	border-left-color: #3666ae;
	border-left-width: 2px;
}

#logo {
	background-image: url(../../img/kuva_a1.jpg);
	height: 100px; width: 900px;
}

/* --- PÄÄTAULUKON-ID --- */

#paataulukko {
	background: transparent;
	height: auto; width: 900;
	border-left-style: solid;
	border-left-color: #3666ae;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3666ae;
	border-bottom-width: 2px;
}


/* --- OTSIKON-ID:T --- */

#otsikkoreuna {
	background: transparent;
	border-color: #0000c0;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	height: auto; width: 500px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#otsikkotaulu {
	background: transparent;
	border-left-style: solid;
	border-left-color: #0000c0;
	border-left-width: 6px;
	height: auto; width: auto;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

#otsikko {
	color: #0000c0;
	background-color: transparent;
	font-family: Verdana, sans-serif;
	letter-spacing: 2px;
	font-size: 12px;
        font-weight: bolder;
	font-variant: normal;
}



#uutiset {
	background-color: #FFFFFF;
	border-color: #3666ae;
	border-width: 1px 1px 1px 6px;
	border-style: solid;
	height: auto; width: 150px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-style: normal;
	margin-top: 5px;
	text-align: left;
	text-indent: 0pt;
}

#uutisotsikko {
	background-color: #0000c0;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-indent: 4pt;
}

.paivays {
	color: #800000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 6px;
	text-align: left;
	text-indent: 0pt;
}

.uutinen {
	color: #0000c0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: left;
	text-indent: 0pt;
	padding-bottom: 2px;

}

.lisaa {
	color: #800000;
	font-family: Verdana, sans-serif;
	font-size: 8px;
	font-style: normal;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: left;
	text-indent: 0pt;
	padding-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3666ae;
	border-bottom-width: 1px;
}

/* --- KAPPALEEN-ID:T --- */




/* -- MUUT ID:T --- */

#copy {
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

/* --- VIERASKIRJA --- */

table.vieraskirja {
	background-color: #FFFFFF;
	/* background-image: url(../pics/uutiset_taka.jpg); */
	height: auto; width: 100%;
	color: #0000c0;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-style: normal;
	list-style-position: inside;
	/* list-style-image: url(../pics/note.jpg); */
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	text-indent: 0pt;
}

/* FORMIEN MÄÄRITYKSET */

.button {
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	width: 70;
	height: 20;
	background: #D5E6F7;
	border-bottom: 2px solid #0000c0;
	border-right: 2px solid #0000c0;
	border-left: 2px solid #3666ae;
	border-top: 2px solid #3666ae;
	color: #0000c0;
}

.option 
	{
	border: 1px solid #3666ae;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	background: #D5E6F7;
}

.textarea 
	{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	background: #D5E6F7;
	width: 300px;
	color: #000000;
	text-decoration: none;
	cursor: default;
	border: 1px solid #3666ae;
}

/* --- TAULUKOT PÄÄSIVULLA --- */

.otsikot {
	border-bottom: 1px dashed #3666ae;
	text-align: left;
	margin-left: 5px;
}



#page {
	color: #0000c0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-indent: 4pt;
}




b.copy {
	color: #2E2E2E;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	text-indent: 4pt;
}

b.text1 {
        position: absolute;
        z-index: 1;
        height: 1,5em;
        background: transparent;
        color: #0000c0;
        word-spacing: normal;
	text-align: left;
	letter-spacing: normal;
	font-size: 12px;
        font-weight: bold;
        font-family: Verdana, sans-serif;
}
        
b.text2 {
        position: relative; 
        z-index: 1;
        height: 1,5em;
        background: transparent;
        color: #3666ae;
        word-spacing: normal;
	text-align: left;
	letter-spacing: normal;
	font-size: 16px;
        font-weight: bold;
        font-family: Verdana, sans-serif;
}



hr {
    margin: 2px;
    color: #0000c0;
}





