/* 
Copyright 2016 Initiva
*/

body 
{
    font:100%/1.5em arial, verdana,Geneva,sans-serif;
    background-color:#ffffff;
    margin:0;
    padding:0;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, li, ol
{
    margin:0;
    padding:0;
}

img
{
    border:none;
}

a
{
    text-decoration:none;
    color:#157ad7;
    font-weight:normal;    
}

h2 > a {
    color: #000000;
}

a:active,
a:hover,
a:focus
{
    text-decoration:underline;
}

/* Layouts */

#Outline
{
    max-width:60em;
    width:100%;
    min-width:600px;
    margin: 0 auto 23px auto;
}

.ToMobileLayout .Button2
{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	margin:0 auto 10px auto;
	text-align:center;
	float:none;
}

#Top
{
    width:100%;
    overflow:hidden;
    border-bottom:solid 1px #d9d9d9;
    padding-bottom:1em;
}

#TopOver
{
	min-height:110px;
	width:100%;
	overflow:hidden;
}

    #Logotype
    {
    	float:left;
    	margin-top:1.250em;
		max-width:240px;
		width:30%;
    }

		#Logotype img
		{
			width:100% !important;
			max-width:240px !important;
			height:auto !important;
		}
    
    #TopButtons
    {
        margin:1.250em 0 0 0;
        float:right;
        line-height:1.8em;
        display:inline-block;
        width:64%;
    }
    
    #TopButtons .ForgotPasswordLink,
    #TopButtons .ForgotUsernameLink
    {
    	font-size:80%;
    	font-style:italic;
		line-height:1.2em;
		clear:both;
		display:block;
		margin-bottom:0.2em;
    }

   
   #TopButtons .CreateAccount
   {
   		float:right;
   }    
    
    
    #TopButtons .Login
    {
        float:right;
        margin-left:0;
		margin-bottom:0.7em;
    }
    
    #TopButtons .LoginButton
    {
        float:right;
        margin-left:0.5em;
		position:relative;
		max-width:10em;
		overflow:hidden;
    }


    #TopButtons .Login img
    {
    	margin-left:-8px;
    }

		#TopButtons .Button
		{
			width:100px;
			text-align:center;
		}
    
    #MainRight .LoginButton 
    {
    	text-align:center;
    }


    #MainRight .Login
    {
		margin:2em 0 0 0;
    }
    
    
    #MainRight .ForgotPasswordLink
    {
    	font-size:80%;
    	font-style:italic;
    	margin-left:0.9em;    
    	margin-top:0.2em;
    	clear:both;
    	text-align:center;
    	display:block;
	}    

    #SearchWrapper
    {
		float:left;
        margin:0 0 0 2%;
        text-align:right;
        padding:0;
        z-index:10;
        border:solid 1px #969696;
        clear:both;
    }

    #SearchWrapper label
    {
        color:#3d3d3d;
        font-size:0.75%;
        text-align:right;
        padding-left:0.7em;
        position:absolute;
        top:-1000px;
    }

    #SearchWrapper .TextField
    {
        width:8em;
    	padding:0.4em 0.2em 0.4em 0.2em;
        margin:0 0 0 0.4em;
        border:none;
        color:#969696;
        font-size: 0.75em;
    }

    #SearchWrapper .SearchButton
    {
    	padding:0.2em;
    	vertical-align:middle;
    	margin-right:0.2em;    	
    	
    }

    #FlagWrapper
    {
    	float:right;
    	margin:0.5em 2% 0 1em;
    }   

    #FlagWrapper a
    {
        float:left;
        margin-left:4px;
    }

    #FlagWrapper img
    {
		-webkit-box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.1);
    }	
		
    #TopNavigation
    {
        clear:both;
        overflow:hidden;
        margin:0 0 10px 0;
        float:left;
    }


            /* Top navigation */

            #TopNavigation ul
            {
                clear:both;
                margin:0 0 0 0;
                padding:0;
                list-style-type:none;
                float:left;
               
            }

            #TopNavigation ul li
            {
                display:block;
                float:left;
            }


            #TopNavigation ul li a
            {
                padding:0.2em 1em 0.2em 1em;
                font-size:93.8%;
                display:block;
                text-decoration:none;
                color:#000000;
            }

            #TopNavigation ul li a:active,
            #TopNavigation ul li a:hover,
            #TopNavigation ul li a:focus
            {
                text-decoration:underline;
            }


            #TopNavigation ul li.Selected
            {
                background-color:#000000;
            }

            #TopNavigation ul li.Selected a
            {
                color:#ffffff;
            }

	.ForCableOwnerBtn,
	.StartHereBtn
	{
		float:right;
		margin:0 2% 0 0;
	}
    
    .NoWrap
    {
        white-space:nowrap;
    }   

    .WAIShortcuts
    {
        list-style-type:none;
        margin:0;
        padding:0;
        position:absolute;
        left:0;
        top:0;
        text-align:center;
        font-size:93.8%;
        width:100%;
    }

    .WAIShortcuts li
    {
        display:inline;
        line-height:1.2em;
    }


    .WAIShortcuts a
    {
        
	    color: #ffffff;
	    padding:2px;
        top:0;
        font-weight:bold;
        width:0;
        height:0;
        overflow:hidden;
        display:block;
    }

    .WAIShortcuts a:active,
    .WAIShortcuts a:focus
    {
	    color: #000000;
	    background-color:#ffffff;
        width:100%;
        height:auto;
    }


#ContentOuter
{
    clear:both;
    width:100%;
    display:inline-block;
}

    #ContentInner
    {
        padding:1em 0 0 0;
        overflow:hidden;
        width:100%;
    }


#ContentLeft
{
	overflow:hidden;
	float:left;
	margin-left:2%;
}

#MainLeft
{
    width:20%;
    float:left;
    /* Ensures that the div takes up space in firefox in case of empty div */
    border-bottom:solid 1px #ffffff;
	border-top:solid 3px #ed692f;

}

.Startpage #MainLeft
{
	width:47.5%;
	float:left;
	border-top:none;
}

.Startpage #MainTop, 
.Startpage .MainTop
{
	position:relative;
	left:-15%;
	width:130%;
	height:25em;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center top;
}

.Startpage #MainTopInner
{
	width:27.5em;
	float:right;
	margin:2em 13.5% 0 0;
}


#MainCenter
{
    width:51%;
    float:left;
    overflow:hidden;
    padding:0 0 0 0;
    margin-left:4.5%;
    min-height:25em;
    
}


.Normal2 #MainCenter
{
    width:75.5%;
}

.Startpage #MainCenter
{
    margin-left:0;
    padding-left:0;
	width:47.5%;
	float:right;
}

.Wide1Col #MainCenter,
.Wide2Col #MainCenter
{
	margin-left:0;
}

.Wide1Col #MainTop,
.Wide1Col .MainTop
{
	width:65.625%;
	float:left;
}

.Wide1Col #MainTopRight
{
	float:right;
	width:30.625%;
	margin-top:3.1em;
}

.Wide1Col #MainCenter
{
	margin-left:0;
	width:100%;
	clear:both;
}


#MainRight
{
    width:20%; 
    float:right;
    overflow:hidden;
    margin:0 2% 0 0;
    min-height:25em;   
}

.Startpage #ContentLeft
{
	width:46%;
	padding-right:2%;
	border-right:solid 1px #c8c8c8;
	margin-top:2em;
}

.Startpage #MainRight
{
	width:46%;
	margin-top:2em;
}

.Wide2Col #MainCenter
{
	width:46%;
}


.Wide2Col #MainRight
{
	width:46%;
	margin-top:1em;	
	margin-top:0;
}

#MainRightInner
{
    width:100%;
    overflow:hidden;
}

#Footer
{
    clear:both;
    width:100%;
    overflow:hidden;
    margin-top:2em;
    padding-top:1em;
    border-top:solid 5px #ee6930;
    position:relative;
}

#Footer .FooterCol
{
    width:20.8%;
    overflow:hidden;
    margin-left:4.8%;
    float:left;
}

#Footer .Col1
{
    margin-left:1.9%;
    clear:both;
}


.FooterUnder
{
	margin-bottom:2em;
	clear:both;
	overflow:hidden;
}


/* LeftNav */

    .LeftNav
    {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
    .LeftNav ul
    {
        margin:0.3em 0 0 0;
        padding:0;
        list-style-type:none;
    }

    .LeftNav li
    {
        font-size:93.8%;
        line-height:1.4em;
        color:#819CC0;        
        padding:6px 6px 6px 0.6em;
        border-bottom:solid 1px #d9d9d9;
    }

    .LeftNav li.Selected a
    {
        color:#000000;
        font-weight:bold;
    }


    .LeftNav li.Selected li a,
    .LeftNav li a
    {
        color:#000000;
        text-decoration:none;
    }
    
    .LeftNav li a:active,
    .LeftNav li a:hover,
    .LeftNav li a:focus
    {
        text-decoration:underline;
    }

    .LeftNav li.InPath
    {
        padding-bottom:0;
    }

    .LeftNav li li
    {
        font-size:100%;
        border-bottom:none;
        padding-left:16px;
    }

    .LeftNav li.Selected li a
    {
        font-weight:normal;
    }

    .LeftNav li.InPath li.InPath
    {
        padding-bottom:6px;
    }

    


/* ArrowButton */

.ArrowButton
{
	float:right;
	background:transparent url(/Ledningskollen/Templates2012/Images/Button2Arrow.png) no-repeat top left;
	padding:1em 0 0 5em;
	text-align:right;
}

/* Form Fields */

.TextField
{
    font:93.8% arial, Verdana,Geneva,sans-serif;
    vertical-align:middle;
    border:solid 1px #DEE7F1;
    padding:0.5em;
    margin-bottom:0.4em;
}

.SelectField
{
    font:93.8% arial, Verdana,Geneva,sans-serif;
    vertical-align:middle;
    border:solid 1px #DEE7F1;
    padding:0.4em;
}


.TextFieldWarning
{
    border:solid 1px #ff6666;
}

.Button
{
	display:inline-block;
    font:93.8% Arial, Verdana,Geneva,sans-serif;
    font-weight:bold;
    vertical-align:middle;
    color:#000000;
    padding:0.5em 1.5em 0.5em 1.5em;
    background:#ffffff url(/Ledningskollen/Templates2012/Images/ButtonBg.png) repeat-x bottom;
    border:solid 1px #d3d3d3;
    color:#157ad7;
    font-weight:normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;    
	-webkit-box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.Button:active,
.Button:hover,
.Button:focus
{
    background:#c7c7c7 url(/Ledningskollen/Templates2012/Images/ButtonBgHover.png) repeat-x bottom;
	-webkit-box-shadow:  0 1px 1px 0 rgba(33, 33, 33, 0.1);
    box-shadow:  0 1px 1px 0 rgba(33, 33, 33, 0.1);    
}

.Button2
{
	display:inline-block;
    font:93.8% Arial, Verdana,Geneva,sans-serif;
    font-weight:bold;
    vertical-align:middle;
    color:#000000;
    padding:0.75em 2em 0.75em 2em;
    background:#ec7e4f url(/Ledningskollen/Templates2012/Images/Button2Bg.png) repeat-x bottom;
    border:solid 1px #ec7e4f;
    color:#ffffff;
    font-weight:bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;   
	text-decoration:none; 
	-webkit-box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.1);	
}

.Button2:active,
.Button2:hover,
.Button2:focus
{
    background:#f3813e url(/Ledningskollen/Templates2012/Images/Button2BgHover.png) repeat-x bottom;
    border:solid 1px #c87248;
	text-decoration:none; 
}



.ButtonWrapper
{
    text-align:right;
}

.ButtonWrapper .Button
{
    float:right;
}

/*
.ButtonLink
{
    display:block;
    text-decoration:none;
    font-size:93.8%;
    padding:0.2em 1em 0.2em 1em;
    border:solid 1px #d9d9d9;
    white-space: nowrap;
    background-color:#ffffff;
}

.ButtonLink img
{
    margin-left:0.5em;
}
*/

.FormFieldWrapper
{
    overflow:hidden;
    margin-bottom:4px;
}


/* CookieInformation */

.CookieInformation
{
	position:fixed;
	bottom:10px;
	left:50%;
	background-color:#fefefe;
	border:solid 1px #dedede;
	color:#000000;
	width:30em;
	margin:0 0 0 -15.6em;
	padding:1.2em;
	-webkit-box-shadow:  3px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:  3px 3px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.CookieInformation .Button
{
	float:right;	
}

.CookieInformation .Close
{

	position:absolute;
	top:6px;
	right:6px;
}

.Video-Container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom:1em;
}

 

.Video-Container iframe,
.Video-Container object,
.Video-Container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Text styles */

.Headline1
{
    font:230%/1.15em Georgia, Times New Roman, Serif;
    margin:-0.1em 0 0.4em 0;
    padding:0;
    font-weight:normal;
    color:#000000;
}

.Headline2,
.StartHeadline
{
    font: 1.3em/1.25em Georgia, Times New Roman, Serif; 
    margin: 0 0 0.2em 0;    
    font-weight:normal;
    padding:0;
    color:#000000;
}

#MainCenter > .Headline2,
#MainRight > .Headline2
{
	margin-top:0;
}

.Wide2Col #MainCenter .Headline2,
.Wide2Col #MainRight .Headline2
{
	background-color:#ffffff;
	border-bottom:solid 1px #ee6930;
	padding-bottom:0.4em;
	margin-bottom:1em;
}

.StartHeadline
{
	color:#e36828;
    margin:0 0 0.2em 0;
	padding:0 0 1em 0;
}
.StartHeadline img
{
	vertical-align:bottom;
	margin-left:0.7em;
}

.Headline3
{
    font:110%/1.4em Georgia, Times New Roman, Serif;
    margin:0.7em 0 0.4em 0;
    padding:0;
    font-weight:normal;
    color:#000000;
}


.BlockHeadline
{
    font:90% Arial, Verdana,Geneva,sans-serif;
    font-weight:bold;    
    background-color:#ed692f;
    color:#ffffff;
    padding:0.6em 0.5em 0.6em 0.5em;
    font-weight:bold;
    margin:0 0 0.8em 0;
}

.BlockHeadline a
{
    color:#89A1B8;
}

.Normal
{
    font: 0.938em/1.4em Arial, Verdana, Geneva, Sans-serif; 
    color: #000000; 
    margin: 0 0 1em 0;
    padding:0;
}

.Introduction {
    font-weight: bold;
}

    .Footer .Normal
    {
        font-size:11px;
        line-height:1.4em;
        color:#3d3d3d;        
    }
    
    .Footer .Normal a
    {
        color:#3d3d3d;
        text-decoration:none;
    }

    .Footer .Normal a:hover
    {
        text-decoration:underline;
    }

.Tip
{
	background:#F8F7F0 url(/Ledningskollen/Templates/Images/Information.gif) no-repeat 1em 1em;
	padding:1em;
	padding-left:4em;
	margin-top:1.4em;
	margin-bottom:1.4em;
    font-size:93.8%;
    line-height:1.4em;
}

.Warning
{
    clear:both;
	color:#ff6666;
	background:#F8F7F0 url(/Ledningskollen/Templates/Images/Warning.gif) no-repeat 1em 1em;
	padding:1em;
	padding-left:4em;
	margin-top:1.4em;
	margin-bottom:1.4em;
    font-size:93.8%;
    line-height:1.4em;
}

.NewsletterUnsubscribe,
.NewsletterSubscribe {
    width: 30em;    
}

.NewsletterUnsubscribe label,
.NewsletterSubscribe label {
    display: block;
    padding: 0.5em 0;
    float: left;
}

    .NewsletterUnsubscribe .TextField,
    .NewsletterSubscribe .TextField
    {
        float: right;
        width: 24em;
    }

    .NewsletterUnsubscribe .Button,
    .NewsletterSubscribe .Button
        {
        float: right;
    }

.Newsletter
{
	max-width:37.5em !important;
}

	.Newsletter .Logotype
	{
		width:240px;
	}


.Newsletter-Top
{
    margin-top: 1.25em;
    float: left;
    width: 100%;
}

.Newsletter-Top img {
    float: left;
}

.Newsletter-Top .Headline1 {
    float: right;
	font-size:1.3em;
}


.Newsletter-Inner {
    clear:both;
    margin:0;
    padding:0;
    /*list-style-type:none;*/
    float:left;

    padding-bottom:2em;
    border-bottom: solid 5px #ee6930;
    width: 100%;
}

.Newsletter-Puff
{
    display: block;
    float: left;
    border-top: solid 1px #b1dff4;
    padding-top: 1em;
    margin-top: 1em;
    width: 100%;
}

.Newsletter-Puff .Normal:last-child {
    margin-bottom: 0;
}

.Newsletter-Puff-Small-Right
{
	float:right;
	width:48%;
}


.Newsletter-Puff-Small-Left
{
	float:left;
	width:48%;
}


.Newsletter-Puff h2 {
    margin-top: 0;
}

.Newsletter-Puff-Large img {
    width: 100%;
    margin-bottom: 1em;
}

.Newsletter-Puff-Small img {
    display: block;
    width: 48%;
}

.Newsletter-Puff-Small-ImageLeft img {
    float: left;
}

.Newsletter-Puff-Small-ImageRight img {
    margin-left: 4%;
    float: right;
}

.Newsletter-Footer
{
	padding-top:0.6em;
	clear:both;
}

.Newsletter-Footer-Info
{
    text-align: center;
}

.Newsletter-Footer p {
    clear: both;
    float: left;
    width: 100%;
}

    .Newsletter-Footer .Newsletter-To-Website,
    .Newsletter-Footer .Newsletter-To-Archive {
	    display: block;
	    float: left;
        text-align: left;
    }

	.Newsletter-Footer .Newsletter-Subscribe,
	.Newsletter-Footer .Newsletter-Cancel-Subscription
	{
	    display: block;
		float:right;
	    text-align: right;
	}

#Mask {
    background-color: #000000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
}

#MovieBox {
    background-color: #ffffff;
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 640px;
    z-index: 1001;
}


#MovieBox .Close {
    position: absolute;
    right: -16px;
    top: -16px;
    z-index: 1001;
}


.dxOl {

    padding-left: 1.2em;

}

.dxUl {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@media print
{

    #Search,
    #TopNavigation,
    #MainLeft
    {
        display:none;
        visibility:hidden;
    }
    
    #ContentInner,
    #MainCenter,
    #Outline
    {
        width:auto;
        margin:0;
    }
    
    #ContentInner
    {
        min-height:10px;
    }


}