/* Font
---------------------------------------------------*/
@font-face {
    font-family: 'Roboto-Light';
    src: url('/Graphics/Fonts/Roboto-Light.ttf');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/Graphics/Fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('/Graphics/Fonts/Roboto-Bold.ttf');
}

/* General
---------------------------------------------------*/

body
{
    margin: 0;
    background: url('/Graphics/Website/background.png') no-repeat top center;
    background-attachment: fixed;
}

html, body, table, th, td, p, select, input, li, ul, label
{
    font-family: 'Helvetica-Light', Arial, 'Roboto-Regular', Sans-Serif!important;
    font-size: 14px!important;
}

html, body, table, th, td, p, select, label, .page-content ul {
    line-height:17px!important;
}
body.loginPage { background: url('/Graphics/Website/background_toponly.png') no-repeat top center; }
form { margin: 0px; }
.clear { clear: both; }
.container
{
    min-height: 100%;
    position: relative;
}
.wrapper
{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px 300px 10px;
}
a { color: #000; }
a:hover { color: #000; }
p { all: none; }
li a { outline-color: transparent; }​
.Rtf a { color: #5b97b1 !important; text-decoration: underline; }
.mobile { display: none; }
.no-mobile { display: block; }

ol {
    /* disable default counter */
    list-style: none;
    
    /* create a new counter, call it my-counter (or whatever you like) */
    counter-reset: my-counter;
    margin: 40px 20px 20px 0px;
}
ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 30px;
    padding: 0;
     
    counter-reset: li-counter;
}
ol > li{
    position: relative;
    
    padding-left: 0.5em;
    min-height: 3em;
}
ol > li:before {
    position: absolute;
    top: 0px;
    left: -30px;
    width: 25px;
    padding-top:2px;
    height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background-color: #5b97b1;
    content: counter(li-counter);
    counter-increment: li-counter;
}

/* Header
---------------------------------------------------*/
.header
{
    min-height: 10px;
    margin: 0 auto 20px 0;
}
.header .logo
{
    width: 88px;
    height: 105px;
    display: block;
    background: url('/Graphics/black-logo.png') no-repeat;
    margin: 15px 0 0 0;
	opacity:0.4;
}
.header .web-servicemenu a
{
    display: inline-block;
    color: #000;
    margin: 22px 9% 0 0;
}
.header .web-servicemenu a:hover
{
    text-decoration: underline;
}
.header .web-servicemenu a span
{
    position: relative;
    top: 3px;
    font-size: 17px;
    margin: 0 0 0 8px;
}
.header .web-languages a
{
    width: 20px;
    height: 13px;
    cursor: pointer;
    display: inline-block;
    background: url('/Graphics/Website/flags.png') no-repeat;
    margin: 28px 4px 0 0;
}
.header .web-languages a.flag-da{ background-position: 0px 0px; }
.header .web-languages a.flag-en{ background-position: 0px -13px; }
.header .web-languages a.flag-de{ background-position: -20px 0px; }
.header .web-languages a.flag-fr{ background-position: -20px -13px; }
.header .topsearchbox
{
    max-width: 100%;
    height: 20px;
    border: 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 5px;
    margin: 25px 0 0 0;
}
.header .web-topmenu { text-align: right; }
.header .web-topmenu a
{
    display: inline-block;
    margin: 40px 0 0 4%;
    font-size: 22px;
}
.header .web-topmenu a:hover { color: #5b97b1; }
.header .web-topmenu a.current
{
    color: #5b97b1;
    padding-bottom: 10px;
    border-bottom: 5px solid #5b97b1;
}
.header .web-topmenu-mobile{
    width: 100%;
    background: #f7f7f7;
    margin: 10px 0 0 0;
    padding: 0;
}
.header .web-topmenu-mobile-button{
    height: 24px;
    background: url('/Graphics/Website/mobile-menu-btn.png') no-repeat;
    padding: 0 0 0 40px;
    margin: 8px 15px 8px 15px;
    display: block;
    border: 0;
    color: #000;
    text-align: left;
    font-size: 16px;
}
.header .web-topmenu-pop { 
    border-top: 2px solid #000; 
    display: none;
}
.header .web-topmenu-pop .web-topmenu { text-align: left; }
.header .web-topmenu-pop .web-topmenu a {
    font-size: 18px;
    display: block;
    padding: 8px 15px;
    margin: 0;
}
.header .web-topmenu-pop .web-topmenu a.current {
    border: 0;
    background: #e4ecf0;
    color: #000;
}


/* Footer
---------------------------------------------------*/
.footer
{
    width: 100%;
    height: 300px;
    background: #f7f7f7;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.footer .footerwrapper
{
    max-width: 1200px;
    min-height: 1px;
    margin: 0 auto;
    padding: 40px 50px 0 50px;
}
.footer h2
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 21px;
}
.footer p
{
    font-size: 17px;
    margin: 0;
}
.footer a
{
    display: block;
}
.footer .become-user
{
    height: 81px;
    width: 170px;
    background: url('/Graphics/Website/contant-icon-big.png') no-repeat 109px 0px;
    color: #000;
}
.footer .world-link
{
    width: 177px;
    height: 109px;
    cursor: pointer;
    background: url('/Graphics/Website/world-link.png') no-repeat;
}
.footer .social-btn
{
    width: 32px;
    height: 32px;
    float: left;
    margin: 10px 10px 0 0;
    background: url('/Graphics/Website/social.png') no-repeat;
    cursor: pointer;
}
.footer .social-btn.youtube{ background-position: 0px 0px; }
.footer .social-btn.facebook{ background-position: -32px 0px; }


/* Content
---------------------------------------------------*/
.content
{
    width: 100%;
    background: #fff;
    padding: 20px 0 0 0;
    min-height: 1px;
}

/* Foundation Resets
---------------------------------------------------*/
.columns { padding: 0; }
.row { margin: 0; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */