/*******************************/
/* UUDET SIVUT        		   */
/*******************************/

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

body.tausta_uusi{
  	background-image:url('../layout/uusi/taustapala.jpg');
  	background-repeat:repeat-x;
  	background-color:black;
    color:white;    
    font-size:12px;
    font-family: "Lucida sans unicode"; 
	margin:1px; 
}


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

table.leipatausta{
  	background-image:url('../layout/uusi/leiptylapala130509.jpg');
  	background-repeat:no-repeat;
}

td{
	vertical-align:top;
}

td.hallinta_haku{
	width:160px;
	padding-right:10px;
}

td.hallinta_kapea{
	width:750px;
	padding-left:10px;
}

td.banneri_uusi{
  	height:190px;
  	vertical-align:top;
}

td.linkkipalkki{
  	width:144px;
  	padding-top:20px;
  	padding-left:50px;
  	vertical-align:top;
}

td.leipaosio{
  	width:756px;
  	height:350px; 
  	background-image:url('../layout/uusi/leiptalapala.jpg');
  	background-repeat:no-repeat;  	
  	background-position:bottom;
  	background-color:black;  
	vertical-align:top;
	padding-bottom:150px;
}

td.leipateksti{
  	padding-left:20px;
  	padding-top:20px;
  	vertical-align:top;
}

td.tekstialue_kapea{
  	width:546px;
  	vertical-align:top;
}

td.tekstialue_levea{
  	width:736px;
  	padding-right:20px;
  	vertical-align:top;
}

td.yhteistyo_teksti{
 	width:401px; 
 	padding-right:20px;
}

td.yhteistyo_kuva{
  	width:125px;
}


td.kuvapalkki{
  	width:170px;
  	text-align:right;
  	padding-right:20px;
  	padding-left:20px;
  	padding-bottom:30px;
  	vertical-align:top;
}

td.portfolionimi{
    vertical-align:top;
    width:546px;
    padding-bottom:10px;
}
    
td.portfolioteksti{
    vertical-align:top;
    width:546px;
	padding-bottom:30px;
}

td.valiotsikko{
  	padding-top:10px;
  	padding-bottom:5px;
}
    
input.lomake{
  	width:492px;
  	color:white;
  	background-color:black;
  	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.50;
  	border:2px solid white;
}

textarea.tp{
  	color:white;
  	background-color:black;
  	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.50;
  	border:2px solid white;

}

div.ok_teksti{
	height:400px;
}

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

body.taustaHurmos {
    margin-top: 30px;
    margin-left: 50px;
    background:black;
    color:white;
    font-size:12px;
    font-family: Lucida sans unicode;
}

/*******************************/
/* BODY-ELEMENTIT LOPPUU       */
/*******************************/

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

    /* DIV-ELEMENTIT :: TYYLI ALKAA          */

	div.teksti16{
	  	font-size:16px;
	}

    div.solmu{
        padding-left:25px;
    }

    div.pystylinkitHurmos{
        height:375px;
        width:175px;
        margin-left:25px;
    }

    div.virhe_teksti{
        color:rgb(149,25,29);
        font-size:12px;
        width:100%;
        padding-bottom:5px;
    }

    div.virhe_tekstihallinta{
        color:rgb(149,25,29);
        font-size:12px;
        width:100%;
        padding-bottom:5px;
    }

    div.postiOK{
        color:white;
        font-size:12px;
        width:100%;
        padding-bottom:5px;
    }

    div.tilaaYlos{
        padding-top:12px;
    }
    
    div.palvelu_otsikko{
	  	padding-top:20px;
	}

    div.palvelu_teksti{
	  	padding-top:8px;
	}
    
    div.tilaaYlosAlaviiva{
        padding-top:12px;
        border-bottom:1px white solid;
        padding-bottom:12px;
    }

	div.hallinta_otsikko{
		font-weight:bold;
		font-size:14px;
		padding-bottom:15px;
		padding-left:3px;
	}
    
    /* DIV-ELEMENTIT :: TYYLI LOPPUU     */

/*******************************/
/* DIV-ELEMENTIT LOPPUU        */
/*******************************/


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



    table.hallintalista td{
        padding-right:15px;
        vertical-align:top;
    }
    
    
    table.leveys{
        width:100%
    }

    table.collapse{
        border-collapse:collapse;
        height:180px;
        width:824px;
    }

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

    table.tableLeipaCollapse{
        border-collapse:collapse;
        width:340px;
        vertical-align:top;
    }
    
    table.collapse_basic{
        border-collapse:collapse;
    }

/********************************/
/* TABLE-ELEMENTIT LOPPUU       */
/********************************/

/********************************/
/* TR-ELEMENTIT ALKAA          */
/********************************/

    tr.pikkurivi{
        height:15px;
    }

    tr.hallintaOtsikko{
        height:15px;
        vertical-align:top;
    }

/********************************/
/* TR-ELEMENTIT LOPPUU        */
/********************************/

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

	td.yhteistyo_otsikko{
	  	padding-top:25px;
	  	padding-bottom:5px;
	  	font-size:15px;
	}

    td.hallinta_valiotsikko{
        padding-top:10px;
        padding-bottom:6px;
        font-size:14px;
    }

    td.banneri{
        height:180px;
        width:825px;
    }

    td.vasenPalkki{
        width:200px;
        vertical-align:top;
    }

    td.leipa{
        background: url('../layout/pohja_valkkulmavasen.jpg');
        background-repeat:no-repeat;
        vertical-align:top;
        padding-top:20px;
        line-height:120%;
        padding-left:40px;
        width:625px;
    }

    td.leipa_hallinta{
        background: url('../layout/pohja_valkkulmavasen.jpg');
        background-repeat:no-repeat;
        vertical-align:top;
		padding-top:15px;
        padding-left:15px;
        padding-right:5px;
        padding-bottom:10px;
        line-height:120%;
    }

    td.tdleipa{
        vertical-align:top;
        width:340px;
    }

    td.tdasiakasnimi, td.tduutisnimi{
        vertical-align:top;
        height:20px;
        padding-bottom:10px;
    }
    
    td.tduutisnimi{
        padding-top:12px;
        font-size:11px;
        font-weight:bold;
    }

    td.tdasiakasteksti, td.tduutisteksti{
        vertical-align:top;
        padding-bottom:20px;
    }
    
    td.tduutisteksti{
         /* border-bottom:1px solid white; */
    }

    td.tdleipakuvat, td.tduutiskuvat{
        width:225px;
        text-align:right;
        vertical-align:top;
        padding-bottom:20px;
    }
    
    td.tduutiskuvat{
        /* border-bottom:1px solid white; */
    }

    td.tdAlaosa{
        text-align:center;
        padding-top:25px;
        padding-bottom:20px;
    }

    td.tekstiOikealle{
        text-align:right;
    }

    td.tekstiYlos{
        vertical-align:top;
    }

    td.tilaaYlos, td.tilaaYlosPad{
        padding-top:6px;
        vertical-align:top;
    }
    
    td.tilaaYlosNappi{
        padding-top:14px;
    }

    td.tilaaYlosPad{
        padding-left:10px;
    }

    td.input250 {
        width:250px;
        background:black;
        border-top:0px;
        border-right:0px;
        border-left:0px;
        color:white;
    }

    td.input250Normi{
        width:250px;
    }

    td.input400 {
        width:400px
    }

    td.valiotsikkoAlaviiva2{
        width:300px;
        text-decoration:underline;
        padding-top:2px;
    }

    td.valiotsikkoAlaviiva{
        width:300px;
        text-decoration:underline;
        padding-top:10px;
        padding-bottom:8px;
    }

    td.input200{
        width:200px;
    }

    td.inputTd100{
        width:100px;
    }

    td.inputTd100TilaaYlos{
        width:100px;
        padding-top:10px;
    }

    td.textindent{
        text-indent:20px;
    }

    td.tilaaLinkille{
        padding-bottom:10px;
    }

    td.hallintalinkki{
        padding-left:5px;
    }

    tr.kirjoituslistaAlkio, tr.kirjoituslistaAlkioVari{
        vertical-align:top;
    }

    tr.kirjoituslistaAlkioVari{
        background-color: 	rgb(27,26,26);
    }

    td.kirjoitusLinkki, td.kirjoitusLinkkiMuokkaa{
        vertical-align:top;
        padding-right:5px;
        padding-bottom:5px;
        font-size:11px;
    }
    
    td.kirjoitusLinkkiLeft{
        vertical-align:top;
        padding-left:10px;
        padding-bottom:5px;
        font-size:11px;
    }
    
    td.kirjoitusLinkkiMuokkaa{
        padding-left:10px;
        font-size:11px;
    }

    td.hallintaOtsikko{
        width:110px;
        font-size:14px;
    }

/********************************/
/* TD-ELEMENTIT LOPPUU          */
/********************************/

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

    select.levee{
        width:100%;
    }

/*******************************/
/* SELECT-ELEMENTIT LOPPUU     */
/*******************************/


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

	a.yhteistyo{
	  	font-size:13px;	
	  	font-weight:bold;
	}

    a.linkkiTekstissa:hover, a.hallinta:hover, a.hallinta_valittu{
        color:rgb(149,25,29);
    }

    a.linkkiTekstissa, a.hallinta{
        color:rgb(109,108,109);
    }

    a{
        text-decoration:none;
        font-size:12px;
        color:rgb(109,108,109);
    }

    a.harmaaLinkki:hover, a:hover{
        color:rgb(149,25,29);
    }

    a.harmaaLinkki{
        color:rgb(109,108,109);
        text-decoration:none;
        font-size:15px;
    }

    a.valittuLinkkiHurmos{
        text-decoration:none;
        font-size:15px;
        color:rgb(149,25,29);
    }

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

    a.alilinkkiValittu{
        font-size:13px;
        color:rgb(149,25,29);
    }

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

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

    img{
      border:0px;
    }

    img.bannerinKoko{
      height:125px;
      width:219px;
    }

    img.kieli{
        height:15px;
        width:30px;
        cursor: pointer; cursor: hand;
    }
    
    img.imgHarmaa{
        border:2px solid rgb(109,108,109);
        cursor:pointer; cursor:hand;
    }
    
    img.harmaa{
        border:2px solid rgb(109,108,109);
    }

/********************************/
/* IMG-ELEMENTIT LOPPUU         */
/********************************/

    input.leveys{
        width:100%;
    }

	
	h1.otsikko{
	  	font-size:14px;
	}