/*
    @file: base.css
    @info: general styles
 * * * * * * * * * * * * * * * * * * * * * * * */

body
{
    margin: 0;
    padding: 0;
    background: #fff 50% 0 no-repeat;
    font: normal 75%/1.25 Arial;
    color: #333;
}
img
{
    border: 0;
}
a:hover
{
    text-decoration: underline;
}
h1, h2, h3, h4
{
    margin: 0 0 10px;
    padding: 0;
}
h1
{
    font-size: 2em;
    }
    h1.pink
    {
        font-size: 1.67em;
        font-weight: normal;
        line-height: 1;
        padding-bottom: 5px;
        text-transform: uppercase;
    }

h3
{
    font-size: 1.1em;
}

dl
{
    margin: 0;
    padding: 0;
}
p
{
    margin: 0 0 10px;
    padding: 0;
}
fieldset
{
    margin: 0;
    padding: 0;
    border: 0;
}
legend
{
    display: none;
}

input.txt,
textarea
{
    border: 1px solid;
    border-color:  #616161 #ececec #f1f1f1 #929292;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    }
    input.btn
    {
        border: 1px solid #000;
        cursor: pointer;
        overflow: visible;
        padding: 2px 5px;
        font-weight: bold;
    }
    
.accessibility
{
    position: absolute;
    left: -9999em;
    top: -9999em;
}

ul.cleaned
{
    margin: 0;
    padding: 0;
    list-style: none;
}
dl.cleared,
dl.cleared dt,
dl.cleared dd
{
    margin: 0;
    padding: 0;
}
ul.cleared
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#wrapper
{
    margin: 0 auto;
    width: 970px;
}


/* = header styles = */
#header
{
    position: relative;
    margin-bottom: 8px;
    z-index: 999; 
    }
    #header a
    {
        color: #fff;
        text-decoration: none;
    }
    #header #mainLogo
    {
        min-height: 90px;
    }
    
.serviceMenu
{
    background: #662a8c;
    position: absolute;
    right: 0;
    top: 20px;
    }    
    .serviceMenu ul
    {
        float: left;
        padding-left: 5px;
    }
    .serviceMenu li
    {
        float: left;
        padding: 10px;
        font-size: .92em;
    }
    .serviceMenu .searchBox
    {
        float: left;
        padding: 8px 7px 0 0;
        }
        .serviceMenu .searchBox input
        {
            font-size: .92em;
            color: #242424;
            padding: 0 10px;
            height: 14px;
        }
    .serviceMenu fieldset
    {
        float: left;
    }
    
    
.topNav
{
    background: #000;
    border-top: 1px solid #6c767c;
    width: 100%;
    overflow: hidden;
    }    
    .topNav li { display: inline; }
    .topNav a,
    .topNav span
    {
        float: left;
        font: bold 1.17em/2.5em arial;
        padding: 0 10px;
        border-right: 1px solid #3c3c3c;
        border-left: 1px solid #6d6d6d;
        color: #fff;
    }
    .topNav span { font-weight: normal; }
    .topNav a:hover { background: #7ab843; }
    
    .topNav .user
    {
        float: right;
        overflow: hidden;
        margin-right: -1px;
        }
        .topNav .user a
        {
            font-weight: normal;
            border: none;
            background: url(gfx/backgrounds/bg-user-menu.gif) 100% 50% no-repeat;
        }
        .topNav .user a:hover
        {
            background: #7ab843;
        }
        
/* Login box */
.loginBox
{
    width: 186px;
    color: #d7d7d7;
    background: #000 url(gfx/backgrounds/bg-login-box.png) 0 100% repeat-x;
    position: absolute; 
    top: 123px;
    left: 744px;
    padding: 44px 20px 9px;
    z-index: 10;
    display: none;
    }
    .loginBox input
    {
        border: 0;
        zoom: 1;
    }
    .loginBox .loginBtn
    {
        background: url(gfx/buttons/btn-login.png) 0 0 no-repeat;
        border: 0;
        color: #d7d7d7;
        float: left;
        font: bold 13px/1 Trebuchet MS,Arial,Helvetica;
        height: 28px;
        margin: 0;
        padding: 0 0 3px;
        text-align: center;
        width: 99px;
        vertical-align: middle;
    }
    .loginBox .loginBtn:hover
    {
        cursor: pointer;
        text-decoration: underline;
    }

.loginBox dt
{
    padding-bottom: 2px;
}
.loginBox dd.rememberMe
{
    font-size: 11px;
}

#header .loginBox a,
#header .loginBox a:hover,
#header .loginBox a:active {
    background: none;
    text-decoration: underline;
    line-height: 1;
    border: 0;
    font-weight: normal;
}

.loginBox label
{
    margin-left: 4px;
}
.loginBox dt label
{
    font-size: 12px;
    font-weight: bold;
    margin-left: 0;
}
    
.loginBox .inputField 
{
    margin-bottom: 16px;
    border: 0;
    background: #e7e7e7;
    width: 184px;
    color: #000;
    padding: 0;
}
.loginBox .forgotPass
{
    padding: 0;
    text-align: left;
    padding-top: 10px;
    }
    .loginBox .forgotPass a
    {
        float: none;
        display: inline;
        padding: 0;
        color: #0cf;
        font-size: 11px;
    }
.loginBox .options
{
    padding-top: 25px;    
    }
    .loginBox .options a
    {
        color: #0cf;
        font-weight: bold;
        font-size: .92em;
        position: absolute;
        top: 14px;
        right: 10px;
    }
    .loginBox .options a:hover
    {
        font-weight: bold;
    }

#header .loginBox .facebookConnect
{
    padding-top: 30px;
    }
    #header .loginBox .facebookConnect span
    {
        float: right;
        width: 140px;
        padding: 10px 0 0;
        font-size: 1em;
        line-height: 1.25;
        border: 0;
        font-weight: bold;
        }
        #header .loginBox .facebookConnect span.btnFacebook
        {
            float: left;
            width: auto;
            padding: 0;
        }    
    #header .loginBox .facebookConnect a
    {
        display: block;
        background: url(gfx/buttons/btn-facebook.gif) 0 0 no-repeat;
        width: 39px;
        height: 39px;
        text-indent: -999em;
        padding: 0;
    }
    
    
    

.leftColumn
{
    width: 226px;
    float: left;
    margin-right: 9px; 
}
.rightColumn
{
    width: 226px;
    float: right;
}
.centralColumn
{
    width: 500px;
    float: left;
    margin-bottom: 30px;
    }
    .centralColumn.fullWidth
    {
        width: 735px;
    }
    

.coloredBox
{
    color: #fff;
    overflow: hidden;
    height: 1%;
    margin-bottom: 9px;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    }
    .coloredBox .content
    {
        padding: 8px 7px;
        overflow: hidden;
        }
        .centralColumn .coloredBox .content
        {
            padding: 20px 0 10px;
        }
        .coloredBox .content p
        {
            /*font-weight: bold;*/
            }
            .coloredBox .content p.normal
            {
                font-weight: normal;
            }
            

.topFrontpageBox .coloredBox.latestNews
{
    min-height: 235px;
}

.coloredBox.latestNews dt,
.coloredBox.withServiceMenu dt
{
    font-size: 0.83em;
    padding-bottom: 2px;
}
            
.coloredBox.latestNews dd,
.coloredBox.withServiceMenu dd
{
    font-size: 1em;
    padding-bottom: 7px;
    line-height: 1.15;
}
.coloredBox.latestNews .content,
.coloredBox.withServiceMenu .content
{
    padding-bottom: 39px;
}
.coloredBox.latestNews h2,
.coloredBox.withServiceMenu h2
{
    margin-bottom: 6px;
}
.coloredBox.latestNews ul.options,
.coloredBox.withServiceMenu ul.options
{
    bottom: 8px;
}
            
            
    .coloredBox li
    {
        margin-bottom: 15px;
        background: url(gfx/bullets/arrow.png) 0 50% no-repeat;
        padding-left: 15px;
    }
    .coloredBox h2
    {
        font-size: 1.17em;
        padding-bottom: 5px;
        border-bottom: 1px solid #95a58a;
    }
    .coloredBox h3
    {
        color: #7ab843;
    }
    .coloredBox h2,
    .coloredBox dd
    {
        text-transform: uppercase;    
    }
    .coloredBox dl dd
    {
        font-size: 1.17em;
        font-weight: bold;
        padding-bottom: 12px;
    }
    .coloredBox a
    {
        color: #fff;
        text-decoration: none;
    }
    .coloredBox a:hover
    {
        text-decoration: underline;
    }
    .coloredBox .separator
    {
        border-top: 1px solid #95a58a; 
        height: 1px;
        overflow: hidden;
        padding: 0 0 15px;
        margin: 0;
        width: 130px;
    }
    .coloredBox ul.options
    {
        overflow: hidden;
        margin: 0;
        list-style: none;
        position: absolute;
        bottom: 10px;
        left: 10px;
        }
        .coloredBox ul.options li
        {
            font-size: .92em;
            margin: 0;
            padding: 0;
            background: none;
        }
        .coloredBox ul.options a
        {
            padding-left: 15px;
            }
            .coloredBox ul.options a.moreNews
            {
                background: url(gfx/icons/ico-newspaper.gif) 0 50% no-repeat;
            }
            .coloredBox ul.options a.rss
            {
                background: url(gfx/icons/ico-rss.gif) 0 50% no-repeat;
            }
            .coloredBox ul.options a.signUpNews
            {
                background: url(gfx/icons/ico-newsletter.gif) 0 50% no-repeat;
            }
        
    
    
    .coloredBox.leftMenu li 
    {
        background: url(gfx/bullets/arrow.png) 0 5px no-repeat;
        }
        .coloredBox.leftMenu li.expanded
        {
            background: url(gfx/bullets/arrow-down.png) 0 4px no-repeat;
            margin: 0;
            }

        .coloredBox.leftMenu li a
        {
            color: #fff;
            }
            .coloredBox.leftMenu li a.parent
            {
                color: #79b800;
            }

        .coloredBox.leftMenu ul
        {
            margin-bottom: -15px;
        }
        .coloredBox.leftMenu li li
        {
            background: none;
            margin: 0;
            line-height: 1.5;
        }
        .coloredBox.leftMenu li ul
        {
            margin: 0;
            padding: 5px 0 0;
        }
    
    .coloredBox.violet
    {
        background: #662a8c;
        }
        .coloredBox.violet h2
        {
            color: #7ab843;
        }
        
    .coloredBox.grey
    {
        background: #5a5a5a;
    }
    .coloredBox.white
    {
        background: #fff;
        }
        .coloredBox.white .content
        {
            padding: 8px;
        }

    
    
.topFrontpageBox
{
    overflow: hidden;
}

.multimediaTopBox
{
    width: 735px;
    height: 235px;
    float: right;    
    margin-bottom: 9px;
}


.teaserBox
{
    margin-bottom: 15px;
    float: left;
    width: 100%;
    }
    .teaserBox h2
    {
        font-size: 1.17em;
        padding-bottom: 5px;
        border-bottom: 1px solid #95a58a;
        text-transform: uppercase;
    }
    .teaserBox .content
    {
        background: #fff;
        overflow: hidden;
    }
    .teaserBox.banner 
    {
        text-align: center;
        }
        .teaserBox.banner .content
        {
            padding: 7px 5px 10px;
        }
    .teaserBox.events
    {
        background: url(gfx/backgrounds/bg-teaser-box-1.png) 0 100% no-repeat;
        padding-bottom: 48px;
        }
        .teaserBox .content
        {
            padding: 7px 5px 0;            
        }
        .teaserBox.events dl
        {
            padding: 5px 0;
            text-align: left;
        }
        .teaserBox.events dt
        {
            color: #747474;
            font-size: .83em;
        }
        .teaserBox.events dl dd
        {
            margin-bottom: 15px;
        }
        .teaserBox.events a
        {
            text-transform: uppercase;
            color: #e4348e;
            font-weight: bold;
            font-size: 1.17em;
            text-decoration: none;
        }
        .teaserBox.events a:hover
        {
            text-decoration: underline;
        }
    .teaserBox.googleMap
    {
        background: url(gfx/backgrounds/bg-teaser-box-2.png) 0 100% no-repeat;
        padding-bottom: 22px;
        z-index: 0;
        position: relative;
        }
        .teaserBox.googleMap .content
        {
            overflow: hidden;
            padding: 12px 9px 0;
        }
        .teaserBox.googleMap h2
        {
            color: #7ab843;
            text-transform: uppercase;
            font-size: 1.17em;
        }


.contentBox
{
    padding-bottom: 16px;
    background: url(gfx/backgrounds/bg-article.png) 0 100% no-repeat;
    }
    .contentBox .content
    {
        background: #fff;
        padding: 10px;
        overflow: hidden;
        }
        .contentBox .content a
        {
            color: #000;
        }
    .contentBox h2
    {
        font-size: 1.17em;
        color: #7ab843;
        text-transform: uppercase;
        }
        .contentBox .content h2 a
        {
            color: #7ab843;
        }
    
    
    .articles .singleArticle
    {
        cursor: pointer;
        overflow: hidden;
        padding: 10px 0;
    }
    
    .articles .singleArticle img
    {
        float: left;
        margin: 0 10px 10px 0;
    }
    
    .contentBox dt,
    .singleArticle h2
    {
        text-transform: uppercase;
        font-size: 1.67em;
        font-weight: normal;
        line-height: 1;  
        padding-bottom: 5px;     
        color: #000; 
    }
    .singleArticle h2
    {
        margin: 0;
        padding-bottom: 6px;
    }
    .contentBox dd
    {
        margin: 0;
        }
        .contentBox dd.image
        {
            float: left;
            width: 230px;
            overflow: hidden;
        }
        .contentBox dd.divider
        {
            clear: both;
            height: 20px;
        }
        .contentBox dd dt,
        .singleArticle p.datetime
        {
            font-size: 0.83em;
            margin-bottom: 10px;
            text-transform: none;
        }
    
    .contentBox .articles dt,
    .contentBox .articles dd
    {
        cursor: pointer;
        }
        .contentBox .articles dd.divider
        {
            cursor: auto;
        }
    .contentBox .articles dt.hovered,
    .contentBox .articles dd.hovered,
    .articles .singleArticle.hovered
    {
        background: #ccc;
    }
    
    .contentBox p
    {
        margin-bottom: 10px;
        }
        .contentBox p.readMore
        {
            text-align: right;
            font-size: 1.17em;
            }
            .contentBox p.readMore a
            {
                color: #7cc44b;
                text-decoration: none;
            }
            .contentBox p.readMore a:hover
            {
                text-decoration: underline;
            }
            
    .contentBox .singleNews
    {
        position: relative;
        padding-bottom: 15px;
        }
        .contentBox .singleNews h3
        {
            font-size: 1.5em;
            line-height: 1.2;
            text-transform: uppercase;
            font-weight: normal;
            padding-top: 15px;
            margin: 0;
            }
            .contentBox .singleNews h3 a
            {
                color: #000;
                text-decoration: none;
            }
            .contentBox .singleNews h3 a:hover
            {
                text-decoration: underline;
            }
        .contentBox .singleNews p
        {
            margin-bottom: 15px;
            }
            .contentBox .singleNews p.date
            {
                /*position: absolute;*/
                /*top: 0;*/
                margin: 0;
                font-size: 0.83em;
                padding: 3px 0;
            }
            .contentBox .singleNews p.place
            {
                font-size: 0.83em;
                font-weight: bold;
            }

.contentBox .content .breadCrumbs
{
    padding-bottom: 15px;
}
.contentBox .content .breadCrumbs,
.contentBox .content .breadCrumbs a
{
    color: #662a8c;
    text-decoration: none;
}
.contentBox .content .breadCrumbs span.currentPos
{
    color: #79b800;
}



#newUserForm
{
    overflow: hidden;
    padding-bottom: 20px;
    }
    .buttonRight
    {
        float: right;
        padding: 10px 43px 0 0;
        width: auto;
    }


dl.fields,
dl.fields dd,
dl.fields dt
{
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.3;
}
dl.fields
{
    padding: 20px 0;
    overflow: hidden;
    }
    dl.fields dt
    {
        overflow: hidden;
        width: 150px;
        text-transform: none;
        float: left;
        font-weight: bold;
        padding-top: 3px;
    }
    dl.fields dd
    {
        float: left;
        width: 290px;
        }
        dl.fields dd.divider
        {
            float: none;
            width: 100%;
        }
    dl.fields input.txt
    {
        border: 1px solid #999;
        width: 280px;
        padding: 2px;
    }





/* = map = */
.mapContainer
{
    position: relative;
    margin-bottom: 15px;
    background: #fff;
    padding: 10px;
}

#map_info
{
    position: absolute;
    left: 25px;
    top: 25px;
    padding: 10px;
    border: 1px solid #888;
    background: white;
    width: 170px;
    }
    #map_info h3
    {
        font-size: 16px;
    }


#add_marker
{
    position: absolute;
    top: 25px;
    left: 250px;
    }
    #add_marker #marker_text
    {
        /*display: none;*/
        background: #f5fe63;
        padding: 3px 5px;
    }

.bigMapBox
{
    background: #fff;
}
            
.smallMap            
{
    height: 507px;
    width: 208px;
    overflow: hidden;
}
.textUnderGMap
{
    padding-top: 10px;
}
.largeMap
{
    width: 950px;
    height: 830px;
}
.mapinfo-filters ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    }
    .mapinfo-filters ul ul
    {
        margin-left: 18px;
        padding-top: 5px;
    }
    .mapinfo-filters ul li
    {
        padding-bottom: 15px;
        text-transform: uppercase;
        }
        .mapinfo-filters ul li li
        {
            text-transform: lowercase;
            padding-bottom: 5px;
        }
.mapinfo-filters input
{
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: middle;
}
.mapMarkerContainerTemplate .customDirectionPointCity
{
    position: absolute;
    left: -9999em;
    top: -9999em;
}
#roadDirections
{
    display: none;
}

.searchItem 
{
    margin-bottom: 15px;
    }
    .searchItem  h3
    {
        padding: 9px 0 2px;
        margin: 0;
    }
    .contentBox .searchItem  h3 a
    {
        color: #7AB843;
    }

.addUserContentForm
{
    float:left;
    width:430px;
    padding-bottom: 20px; 
    }
    .addUserContentForm dd,
    .addUserContentForm dl
    .addUserContentForm dt
    {
        margin: 0;
        padding: 0;
    }
    .addUserContentForm dt
    {
        font-weight: bold;
    }
    .addUserContentForm dd,
    .addUserContentForm dt
    {
        padding-bottom: 5px; 
    }
    .addUserContentForm input.txt,
    .addUserContentForm textarea
    {
        width: 250px;
    }

#footer
{
    clear: both;
    overflow: hidden;
    margin-bottom: 35px;
    margin-left: -9px;
    }
    #footer .teaser
    {
        float: left;
        width: 226px;
        height: 276px;
        background: url(gfx/backgrounds/bg-footer-teaser.png) 0 0 repeat-x;
        position: relative;
        margin-left: 9px;
        display: inline;
        }
        #footer .teaser.central
        {
            width: 500px;
        }
        #footer .teaser h2
        {
            font-size: 1.33em;
            margin-bottom: 5px;
        }
        #footer .teaser p
        {
            margin-bottom: 5px;
        }
        #footer .teaser li
        {
            margin-bottom: 5px;
        }
        #footer .teaser a
        {
            color: #006699;
            font-weight: bold;
            text-decoration: none;
        }
        #footer .teaser a:hover
        {
            text-decoration: underline;
        }
        #footer .teaser .content
        {
            padding: 15px 8px 8px;
        }
        #footer .teaser .image
        {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 87px;
            overflow: hidden;
            }
            #footer .teaser .image img
            {
                vertical-align: middle;
            }
    
/* = clearing = */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
.clear { clear: both; }




/* = google map info box = */
.mapMarkerContainerTemplate,
.mapMarkerContentDirections
{
    border: 1px solid #5c5c5c;
    background: #fff;
    position: absolute;
    width: 230px;
}

.mapMarkerContentDirections
{
    right: -110%;
    top: 0;
}


.mapMarkerContainerTemplate dl.tabs
{
    padding: 0 0 15px;
    margin: 0;
    zoom: 1;
    overflow: hidden;
    }
    .mapMarkerContainerTemplate dl.tabs dd,
    .mapMarkerContainerTemplate dl.tabs dt
    {
        margin: 0;
        padding: 0;
    }


.mapMarkerContainerTemplate dl.tabs dd
{
    float: right;
    width: 100%;
    margin: 5px 0 0;
    overflow: hidden;
    height: 1%;
    }
    .mapMarkerContainerTemplate dl.tabs dd .content
    {
        padding: 0 15px;
    }
    
    .mapMarkerContainerTemplate dl.tabs dt
    {
        float: left;
        cursor: pointer;
        background: #eaeaea;
        width: 114px;
        border: solid #b5b5b5;
        border-width: 0 0 1px 1px;
        }
        .mapMarkerContainerTemplate dl.tabs dt.info
        {
            border-width: 0 1px 1px 0;
        }
        .mapMarkerContainerTemplate dl.tabs dt.active
        {
            background: #fff;
            border: 0;
            z-index: 3;
        }
        .mapMarkerContainerTemplate dl.tabs dt span
        {
            display: block;
            padding: 5px 10px;
            font-size: 14px;
            text-transform: uppercase;
        }
        .mapMarkerContainerTemplate h3.mapMarkerTitle
        {
            padding: 0;
            margin: 0 0 10px;
            font-size: 16px;
            font-weight: normal;
        }

.mapMarkerContainerTemplate ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.mapMarkerContainerTemplate ul.directions
{
    overflow: hidden;
    }
    .mapMarkerContainerTemplate ul.directions li
    {
        display: inline;
    }
    .mapMarkerContainerTemplate ul.directions li.active a
    {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

.mapMarkerContainerTemplate a
{
    color: #057fbe;
    text-decoration: underline;
}    
.mapMarkerContainerTemplate .fields
{
    padding-bottom: 10px;
    }    
    .mapMarkerContainerTemplate .fields input
    {
        width: 100%;
        margin-bottom: 10px;
        }
        .mapMarkerContainerTemplate .fields input.btnFind
        {
            width: 75%;
            float: left;
            clear: both;
        }
        
.mapMarkerContainerTemplate a.closePopup
{
    float: right;
    margin: 5px 5px 0 0;
    display: inline;
}
        
.gmnoprint
{
/*    top: 380px !important;
    left: 15px !important;
*/
}
#logocontrol
{
    top: auto !important;
    bottom: 2px !important;
}

/* = calendar = */
.havnCalendar
{
    width: 100%;
    table-layout: fixed;
    }
    .havnCalendar a
    {
        color: #662a8c;
    }


.havnCalendar td,
.havnCalendar th
{
    text-align: center;
    background: #ededed !important;
    border-bottom: 1px solid #c2d4db;
    border-right: 1px solid #c2d4db;
    font-size: 10px;
    text-transform: capitalize;
    padding: 1px 0;
    color: #79b800;
}

table.CalendarTitle{ width: 100%; }
.havnCalendar .CalendarTitle td
{
    font-size: 12px;
    text-align: center;
    height: 25px;
    background: #ededed;
    border: none;
    border-bottom: 1px solid #c2d4db;
    border-left: 0;
}
.havnCalendar .CalendarTitle td{ border-bottom: none !important; }
.havnCalendar .CalendarTitle td a
{
    font-size: 12px;

    font-size: 12px;
    width: 28px;
    margin-left: 1px;
    width: 100%;
    display: block;
    font-weight: bold;
}
.havnCalendar SelectedDayClass
{
    color: #000!important;
}
.havnCalendar .CalendarTitle td a.header
{
    font-size: 12px;
}

.havnCalendar td a,
.havnCalendar td .calendarNoEvent
{
    display: block;
    font-size: 12px;
}
.havnCalendar td { width:28px!important; }
.havnCalendar td a:hover
{
    background: #c2d4db;
    text-decoration: none;
}

.havnCalendar .CalendarTitle td a
{
    white-space: nowrap;
}
.havnCalendar .CalendarTitle td a:hover
{
    background: #ededed;
    text-decoration: underline;
}
.havnCalendar tr td.calendarTopRight a,
.havnCalendar tr td.calendarTopLeft a
{
    font-weight: normal;
    font-size: 9px;
    width: 29px !important;
}

.havnCalendar tr td.calendarTopLeft,
.havnCalendar tr td.calendarTopRight
{
    width: 29px !important;
}

.havnCalendar .CalendarTitle .title
{
    width: 158px !important;
}

.chooseArea
{
    padding-top: 15px;
    }
    .chooseArea select 
    {
        width: 100%;
    }
    
    

.comments
{
    padding: 10px 0 15px;
    border-top: 1px solid #ddd;
    }
    .comments h2 span
    {
        color: #ccc;
    }
    .comments dt
    {
        font-size: 1em;
        text-transform: none;
        font-weight: bold;
    }
    .comments dd.date
    {
        font-size: .83em;
    }
    .comments dd.divider
    {
        clear: both;
        height: 10px;
        font-size: 1px;
        line-height: 1px;
    }
    
.commentForm
{
    padding-top: 15px;
    border-top: 1px dotted #ddd;
    }
    .commentForm dt
    {
        font-size: 1em;
        text-transform: none;
        width: 80px;
        float: left;
        font-weight: bold;
    }
    .commentForm dd
    {
        margin-left: 90px;
        }
        .commentForm dd.divider
        {
            margin: 0;
        }
    .commentForm textarea
    {
        width: 100%;
        height: 80px;
        border: 1px solid;
        border-color: #666 #ccc #ccc #666;
    }
    
    
.shareThisButton
{
    float: right;
    text-align: right;
    padding-bottom: 15px;
}
    
.autoNewsItemBanner
{
    border: 2px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.autoNewsItem
{
    border-bottom: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}    


/* ================ */
.formBuilder
{
    padding-bottom: 25px;
    }
    .formBuilder p
    {
        position: relative;
    }    
    .formBuilder fieldset
    {
        padding: 20px;
        border:1px solid #999;
        margin: 0;
        padding-left: 120px;
        }
        .formBuilder fieldset legend
        {
            display: none;
        }
        .formBuilder fieldset label
        {
            display: block;
            position: absolute;
            margin: 2px 0 0 -100px;
            width: 100px;
            left: 0;
            font-weight: bold;
        }
        .formBuilder fieldset fieldset.radioGroup label,
        .formBuilder fieldset .checkbox label
        {
            display: inline;
            position: relative;
            margin-left: 0px;
            width: auto;
            font-weight: normal;
        }
        .formBuilder fieldset .checkbox,
        .formBuilder fieldset fieldset.radioGroup
        {
            padding: 0;
            border: 0;
        }
        .formBuilder fieldset .checkbox input
        {
            margin-right: 5px;
        }

    .formBuilder fieldset input,
    .formBuilder fieldset select,
    .formBuilder fieldset textarea
    {
        width: 325px;
        border: 1px solid #999;
        font-family: arial;
        font-size: 12px;
        padding: 2px;
    }

    .formBuilder fieldset textarea { height: 80px; }


    .formBuilder fieldset p.buttonRow input,
    .formBuilder fieldset .radio input,
    .formBuilder fieldset .checkbox input
    {
        width: auto;
        border: 0;
    }

    .formBuilder fieldset p.buttonRow input
    {
        border: 1px solid #999;
        padding: 2px 5px;
        cursor: pointer;
        margin-bottom: 2px;
    }

    .formBuilder fieldset .elementError
    {
        color: #900;
    }

    .formBuilder fieldset p.buttonRow
    {
        margin-right: 10px;
        text-align: right;
    }
    

.pressPage
{
    overflow: hidden;
    padding-bottom: 15px;
    }
    .pressPage .column
    {
        overflow: hidden;
        padding-bottom: 25px;
        width: 49%;
        float: left;
        }
        .pressPage .column .inner
        {
            padding-right: 10px;
        }
    .pressPage ul
    {
        list-style: none;
        margin: 0;  
        padding: 0;      
    }
    .pressPage span.dateTime
    {
        font-size: 10px;
    }
    
    
    
.scfSingleLineTextBorder,
.scfMultipleLineTextBorder,
.scfEmailBorder
{
    overflow: hidden;
    padding-bottom: 10px;
}
.scfSingleLineTextBorder input,
.scfMultipleLineTextBorder textarea,
.scfEmailBorder input
{
    border: 1px solid #999;
}
.scfSubmitButtonBorder input
{
    float: right;
    display: inline;
    margin-right: 40px;
}
.scfSectionContent label
{
    font-weight: bold;
}
.scfValidationSummary ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}    

.checkboxProspektClass
{
    padding-left: 30%;
}



/* = events styles = */
.autoNewsItemBanner
{
    border: 2px solid #999;
    margin-bottom: 5px;
    min-height: 60px;
    padding: 0 5px;
    }
    .autoNewsItemBanner img
    {
        margin-right: 10px;
        margin-top: 10px;
        float: left;
    }
    .autoNewsItemBanner h2
    {
        font-weight: normal;
        padding-bottom: 0;
        margin-top: 10px;
    }
    .autoNewsItemBanner p
    {
        overflow: hidden;
    }
.forwardBackLinks
{
    float: right;
    margin-top: -22px;
}	
.newsItem
{
    clear: both;
    width: 100%;
    }
    .newsItem h2
    {
        margin: 0;
    }
.autoNewsItem
{
    border-bottom: 1px solid #999;
    min-height: 60px;
    }
    .newsItem .autoNewsItems h2
    {
        font-weight: normal;
        padding-bottom: 2px;
        padding-top: 10px;
    }
    .newsItem p
    {
        margin: 0 0 10px;
        padding: 0;
    }
    .autoNewsItem img
    {
        margin-top: 10px;
        float: left;
        padding-right: 10px;
    }

.newsItem .dateTime
{
    display: block;
    color: #666;
    font-size: 10px;
    line-height: 10px;
    padding: 3px 0;
}	

.printInfo
{
    display: none;
}

.frontpageTagcloud .coloredBox .content
{
    padding: 10px;
}