﻿body 
{
    
}

/*Förklaringar angående behålare:
Huvud behållaren innehåller alla behållarna och andra delar */
/*1 Huvud bilden*/
.rad2col3
{
    width:700px; 
    height:300px; 
    float:left;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#5688C7; /*Line under the picture: 5688C7 791A75*/
         
}


/*2-Den vänstra delen, under huvud bilden*/
/*Huvud behållaren*/
.rad3col1
{

    width:500px; 
    float:left;
    min-height:275px;
    /*De nedanstående användes för arbetet och ska tas bort senare */
    /*height:489px;*/ 
     
}

.left-top
{

    width:410px;/*width:499px;*/
    margin-left:45px;
    margin-right:45px;
    margin-top:35px;
    margin-bottom:35px;
    /*De nedanstående användes för arbetet och ska tas bort senare */
   /* height:256px;*//*height:489px;*/
   
}
.leftTopContentHuvudRubrik
{
    font-family:Arial;
    font-weight:bold;
    font-size:25px;
    line-height:32px;
    color:#A0A0A0;      /*Text Rubrik in the start page c0c0c0 791E75*/
    margin-bottom:10px;
 }
.leftTopContentText
{
    font-family:Georgia, Sans-Serif;
    font-size:14px;
    line-height:20px;
    color:#333333;  
}
.leftTopContentText a
{
    text-decoration:underline;
}

.left-bottom
{
    width:410px;/*width:499px;*/
    margin-left:45px;
    margin-right:45px;
    margin-top:0px;
    margin-bottom:0px;
    /*De nedanstående användes för arbetet och ska tas bort senare */
    /*height:138px;*/
    /*background-color:red;*/
    font-family:Arial, Sans-Serif;
    font-size:11px;
    line-height:16px;
    color:#333333; 
}
.left-bottom .line
{
    height:5px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:15px;
    background-color:#CCCCCC;
    float:left;
    width:410px;
    
    
}
.left-bottom .leftTop
{
    margin-left:0px;
    margin-right:16px;
    margin-top:0px;
    margin-bottom:15px;
   
    float:left;
    width:197px;
    /*De nedanstående användes för arbetet och ska tas bort senare */
    /* background-color:Yellow;*/
}
.left-bottom .leftTop .leftTopOverskrift
{
     font-family:Georgia;
     font-size:14px;
     color:#333333;
     margin-bottom:6.5px;
}
.left-bottom .leftTop .leftTopRubrik
{
     font-family:Arial;
    font-weight:bold;
    font-size:11px;
    line-height:16px;
    color:#333333;
    }
.left-bottom .leftTop .leftTopText
{
    font-family:Arial, Sans-Serif;
    font-size:11px;
    line-height:16px;
    color:#333333; 
    }

 
.left-bottom .rightTop
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:15px;
    float:left;
    width:197px;
    /*De nedanstående användes för arbetet och ska tas bort senare */
    /*background-color:Aqua;*/
    
}
.left-bottom .rightTop .rightTopOverskrift
{
     font-family:Georgia;
     font-size:14px;
     color:#333333;
     margin-bottom:6.5px;
}
.left-bottom .rightTop .rightTopRubrik
{
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    line-height:16px;
    color:#333333; 
    }
.left-bottom .rightTop .rightTopText
{
    font-family:Arial, Sans-Serif;
    font-size:11px;
    line-height:16px;
    color:#333333; 
    }
.left-bottom .bottom
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;/*x*/
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#CCCCCC;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#CCCCCC;
    float:left;
    width:410px;
   
    
}
.left-bottom .bottom .leftBottom
{
    margin-left:0px;
    margin-right:16px;
    margin-top:0px;
    margin-bottom:0px;
    float:left;
    width:197px;
    /*De nedanstående användes för arbetet och ska tas bort senare */
    /*background-color:Lime;*/
   
    
}
.left-bottom .bottom .rightBottom
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    float:left;
    width:197px;
    /*De nedanstående användes för arbetet och ska tas bort senare */
    /*background-color:Teal;*/
   
    
}

/*3-Den högre delen,under huvud bilden*/
/*Huvud behållaren*/
.rad3col2
{
    width:200px;
    float:left; 
}

.right-content
{
    width:185px;
    margin-left:15px;
    margin-right:0px;
    margin-top:20px;
    margin-bottom:0px; 
}

.right-content .controls
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:10px; 
    font-family:Georgia;
    font-size:14px;
    color:#333333;
    
}
.controls .label
{
    width:185;
    float:left;
    padding-bottom:3px;
}

.controls .textBoxControl
{
     display:inline;
     width:140px;
     height:17px;
}


.controls  .buttonControl
{
    /*1-knapp*/
    width:30px;
        border-style: none;
    border-color: inherit;
    border-width: 0px;
    background-color:#791E75;
     /*2-Text*/
        font-family:Arial;
        font-weight:bold;
        font-size:11px;
        color:#FFFFFF;
        width:auto;
}
/*
  <div class="newsBox">
                    <div class="newsBoxLine"></div>
                    <div class="newsBoxText">
                    
                       <div class="newsBoxTextRubrik">newsBoxTextRubrik</div>
                       <div class="newsBoxnormalText">newsBoxnormalText</div>

                   </div>   

*/
.right-content  .newsBoxGreen
{
    width:185px;
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    margin-bottom:0px;
    background-color:#fff;
    border:1px solid #C6C7C6;
}
.newsBoxLineGreen
{
    height:5px;
    width:185px;
    background-color:#528EC6;
    float:left;
    
}

.right-content  .newsBoxPink
{
    width:185px;
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    margin-bottom:0px;
    background-color:#E9DEEA;
}
.newsBoxLinePink
{
    height:5px;
    width:185px;
    background-color:#791E75;
    float:left;
    
}

.newsBoxText
{
    width:155px;
    margin-left:15px;
    margin-right:15px;
    margin-top:15px;
    margin-bottom:15px;
   
    /*float:left;*/
    
    
}
.newsBoxText .Rubrik
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:6.5px;
    font-family:Georgia;
    font-weight:normal;
    font-size:14px;
    color:#333333;
    padding-top:15px;
    
}
.newsBoxText .Text
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;


    border:0px;
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#333333;
    line-height:16px;
    padding-bottom:15px;
}
/*20100111 Mel
    This is used ONLY for placing in the right space the user control
*/
.usrctrlstartpage
{
    margin-top:20px;
    margin-left:45px;
}


/*20100119 Mel 
    Used for the checkbox and the label. To show them in the same line.
    The label class in in the master.css file.
*/
.Checky 
{
    margin: 0px; 
    padding: 0px;
    float:left;
     
}
.Checky input {
    
    display:inline;
    width:20px;
  }

/*
label {
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:12px;
    line-height:20px;
    
    display: block;
    color:#333333;  

}
*/
.Checky label {
    font-weight: bolder;
    display:inline;
    /*float:left;*/
}

