@import url(frontpage.css);

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 {
    background: #fff;
    color: #000;
    font: 13px/18px Georgia, serif;
}
body.hem #banner { background-color: #EBEBEB; }

body.medieguiden #main.split #sidebar #welcome,
body.medieguiden div.chelp,
body.medieguiden #banner { background-color: #f9b334; }

body.presskonferensen #main.split #sidebar #welcome,
body.presskonferensen div.chelp,
body.presskonferensen #banner { background-color: #ee89bb; }

body.medlemskap #main.split #sidebar #welcome,
body.medlemskap div.chelp,
body.medlemskap #banner { background-color: #bee2e6; }

body.presskort #main.split #sidebar #welcome,
body.presskort div.chelp,
body.presskort #banner { background-color: #d0a0e4; }

body.forum #main.split #sidebar #welcome,
body.forum div.chelp,
body.forum #banner { background-color: #c2d168; }

body.kontakt #main.split #sidebar #welcome,
body.kontakt div.chelp,
body.kontakt #banner { background-color: #edb895; }

h1, h2, h3, h4, h5 {
    font: 14px/18px Georgia, serif;
    letter-spacing: -1px;
}

h1 {
    font: 32px/36px Georgia, serif;
}

p { margin-bottom: 18px; }
p.breadcrumbs { margin: 9px 0; }

a:link {
    color: #00a;
    text-decoration: underline;
}
a:visited {
    color: #000;
}
a:hover {
    text-decoration: none;
}
a:active {
    color: #000;
}

form {
    background: #fff;
    font-family: Georgia, serif;
    padding: 18px 10px;
}
    form h3 {
        display: block;
        font-size: 16px;
        letter-spacing: normal;
        text-align: left;
        padding-left: 20px;
        width: 160px;
    }
    
    form ul { list-style-type: none; }
    
    form div.chelp {
        background-image: url(g/chelp_top.png);
        background-repeat: no-repeat;
        display: none;
        font: 11px/18px Helvetica, Arial, sans-serif;
        line-height: 18px;
        padding: 18px 20px 0 40px;
        position: absolute;
        width: 140px;
    }
        form div.chelp h4 { font: 13px/18px Helvetica, Arial, sans-serif; letter-spacing: normal; font-weight: bold; }
        form div.chelp p.ex { font-style: italic; }
        form div.chelp .b {
            background: transparent url(g/chelp_bottom.png) no-repeat 0 bottom;
            height: 18px;
            margin: -18px -20px 0 -40px;
            width: 200px;
        }
    
    form fieldset {
        background: url(g/fieldset_bottom.png) no-repeat 0 bottom;
        margin: 0 0 18px;
        padding-bottom: 36px;
    }
        form fieldset legend {
            background: url(g/fieldset_top.png) no-repeat;
            display: block;
            font-size: 18px;
            padding: 9px 0;
            text-indent: 1em;
            width: 100%;
        }
    form fieldset.submit { background: none; }
        
    #main form ol {
        list-style-type: none;
        margin-left: none;
        padding: 0;
    }
        form ol li {
            line-height: 36px;
            margin-bottom: 18px;
            overflow: auto;
            padding: 0 0 0 20px;
        }
        
        form ol li:last-child { margin-bottom: 0; }
        
        form ol li.info {
            line-height: 18px;
            padding: 0 20px;
        }
        
        form ol li ul.errorlist,
        form ol li ul.errorlist li {
            color: #f00;
            line-height: 18px;
            margin: 0;
        }
        
        form ol li label {
            display: block;
            float: left;
            font-size: 13px;
            padding-right: 0;
            text-align: right;
            width: 150px;
        }
    
        form ol li input,
        form ol li select,
        form ol li textarea {
            float: right;
            margin: 6px 10px 6px 0;
            padding: 0;
            width: 270px;
        }
    
        form ol li input {
            border: 1px solid #aaa;
            font: 14px Georgia;
            height: 22px;
            width: 266px;
        }
        form ol li input[readonly=readonly] { color: #666; }
        form ol li input[type=file] { border: none; height: 24px; }
        
        form ol li button { margin-left: 20px; }
        
        form ol li ul.check li {
            margin: 0;
        }
           form ol li ul.check label { float: right; padding-left: 10px; width: 240px; text-align: left; }
           form ol li ul.check input { width: auto; float: right; text-align: right; }
        
        form ol li.much { margin-bottom: 36px; }
            form ol li.much ul.errorlist { margin-top: 18px; }
        
        form ol li span.help {
            display: block;
            clear: both;
            font: 11px/18px Georgia, serif;
            font-style: italic;
            padding-left: 200px;
            text-align: right;
        }
        
        form ol li .pn {
            float: right;
        }
            form ol li .pn input { display: inline; float: none; }
            form ol li .pn input.pn_birthdate {
                margin-right: 20px;
                width: 210px;
            }
            form ol li input.pn_xxxx {
                width: 50px;
            }

    
#wrapper {
    height: 101%;
}

#header {
    font: 13px/18px Helvetica, Arial, sans-serif;
    font-weight: bold;
    height: 144px;
    margin: 0 auto 0;
    width: 720px;
}
    #header a#logo {
        display: block;
        float: left;
        width: 100px;
    }
        #header #logo img { display: block; }
    
    #header #navigation {
        float: right;
        height: 72px;
        padding-top: 18px;
        width: 593px;
    }
        #header #navigation li {
            display: inline;
        }
        #header #navigation li a {
            color: #646464;
            display: block;
            float: left;
            height: 18px;
            padding: 5px 0 13px;
            text-decoration: none;
            text-align: center;
        }
        
        #header #navigation li.hem a { background: url(g/menu/home.png); width: 49px; }
        #header #navigation li.medieguiden a { background: url(g/menu/medieguiden.png); width: 97px; }
        #header #navigation li.presskonferensen a { background: url(g/menu/presskonferensen.png); width: 131px; }
        #header #navigation li.medlemskap a { background: url(g/menu/medlemskap.png); width: 97px; }
        #header #navigation li.presskort a { background: url(g/menu/presskort.png); width: 83px; }
        #header #navigation li.forum a { background: url(g/menu/forum.png); width: 63px; }
        #header #navigation li.kontakt a { background: url(g/menu/kontakt.png); width: 73px; }

#banner {
    font: 14px/18px Helvetica, Arial, sans-serif;
    padding: 2px 0;
}
    #banner #innerbanner {
        margin: 0 auto;
        width: 720px;
    }
    
    #banner h1,
    #banner h2,
    #banner h3 {
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        letter-spacing: normal;
    }
    #banner h1 { font-size: 36px; line-height: 36px; margin-bottom: 18px; }
    #banner h2 { font-size: 24px; line-height: 36px; margin: 9px 0; }
    #banner h3 { font-size: 16px; line-height: 18px; margin: 9px 0; }
    #banner p { margin: 0; }

#main {
    background: #fff;
    overflow: auto;
    padding: 14px 0 18px;
    margin: 18px auto;
    width: 720px;
}

#main h1 {
    letter-spacing: normal;
    margin: 0 0 18px;
}

#main h2 {
    font-size: 18px;
    line-height: 18px;
}

#main.split {
    background: #fff url(g/faux_col.png) repeat-y;
    width: 720px;
}
#main.split #content {
    float: right;
    width: 500px;
}

#main.split #sidebar {
    font: 12px/18px Helvetica, Arial, sans-serif;
    float: left;
    padding: 18px 0;
    width: 180px;
}
    #main.split #sidebar h3 {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: normal;
        margin: 9px 0;
    }
    #main.split #sidebar ul {
        list-style-type: square;
        padding-left: 20px;
    }
    #main.split #sidebar ul li {
        margin-bottom: 18px;
    }
    #main.split #sidebar ul li a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }
    #main.split #sidebar ul li ul {
        font-size: 12px;
        list-style-type: circle;
        padding-left: 6px;
    }
        #main.split #sidebar ul li ul li {
            background: none;
            margin-bottom: 0;
        }
        #main.split #sidebar ul li ul li a,
        #main.split #sidebar ul li ul li ul a {
            font-weight: normal;
        }
    
    #main.split #sidebar #welcome {
        background: #eee url(g/welcome_top.png) no-repeat 0 0;
        color: #646464;
        font-size: 11px;
        font-weight: bold;
        margin: -18px 0 18px;
        padding: 9px 20px 0;
    }
        #main.split #sidebar #welcome .b {
            background: url(g/welcome_bottom.png) no-repeat;
            height: 27px;
            margin: 0 -20px;
        }
        
        #main.split #sidebar #welcome strong { color: #000; }
        #main.split #sidebar #welcome p { margin: 0; }
    
    #main.split #sidebar form {
        background: none;
        margin: 0;
        padding: 0;
    }
        #main.split #sidebar ol,
        #main.split #sidebar ol li { margin: 0; padding: 0; line-height: 18px; width: auto; }
        
        #main.split #sidebar form label,
        #main.split #sidebar form input {
            font-family: Helvetica, Arial, sans-serif;
        }
        #main.split #sidebar form label {
            font-size: 11px;
            padding: 0;
            text-align: left;
        }
        #main.split #sidebar form input {
            background: #eee;
            font-size: 11px;
            float: none;
            height: 16px;
            padding: 0;
            width: 160px;
        }
        
#footer {
    background: url(g/flowers.png) no-repeat 0 bottom;
    color: #646464;
    font: 13px/18px Helvetica, Arial, sans-serif;
    margin: 0 auto;
    overflow: auto;
    padding: 126px 0 18px 220px;
    width: 500px;
}
    #footer ul { list-style-type: none; }
    #footer ul li {
        float: left;
        width: 200px;
    }
    #footer ul li#quickcontact {
        font-weight: bold;
        letter-spacing: -1px;
        margin-left: 0;
    }
        #footer ul li#quickcontact div.org { color: #000; }
        #footer ul li#quickcontact div.adr { margin-bottom: 18px; }
        #footer ul li#quickcontact a { color: #646464; text-decoration: none; }
    #footer ul li ul li { margin-left: 0; border: none; padding: 0; }
    #footer a { color: #eee; text-decoration: none; }
    #footer h5 { font-size: 10px; font-weight: bold; letter-spacing: normal; }

div.introduction {
    background: #eee;
    font: bold 14px/18px Helvetica, Arial, sans-serif;
    margin: 0 0 18px 0;
    padding: 0 15px;
}
div.introduction p { padding: 9px 0; }

#main .newsbox {
    padding-bottom: 9px;
    margin-bottom: 9px;
    overflow: auto;
}
    #main .newsbox img { display: block; }
    
    #main .newsbox div.a { margin-left: 0; }
    #main .newsbox .left { float: left; margin-left: 0; }
    #main .newsbox .right { float: right; }

    #main .newsbox .w1 { width: 90px; }
    #main .newsbox .w2 { width: 190px; }
    #main .newsbox .w3 { width: 290px; }
    #main .newsbox .w4 { width: 390px; }

    #main .newsbox h1 {
        font-size: 32px;
        line-height: 36px;
        margin: 9px 0;
    }
    #main .newsbox h2 {
        font-size: 18px;
        line-height: 18px;
        margin: 0 0 18px;
    }
    #main .newsbox h1 a,
    #main .newsbox h2 a { color: #000; text-decoration: none; }

body.debug { background: url(g/debug_grid100.png); }
body.debug #wrapper {
    margin-left: 100px;
}
body.debug #logo,
body.debug #navigation { background: #ccc; opacity: .9; }
body.debug #main { opacity: .8; }
body.debug #main > div { background: #aaa; }

p.pzem {
    background: #FCFBC3;
    border: 1px solid #D3A950;
    padding: 8px 19px;
}