﻿/* Initiva
    Copyright 2010 Tommy Ljung
*/

body 
{
    font:100%/1.0em Verdana,Geneva,sans-serif;
    background:#ffffff url(/Templates/Images/BodyBg0.gif) repeat-y left;
    color:#1C191D;
}

.Intro
{
    background-image:none;
}

body, h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li
{
    padding:0px;
    margin:0px;
}

img
{
    border:none;
}

a
{
    text-decoration:none;
    color:#0000FF;
}

a:hover
{
    color:#01779A;
}

/* Layouts */

#Outline
{
    width:969px;
    overflow:hidden;
}

#LeftCol
{
    width:190px;
    margin:0px 20px 0px 0px;
    float:left;
    overflow:hidden;
    display:inline;
}

    #Logotype
    {
        text-align:center;
        margin-top:22px;
    }
    
        #Logotype img
        {
            margin-right:40px;
        }

        #EA_Address
        {
            margin:10px 20px 10px 20px;
            text-align:left;
            font-size:0.65em;
            line-height:1.2em;
        }
        
    #Search
    {
        padding:0px 20px 0px 20px;
    }

    #Search .TextField
    {
        width:88px;
        vertical-align:middle;
        float:left;
    }
     
    #Search .Button
    {
        width:50px;
        vertical-align:middle;
        float:right;
    }
            
#MainCol
{
    width:440px;
    margin:75px 0px 0px 55px;
    float:left;
    overflow:hidden;
    display:inline;
}

#Main2
{
    margin-top:20px;
    width:300px;
    margin-left:120px;
}

.Startpage #MainCol
{
    width:488px;
    margin:75px 0px 0px 25px;
    overflow:hidden;
}


.Intro #MainCol
{
    margin-left:230px;
    margin-top:150px;
    width:500px;
}

    .Intro #IntroTop1,
    .Startpage #IntroTop1
    {
        float:left;
        margin-left:39px;
        display:inline;
        width:125px;
    }

    .Intro #IntroTop2,
    .Startpage #IntroTop2
    {
        float:left;
        margin-left:18px;
        display:inline;
        width:125px;
    }

    .Intro #IntroTop3,
    .Startpage #IntroTop3
    {
        float:right;
        margin-right:39px;
        display:inline;
        width:125px;
    }
    
    .Intro #MainSection,
    .Startpage #MainSection
    {
        clear:both;
        margin:20px 0px 20px 0px;
    }


    .Intro #IntroBottom1,
    .Startpage #IntroBottom1
    {
        clear:both;
        float:left;
        margin-left:39px;
        display:inline;
        width:125px;
        margin-bottom:20px;
    }

    .Intro #IntroBottom2,
    .Startpage #IntroBottom2
    {
        float:left;
        margin-left:18px;
        display:inline;
        width:125px;
        margin-bottom:20px;
    }

    .Intro #IntroBottom3,
    .Startpage #IntroBottom3
    {
        float:right;
        margin-right:39px;
        display:inline;
        width:125px;
        margin-bottom:20px;
    }

    #LeftSection
    {
        width:168px;
        margin:30px 11px 30px 11px;
        
    }
    
    #BottomLeftSection
    {
        position:absolute;   
        bottom:20px;
        left:20px;
        width:150px;
    }

    #BottomMiddleSection
    {
        position:absolute;   
        bottom:20px;
        left:285px;
        width:390px;
    }

#RightCol
{
    width:245px;
    margin:0px 0px 0px 0px;
    padding-top:20px;
    float:right;
    overflow:hidden;
    display:inline;
}

    #RightColInner
    {
        margin-left:55px;
    }

    #Flag
    {
        text-align:center;
        margin:0px 0px 17px 0px;
    }
    
        .FlagSweden
        {
            margin-right:16px;
        }

    .Divider
    {
        height:2px;
        margin:0px 0px 10px 0px;
        background:transparent url(/Templates/Images/Divider.gif) repeat-x top;
        width:100%;
        overflow:hidden;
    }
    
#Logotype
{
    text-align:center;
}

/* LeftNav */

.LeftNav
{
    list-style-type:none;
    margin:24px 20px 20px 20px;
    padding:0px;
}

.LeftNav li
{
    font-size:0.7em;
    text-transform:uppercase;
    font-weight:bold;
    margin:4px 0px 4px 0px;
}

.LeftNav li a
{
    color:#000000; 
}

.LeftNav li li
{
    font-size:1em;
    text-transform:none;
    list-style-type:none;
    padding-left:20px;
    font-weight:normal;
    margin-bottom:0em;
}

.LeftNav li.Chosen li a,
.LeftNav li.InPath li.Chosen li a,
.LeftNav li.InPath li.InPath li a,
.LeftNav li.InPath li.InPath a,
.LeftNav li.InPath li a
{
    color:#000000;
    font-weight:normal;
}

.LeftNav li.InPath a,
.LeftNav li.InPath li.InPath a,
.LeftNav li.InPath li.InPath li.InPath a
{
    font-weight:bold;
}

.LeftNav li.Chosen a,
.LeftNav li.InPath li.Chosen a,
.LeftNav li.InPath li.InPath li.Chosen a,
.LeftNav li.InPath li.InPath li.InPath li.Chosen a
{
    color:#0096C2; 
    font-weight:bold;
}


.LeftNav li a:hover,
.LeftNav li li a:hover
{
    color:#01779A;
}

/* Newslist */

.NewsList
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.NewsList li
{
    font-size:0.65em;
    line-height:1.2em;
    padding:0px;
    margin:0px;    
}

.NewsList li a
{
    color:#000000; 
    padding:0px 0px 8px 0px;
    display:block;
}

.NewsList li a:hover
{
    color:#01779A;
}


/* Newslist1 */

.NewsList1
{
    margin:0px 20px 20px 20px;
    padding:0px;
    border:solid 1px #1C191D;
    list-style-type:none;
    background-color:#ffffff; 
}

.NewsList1 li
{
    font-size:0.65em;
    line-height:1.2em;
    padding:0px;
    margin:0px 0px 0px 0px;
}

.NewsList1 li a
{
    color:#000000; 
    padding:0px 8px 8px 8px;
    display:block;
}

.NewsList1 li a:hover
{
    color:#01779A;
}

.NewsList1 li.First a
{
    padding-top:8px;
}

/* Quote */

.Quote
{
    margin:20px;
}

.QuoteText
{
    font-style:italic;
    margin:0px 0px 1em 0px;
    padding:0px;
    font-size:0.8em;
    font-weight:normal;
}

.QuoteCompany
{
    font-size:0.7em;
}

.Quote a
{
    color:#000000;
}

.Quote a:hover
{
    color:#01779A;
}

/* Animation */

#Animation
{
/*    position:relative;
    left:-90px;
    width:280px;
    z-index:1;
*/
    width:245px;
    overflow:hidden;
}

/* Thumbnails */

.Thumbnails
{
    margin:0.8em 0px 0.8em 0px;
    list-style-type:none;
}

.Thumbnails li
{
    margin-left:7px;
    float:left;
    width:100px;
    text-align:center;
}

.Thumbnails li.First
{
    margin-left:0px;
}

/* Category list */

.CategoryList
{
    list-style-type:none;
    margin:0.8em 0px 0.8em 0px;
    padding:0px;
    overflow:hidden;
}

.CategoryList li
{
    text-align:center;
    float:left;
    font-size:0.65em;
    margin-left:10px;
    width:100px;
}

.CategoryList li.First
{
    margin-left:0px;
}


.CategoryList li a
{
    color:#1C191D;
}

/* .CategoryList span */
.CategoryList .ImageWrapper
{
    display:block;
    clear:both;
    height:62px;
}


.CategoryList .ShortHeadline
{
    display:block;
    clear:both;
    height:36px;
}


.CategoryList li a:hover
{
    color:#01779A;
}

.CategoryList .dxImageNoAlign
{
    margin:0px;
}


/* Item view */

.BigImage
{
    text-align:center;
    margin:0px 0px 1em 0px;    
}

.BigImage img
{
    margin:0px;
}

.CaseItem .dxImageText,
.ProductApplicationItem .dxImageText
{
    margin:0px 0px 0px 0px;
    padding:0px;
    text-align:left;
}

.CaseItem .Normal,
.ProductApplicationItem .Normal
{
    clear:both;
}

.NameLabel
{
    float:left;
    font-size:0.65em;
    padding:0px;
    margin:0px 0px 0.8em 0px;
    clear:both;

}

.NameMail
{
    float:left;
    margin-left:10px;
}

/* JobList */

.JobList
{
    margin:0px 0px 10px 0px;
    padding:0px;
    list-style-type:none;
    border-top:solid 1px #DCDEE1; 
}

.JobList li
{
    border-bottom:solid 1px #DCDEE1; 
}


.JobList .Normal a
{
    padding-top:2px;
    color:#1C191D;
    font-weight:bold;
}

.JobList .Normal a:hover
{
    color:#01779A;
}

/* EmployeeList */

.EmployeeList
{
    margin:0px 0px 10px 0px;
    padding:0px;
    list-style-type:none;
    border-top:solid 1px #DCDEE1; 
}

.EmployeeList li
{
    border-bottom:solid 1px #DCDEE1; 
    padding:5px 0px 5px 0px;
    overflow:hidden;
}

.EmployeeList .Name
{
    float:left;
    width:200px;
    font:0.7em/1.2em Verdana,Geneva,sans-serif;
    padding:0px;
    margin:0px 0px 0.1em 0px;
    font-weight:bold;   
}

.EmployeeList .Name a
{
    color:#1C191D;
    font-weight:bold;
}

.EmployeeList .Name a:hover
{
    color:#01779A;
}


.EmployeeList .EmployeeInfo
{
    float:left;
    width:200px;
    font:0.65em/1.2em Verdana,Geneva,sans-serif;
    padding:0px;
    margin:0px 0px 0.1em 0px;
}

.Print
{
    clear:both;
}

.MoviePlayer
{
    clear:both;
    font-size:0.65em;
    padding:0px;
    margin:0px 0px 0.8em 0px;    
}


/* Breadcrumb */

.Breadcrumb
{
    list-style-type:none;
    margin:0px 0px 10px 0px;
    padding:0px;    
    overflow:hidden;
}  

.Breadcrumb li
{
    font-size:0.65em;
    text-transform:uppercase;
    padding:0px;
    margin:0px 0px 0.4em 0px;
    line-height:1.4em;
    color:#888888;  
    float:left;
}

.Breadcrumb li a
{
    color:#47A1BB;
    margin-left:4px;
    margin-right:4px;
}


/* Text styles */

.PageTitle
{
    font-size:0.75em;
    text-transform:uppercase;
    color:#47A1BB;
    padding:0px;
    margin:0px 0px 0.4em 0px;
    line-height:1.4em;
}

.BoxHeadline
{
    padding:4px;
    margin:0px 20px 0px 20px;
    text-transform:uppercase;
    font:0.8em/1.1em Verdana,Geneva,sans-serif;
    font-weight:normal;    
    background-color:#4EB2CF;
    border:solid 1px #1C191D;
    border-bottom:none;
    color:#CAE8F1;
}

.Headline1
{
    font-size:1.2em;
    color:#1C191D;
    padding:0px;
    margin:0px 0px 0.6em 0px;
    font:1.0em/1.4em Verdana,Geneva,sans-serif;
}

.Intro .Headline1,
.Startpage .Headline1
{
    font-size:0.9em;
    font-weight:normal;
    text-align:center;
}

.Headline2
{
    font:0.65em/1.2em Verdana,Geneva,sans-serif;
    padding:0px;
    margin:1.5em 0px 0.1em 0px;
    font-weight:bold;
}


.Normal
{
    font-size:0.65em;
    padding:0px;
    margin:0px 0px 0.8em 0px;
}

.Normal a
{
    color:#0000FF;
}

#EA_Address .Normal
{
    font-size:1em;
}

/* Form fields */

.TextField,
.Button
{
    font:0.7em/1em Verdana,Geneva,sans-serif;    
}

.TextField,
.Button
{
    padding:2px;
}

@media print
{
    #diverse
	{
		display:none;
		visibility:hidden;
		overflow:hidden;		
	}
	
	
}

