/*
 * Detta är css filen för Alliansens sverige. Den innehåller all CSS-kod
 * förutom eventuell kod som den sidasvarige kommer att lägga till via
 * CMS-systemet direkt i artiklarna
 *
 */

body {

    background-color: white;
}

/* ID för titelbilden längst upp påsidan */
#titelbild 
{
    color:black;
    box-shadow: 0 0 10px;
    margin-top:1.4em;
    margin-left:100px;;
    margin-right: 3em;
    margin-bottom: 1em;
    max-width: 80%;
    max-height: 80%;
    height: auto;
    width: auto;

}

/* h1 är den rubrik som används till artiklarnas huvudrubriker */
/*h1 { color:#660000; font-size:12pt; }*/

h1 {
    margin-top: 2.5ex;
    font-family: times new roman, serif;
    font-size: 150%;
}

/* H2 används inte alls av systemet utan kan användas i artikklar som matas in via timyMCS till underrubriker */
/* Vill man ha två rader till underrubriker så ka de inte ligga för långt ifrån varandra                      */
/* därför sätts padding och margins till noll                                                                 */

h2 {
    padding:0px;
    margin: 0px;
}

/* h3 används för rubriker inne i texten */

p,li {
    font-family: arial, sans-serif;
}

li{
    margin:20px;
}
/* Meny är endiv som innehåller hela menyträdet */
#meny {
    position: absolute;
    left: 0px;
    width: 165px;
    font-family:arial, sans-serif;
    margin-top: 1em;
}
#meny a{
    color:#000000; 
    text-decoration:none;
}
#brodtext {
    position: absolute;
    max-width: 900px;
    margin-left: 180px;
}
#brodtext a:link{
    /* Vi måste sätta värdet till color värdet till svart 
      annars blir det blått första gången man går till sidan 
    */
    color:#000000; 

    text-decoration:none;
}
#brodtext a:visited{
    color:#000000; 
    text-decoration:none;
}
#brodtext a>h1:hover{
    /*text-decoration:underline;*/

    color:#403492;
}

/*  Detta är det fält där välkomsttexten visas på första sidan,
 *  samt presentationen visas för en viss kategori
 */

#intro {
    background-color: #f9f9f9;
    box-shadow: 0 0 10px;
    padding-top:0.01ex;
    padding-bottom:2ex;
    padding-left:2ex;
    padding-right:1ex;
    margin-top:2ex;
    margin-bottom: 4ex;
    margin-left: 2ex;
    margin-right: 2ex;
}

.artikelsammanfattning {
    overflow: hidden;
    box-shadow: 0 0 10px;
    padding-top:0.01ex;
    padding-bottom:2ex;
    padding-left:3ex;
    padding-right:3ex;
    margin-top:4ex;
    margin-bottom: 4ex;
    margin-left: 2ex;
    margin-right: 2ex;
    border-radius: 10px;
}

#artikel {
    overflow: hidden;
    box-shadow: 0 0 10px;
    padding-top:0.01ex;
    padding-bottom:2ex;
    padding-left:3ex;
    padding-right:3ex;
    margin-top:2ex;
    margin-bottom: 4ex;
    margin-left: 2ex;
    margin-right: 2ex;
    border-radius: 10px;
}

/*
 * Betecknar menyobjekt på de översta nivån. Om ingen trädstruktur
 * önskas så kommer alla menyobjekt att vara av klassen menytrad1
*/

.menytrad1{
    
    margin-left: 15px;
    margin-bottom: 1ex;
    padding: 1ex;
    text-align: center;
    background-color:#f9f9f9;
    border-width:  2px;
    border-style:solid;
    border-color:  #dddddd;
    border-radius: 30%;
    text-decoration:none;
    font-family:arial, sans-serif;
    box-shadow: 0 0 10px;
}
/*
 * CSS-objekt för klassen menytrad2, och menytrad3 ska också definieras i CSS-filen
 * om kunden önskar att använda flera nivåer i trädstrukturen. Menytrad2 är den
 * första underliggande nivån, och menytrad2 är artiklar på ytterligare en nivå
 * under detta.
 */
.menytrad2{

    margin-bottom: 1ex;
    margin-left: 33px;
    padding: 1ex;
    border-radius: 30%;
    text-align: center;
    background-color:#f9f9f9;
    border-width: 2px;
    border-style:solid;
    border-color:  #dddddd;
    text-decoration:none;
    font-family:arial, sans-serif;


}

.menytrad3{
    font-size: 70%;
    margin-bottom: 2ex;
    margin-left: 50px;
    padding: 1ex;
    border-radius: 30%;
    text-align: center;


    border-width:thick;
    border: 2px solid #dddddd;
    text-decoration:none;
    font-family:arial, sans-serif;

}

/* Id för facebooktaggen */
.fb-comments {
    margin-left: 1ex;
    margin-top: 4ex;
}

/* CSS som är kopplad till formulären */

label
{
    width: 4em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}