body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


hr {
    border-top: 3px solid goldenrod;
}

.ortnamn
{
  font-weight:bold;
}


.stattext 
{
  text-align:right;
}



#MainContent_spelpanel {
    text-align: center;
}

#MainContent_svarspanel {
    padding: 20px 0;
}

.valPanel {

    font-size:1.5em;
    text-align:center;
}

.checkpanel {
    padding: 20px 0;
}

#nyttSpelPanel {
    font-size: 1.6em;
    display: block;
}

#fragepanel {
    font-size:1.6em;
    display:block;
}

#svarspanel {
    text-align:center;
}


.infotext {
    display: inline-block;
    margin: 2px;
}

    .infotext .u1 {
        font-size: 2em;
        position: relative;
        color: black;
        text-align: center;
        border-radius: 0px;
        font-family: 'Times New Roman', Times, serif;

        border-radius: 40px;
        border: 5px solid white;
    }

        .infotext .u1 .u2 {
            padding: 0 30px;
        }

            .infotext .u1 .u2 p {
                text-align: center;
                margin: 0;
                display: inline-block;
            }

.infotext_vald {
    display: inline-block;
    margin: 2px;
}

    .infotext_vald .u1 {
        font-size: 2em;
        position: relative;
        color: black;
        text-align: center;
        border-radius: 0px;
        font-family: 'Times New Roman', Times, serif;
        border-radius: 40px;
        border: 5px solid forestgreen;
    }

        .infotext_vald .u1 .u2 {
            padding: 0 30px;
        }

            .infotext_vald .u1 .u2 p {
                text-align: center;
                margin: 0;
                display: inline-block;
            }


.infoval {
    display: block;
    margin: 2px;
}

    .infoval .u1 {
        font-size: 2.5em;
        padding: 10px 0px;
        margin: 0px 0;
        position: relative;
        background-color: ghostwhite;
        text-align: center;
        border-radius: 40px;
        font-family: 'Times New Roman', Times, serif;
        color: black;
        border: 5px solid white;
    }

        .infoval .u1 .u2 {
            padding: 0 30px;
        }

            .infoval .u1 .u2 p {
                text-align: center;
                margin: 0;
                display: inline-block;
            }



.infoval_vald {
    display: block;
    margin: 2px;
}

    .infoval_vald .u1 {
        font-size: 2.5em;
        padding: 10px 0px;
        margin: 0px 0;
        position: relative;
        background-color: ghostwhite;
        text-align: center;
        border-radius: 40px;
        font-family: 'Times New Roman', Times, serif;
        color: black;
        border: 5px solid forestgreen;
    }

        .infoval_vald .u1 .u2 {
            padding: 0 30px;
        }

            .infoval_vald .u1 .u2 p {
                text-align: center;
                margin: 0;
                display: inline-block;
            }


.fraaga {
    display: block;
    margin: 2px;
}

    .fraaga .u1 {
        font-size: 2.5em;
        padding: 10px 0px;
        margin: 0px 0;
        position: relative;
        background-color: ghostwhite;
        text-align: center;
        border-radius: 40px;
        font-family: 'Times New Roman', Times, serif;
        color: black;
        border: 5px solid white;
    }

    .fraaga .u1 .u2 {
        padding: 0 30px;
    }

        .fraaga .u1 .u2 p {
            text-align: center;
            margin: 0;
            display: inline-block;
        }


.fraaga_r {
    display: block;
    margin: 2px;
}

    .fraaga_r .u1 {
        font-size: 2.5em;
        padding: 10px 0px;
        margin: 0px 0;
        position: relative;
        background-color: ghostwhite;
        text-align: center;
        border-radius: 40px;
        font-family: 'Times New Roman', Times, serif;
        color: black;
        border: 5px solid forestgreen;
    }

        .fraaga_r .u1 .u2 {
            padding: 0 30px;
        }

            .fraaga_r .u1 .u2 p {
                text-align: center;
                margin: 0;
                display: inline-block;
            }


.fraaga_f {
    display: block;
    margin: 2px;
}

    .fraaga_f .u1 {
        font-size: 2.5em;
        padding: 10px 0px;
        margin: 0px 0;
        position: relative;
        background-color: ghostwhite;
        text-align: center;
        border-radius: 40px;
        font-family: 'Times New Roman', Times, serif;
        color: black;
        border: 5px solid orangered;
    }

        .fraaga_f .u1 .u2 {
            padding: 0 30px;
        }

            .fraaga_f .u1 .u2 p {
                text-align: center;
                margin: 0;
                display: inline-block;
            }


.svarsalternativ {
    display: inline-block;
    margin: 10px;
}

    .svarsalternativ .u1 {
        font-size: 5em;
        position: relative;
        color: goldenrod;
        text-align: center;
        border-radius: 0px;
        font-family: 'Times New Roman', Times, serif;
        font-style: italic;
        letter-spacing: 0.5rem;
        border-radius: 40px;
        border: 5px solid white;
    }

        .svarsalternativ .u1 .u2 {
            padding: 0 30px;
            margin: 0 auto;
            display: inline-block;
        }

            .svarsalternativ .u1 .u2 p {

                text-align: center; 
                margin: 0;
            }

.svarsalternativ_r {
    display: inline-block;
    margin: 10px;
}

    .svarsalternativ_r .u1 {
        font-size: 5em;
        position: relative;
        color: goldenrod;
        text-align: center;
        border-radius: 0px;
        font-family: 'Times New Roman', Times, serif;
        font-style: italic;
        letter-spacing: 0.5rem;
        border-radius: 40px;
        border: 5px solid forestgreen;
    }

        .svarsalternativ_r .u1 .u2 {
            padding: 0 30px;
            margin: 0 auto;
            display: inline-block;
        }

            .svarsalternativ_r .u1 .u2 p {
                text-align: center;
                margin: 0;
            }

.svarsalternativ_f {
    display: inline-block;
    margin: 10px;
}

    .svarsalternativ_f .u1 {
        font-size: 5em;
        position: relative;
        color: goldenrod;
        text-align: center;
        border-radius: 0px;
        font-family: 'Times New Roman', Times, serif;
        font-style: italic;
        letter-spacing: 0.5rem;
        border-radius: 40px;
        border: 5px solid orangered;
    }

        .svarsalternativ_f .u1 .u2 {
            padding: 0 30px;
            margin: 0 auto;
            display: inline-block;
        }

            .svarsalternativ_f .u1 .u2 p {
                text-align: center;
                margin: 0;
            }








#svarspanel .fraaga, #svarspanel .fraaga_r, #svarspanel .fraaga_f {
    display: block;
}

#logPanel {
    padding: 20px 0;
}







.logginfotext {
    display: inline-block;
    margin: 2px;
}

.logginfotext .u1 {
    font-size: 1em;
    position: relative;
    color: black;
    text-align: center;
    border-radius: 0px;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 20px;
    border: 3px solid white;
}

.logginfotext .u1 .u2 {
    padding: 0 15px;
}

.logginfotext .u1 .u2 p {
    text-align: center;
    margin: 0;
    display: inline-block;
}

.logginfotext_vald {
    display: inline-block;
    margin: 2px;
}

.logginfotext_vald .u1 {
    font-size: 1em;
    position: relative;
    color: black;
    text-align: center;
    border-radius: 0px;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 20px;
    border: 3px solid forestgreen;
}

.logginfotext_vald .u1 .u2 {
    padding: 0 15px;
}

.logginfotext_vald .u1 .u2 p {
    text-align: center;
    margin: 0;
    display: inline-block;
}


.logginfoval {
    display: block;
    margin: 2px;
}

.logginfoval .u1 {
    font-size: 1.2em;
    padding: 5px 0px;
    margin: 0px 0;
    position: relative;
    background-color: ghostwhite;
    text-align: center;
    border-radius: 20px;
    font-family: 'Times New Roman', Times, serif;
    color: black;
    border: 3px solid white;
}

.logginfoval .u1 .u2 {
    padding: 0 15px;
}

.logginfoval .u1 .u2 p {
    text-align: center;
    margin: 0;
    display: inline-block;
}



.logginfoval_vald {
    display: block;
    margin: 2px;
}

.logginfoval_vald .u1 {
    font-size: 1.2em;
    padding: 5px 0px;
    margin: 0px 0;
    position: relative;
    background-color: ghostwhite;
    text-align: center;
    border-radius: 20px;
    font-family: 'Times New Roman', Times, serif;
    color: black;
    border: 3px solid forestgreen;
}

.logginfoval_vald .u1 .u2 {
    padding: 0 15px;
}

.logginfoval_vald .u1 .u2 p {
    text-align: center;
    margin: 0;
    display: inline-block;
}


.loggfraaga {
    display: block;
    margin: 2px;
}

.loggfraaga .u1 {
    font-size: 1.2em;
    padding: 5px 0px;
    margin: 0px 0;
    position: relative;
    background-color: ghostwhite;
    text-align: center;
    border-radius: 20px;
    font-family: 'Times New Roman', Times, serif;
    color: black;
    border: 3px solid white;
}

.loggfraaga .u1 .u2 {
    padding: 0 15px;
}

.loggfraaga .u1 .u2 p {
    text-align: center;
    margin: 0;
    display: inline-block;
}


.loggfraaga_r {
    display: block;
    margin: 2px;
}

.loggfraaga_r .u1 {
    font-size: 1.2em;
    padding: 5px 0px;
    margin: 0px 0;
    position: relative;
    background-color: ghostwhite;
    text-align: center;
    border-radius: 20px;
    font-family: 'Times New Roman', Times, serif;
    color: black;
    border: 3px solid forestgreen;
}

.loggfraaga_r .u1 .u2 {
    padding: 0 15px;
}

.loggfraaga_r .u1 .u2 p {
    text-align: center;
    margin: 0;
    display: inline-block;
}


.loggfraaga_f {
    display: block;
    margin: 2px;
}

.loggfraaga_f .u1 {
    font-size: 1.2em;
    padding: 5px 0px;
    margin: 0px 0;
    position: relative;
    background-color: ghostwhite;
    text-align: center;
    border-radius: 20px;
    font-family: 'Times New Roman', Times, serif;
    color: black;
    border: 3px solid orangered;
}

.loggfraaga_f .u1 .u2 {
    padding: 0 15px;
}

.loggfraaga_f .u1 .u2 p {
    text-align: center;
    margin: 0;
    display: inline-block;
}


.loggsvarsalternativ {
    display: inline-block;
    margin: 10px;
}

.loggsvarsalternativ .u1 {
    font-size: 2.5em;
    position: relative;
    color: goldenrod;
    text-align: center;
    border-radius: 0px;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    letter-spacing: 0.5rem;
    border-radius: 20px;
    border: 3px solid white;
}

.loggsvarsalternativ .u1 .u2 {
    padding: 0 15px;
    margin: 0 auto;
    display: inline-block;
}

.loggsvarsalternativ .u1 .u2 p {
    text-align: center;
    margin: 0;
}

.loggsvarsalternativ_r {
    display: inline-block;
    margin: 10px;
}

.loggsvarsalternativ_r .u1 {
    font-size: 2.5em;
    position: relative;
    color: goldenrod;
    text-align: center;
    border-radius: 0px;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    letter-spacing: 0.5rem;
    border-radius: 20px;
    border: 3px solid forestgreen;
}

.loggsvarsalternativ_r .u1 .u2 {
    padding: 0 15px;
    margin: 0 auto;
    display: inline-block;
}

.loggsvarsalternativ_r .u1 .u2 p {
    text-align: center;
    margin: 0;
}

.loggsvarsalternativ_f {
    display: inline-block;
    margin: 10px;
}

.loggsvarsalternativ_f .u1 {
    font-size: 2.5em;
    position: relative;
    color: goldenrod;
    text-align: center;
    border-radius: 0px;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    letter-spacing: 0.5rem;
    border-radius: 20px;
    border: 3px solid orangered;
}

.loggsvarsalternativ_f .u1 .u2 {
    padding: 0 15px;
    margin: 0 auto;
    display: inline-block;
}

            .loggsvarsalternativ_f .u1 .u2 p {
                text-align: center;
                margin: 0;
            }






/********************
*   Mobile Styles   *
********************/


@media only screen and (max-width: 1600px) {





}







    @media only screen and (max-width: 1000px) {


        .valPanel {
            font-size: 1em;
            text-align: center;
        }



        .infotext {
            display: inline-block;
            margin: 2px;
        }

            .infotext .u1 {
                font-size: 1em;
                position: relative;
                color: black;
                text-align: center;
                border-radius: 0px;
                font-family: 'Times New Roman', Times, serif;
                border-radius: 20px;
                border: 3px solid white;
            }

                .infotext .u1 .u2 {
                    padding: 0 15px;
                }

                    .infotext .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                        display: inline-block;
                    }

        .infotext_vald {
            display: inline-block;
            margin: 2px;
        }

            .infotext_vald .u1 {
                font-size: 1em;
                position: relative;
                color: black;
                text-align: center;
                border-radius: 0px;
                font-family: 'Times New Roman', Times, serif;
                border-radius: 20px;
                border: 3px solid forestgreen;
            }

                .infotext_vald .u1 .u2 {
                    padding: 0 15px;
                }

                    .infotext_vald .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                        display: inline-block;
                    }


        .infoval {
            display: block;
            margin: 2px;
        }

            .infoval .u1 {
                font-size: 1.2em;
                padding: 5px 0px;
                margin: 0px 0;
                position: relative;
                background-color: ghostwhite;
                text-align: center;
                border-radius: 20px;
                font-family: 'Times New Roman', Times, serif;
                color: black;
                border: 3px solid white;
            }

                .infoval .u1 .u2 {
                    padding: 0 15px;
                }

                    .infoval .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                        display: inline-block;
                    }



        .infoval_vald {
            display: block;
            margin: 2px;
        }

            .infoval_vald .u1 {
                font-size: 1.2em;
                padding: 5px 0px;
                margin: 0px 0;
                position: relative;
                background-color: ghostwhite;
                text-align: center;
                border-radius: 20px;
                font-family: 'Times New Roman', Times, serif;
                color: black;
                border: 3px solid forestgreen;
            }

                .infoval_vald .u1 .u2 {
                    padding: 0 15px;
                }

                    .infoval_vald .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                        display: inline-block;
                    }


        .fraaga {
            display: block;
            margin: 2px;
        }

            .fraaga .u1 {
                font-size: 1.2em;
                padding: 5px 0px;
                margin: 0px 0;
                position: relative;
                background-color: ghostwhite;
                text-align: center;
                border-radius: 20px;
                font-family: 'Times New Roman', Times, serif;
                color: black;
                border: 3px solid white;
            }

                .fraaga .u1 .u2 {
                    padding: 0 15px;
                }

                    .fraaga .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                        display: inline-block;
                    }


        .fraaga_r {
            display: block;
            margin: 2px;
        }

            .fraaga_r .u1 {
                font-size: 1.2em;
                padding: 5px 0px;
                margin: 0px 0;
                position: relative;
                background-color: ghostwhite;
                text-align: center;
                border-radius: 20px;
                font-family: 'Times New Roman', Times, serif;
                color: black;
                border: 3px solid forestgreen;
            }

                .fraaga_r .u1 .u2 {
                    padding: 0 15px;
                }

                    .fraaga_r .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                        display: inline-block;
                    }


        .fraaga_f {
            display: block;
            margin: 2px;
        }

            .fraaga_f .u1 {
                font-size: 1.2em;
                padding: 5px 0px;
                margin: 0px 0;
                position: relative;
                background-color: ghostwhite;
                text-align: center;
                border-radius: 20px;
                font-family: 'Times New Roman', Times, serif;
                color: black;
                border: 3px solid orangered;
            }

                .fraaga_f .u1 .u2 {
                    padding: 0 15px;
                }

                    .fraaga_f .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                        display: inline-block;
                    }


        .svarsalternativ {
            display: inline-block;
            margin: 10px;
        }

            .svarsalternativ .u1 {
                font-size: 2.5em;
                position: relative;
                color: goldenrod;
                text-align: center;
                border-radius: 0px;
                font-family: 'Times New Roman', Times, serif;
                font-style: italic;
                letter-spacing: 0.5rem;
                border-radius: 20px;
                border: 3px solid white;
            }

                .svarsalternativ .u1 .u2 {
                    padding: 0 15px;
                    margin: 0 auto;
                    display: inline-block;
                }

                    .svarsalternativ .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                    }

        .svarsalternativ_r {
            display: inline-block;
            margin: 10px;
        }

            .svarsalternativ_r .u1 {
                font-size: 2.5em;
                position: relative;
                color: goldenrod;
                text-align: center;
                border-radius: 0px;
                font-family: 'Times New Roman', Times, serif;
                font-style: italic;
                letter-spacing: 0.5rem;
                border-radius: 20px;
                border: 3px solid forestgreen;
            }

                .svarsalternativ_r .u1 .u2 {
                    padding: 0 15px;
                    margin: 0 auto;
                    display: inline-block;
                }

                    .svarsalternativ_r .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                    }

        .svarsalternativ_f {
            display: inline-block;
            margin: 10px;
        }

            .svarsalternativ_f .u1 {
                font-size: 2.5em;
                position: relative;
                color: goldenrod;
                text-align: center;
                border-radius: 0px;
                font-family: 'Times New Roman', Times, serif;
                font-style: italic;
                letter-spacing: 0.5rem;
                border-radius: 20px;
                border: 3px solid orangered;
            }

                .svarsalternativ_f .u1 .u2 {
                    padding: 0 15px;
                    margin: 0 auto;
                    display: inline-block;
                }

                    .svarsalternativ_f .u1 .u2 p {
                        text-align: center;
                        margin: 0;
                    }









    }



    .textruta {
        font-size: 1.4em;
        font-family: Georgia;
        background-color: inherit;
        text-align: center;
        z-index: -10;
    }

    .textruta_watermark {
        color: #808080;
        font-style: italic;
        font-size: 1.4em;
        font-family: Georgia;
        background-color: inherit;
        text-align: center;
    }




    .loggNummer {
        width: 100px;
        height: 100px;
        background-color: #FFFF80;
        border-radius: 50px;
        text-align: center;
        font-size: 45px;
        margin: 0 auto;
    }



    p.loggStat {
        font-size: 0.8em;
        margin: 10px;
    }