/*******************************/
/* BODY-ELEMENTIT ALKAA        */
/*******************************/

html, body{
    height:100%;
    margin:0;
    padding:0;
}

body{
    background-image:url('../layout/st-hurmos-mainostoimisto-tausta170112.jpg');
  	background-repeat:no-repeat;
    background-position:top center;
    background-color:black;
    background-attachment:  fixed;
    color:white;    
    font-size:14px;
    font-family: "Asul" ;
    font-weight:normal;
}

body.joulu{
    background: black;
    height:100%;
}

/*******************************/
/* DIV-ELEMENTIT ALKAA        */
/*******************************/

	div.container{
		position:relative;
	  	min-height:100%;
	  	height:100%;
		width:100%;
	    voice-family: "\"}\"";
	    voice-family: inherit;
	    height: auto;
	}

	html>body #container {
    	height: auto;
	}
    
    div.joulu-footer{
        position:absolute;
        height:102px;
        width:100%; 
        bottom:0px;
        background:url('../layout/Hurmos_Christmascard_bottom.jpg'); 
        background-repeat:repeat-x; 
        text-align:center;
    }

    div.push{
        height:102px;
    }

div.logo{
    float:left;
    width:290px;
}

div.linkit{
    float:left;
    padding-top:8px;
}

div.hallintalinkit{
    float:left;
    padding-top:16px;
    width:700px;
}

div.etusivu-sisaltoteksti{
    padding-top:10px;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:50px;
    line-height:130%;
}

div.sisaltoteksti{
    padding-left:25px;
    padding-right:25px;
    padding-bottom:10px;
    line-height:130%;
}

div.etusivu-nostot{
    
}

div.hallinta_otsikko{
	font-weight:bold;
	font-size:14px;
	padding-bottom:15px;
	padding-left:3px;
    color:white;
}

div.hallintalinkit{
    padding-bottom:20px;
}

div.nosto-portfolio-kuva{
    padding-left:31px;
    padding-top:27px;
}

div.virhe_teksti{
    color:rgb(102,0,0);
    padding-bottom:5px;
    font-weight:bold;
}

div.portfolio-edellinen{
    float:left;
    width:100px;
}

div.portfolio-seuraava{
    float:right;
    width:100px;
    padding-right:15px;
}

div.alaosa{
    background:url('../layout/mainostoimisto-alapala.png');
    background-repeat:no-repeat;
    background-position:bottom center;
    height:260px;
    width:100%;
    text-align:center;
}

div.sisennys10{
    padding-top:0px;
    padding-left:20px;
    padding-right:20px;
}

div.ohje{
    padding-bottom:25px;
    line-height:120%;
}

div.haku{
    padding-top:15px;
    padding-bottom:15px;
}

div.yhteystiedot{
    float:right;
    width:530px;
    padding-right:50px;
}

div.footer{
    position:fixed;
    bottom:0;
    background:url('../layout/st-hurmos-alapala180112.png');
    background-repeat:no-repeat;
    background-position:bottom center;
    height:111px;
    width:100%;
    text-align:center;
}

div.push-footer{
    height:111px;
}

/*******************************/
/* TABLE-ELEMENTIT ALKAA        */
/*******************************/

table.main_table{
  	width:1000px;
  	border-collapse:collapse;
  	margin-left:auto;
  	margin-right:auto;
}

table.collapse-leveys, table.leveys-collapse{
    width:100%;    
  	border-collapse:collapse;
}

table.collapse{    
  	border-collapse:collapse;
}

table.yhteystiedot{
    width:100%;
  	border-collapse:collapse;
}

td.yhteystieto{
    font-family:"Georgia";
    font-size:14px;
    padding-top:48px;
    line-height:135%;
    letter-spacing:1px;
    text-align:left;
    color:rgb(127,127,127);
}

table.yhteystiedot td a{
    font-family:"Georgia";
    font-size:14px;
}


/*******************************/
/* TD-ELEMENTIT ALKAA        */
/*******************************/

td{
	vertical-align:top;
}

td.banneri{
    padding-top:40px;
  	vertical-align:top;
}

td.keskiosio{
    width:700px;
    height:470px;
    min-height:470px;
    padding-bottom:10px;
}

td.oikea-palsta{
    width:253px;
    padding-left:47px;
    padding-top:157px;
}

td.paalinkit{
    padding-right:15px;
}

td.paalinkki{
    height:20px;
}

td.paalinkki-vika{
    padding-top:5px;
    vertical-align:middle;
}

td.alilinkki-nuoli{
    padding-right:20px;
}

td.alilinkit{

}

td.alilinkki{
    padding-bottom:2px;
    background:url('../layout/st-hurmos-alilink-pystyviiv.png');
    background-repeat:repeat-y;
    background-position:top left;
    padding-left:13px;
}

tr.nosto-otsikkorivi{
    background:url('../layout/mainostoimiston-palvelut-kokkola-valiviiva.png');
    background-repeat:no-repeat;
    background-position:bottom;
}

td.nosto-ajankohtaista{
    width:300px;
    color:white;
    font-size:14px;
    padding-bottom:20px;
}

td.nosto-portfolio{
    width:195px;
    color:white;
    font-size:14px;
    padding-bottom:5px;
    padding-left:5px;
    padding-bottom:20px;
}

td.nosto-paivitys{
    width:195px;
    color:white;
    font-size:14px;
    padding-bottom:5px;
    padding-left:5px;
    padding-bottom:20px;
}

td.ajankohtaista-pvm{
    color:white;
    font-size:13px;
    padding-left:25px;
    padding-bottom:5px;
    width:275px;
}

td.ajankohtaista-teksti{
    font-size:12px;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:5px;
    width:250px;
    line-height:125%;
    font-family:"Trebuchet MS";
}

td.nosto-portfolio-kuva{
    background:url('../layout/st-hurmos-pappohja-etus.png');
    background-repeat:no-repeat;
    background-position:top left;
}

div.valiviiva-ala{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}


td.hallintalinkki{
    padding-right:10px;
    padding-bottom:5px;
}

td.hallintalistanSolu{
  	font-weight:bold;
	text-decoration:underline;
  	padding-right:10px;
  	padding-bottom:5px;
}

td.listanSoluIsa{
	font-weight:bold;
  	padding-right:10px;
  	padding-bottom:3px;
}

td.listanSoluLapsi{
  	padding-right:10px;
  	padding-left:10px;
  	padding-bottom:3px;
}

td.listanSoluLapsi2{
  	padding-right:10px;
  	padding-left:20px;
  	padding-bottom:3px;
}

td.listanSoluLapsi3{
  	padding-right:10px;
  	padding-left:30px;
  	padding-bottom:3px;
}

td.listanSolu{
  	padding-right:10px;
  	padding-bottom:3px;
}

td.kirjoitusLinkki{
	padding-left:15px;
}

td.lomake_otsikko{
  	padding-top:6px;
  	padding-bottom:3px;
}

td.nappi{
  	padding-top:10px;
  	padding-bottom:10px;
}


td.valiotsikko{
  	padding-top:10px;
  	padding-bottom:5px;
}

td.lomake{
  	padding-bottom:4px;
}

td.lomake-otsikko{
  	padding-bottom:2px;
}

td.lomake-kentta{
    padding-bottom:5px;
}

td.portfolio-otsikko{
    width:400px;
    padding-right:50px;
    height:30px;
}

td.portfolio-teksti{
    width:400px;
    padding-right:50px;
    padding-bottom:40px;
}

td.portfolio-kuva{
    width:198px;
    background:url('../layout/portf-pappohj-200x140.png');
    background-repeat:no-repeat;
    background-position:top left;
    text-align:center;
    padding-top:12px;
    padding-right:2px;
    padding-bottom:40px;
}

div.portfolio-asiakasnimi{
   padding-top:14px; 
}

td.portfolio-thumb{
    width:198px;
    background:url('../layout/portf-pappohj-200x140.png');
    background-repeat:no-repeat;
    background-position:top left;
    text-align:center;
    padding-top:15px;
    padding-right:20px;
    padding-bottom:15px;
    vertical-align:middle;
}

td.kategoria-otsikko{
    padding-top:3px;
    padding-bottom:4px;
    font-size:13px;
    font-weight:bold;
}

td.taulukko_solu{
    padding-right:30px;
}

td.taulukko_solu_tilava{
    padding-bottom:20px;
    padding-right:20px;
}


/*******************************/
/* INPUT, TEXTAREA             */
/*******************************/
    
    input.box{
      	color:white;
      	background-color:rgb(51,51,51);
      	border:2px solid white;
    }
        
    input.lomake{
      	width:600px;
      	color:white;
      	background-color:rgb(51,51,51);
      	border:1px solid white;
        padding:2px;
    }

    input.lomake-hallinta{
      	width:600px;
      	border:2px solid white;
        padding:2px;
    }
    
    input.hallinta, select.hallinta{
        width:600px;
    }

    input.kirjautuminen{
        width:150px;
    }

    input.leveys{
        width:100%;
    }

    textarea.tp{
      	color:white;
      	background-color:rgb(51,51,51);
      	border:1px solid white;
        padding:2px;
    }



/*******************************/
/* SELECT-ELEMENTIT ALKAA      */
/*******************************/

    select.levee{
        width:100%;
    }
    
    

/*******************************/
/* A-ELEMENTIT ALKAA           */
/*******************************/

    a{
        font-family:"Palatino Linotype";
        text-decoration:none;
        font-size:13px;
        color:white;
    }

    a:hover{
        color:rgb(102,0,0);        
    }

    a.linkkiTekstissa, a.hallinta{
        font-family:"Trebuchet MS";
        color:rgb(102,0,0);
    }

    a.alilinkki{
        font-size:12px;
    }

    a.hallintalinkki, a.hallintalinkki-valittu{
        font-size:13px;
    }

    a.alilinkki-valittu,a.alilinkki:hover, a.hallintalinkki-valittu, a.hallintalinkki:hover{
        color:rgb(102,0,0);
    }

    a.highslide-linkki{
        color:rgb(102,0,0);
        font-size:14px;
    }

    a.highslide-linkki:hover{
        text-decoration:underline;
    }

    td.keskiosio a{
        font-family:"Asul";
        font-size:14px;
        color:rgb(102,0,0);
        white-space: nowrap;
    }

    td.keskiosio a:hover{
        text-decoration: underline;
    }

/*******************************/
/* A-ELEMENTIT LOPPUU          */
/*******************************/

/********************************/
/* IMG-ELEMENTIT ALKAA          */
/********************************/

    img{
      border:0px;
    }

    img.pika, img.portfolio-kuva{
        cursor: pointer; cursor: hand;
    }

    img.etusivu-portfolio{
        width:108px;
    }
    
    img.portfolio-thumb{
        width:160px;
    }

/********************************/
/* H1,H2,H3-ELEMENTIT              */
/********************************/

	
	h1{
        font-family:"Georgia";
	  	font-size:24px;
        color:white;
        margin-top:0px;
	}

	h2{
        font-family:"Georgia";	   
	  	font-size:17px;
        color:white;
        margin-top:0px;
	}
    
    h3{
        font-family:"Georgia";
        margin-top:0px;
        margin-bottom:0px;
    }