/* 
 Muuttujakommentin syntaksi:
 [type][index][comments]


 types: IMGVAR,COLVAR
 indexes: 1,2,3,4....99
 comments: freetext for editor

 esim.

 COLVAR1 Mainnavi color


 Kommentoidaan vain siis ne kohdat jotka muuttuvat saittikohtaisesti.
 Jos esim. jokin kuva pysyy vakiona kaikilla saiteilla, sitä ei kommentoida.
 kts. alempaa lisää käytännön esimerkkejä:
*/


/* =Structure
--------------------------------------------------------------------*/

body {
	background: #EAEAEA url(); /* IMGVAR1 Body background image */
}

/* =Boxes
--------------------------------------------------------------------*/
/* =Navigation
--------------------------------------------------------------------*/
/* =Top navigation
--------------------------------------------------------------------*/
#topNav li a:link, #nav li a:visited, #nav li a:active {
	color:#44697D; /* COLVAR1 Top navigation link text color */
	
}
#topNav li a:hover,#nav li a:active  {
	color:#A6BCC6; /* COLVAR2 Top navigation link text hover color */
}
#topNav {
	color:#44697D; /* COLVAR1 Top navigation text color */
}
/* =Path info
--------------------------------------------------------------------*/
#path a:link, #path a:visited, #path a:active {
	color:#44697D; /* COLVAR1 Path info link text color (HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN TOPNAV:ssa) */
}
#path a:hover, #path a:active  {
	color:#A6BCC6; /* COLVAR2 Path info link text hover color (HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN TOPNAV:ssa) */
}
#path {
	color:#44697D; /* COLVAR1 Path info text color (HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN TOPNAV:ssa) */
}
/* =Main Navigation
--------------------------------------------------------------------*/
#nav {
	background: #44697D; /* COLVAR3 Main navigation background color */
}
#nav li {
	color:#FFFFFF;/* COLVAR4 Main navigation text color */
}

#nav li a:link, #nav li a:visited, #nav li a:active {
	color:#FFFFFF; /* COLVAR4 Main navigation text color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
}
#nav li a:hover,#nav li a:active  {
	color:#A6BCC6;	/* COLVAR5 Main navigation text hover color */
}
#nav li.navSelect a:link, #nav li.navSelect a:visited, #nav li.navSelect a:hover, #nav li.navSelect a:active {
	color: #A6BCC6; /* COLVAR5 Main navigation text hover color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
}
/* =Right navigation
--------------------------------------------------------------------*/

/* =Left Navigation
--------------------------------------------------------------------*/

#navLeft {
	background: #FFFFFF; /* COLVAR10 Left navigation background color */
	border-bottom: solid 1px #AFD4D3; /* COLVAR15 Left navigation middle border color */
}
#navLeft li {
	color:#44697D;/* COLVAR11 Left navigation text color */
}

#navLeft li a:link, #navLeft li a:visited, #navLeft li a:active {
	color: #44697D; /* COLVAR11 Left navigation text color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
	border-top: solid 1px #AFD4D3; /* COLVAR15 Left navigation middle border color */
	border-right: solid 3px #94BBDC; /* COLVAR16 Left navigation right border color */
	background: url(/images/layout/www/dot.gif) no-repeat center left;
}
#navLeft li a:hover, #navLeft li a:active  {
	color: #44697D; /* COLVAR11 Left navigation text hover color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
	background: #A6BCC6 url(/images/layout/www/dot.gif) no-repeat center left;
}
#navLeft li.navLeftSelect a:link, #navLeft li.navLeftSelect a:visited, #navLeft li.navLeftSelect a:hover, #navLeft li.navLeftSelect a:active {
	color: #A6BCC6; /* COLVAR12 Left navigation text hover color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
	background: url(/images/layout/www/dot.gif) no-repeat center left;
}

/* =Nav bottom
--------------------------------------------------------------------*/
#navBottom {
	background: #44697D; /* COLVAR6 Bottom navigation background color */
	
}
#navBottom li a:link, #navBottom li a:visited, #navBottom li a:active {
color:#FFFFFF; /* COLVAR7 Bottom navigation text color*/}
#navBottom li a:hover,#navBottom li a:active  {
color: #A6BCC6;	/* COLVAR8 bottom navigation link color */
}
#navBottom li.navBottomSelect a:link, #navBottom li.navBottomSelect a:visited, #navBottom li.navBottomSelect a:hover, #navBottom li.navBottomSelect a:active {
	color:#A6BCC6; /* COLVAR8 Bottom navigation text color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ}*/
}

/* =Links
--------------------------------------------------------------------*/

/* =Misc.
--------------------------------------------------------------------*/

#footer {
	background: #44697D; /* COLVAR6 Footer background color */
	color:#FFFFFF; /* COLVAR7 Footer text color*/}
}
#footer a:link, #footer a:visited, #footer a:active {
	color:#FFFFFF; /* COLVAR7 Footer link color*/}
}
#footer a:hover {
	color:#A6BCC6; /* COLVAR7 Footer link hover color*/
}
.boxDefault h2 {
/*	background: #A6BCC6;  COLVAR17 Right box heading background color 
	border-left: solid 5px ;  COLVAR18 Right box heading left border color 
*/
	background: #A6BCC6; /* COLVAR13 Contact and right box background color */
	border-left: solid 5px #44697D; /* COLVAR14 Contact and right box border color */
}
.tittelit {
	background: #A6BCC6; /* COLVAR9 Main subjects background color */
}

.info {
	border-top: solid 2px #44697D; /* COLVAR14 Contact box top border color*/
	background: #A6BCC6; /* COLVAR13 Contact box background color */
}

.harma {
	background: #A6BCC6; /* COLVAR9 Main subjects background color */
}