html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    background-color: #ececec;      /*backgrundsfärgen på hela hemsidan*/
}

h1 {
    font: 32px/1.2em 'Droid Sans',arial,sans-serif; /*stilen på rubrikerna i hela hemsidan*/
    color: #3B3B3B;
}
.contain_top {
   background-color: #E0E0D1;  /*stylar menyns bakgrundsfärg, höjd och omringning*/
    height: 135px;
    border-top: 3px solid black;
    border-bottom: 1px solid #CDCDCD;
}

.header {
    margin-left: auto;   /*stylar hur menyns olika divar ska va positionerade i horisontell riktning*/
    margin-right: auto;
    width: 1050px;
    padding-left: 40px;
}

.logo {
    float: left;
    padding-top: 2.3%;
}

.menu {                     /*z-index gör så att menyn flyttas fram i "stack-ordern"*/
    float: left;
    z-index: 1;
    padding-top: 3%;
    padding-left: 8%;
}

.contain_body {                         /*gör en liten border mot menyn, samt paddar mot menyn*/
    border-top: 1px solid #FFFFFF;
    background-color: #ececec;
    padding-top: 30px;
    height: auto;
}
.slideshow {
    margin-left: auto;                  /*styla slideshowen med t.ex. skuggor*/
    margin-right: auto;
    margin-top: 40px;
    padding-top: 20px;
    border: 1px solid #E6E6E6;
    width: 900px;
    background-color: #E0E0D1;   
}

#intro {
    margin: 0px 0px 3em;                /*gör så att intro texten är stylad med en liten box runt sig*/
    text-align: center;
    padding: 0px 0px 3em;
    border-bottom: 1px solid #E6E6E6;
    box-shadow: 0px 1px 0px 0px #FFFFFF;
    width: 900px;
    margin: auto;
}
#intro p {
    font: 18px/1em 'Droid Sans',arial,sans-serif;       /*stylar introtexten, färg, position och typsnitt*/
    color: #6F6F6F;
    padding-top: 15px;
}

#textstyle p a{
    color: #8AAD2C;             /*stylar hela hemsidan länkar*/
    text-decoration: none;
    outline: medium none;
}

#textstyle p a:hover {          /*stylar hela hemsidans länkar då man håller över dem*/
    text-decoration: underline;
    outline: medium none;
}


#textstyle {
    width: 900px;               /*stylar hela hemsidans text*/
    text-align: left;
    margin: auto;
    font: 15px/1em 'Droid Sans',arial,sans-serif;
    padding-bottom: 30px;
    padding-top: 20px;
    line-height: 120%;
}
#textstyle h2 {
    font: 16px 'Droid Sans',arial,sans-serif;   /*stylar hela hemsidans mindre rubriker, typsnitt färg och position*/
    color: #8AAD2C;
    padding-top: 6px;
    padding-bottom: 3px;
}
#textstyle ul {
    padding-top: 5px;       /*stylar en lista som finns i en av html sidorna*/
    padding-left: 40px;
}
#textstyle li{
    padding-top: 3px;       /*skapar mellanrum mellan listans element*/
}
#kontakt{
    border-top: 1px solid #fefffd;      /*stylar hemsidans kontaktinformation som finns längst ner på varenda html*/
    margin: auto;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;               /*med färg, position(vert och horisontellt), typsnitt och bredd*/
    width: 900px;   
    font-family: Arial,sans-serif;
    font-size: 16px;
    color: #6F6F6F;
    clear: both;
}
#formis {
    font-family: Arial, sans-serif;     /*stylar de formulär som finns på två olika med bredd och position*/
    margin: auto;
    width: 900px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 80px;
}
h2 {
    color: #8AAD2C;
}
#formis div{
    padding-bottom: 10px;  /*Skapar ett mellanrum mellan labels i vertikal riktning*/
}
#formis label{
    padding-right: 40px;    /*Skapar ett mellan rum mellan labels och formulären*/
}
#leftlabel{                 /*skapar ett bättre floatat mellanrum mellan formulär och labels som finns på felformulärets sida*/
    float: left;
    padding-top: 4px;
}
#leftlabel div{   /*skapar ett mellanrum uppåt mellan varje div i felformuläret*/
 padding-top: 4px;
}
#rightform{                 /*skapar ett bättre floatat mellanrum mellan formulär och labels som finns på felformulärets sida*/
    float: left;
    padding-top: 18px;
}
#rightform div{
    padding-bottom: 4px;   /*skapar ett mellanrum mellan formulärens textrutor i felformuläret*/
}
#bottom_space{
    padding-top: 20px;      /*trycker ner hemsidans nedredel så att hela sidan blir färgad grå*/
}
#genposition{
    float: right;
    padding-top: -5px;
}
#vallen{
    position: relative;
    left: 150px;
    top: 5px;
    float: right;
        
}