html, body 
{
    width:100%;
    height:auto !important;
    height:100%;
    margin:0px;
    padding:0px;
    min-height:100%;
}

.StartBody
{
    background-color:#8d8d8d;
}

.StartGradient
{
    /*
    position: absolute;
    left: 0px;
    width:100%;
    height:auto !important;
    height:100%;
    margin:0px auto;
    padding:0px;
    min-height:100%;
    background-image:url("images/frontpage_bg.jpg");
    background-repeat:repeat-y;
    min-width:1280px;
    */
    background-image:url("images/frontpage_bg.jpg");
    background-repeat:repeat-y;
    position: absolute;
    left: 0px;
    width: 100%;
    min-width: 1280px;
    text-align: center; 
    height:auto !important;
    height:100%;
    min-height:100%;
}

.StartWrapper
{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -266px; /* NEGATIVT: Hälften av containers höjd */
    min-width: 800px;
    text-align: center;
}

.StartContainer
{
    position: relative;
    width: 532px;
    height: 532px;
    overflow: hidden;
    text-align: center;
    background-image:url("images/nrlogo.jpg");
    background-repeat:no-repeat;
    margin: 0px auto;
}

.EnterButton
{    
    margin-top:400px;
}

.MainForm
{
    margin:0px;
    padding:0px;    
    height:auto !important;
    height:100%;
    min-height:100%;   
}

.Background 
{
    width:100%;    
    height:auto !important;
    height:100%;
    min-height:100%;
    background-image:url("images/bg_tile2.jpg");
    background-repeat:repeat-y;
    background-color:#000000; 
}

.MainWrapper
{
    width:850px;
    height:auto !important;
    height:100%;    
    min-height:100%;
    border-right: solid 1px #000000;
    background-image:url("images/bg_gradient.jpg");
    background-repeat:repeat-y;    
}

.InnerWrapper
{
    margin-left:30px;
    margin-right:100px;
    width:720px;
}

.Header
{
    width:720px;
    height:100px;
    border-bottom:solid 1px #000000;
}

.HeaderLogo
{
    float:right;
}

.NavLayer
{
   width:720px;
   height:84px;
   margin-top:5px;
   margin-bottom:5px; 
}

.NavBars
{
    float:right;
}

.NavButtons
{
    float:left;
    margin-left:5px;
    width:84px;
}

.ContentBackground
{
    background-image:url("images/Background2.jpg");
    background-repeat:repeat-y;
    width:720px;
}

.ContentWrapper
{
    margin-top:74px;
    font-family:Century Gothic, Century, Arial; 
    font-size:15px;
    color:#262626; 
}

.FooterWrapper
{
    margin-top:30px;
    height:18px;
    padding:7px 10px 5px 10px;
    background-color:#000000;
    color:#ffffff;
    font-family:Century Gothic, Century, Arial; 
    font-size:12px;  
}

/* WHEN */

.News {}

.News a 
{
    background-color:#000000;
    color:#ffc603;
    padding-left:3px;
    padding-right:3px;
    text-decoration:none;
    font-weight:bold;
}

/* WHO */

.WhoBox
{
    
}

.WhoImage
{
    height:180px;
    width:180px;
    float:left;
}

.WhoName
{
    height:150px;
    width:150px;
    float:left;
    padding:15px 15px 15px 15px;
    overflow:hidden;
    font-size:12px;
    background-image:url("images/transp_img2.png");
    background-repeat:repeat;
}

.WhoName .WhoNameHeadline
{
    font-weight:bold;
    font-size:15px;
    background-color:#000000;
    color:#ffffff;
    padding:3px 5px 0px 5px;
}

.WhoName .WhoNameProfession
{
    font-weight:bold;
    font-size:12px;
    background-color:#000000;
    color:#ffc603;
    padding:0px 5px 3px 5px;
    margin-bottom:3px;
}

.PartnerBox
{
    width:230px;
    height:100px;
    float:left;
}

/* REFERENCE */

.Ref {}
.RefRow { height:70px; margin-bottom:20px;}
.RefImageStart { width:165px; height:70px; float:left; }
.RefImage { width:165px; height:70px; margin-left:20px; float:left;}

/* CONTACT FORM */

.ContactForm
{
    margin-top:74px;
    width:720px;
}

.ContactForm .ContactTextbox
{
    width:225px;
    background-color:#ffffff;
    border: solid 1px #000000;
    font-family:Century Gothic, Century, Arial;
    font-size:15px;
    height:23px;
}

.ContactForm .ContactTextarea
{
    width:330px;
    background-color:#ffffff;
    border: solid 1px #000000;
    font-family:Century Gothic, Century, Arial;
    font-size:15px;
    height:120px;
}

.ContactForm .ContactSplash
{
    float:left;
}

.ContactForm .ContactDetails
{
    float:right;
    width:560px;
}

.ContactForm .ContactLeft
{
    float:left;
    width:225px;
}

.ContactForm .ContactLeft div
{
    margin-bottom:5px;
}

.ContactForm .ContactRight
{
    float:right;
    margin-left:5px;
    width:330px;
}

/* GENERAL STYLES */

.Headline
{
    margin:0px 0px 5px 0px;
}

.P { margin-top:10px; margin-bottom:10px; text-indent:20px; }

.P2 { margin-top:10px; margin-bottom:10px; text-indent:20px; }

.Clear
{
    width:0px;
    height:0px;
    clear:both;
}