/* ------------------------------------------------------------
 * Neutrum
 * ------------------------------------------------------------*/ 
* {
    padding: 0px;
    margin:  0px;
    border: 0px;
    font-family: arial;
    font-size: 12px;
}

a:link {
    color:white;
}    /* unvisited link */


a:visited {
    color: brown;
} /* visited link */

a:hover {
    color:red;
}   /* mouse over link */
 
/* ------------------------------------------------------------
 * Bakgrund
 * ------------------------------------------------------------*/ 
body { 
    background-color: #66cc66; /*#f9bd08;*/
}
/* ------------------------------------------------------------
 * Rubrik
 * -------------------------------------------------------------*/
.marg5px

/* ------------------------------------------------------------
 * Bildmenyn
 * ------------------------------------------------------------*/ 
ul#bildmeny { /* Detta väljer alla oordnade listor (ul) som har id bildmeny. Kolla "selectorial" i mina bokmärken för mer info */
    display: block;
    text-align: left;
    margin: 0px;
}

ul#bildmeny li {
    /* display: block; */
    float: left;
    margin: 0px 0px 0px 0px;
    list-style: none;
}

ul#bildmeny li a img {
    
    border: 0px;  
}


/* ------------------------------------------------------------
 * Textmenyn
 * ------------------------------------------------------------*/ 
ul#textmeny,
ul#textmeny li a {
    display: block;
    list-style: none;
    font-family: arial;
    font-size: 12px;
    color: pink;
    text-decoration: none;
    letter-spacing: 2px;
    font-weight: bold;
}

ul#textmeny li a:hover {
    color: red; /*#B0B0B0;*/
} /* mouse over link */

ul#textmeny li {
    display: block;
    float: left;
    position: relative;
    padding: 0px 12px 0px 0px;
    margin: 0px;
 /* Bredd på varje element i menyn, kolla W3-schools för mer info om vad em är för enhet */
}

ul#textmeny {
    margin-left: 0px;
}

/* ------------------------------------------------------------
 * DIV Kolumn1
 * ------------------------------------------------------------*/ 
#kolumn1 {
    left: 0px;
    height:1300px;
    width: 300px;
    position: absolute;
    outline: none;
    margin: 70px 0px 0px 20px;
    list-style: none;
    font-size: 12px;
    h3 {text-decoration: underline}
}

div#kolumn1 img {
    margin: 0px 0px 0px 0px;
     
}

#streck1 {
    margin: 0px 0px 0px 0px;
    width: 300px;
    z-index: 100;
    position: relative;
    padding: 0px 0px 0px 0px;
    height: 100%;

    font-family: Arial;
    font-size: 12px;
    /*font-weight: bold;*/

}
a:link {
    color: black;
}    /* unvisited link */


a:visited {
    color: grey;
} /* visited link */

a:hover {
    color:red;
}   /* mouse over link */


 /* ------------------------------------------------------------
 * DIV Kolumn2
 * ------------------------------------------------------------*/ 
#kolumn2 {
        
    left: 300px;
    width: 500px;
    position: absolute;
    outline: none;
    margin: -1300px 0px 0px 0px;
    list-style: none;
    font-size: 12px;
    }

img#welcome {
    z-index: 0;
}

#streck2 {
    margin: 0px 0px 100px 80px;
    width: 350px;
    z-index: 100;
    position: relative;
    padding: -400px 5px 100px 25px;
    height: 100%;
    font-family: Arial;
    font-size: 12px;
    /*font-weight: bold;*/

}
div#kolumn2 img {
    margin: 0px 0px 0px 0px;
}


/* ------------------------------------------------------------
 * Typografi
 * ------------------------------------------------------------*/
h4 {
    font-family: georgian;
    color: black;
    font-size: 110%;
   
}

h1 {
    font-style: italic;
}

p {
    font-style: italic;
}
/* ------------------------------------------------------------
 * Formulär
 * ------------------------------------------------------------*/
input, textarea {
    border: solid #000 1px;
}

/* ------------------------------------------------------------
 * Verktygslådan
 * ------------------------------------------------------------*/ 
 .rensa {
  	display: block;
	clear: both;
}