/****** YLEISET MÄÄRITYKSET ******/
/*
html {
    scrollbar-face-color: #CDDAEA;
    scrollbar-highlight-color: #7B9DC2;
    scrollbar-3dlight-color: #CDDAEA;
    scrollbar-darkshadow-color:darkblue;
    scrollbar-shadow-color: #CDDAEA;
    scrollbar-arrow-color: black;
    scrollbar-track-color: #C0C9D2;
}
*/

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  background-color: #C0C9D2;
  margin-top: 45px;
}

p {
   line-height: 150%;
}

h1 {
  margin-top: 19px;
  font-weight: bold;
  color: #1219A8;
  font-size: 1.2em;
}

h1 {
  letter-spacing: 1px;
  color: #1219A8;
  font-weight: bold;
  font-weight: normal;
  margin-bottom: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  /*margin-top: 35px;  */
}

h1 {						/* IE:lle */
  margin-top: 10px;
}						
	
html>body h1 {	/* muille oikein toimiville selaimille */
  margin-top: 35px;	  
}	

.arial{
    font-family: Arial, Tahoma, Trebuchet MS, Lucida Sans Unicode,Lucida Grande, Lucida, Arial, Verdana, sans-serif;
    color: black;
    font-size: 15px;
    padding-bottom: 0px;
    padding-top: 0px;
}

img {
  border: 0;
}

table {
  font-size: 11px;
}

table.center {
  margin-left:auto;
  margin-right:auto;
}

/*** Normaalit linkit ***/
a:link {font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000CC;}
a:visited {font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000CC;}
a:active {font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000CC;}
a:active{color: #0000CC;}
a:hover {color:#F85600; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}

/********************* YLEISET MÄÄRITYKSET LOPPUU ****************************************/


/*** Lihavoitu linkki. Merkitsee kuvan galleriassa, jota ollaan katsomassa ***/
.linkkib:link {color: #F85600; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #F85600; font-weight: bold;  text-decoration: none;}
.linkkib:visited {color: #F85600; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #F85600; font-weight: bold;  text-decoration: none;}
.linkkib:active {color: #F85600; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #F85600; font-weight: bold;  text-decoration: none;}
.linkkib:hover {color:#F85600; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;  text-decoration: none;}

/*** Linkkiluettelo "palvelut" sivulla ***/
.linkkilista {
  list-style-type: none;
}

/*** "palvelut" sivulla olevien logojen asettelu ***/
#palvelukuvat {
   margin: 40px 5px 0px 0px;
}

/*** "Linkit" sivun linkkiluettelo ***/
.linkit {
  display: block;
}


/******* AJANKOHTAISTA SIVULLA OLEVAT EDITORIN KAUTTA MÄÄRITETYT TYYLIT *******/
.tarjous {          /* Punainen tarjousteksti */
  color: #C80808;
}

.otsikko {         /* Sininen lihavoitu otsikko tyyppinen */
  font-weight: bold;
  color: #1219A8;
  font-size: 13px;
}
/******************** AJANKOHTAISTA LOPPUU ********************************************/


/*** palvelut, yhteystiedot ***/
.kuva {
  border: 1px solid black;
}

/* Etusivulla ja palvelut-sivulla oleva kuva */
#kuva1 {
  border: 1px solid black;
  float: right;
  margin: 10px 10px 10px 10px;
}


/*EHKÄ SAA POISTAA*/
#kuvat {
	position: absolute;
	top: 20%;
	left: 50%;
	width: 600px;
}

.tekstib {
  font-weight: bold;
}

/*** Etusivun "sähkötyö" merkkaus...sininen teksti ***/
#korostus {
  font-weight: bold;
  color: #1219A8;
}


/****** KUVAGALLERIA ******/

/*** Thumbnailkuvien ympärillä ***/ 
.kuvareunus {
	border:  black 1px solid;
	background-color: white;
	width: 125px;
	height: 165px;
	text-align: center;	
	font-weight: normal;
	font-size: 11px;
 }

 /*** Isojen kuvien ympärillä ***/ 
.kuvareunus2 {
	border:  black 1px solid;
	background-color: white;
	width: 450px;
	height: 550px;
	text-align: center;	
	font-weight: normal;
	font-size: 11px;
    margin-bottom: 50px;
    margin-left:auto;
    margin-right:auto;
 }
 
#racing_front{
  float: right;
  border: 1px solid black;
  padding: 0;
  margin: 0;
}

#kumppanit{
    margin-right: 0px;
    padding-right: 0px;
}

 /*********** KUVAGALLERIA LOPPUU *******************/


 

/******** LAYOUT ***************/

/*** Reunoilla olevat varjot ***/
.reunat {
  width: 765px; /*780*/
  background-image: url(../images/varjot.jpg);
  background-repeat: repeat-y;
  background-position: center;
  margin-left:auto;
  margin-right:auto;
}

/*** Koko sivun rakenne on tämän sisällä ***/
#wrapper {
  background-color: #EDF3F9;
  border-right: 1px solid black;
  border-left: 1px solid black;
  margin: 0 auto;
  padding: 0;
  width: 746px; /*760*/
}

/*** Vasemmassa laidassa oleva menuvalikko ***/
#left {
  background-color: #F1F0F0;
  float: left;
  margin: 0;
  padding: 0px 1px 1px 1px;
  width: 0px;
  height: 100px;
}

/*** Oikea laita...tämän sisällä varsinaisen teksti/sisältö ***/
#right {
  float: right;
  width: 537px;
  _height: 600px;             /* IE hack */
  min-height: 600px;
  background-color: #F5F5F5;
  background-image: url(../images/piste.gif);
  background-repeat: repeat-y;
  background-position: left;
}

/*** Osoitetiedot alhaalla ***/
#footer {
  clear: both;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  width: 746px;
  height: 20px;
  color: black;
  background-image: url(../images/ala.jpg);
  background-repeat: no-repeat;
}

/*** Yläosan banner ***/
#top {
  background-color: white;
  height: 117px;
  margin: 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

/*** Yläbannerin alla oleva sininen palkki ***/
#palkki {
  background-color: #CDDAEA;
  height: 10px;
  margin: 0;
  border-bottom: 1px solid black;
}

/*** Teksti ja muu sisältö tämän sisälle ***/
 .sisalto {
   width: 476px; /*490*/
   margin-left: 30px;
   text-align: left;
   margin-bottom: 30px;
   margin-top: 20px;
   margin-right: 30px;
 }

.red {
    color: #d32300;
    font-weight: bold;
    text-transform: uppercase
}
/******************** LAYOUT LOPPUU **************************************************/


/********* NAVIGOINTI *************/
#navlist {
  left: 260px;
  top: 180px;
  width: 199px;
  margin-left: 2px;
  margin-top: 0px;
  height: 250px;                /* jos halutaan liikutta valikkoa alaspäin */
  background-color: #F1F0F0;		/* navigoinnin pohjaväri */
  padding-right: 20px;      		/* 17 että sininen alue ylettyy katkoviivaan asti */
  padding-top: 10px;
  background-image: url(../images/piste2.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

#navlist ul {
  margin: 0px 0 3px 0;		       /* jos halutaan liikutta valikkoa alaspäin, esim. taustaa varten */
  margin-left: 5px;
  margin-top: 30px;
  padding: 0;
  list-style-type: none;
}

#navlist li {
   margin: 0 0 3px 0;            /* navigoinnissa nappien välissä oleva tyhjä */
}


#navlist a {
  display: block;
  padding: 2px 2px 2px 24px;
  border: 1px solid;
  border-color: #000 #000 #000 #000;  /* nappien reunaviivan väri */
  font-size:10px;
  background-color: #CDDAEA;
  background-image:  url(../images/down.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

#navlist a:link, #navlist a:visited {
  color: black;                      /* fontin väri */
  text-decoration: none;
}

#navlist a:hover, #navlist a:active {
  background-color: #B1CCEA;
  background-image:  url(../images/over.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

#aktiivinen a:link, #aktiivinen a:visited,
#aktiivinen a:hover, #aktiivinen a:active {
  background-color: #B1CCEA;
  background-image:  url(../images/over.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
}