/*
   Skoli:   Haskoli Islands
   Kennari: Olafur Sverrir Kjartansson
   Nemandi: Helgi Hafnar Gestsson
   Afangi:  Vefforritun
*/

body
{
 background-color:       #5555ff;
}


.haldautanum{
	display:inline-block;
  overflow: auto;
  white-space: nowrap;
  margin:0px auto;
  
}

.test {
  width:60%;
  overflow: auto;
  white-space: nowrap;
  margin:0px auto;
}




.stilltakka
{
  

    width:                    250px;
    height:                    80px;

    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 240%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 

    border:                     5px;
    border-radius:             40px;
    margin:                     5px;
    margin-bottom:             20px;    
    box-shadow:   4px 6px 10px black;
}

.stilltakka .left
{
  float:left;
}
.stilltakka .right
{
  float:right;
}

.stilltakka:hover {
    color:                  #5555ff; 
    background-color:       #aaffaa;
    font-size:                 240%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue;
    box-shadow:  4px 6px 10px black;
}

.stilltakka:active {
    color:                  #99ff99; 
    background-color:       #3333ff;
    font-size:                 240%;
    text-align:              center;
    text-shadow: 2px 2px 2px  white;
    box-shadow:  2px 3px 5px yellow;
}


button
{
	width:                    250px;
	height:                    80px;

    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 200%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 

    border:                     5px;
    border-radius:             40px;

    box-shadow:   2px 3px 5px black;
}



@media screen and (max-width: 950px){
.stilltakka
{
    width:                    200px;
    height:                    80px;
    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 200%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 
    border:                     5px;
    border-radius:             40px;
    box-shadow:   2px 3px 5px black;
    margin:                     5px;
    margin-bottom:             15px;    
}
.stilltakka:hover
{
    color:                  #5555ff; 
    background-color:       #aaffaa;
    font-size:                 200%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue;
    box-shadow:  4px 6px 10px black;
}
.stilltakka:active
{
    color:                  #99ff99; 
    background-color:       #3333ff;
    font-size:                 200%;
    text-align:              center;
    text-shadow: 2px 2px 2px  white;
    box-shadow:  2px 3px 5px yellow;
}

}

@media screen and (max-width: 780px){
.stilltakka
{
    width:                    160px;
    height:                    80px;

    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 200%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 
    border:                     5px;
    border-radius:             40px;
    box-shadow:   2px 3px 5px black;
    margin:                     3px;
    margin-bottom:             12px;    
}
.stilltakka:hover
{
    color:                  #5555ff; 
    background-color:       #aaffaa;
    font-size:                 200%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue;
    box-shadow:  4px 6px 10px black;
}
.stilltakka:active
{
    color:                  #99ff99; 
    background-color:       #3333ff;
    font-size:                 200%;
    text-align:              center;
    text-shadow: 2px 2px 2px  white;
    box-shadow:  2px 3px 5px yellow;
}

}

@media screen and (max-width: 630px){
.stilltakka
{
    width:                    140px;
    height:                    80px;
    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 190%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 
    border:                     5px;
    border-radius:             40px;
    box-shadow:   2px 3px 5px black;
    margin:                     2px;
    margin-bottom:             10px;    
}

.stilltakka:hover
{
    color:                  #5555ff; 
    background-color:       #aaffaa;
    font-size:                 190%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue;
    box-shadow:  4px 6px 10px black;
}
.stilltakka:active
{
    color:                  #99ff99; 
    background-color:       #3333ff;
    font-size:                 190%;
    text-align:              center;
    text-shadow: 2px 2px 2px  white;
    box-shadow:  2px 3px 5px yellow;
}

}

@media screen and (max-width: 540px){
.stilltakka
{
    width:                    120px;
    height:                    80px;
    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 150%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 
    border:                     5px;
    border-radius:             40px;
    box-shadow:   2px 3px 5px black;
    margin:                     2px;
    margin-bottom:             10px;    
}
.stilltakka:hover
{
    color:                  #5555ff; 
    background-color:       #aaffaa;
    font-size:                 150%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue;
    box-shadow:  4px 6px 10px black;
}
.stilltakka:active
{
    color:                  #99ff99; 
    background-color:       #3333ff;
    font-size:                 150%;
    text-align:              center;
    text-shadow: 2px 2px 2px  white;
    box-shadow:  2px 3px 5px yellow;
}

}

@media screen and (max-width: 500px){
.stilltakka
{
    width:                    100px;
    height:                    80px;
    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 130%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 
    border:                     5px;
    border-radius:             40px;
    box-shadow:   2px 3px 5px black;
    margin:                     2px;
    margin-bottom:             10px;    
}

.stilltakka:hover
{
    color:                  #5555ff; 
    background-color:       #aaffaa;
    font-size:                 130%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue;
    box-shadow:  4px 6px 10px black;
}
.stilltakka:active
{
    color:                  #99ff99; 
    background-color:       #3333ff;
    font-size:                 130%;
    text-align:              center;
    text-shadow: 2px 2px 2px  white;
    box-shadow:  2px 3px 5px yellow;
}

}

@media screen and (max-width: 400px){
.stilltakka
{
    width:                     80px;
    height:                    60px;
    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 105%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 
    border:                     5px;
    border-radius:             40px;
    box-shadow:   2px 3px 5px black;
    margin:                     2px;
    margin-bottom:              9px;    
}
.stilltakka:hover
{
    color:                  #5555ff; 
    background-color:       #aaffaa;
    font-size:                 105%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue;
    box-shadow:  4px 6px 10px black;
}
.stilltakka:active
{
    color:                  #99ff99; 
    background-color:       #3333ff;
    font-size:                 105%;
    text-align:              center;
    text-shadow: 2px 2px 2px  white;
    box-shadow:  2px 3px 5px yellow;
}

}


input
{
	width:                    270px;
	height:                    80px;

    color:                  #3333ff; 
    background-color:       #99ff99;
    font-size:                 250%;
    text-align:              center;
    text-shadow: 2px 2px 2px   blue; 

    border:                     5px;
    border-radius:             40px;

    box-shadow:   2px 3px 5px black;
}





img
{
	box-shadow:   2px 3px 5px black;
}

/* ROLE: "tilvisun" til kraekjunar
   og hafa utlit textans med tilliti
   til ad verid er ad visa i adra
   sidu, sem er ad fara i UPPLYSINGAR
   (Rumenska: INFORMATII) */
a[visatil] 
{
    /* Lata kraekjuna sjast betur */
    text-decoration:      underline; 
    font-size:                 150%;
    font-style:             oblique;
    font-family:              serif;

                    /* Doekk-Blar */
    color:                  #5555ff;
    text-shadow: 3px 3px 2px  white;
}

/* STEREO-ROLE: "Nytt utlit" fyrir
  smellihnappa sem visar a tofluna */
a[mikilvaegt] 
{
    /* Lata kraekjuna sjast betur */
    text-decoration:      underline; 
    font-size:                 130%;
    font-style:              normal;
    font-family:         sans-serif;

                    /* Fjolublar */
    color:                  #5555ff;
    text-shadow: 2px 2px 2px   blue;
}

/* TRIPLE-ROLE: VISA TIL UPPLYSINGAR
   SEM ER HLUTI AF VERKEFNI NR 2. */
a[visatiluppl] 
{
    /* Lata kraekjuna sjast betur */
    text-decoration:      underline; 
    font-size:                 175%;
    font-style:             oblique;
    font-family:              serif;
    font-weight:                800;

                    /* Fjolublar */
    color:                  #0000bb;
    text-shadow: 2px 2px 2px  white;
}

.skrautskrift_bleikur_og_graenn
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 36px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    45px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
    max-width:                99.3%;
}

@media screen and (min-width: 1281px){
.skrautskrift_bleikur_og_graenn
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 32px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    45px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
    max-width:                99.4%;
}
}

@media screen and (max-width: 530px){
.skrautskrift_bleikur_og_graenn
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 32px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    45px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
}
}

@media screen and (max-width: 430px){
.skrautskrift_bleikur_og_graenn
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 30px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    45px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
}
}

@media screen and (max-width: 395px){
.skrautskrift_bleikur_og_graenn
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 28px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    45px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
}
}

.skrautskrift_bleikur_og_graenn1
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 36px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    45px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
    max-width:                99.3%;
}

@media screen and (min-width: 1281px){
.skrautskrift_bleikur_og_graenn1
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 32px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    39px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
    max-width:                99.4%;
}
}


@media screen and (max-width: 710px){
.skrautskrift_bleikur_og_graenn1
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 26px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    30px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
}
}


@media screen and (max-width: 530px){
.skrautskrift_bleikur_og_graenn1
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 22px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    26px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
}
}

@media screen and (max-width: 430px){
.skrautskrift_bleikur_og_graenn1
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 18px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    22px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
}
}

@media screen and (max-width: 395px){
.skrautskrift_bleikur_og_graenn1
{
    background-color:       #99ff99;
    color:                  #5555ff;
    font-size:                 16px;
    text-shadow:   2px 2px 4px blue;
    border:                     2px;
    border-radius:             10px;
    height:                    19px;
    font-family:       "Sans Serif";
    text-align:              center;
    box-shadow:   2px 3px 5px black;
}
}


.skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:           550px;
    width:                      72%;
    font-family:       "Sans Serif";
}

@media screen and (max-width: 1250px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:           650px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 900px) */ 

@media screen and (max-width: 1140px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:           700px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 900px) */ 

@media screen and (max-width: 1135px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:           730px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 900px) */ 


@media screen and (max-width: 900px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:           770px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 800px) */


@media screen and (max-width: 830px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   280px;
    margin:                    auto;
    padding-bottom:           800px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 800px) */


@media screen and (max-width: 800px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   280px;
    margin:                    auto;
    padding-bottom:           820px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 800px) */

@media screen and (max-width: 730px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   120px;
    margin:                    auto;
    padding-bottom:           870px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 600px) */

@media screen and (max-width: 715px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   120px;
    margin:                    auto;
    padding-bottom:           900px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 600px) */

@media screen and (max-width: 660px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   120px;
    margin:                    auto;
    padding-bottom:           930px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 600px) */
@media screen and (max-width: 645px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   120px;
    margin:                    auto;
    padding-bottom:           950px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 600px) */


@media screen and (max-width: 630px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   120px;
    margin:                    auto;
    padding-bottom:           970px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 600px) */

@media screen and (max-width: 615px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   120px;
    margin:                    auto;
    padding-bottom:          1000px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 600px) */

@media screen and (max-width: 600px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   120px;
    margin:                    auto;
    padding-bottom:          1050px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 600px) */


@media screen and (max-width: 575px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1100px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 500px) */

@media screen and (max-width: 550px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1150px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 500px) */

@media screen and (max-width: 480px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1200px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 470px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1250px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */


@media screen and (max-width: 450px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1300px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 445px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1350px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 440px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1400px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 430px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1450px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */


@media screen and (max-width: 420px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1500px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 405px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1550px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 400px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1600px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 390px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1650px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 380px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1700px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 370px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1750px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */

@media screen and (max-width: 360px){
    .skrautskrift_svartur_gulur
{
    background-color:       #5555ff;
    color:                  #ffffff;
    font-size:                 32px;
    text-align:              center;
    line-height:               150%;
    text-shadow: 3px 3px 1px #000000;
    border:                     2px;
    border-radius:             15px;
    height:                   180px;
    margin:                    auto;
    padding-bottom:          1900px;
    width:                      72%;
    font-family:       "Sans Serif";
}
} /* @media screen and (max-width: 480px) */


.skyringar
{
    background-color:       #5555ff;
    color:                  #002255;
    font-size:                 24px;
    text-align:              center;
    line-height:               125%;
    border:                     2px;
    border-radius:             15px;
    height:                   150px;
    margin:                    auto;
    width:                      66%;
    font-family:       "Sans Serif";
}



.sjalfvirk_adloegun_myndar 
{
    min-width:                99.5%;
    height:                    auto;
}

.sjalfvirk_adloegun_ramma 
{
    min-width:                99.5%;
    height:                    auto;
}

@media screen and (max-width: 1280px){
.sjalfvirk_adloegun_myndar
{
    max-width:                99.3%;
    height:                    auto;
    width:                     auto;
}
}

@media screen and (max-width: 1280px){
.sjalfvirk_adloegun_ramma
{
    max-width:                99.3%;
    height:                    auto;
    width:                     auto;
}
}

.setja_hnappar_i_midju
{
    width:                    250px;
    height:                   100px;
    font-size:                 140%;
    text-align:              center;
    line-height:               150%;
    margin-left:               auto;
    margin-right:              auto;
}

@media screen and (max-width: 530px){
.setja_hnappar_i_midju
{
    width:                    230px;
    height:                   100px;
    font-size:                 230%;
    text-align:              center;
    line-height:               150%;
    margin-left:               auto;
    margin-right:              auto;
}
}

@media screen and (max-width: 480px){
.setja_hnappar_i_midju
{
    width:                    220px;
    height:                   100px;
    font-size:                 210%;
    text-align:              center;
    line-height:               150%;
    margin-left:               auto;
    margin-right:              auto;
}
}

@media screen and (max-width: 430px){
.setja_hnappar_i_midju
{
    width:                    200px;
    height:                   100px;
    font-size:                 180%;
    text-align:              center;
    line-height:               150%;
    margin-left:               auto;
    margin-right:              auto;
}
}

@media screen and (max-width: 385px){
.setja_hnappar_i_midju
{
    width:                    180px;
    height:                   100px;
    font-size:                 150%;
    text-align:              center;
    line-height:               150%;
    margin-left:               auto;
    margin-right:              auto;
}
}


.ser_linuhaed
{
    line-height:               350%;
}