/* Nollställning */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* Början på dom faktiska stilarna */


/* Standardtaggar */

body {
    background: url('../grafik/kontorsgolv.jpg') no-repeat;
}

p {
    font-family: georgia, "Times New roman", sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    color: #363636;
}

h1, h2 {
    text-indent: -900%;
}
  


/* Egendefinierade */

#omslag {
    position: relative;
    width: 981px;
    height: 1000px;
    margin: 100px auto 100px;
}

    #aktuellt {
        float: left;
        width: 403px;
        height:  816px;
        background: url("../grafik/aktuellt.bakgrund.png");       
    }
    
        #aktuellt h1 {
            height: 415px;           
        }
        
        #aktuellt ul {
            
        }
        
        #aktuellt li {
            position: relative;
            display: block;
            left: 30px;
            width: 355px;
            height: 62px;
            padding-top: 15px;
            padding-bottom: 15px;
            font-family: georgia, "Times New roman", sans-serif;
            font-size: 0.9em;
            line-height: 1.2em;
            color: #403d38;
        }
        
        #aktuellt li em {
            float: left;
            display: inline;
            margin: 5px 8px 0 0;
            height: 25px;
            width: 49px;
            background: url("../grafik/datum.bakgrund.png") no-repeat;
            font-family: arial, helvetica, verdana;
            font-size: 0.8em;
            line-height: 2.0em;
            color: #d8cbba;
            text-align: center;            
        }

        
    
    #info {
        float: right;
        width: 578px;
        height: 816px;
        background: url("../grafik/info.bakgrund.png") no-repeat;   
        display: inline;    
    }
    
        #info img {
            float: right;
            position: relative;
            top: -100px;
            left: -49px;
        }
    
        #info h1 {
            height: 205px;
        }
        
        #info p {
            position: relative;
            width: 250px;
            margin: 0px 0px 10px 34px;
        }
        
        #info em {
            font-style: normal;
            border-bottom: 1px #ded2c3 inset;
        }
                
        #info ul {
            float: left;
            position: relative;
            width: 200px;
            top: 5px;
            left: 100px;
        }
        
            #info ul li {
                text-indent: 40px;
                height: 40px;
                background: url("../grafik/ikon.text.png") no-repeat;
            }
            
            #info ul em {
                position: relative;
                top: 7px;
            }
            
            #info ul li.tv {
                background: url("../grafik/ikon.tv.png") no-repeat;
            }
        
            #info ul li.radio {
                background: url("../grafik/ikon.radio.png") no-repeat;
            }
                
        #info ul.hoger {
            float: left;
            top: -97px;
            left: 140px;
         }
        
        #info ul.kontakt {
            float: left;
            position: relative;
            width: 578px;
            height: 190px;
            background: url("../grafik/kontakt.bakgrund.png") no-repeat;
            top: 0px;
            left: 0px;
            margin: -60px 0px 0px 0px;
            list-style: none;
        }
        
            #info ul.kontakt li {
                background: none;
            }
        
        
            /* Mouse - over */
            
            #info ul.kontakt a {
              display: block;
              position: absolute;
              outline: none;
              background: none;
              text-indent: -900%;
            }
            
            #info ul.kontakt a.karta {
                top: 24px;
                left: 116px;
                width: 179px;
                height: 115px;
            }
            
            #info ul.kontakt a.mail {
                top: 34px;
                left: 325px;
                width: 217px;
                height: 76px;
            }         
            
            #info ul.kontakt a.karta:hover {
                background: url("../grafik/karta.png") no-repeat;
            }
            
            #info ul.kontakt a.mail:hover {
                background: url("../grafik/mail.png") no-repeat;
            }
            
    #fot {
        position: relative;
        width: 62px;
        height: 78px;
        margin: 0px auto;
    } 
    
    #fot img {
        margin: 100px auto;
        width: 62px;
        height: 78px;
    }