﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML Page Styling

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html
{
    height: 100%;
}
html a
{
    cursor: pointer;
    cursor: hand;
}
h1
{
    font-family: arial,sans-serif;
    color: #53616D;
    font-size: 14px;
}
h2
{
    font-family: arial,sans-serif;
    color: #53616D;
    font-size: 12px;
}
h3
{
    font-family: arial,sans-serif;
    color: #53616D;
    font-size: 11px;
}
.header
{
    background-color: white;
    width: 890px;
}
.body_frontpage
{
    background: transparent url(../images/proactive/Proact_bg_forside_08dec08.png) repeat-x top left;
    background-color: #5d5d5d;
    height: 100%;
}

body
{
    font-family: arial,sans-serif;
    margin: 0px;
    padding: 4px 0px 0px 0px;
    height: 100%;
}

a
{
}

body hr
{
    background-color: transparent;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 20px; /*color: #dbdbdb;*/
    padding: 0px;
    border-collapse: collapse;
}


#page-content
{
    margin: 0 auto;
    width: 890px; /*height:100%;*/
    text-align: left;
    font-family: arial, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    background-color: white;
    z-index: 0;
}

.clear
{
    clear: both;
}

#frontpage_container
{
    background: white url(../images/proactive/contentdivbg.jpg) repeat-x top left;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    border-collapse: collapse;
    height: 100%; /* Angiver minimumsh�jden p� alle indholdssider. */
    float: left;
    width: 100%;
    color: #53616d;
    font-size: 1.1em;
}

#subpage_container
{
    background: white url(../images/proactive/contentdivbg.jpg) repeat-x top left;
    background-position: 0px 160px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    border-collapse: collapse; /*height:100%; */ /* Angiver minimumsh�jden p� alle indholdssider. */
    float: left;
    width: 100%;
    color: #53616d;
    font-size: 1.1em;
    padding-bottom: 40px;
}

#frontpage_main
{
    float: left;
    background: none;
    width: 520px;
}

#frontpage_main_content
{
    background-color: transparent;
    background: url(../images/proactive/tableBackground.gif) repeat-x 0 54px;
    margin: 25px;
    float: left;
    width: 840px;
    margin-top: 0px;
}

#frontpage_main_content hr
{
    margin: 0px 0px 0px 0px; /*height:1px;*/
}

#subpage_main_content
{
    margin: 20px;
    float: left;
    width: 848px;
    margin-top: 0px;
}

#frontpage_Left
{
    float: left;
    background: none;
    width: 500px;
}


#frontpage_Right
{
    float: right;
    width: 260px;
    padding-left: 0px;
    padding-top: 0px;
    height: 100%;
}

#frontpage_main_left
{
    width: 220px;
    float: left;
}

#frontpage_main_right
{
    width: 250px;
    float: right;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Forside Toptekst

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.frontpage_toptexttable
{
    width: 220px;
}

.frontpage_toptext
{
    font-family: arial,sans-serif;
    color: #53616D;
    font-size: 15px;
    line-height: 1.4;
}

/* TOOLBOX */

#toolboxdiv
{
    text-align: right;
    padding-right: 4px;
    font-family: arial,sans-serif;
    color: #B9BFC3;
    font-size: 11px; /*height: 15px;*/
    vertical-align: bottom;
    line-height: 1.4;
}

.TB-Search-TextBox
{
    border-style: solid;
    border-color: #efefef;
    border-width: 1px; /*line-height:1.5;*/
    height: 11px;
    font-family: arial,sans-serif;
    font-size: 11px;
    vertical-align: middle;
    color: #b9bfc3;
    border-collapse: collapse;
}

#toolboxdiv a:hover
{
    color: #A31317;
    text-decoration: none;
    vertical-align: bottom;
}

#toolboxdiv a
{
    font-weight: normal;
    color: #B9BFC3;
    font-size: 11px;
    vertical-align: bottom;
    font-family: arial,sans-serif;
}

.toolboxtd
{
    font-family: arial,sans-serif;
    color: #B9BFC3;
    font-size: 11px;
    height: 15px;
    vertical-align: bottom;
}

.toolboxtd-searchbottom
{
    font-family: arial,sans-serif;
    color: #B9BFC3;
    font-size: 7px;
    height: 10px;
    vertical-align: middle;
}


.toolboxtd-searchbottom a
{
    font-weight: normal;
    color: #B9BFC3;
    vertical-align: middle;
}

.toolboxtd-searchbottom a:hover
{
    color: #A31317;
    text-decoration: none;
    vertical-align: middle;
}

/* TOP MENU */

#top-main-menu
{
    height: 50px;
    margin-top: 24px;
}

#top-main-logo
{
    float: left;
    margin-right: 35px;
    margin-top: -6px;
    margin-left: 2px; /*padding-left: 40px; 	width: 240px; 	text-align: center;*/
}

#top-main-menu ul
{
    padding-top: 5px;
    margin-left: 220px;
}

#top-main-menu ul li
{
    float: left;
    list-style: none;
    text-transform: uppercase;
    margin-left: 10px;
}

#top-main-menu a
{
    font-family: arial,sans-serif;
    font-size: 1.1em;
    color: #53616D;
    padding: 0px;
    height: 23px;
    font-weight: bold;
    margin-left: 0px;
}

/* FRONTPAGE SPOT */


#frontpage_spot img
{
    float: left;
}

#frontpage_spot_text
{
    float: right;
    background: #a41318 url(../images/proactive/topspottextbg.jpg) repeat-y top right;
    font-family: arial,sans-serif;
    color: White;
    padding-left: 25px;
    padding-top: 20px;
    height: 198px;
    width: 454px;
}

#frontpage_spot_text img
{
    float: right;
    margin-right: 38px;
    margin-top: 111px;
}

#frontpage_spot .main
{
    font-size: 1.6em;
    width: 270px;
    height: 150px;
    text-align: left;
    line-height: 1.2;
}

#frontpage_spot .sub
{
    font-size: 1.1em;
    line-height: 1.4;
    width: 270px;
    float: left;
    margin-top: 0px;
    font-weight: bold;
    vertical-align: bottom;
}

#frontpage_spot .sub2
{
    font-size: 1.1em;
    line-height: 1.4;
    width: 270px;
    float: left;
    vertical-align: middle;
    height: 30px;
    margin-top: 0px;
    font-weight: bold;
}


/* LIST SYLING */

.blogContainer
{
    /* johnk added display:block;. makes span act as div */
    display: block;
    margin: 0px;
    margin-top: 1px;
    margin-bottom: 35px;
    border-collapse: collapse;
}

.blogContainer h1
{
    border-collapse: collapse;
    background: transparent url(../images/proactive/blogheaderbg.jpg) repeat-x top left;
    font-family: arial,sans-serif;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    text-transform: uppercase;
    line-height: 1.8;
}

.blogContainer ul li
{
    list-style: none;
    margin: 0px;
    margin-bottom: 4px;
    padding: 0px;
}

.blogContainer ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.blogContainer div
{
    font-family: Arial, sans-serif;
}

.blogContainer a
{
    font-family: Arial, sans-serif;
    color: #53616d;
    font-weight: bold;
}

.blogContainer a:hover
{
    text-decoration: none;
}


.jobContainer
{
}

.jobContainer h1
{
    border-collapse: collapse;
    background: transparent url(../images/proactive/Jobsheaderbg.jpg) repeat-x top left;
    font-family: arial,sans-serif;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    text-transform: uppercase;
    line-height: 1.8;
}

.jobContainer ul
{
    margin: 0px 0px 3em;
}

.jobContainer ul li
{
    list-style: none;
    margin: 0px 0px 4px 0px;
}


.jobContainer div
{
    font-family: Arial, sans-serif;
}

.jobContainer a
{
    font-family: Arial, sans-serif;
    color: #53616d;
    font-weight: bold;
}

.jobContainer a:hover
{
    text-decoration: none;
}


.commercialContainer
{
    margin: 0px;
    margin-top: 1px;
    border-collapse: collapse;
    width: 243px;
}

.commercialContainer h1
{
    border-collapse: collapse;
    background: transparent url(../images/proactive/blogheaderbg.jpg) repeat-x top left;
    font-family: arial,sans-serif;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    text-transform: uppercase;
    line-height: 1.8;
}

.commercialContainer ul li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.commercialContainer ul
{
    margin: 0px;
    padding: 0px;
}

.commercialContainer a
{
    font-weight: bold;
    color: #53616d;
}

/* TOP RIGHT BANNER */
#topRightBanner p
{
    font-size: 1.4em;
    line-height: 1.4;
}


.listbox h2
{
    font-size: 1.1em;
    color: #000000;
    text-transform: uppercase;
}

.listbox h2 a
{
    font-size: 1.1em;
    color: #000000;
    text-transform: uppercase;
}

.listbox ul li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.listbox ul
{
    margin: 0px;
    padding: 0px;
}

.listbox li a
{
    font-family: Arial, sans-serif;
    color: #A31317;
}

.listbox li a:hover
{
    text-decoration: none;
}


/* FOOTER*/
#footer
{
    background-image: url(../images/proactive/footerBackground.gif);
    background-repeat: repeat-y;
    text-decoration: none;
    font-family: arial,sans-serif;
    font-size: 11px;
    line-height: 1.4;
    color: #53616D;
    margin: 0px;
    padding-left: 30px;
    margin-top: 0px;
    padding-bottom: 0px;
}

#footer span.title
{
    font-weight: bold;
}

/* BREADCRUMB*/

#breadcrumb
{
    padding-top: 10px;
    padding-bottom: 0px;
    float: left;
    font-family: Arial, sans-serif !important;
    font-size: 10px;
    color: #999999;
}

#breadcrumb ul
{
    margin: 0;
    padding: 0;
}

#breadcrumb li
{
    display: inline;
    list-style: none;
    padding: 0 1em 0 0;
    background: none;
}

#breadcrumb a:link, #breadcrumb a:visited
{
    text-decoration: none;
    color: #999999;
    font-size: 10px;
}

#breadcrumb a:hover
{
    color: #666666;
    text-decoration: none;
}
#breadcrumb a:active
{
    color: #666666;
    text-decoration: none;
}


/* LEFT MENU */

#leftMenu
{
    float: left;
    width: 250px;
}

#LeftMenuRelated
{
    float: left;
    width: 250px;
    margin-top: 40px;
}

#leftMenuHolder
{
    float: left;
    width: 250px;
}

#LeftMenuRelated h1
{
    border-collapse: collapse;
    font-family: arial,sans-serif;
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    line-height: 1.4;
    margin: 0px;
}

#LeftMenuRelated ul
{
    margin: 0px;
    padding: 0px;
}

#LeftMenuRelated ul li
{
    font-size: 12px;
    padding-left: 10px;
    list-style: none;
    font-weight: normal;
    color: #a31317;
}

#LeftMenuRelated ul li a
{
    font-size: 11px;
    font-weight: normal;
    color: #a31317;
}

#leftMenu h1
{
    border-collapse: collapse;
    background: transparent url(../images/proactive/blogheaderbg.jpg) repeat-x top left;
    font-family: arial,sans-serif;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    line-height: 1.8;
    margin: 0px;
}

#leftMenu h1 a
{
    font-family: arial,sans-serif;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    padding-left: 0px;
    height: 20px;
    line-height: 1.8;
    margin: 0px;
}

#leftMenu ul
{
    margin: 0px;
    padding: 0px;
}

#leftMenu ul li
{
    border-bottom: #dbdbdb 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1em;
    padding-left: 10px;
    list-style: none;
    font-weight: bold;
}

#leftMenu ul li#noncurrent a
{
    color: #53616d;
}

#leftMenu ul li#current a
{
    color: #a31317;
}

/* CONTENT*/

#contentContainer
{
    float: right;
    width: 520px;
}

#contentContainerCopy
{
    float: right;
    width: 520px;
}
#contentContainer p
{
    width: 450px;
}

#contentContainer h1
{
    font-family: MorganSnLining-Bold, Arial;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #a31317;
    width: 450px;
}
#contentContainer a:link, #contentContainer a:link
{
    font-family: Arial, sans-serif;
    color: #53616d;
    font-weight: bold;
    text-decoration: none;
}
#contentContainer a:hover
{
    font-family: Arial, sans-serif;
    color: #a31317;
    font-weight: bold;
    text-decoration: underline;
}
#contentContainer a:active
{
    font-family: Arial, sans-serif;
    color: #53616d;
    font-weight: bold;
    text-decoration: none;
}

.events_link a
{
    font-family: arial,sans-serif;
    font-size: 11px;
    color: #A31317;
    line-height: 1.4;
    text-decoration: none;
    font-weight: normal;
}

.liMenu1
{
    color: #53616d;
}
.liMenu2
{
    color: #a31317;
}
.liMenu3
{
    color: #53616d;
    margin-left: 15px;
}

.liMenu4
{
    color: #a31317;
    margin-left: 15px;
}

#leftMenu ul li ul
{
    border-top: #dbdbdb 1px solid;
    margin-top: 8px;
}

#leftMenu ul li.liSpacer1
{
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom-width: 0px;
    border-bottom: transparent 0px solid;
    background-image: url(/images/proactive/lidot_small.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    list-style-type: none;
    line-height: 0.8;
}

p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.indholdstekst
{
    font-family: arial,sans-serif;
    color: #53616D;
    font-size: 12px;
    line-height: 1.4;
    list-style: none;
    width: 450px;
}

.indholdstekst ul
{
    font-size: 12px;
    list-style-type: none;
    margin: 0px;
    vertical-align: top;
}
.indholdstekst ul li
{
    background-image: url(/images/proactive/lidot.jpg);
    margin-top: 13px;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    margin-bottom: 13px;
    padding-left: 20px;
}


.indholdstekst a:link, .indholdstekst a:visited
{
    font-weight: bold;
    font-size: 100%;
    color: #53616d;
    text-decoration: none;
    
}
.indholdstekst a:hover
{
    font-weight: bold;
    font-size: 100%;
    color: #a31317;
    text-decoration: underline;
}
.indholdstekst a:active
{
    font-weight: bold;
    font-size: 100%;
    color: #53616d;
    text-decoration: none;
}

.quote
{
    font-family: arial,sans-serif;
    color: #A31317;
    font-size: 18px;
    line-height: 1.2;
    padding-top: 20px;
    padding-bottom: 20px;
}

.teasertekst
{
    font-family: arial,sans-serif;
    color: #53616D;
    font-size: 16px;
    line-height: 1.4;
    list-style: none;
    font-weight: normal;
    vertical-align: top;
}

#bundbox
{
    background: url(/images/proactive/bundboks.png) no-repeat left top;
    width: 460px;
    height: 175px;
    font-size: 10px;
    font-family: morganSnLining-Bold;
    margin: 0px;
    padding: 0px;
}
#bundbox h1
{
    padding-top: 30px;
    padding-left: 10px;
}

#bundbox a
{
    font-weight: bold;
    font-size: 11px;
    color: #53616d;
}

#bundbox div
{
    font-weight: bold;
    font-size: 11px;
    color: #53616d;
    padding-left: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	www.addthis.com

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.addthis
{
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px;
    border-right: none;
    border-left: none;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.addthisFront
{
    padding-top: 10px;
    padding-bottom: 0px;
    border-right: none;
    border-left: none;
    border-top: none;
    float: right;
}

/* LISTER */

.liste
{
    border-collapse: collapse;
    vertical-align: middle;
}
.liste tr
{
    vertical-align: middle;
}

.liste tr td
{
    vertical-align: middle;
    color: #53616d;
}

.liste tr td a
{
    vertical-align: middle;
    color: #53616d;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.4;
}

.listetd_type1, listetd_type1 a
{
    background-color: transparent;
    padding-left: 10px;
    font-family: arial,sans-serif;
    font-size: 10px;
    color: #A31317;
    height: 30px;
    width: 510px;
}

.listetd_type0, listetd_type0 a
{
    background-color: #ebebeb;
    padding-left: 10px;
    font-family: arial,sans-serif;
    font-size: 10px;
    color: #A31317;
    height: 30px;
    width: 510px;
}

.listetd_type1_dato, listetd_type1_dato a
{
    background-color: transparent;
    font-family: arial,sans-serif;
    font-size: 10px;
    color: #A31317;
    height: 30px;
}

.listetd_type0_dato, listetd_type0_dato a
{
    background-color: #ebebeb;
    font-family: arial,sans-serif;
    font-size: 10px;
    color: #A31317;
    height: 30px;
}

.listetd_type1 a:hover
{
    text-decoration: none;
}

.listetd_type1_dato a:hover
{
    text-decoration: none;
}
.listetd_type0 a:hover
{
    text-decoration: none;
}

.listetd_type0_dato a:hover
{
    text-decoration: none;
}

#NewsletterForm
{
}

#NewsletterForm td
{
    padding: 2px;
}

#NewsletterForm input, textarea
{
    border-width: 1px;
}

#NewsletterForm .Submit
{
    text-align: right;
}

#leftContainerEmpty
{
    float: left;
    width: 250px;
    height: 400px;
}

#SearchResultDiv div
{
    padding-bottom: 25px;
}

#SearchResultDiv h3
{
    color: #A31317;
}

#SearchResultDiv h3 a
{
    color: #A31317;
    font-size: 12px;
    font-weight: bold;
}

#UnderLine
{
    text-decoration: underline;
}

.BlogCommentFooterLeft
{
    float: left;
}


.BlogCommentFooterRight
{
    float: right;
}


.BlogCommentText 
{
    height:auto;
}
.BlogCommentText
{
    padding-bottom: 20px;
    }
    
    .BlogPostText
    {
     height:auto;
        }
        
        .BlogPostHeader
        {
            color:Green;
            font-size: 14px;
            }
            
            
.BlogPostListHeader
        {
            color:Green;
            font-size: 14px;
            }
            
                		
#contentContainer table#prosolutions td {vertical-align: top;}
#contentContainer table#prosolutions p{
	width: 350px;
	
}

.leftMenu
{
    float: left;
    width: 250px;
}

.LeftMenuRelated
{
    float: left;
    width: 250px;
    margin-top: 40px;
}

.leftMenuHolder
{
    float: left;
    width: 250px;
}

.LeftMenuRelated h1
{
    border-collapse: collapse;
    font-family: arial,sans-serif;
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    line-height: 1.4;
    margin: 0px;
}

.LeftMenuRelated ul
{
    margin: 0px;
    padding: 0px;
}

.LeftMenuRelated ul li
{
    font-size: 12px;
    padding-left: 10px;
    list-style: none;
    font-weight: normal;
    color: #a31317;
}

.LeftMenuRelated ul li a
{
    font-size: 11px;
    font-weight: normal;
    color: #a31317;
}

.leftMenu h1
{
    border-collapse: collapse;
    background: transparent url(../images/proactive/blogheaderbg.jpg) repeat-x top left;
    font-family: arial,sans-serif;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    line-height: 1.8;
    margin: 0px;
}

.leftMenu h1 a
{
    font-family: arial,sans-serif;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    padding-left: 0px;
    height: 20px;
    line-height: 1.8;
    margin: 0px;
}

.leftMenu ul
{
    margin: 0px;
    padding: 0px;
}

.leftMenu ul li
{
    border-bottom: #dbdbdb 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1em;
    padding-left: 10px;
    list-style: none;
    font-weight: bold;
}

.leftMenu ul li.noncurrent a
{
    color: #53616d;
}

.leftMenu ul li.current a
{
    color: #a31317;
}
.firstCell
{
    width: 280px; 
    padding-bottom: 40px;   
}
.secondCell        
{
    vertical-align: top;    
    padding-bottom: 40px;
}