﻿body
{
    background-color: #C0C0C0;
    font-family:  Arial, Verdana;
    font-size: 70%;
    line-height: 140%;
}

.start p
{
    font-size: 1.2em;
    line-height: 1.0em;
    text-align :center;
}
/* FORMATERING */

.rubrik
{
    font-weight: bold;
    font-size: 125%;
    margin-left: 30px;
    line-height: 140%;
    margin-right: 15px;
    margin-top: 10px;
}

.ingress
{
    font-weight: bold;
    font-size: 125%;
    margin-left: 30px;
    line-height: 140%;
    margin-right: 15px;
    margin-top: 10px;
}

.brod
{
    margin-left: 30px;
    margin-right: 15px;
    margin-top: 10px;
}

.not
{
    float:left;
    margin-bottom: 10px;
    width:170px;
    text-decoration: none;
}
.notRubbe
{
    font-weight:bold;
    font-size: 120%;
    float:left;
    width:180px;
    margin-bottom:10px;
    
}

.bilditext
{
    margin-top: 10px;
    margin-left: 75px;
}

.footer
{
    color: #586754;
    background: #C0C0C0;
    padding: 10px 0px 0px 0px;
    float: left;
    width: 700px;
    text-align: right;
}
a:link
{
    color: black;
    text-decoration: underline;
}
a:visited
{
    color: black;
    text-decoration: underline;
}
a:hover
{
    color: black;
    text-decoration: none;
}

.footer a:link
{
    color: white;
    text-decoration: none;
}
.footer a:visited
{
    color: white;
    text-decoration: none;
}
.footer a:hover
{
    color: white;
    text-decoration: underline;
}
ul
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 15px;
}
.invoco
{
    background-position: #C0C0C0;
    color: #E0E0E0;
    background: #C0C0C0;
    padding: 10px 30px 0px 0px;
    float: right;
    width: 200px;
    text-align: right;
}

.invoco a:link
{
    color: #586754;
    text-decoration: none;
}
.invoco a:visited
{
    color: #586754;
    text-decoration: none;
}
.invoco a:hover
{
    color: #586754;
    text-decoration: underline;
}

/* INTERFACE */
.centrering
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.header
{
    vertical-align:middle;
    position: relative;
}
.miniTopcontainerleft
{
    float:left;
    width:860px ;
}
.miniTopcontainerright
{
    float: right;
    width: 65px;
    clear: right;
}
#container
{
    float:left;
    width: 915px;
}
.minicontainerleft
{
    float:left;
    width:700px ;
}
.minicontainerright
{
    float: left;
    width: 215px;
}
.kolumn
{
    width: 300px;
    float:left;
    padding: 0px 0px 0px 5px 
} 
.kolumn2
{
    width: 250px;
    float:left;
    margin-left: 45px;
    padding: 0px 0px 0px 5px 
}
.kunskap
{
    width: 200px;
    float:left;
    padding: 0px 0px 0px 5px  
}
.anpassning
{
    width: 200px;
    float:left;
    margin-left: 45px;
    padding: 0px 0px 0px 5px 
}
.analys
{
    width: 200px;
    float:right;
    padding: 0px 0px 0px 5px ;
}
.kunskap2
{
    float:left;
    width: 270px;
    text-align:center;
    margin: 0px 0px 0px 5px  
}
.anpassning2
{
    float: left;
    width: 270px;
    text-align:center;
    margin: 0px 0px 0px 50px 
}
.analys2
{
    width: 270px;
    float:left;
    text-align:center;
    margin: 0px 0px 0px 50px ;
}

.analys2 img
{
    padding-left: 30px;
}

/* RUNDA HÖRN: VIT */


.container 
{
    width: 980px;
    background: white;
    float:left;
    border: 0px; 
}
.RoundVit
{
    background: white;
    height:16px;
    overflow: hidden;
    width:980px;
    float:left;
}
.RoundTopLeft {float:left; height:16px; width:16px; background-image: url(bilder/interface/horn_vit_TV.gif); background-repeat: no-repeat; }
.RoundTopRight {float:Right; height:16px; width:16px; background-image: url(bilder/interface/horn_vit_TH.gif); background-repeat: no-repeat; }
.RoundBottomLeft {float:left; height:16px; width:16px; background-image: url(bilder/interface/horn_vit_BV.gif); background-repeat: no-repeat; }
.RoundBottomRight {float:Right; height:16px; width:16px; background-image: url(bilder/interface/horn_vit_BH.gif); background-repeat: no-repeat; }

.textcontainer{padding: 0px 20px; background: white;  }


/* RUNDA HÖRN: GRÅ */


.gracontainer
{
    width:195px;
    float: left;
    background: #E7E7E7;
    margin-left: 30px;
    margin-bottom: 20px;
}
.gracontainerRight
{
    width:195px;
    float: left;
    background: #E7E7E7;
    margin-right: 25px;
    margin-bottom: 20px;
}
.RoundGra
{
    background: #E7E7E7;
    height:16px;
    overflow: hidden;
    width:195px;
    float: right;
}
.gratextcontainer{padding: 0px 10px; background-color: #E7E7E7;}
.GraTopLeft {float:left; height:16px; width:16px; background-color: white; background-image: url(bilder/interface/horn_gra_TV.gif); background-repeat: no-repeat; }
.GraTopRight {float:Right; height:16px; width:16px; background-color: white; background-image: url(bilder/interface/horn_gra_TH.gif); background-repeat: no-repeat; }
.GraBottomLeft {float:left; height:16px; width:16px; background-color: white; background-image: url(bilder/interface/horn_gra_BV.gif); background-repeat: no-repeat; }
.GraBottomRight {float:Right; height:16px; width:16px; background-color: white; background-image: url(bilder/interface/horn_gra_BH.gif); background-repeat: no-repeat; }


/* TOPPMENY */
.minimenybox
{ 
    float: right;
    margin-top: 50px;
    margin-right: 160px;
    margin-left: 0px;
}
.minimeny
{
}
.minimeny li
{
    display: inline;
    list-style-type: none;
}
.minimeny a
{
    padding: 0em 0.5em;
}
.minimeny a:link
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
.minimeny a:visited
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
.minimeny a:hover
{
    color:Black;
    font-weight: bold;
    text-decoration: underline;
}
.noborder
{
    border:0px none white;
}
.nohover
{
    text-decoration: none;
}
.nohover a:link
{
    color:Black; 
    text-decoration: none;
}
.nohover a:visited
{
    color:Black; 
    text-decoration: none;
}
.nohover a:hover
{
    color:Black; 
    text-decoration: none;
}.nohover img
{
    text-decoration: none;
    border:none;
}
.nohover img:link
{
    color:Black; 
    text-decoration: none;
    border:none;
}
.nohover img:visited
{
    color:Black; 
    text-decoration: none;
    border:none;
}
.nohover img:hover
{
    color:Black; 
    text-decoration: none;
    border:none;
}
