/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18.11.2016, 14:10:00
    Author     : pasisaastamoinen
*/

#valikko {
    //border: 1px solid black;
    //margin: 2px;
    //padding: 2px;
    display:inline-block;
}
body {
    background-color: #E0ECF8;
}
.taulu {
    border: 0px;
}

div.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    
    text-decoration: none;
    color: initial;
}

a {
    text-decoration: none;
}

#nappi_menu {
    background-color: #4CAF50; /* Green */
    color: white;
    //padding: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 16px;
    width: 120px;
}
#nappi {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 16px;
    width: 200px;
}
#nappi2 {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 16px;
    width: 200px;
}
#nappi3 {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 16px;
    width: 200px;
}
#manu {
    background-color: grey; /* Yellow */
    color: white;
    padding: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    margin-right: 10px;
    font-size: 16px;
    width: 200px;
}
/* TD TYYLIT */

#nappi_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 16px;
    width: 200px;
}
#nappi2_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 16px;
    width: 200px;
}
#nappi3_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    margin-right: 10px;
    font-size: 16px;
    width: 200px;
}
#manu_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    margin-right: 10px;
    font-size: 16px;
    width: 200px;
}

@media only screen and (max-device-width: 960px) {
#nappi {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 1px 7px 1px 7px;
    text-decoration: none; 
    margin-top: 5px;
    font-size: 32px;
    width: 100%;
    height:100%;
    }
    #nappi2 {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 1px 7px 1px 7px;
    text-decoration: none; 
    margin-top: 5px;
    font-size: 32px;
    width: 100%;
    height:100%;
    }
    #nappi3 {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 1px 7px 1px 7px;
    text-decoration: none; 
    margin-top: 5px;
    margin-right: 5px;
    font-size: 32px;
    width: 100%;
    height:100%;
    }   
    /* TD TYYLIT */
    #nappi_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 10px;
        width: 45%;
        margin-bottom: 10px;
    }
    #nappi2_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 10px;
        width: 45%;
        margin-bottom: 2px;
    }
    #nappi3_td {
        color: white;
        text-decoration: none; 
        text-align: center;
        margin-top: 10px;
        margin-right: 10px;
        width: 45%;
        margin-bottom: 10px;
    }
    #manu_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 10px;
        width: 45%;
        margin-bottom: 10px;
    }
}