﻿
body 
{
   text-align: center;
}
a {
color:#000
}

 #container
{
    text-align: left;
    margin: 1em auto;
text-align:left;
width:950px;

} 
/*1-den första raden-----------------------------------------------------------------*/
.rad1col1
{
    width:950px; 
    margin-top:25px;
    height:5px; 
    background-color:#7A1976;  
    float:left;
    
}

/*2-den andra raden( logo, meny, en tom plats, adress ), den första kolumnen i tur och ordning-------------------------------*/
/*2.1- själva behållaren*/
.col1
{
    width:200px; 
    float:left;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#CCCCCC;
    background-color:#FFFFFF;
     
      
}
/*2.1- logo*/
.col1 .Logo
{
    width:200px; 
    height:200px;  
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#CCCCCC;
    
    
}
/*2.3- Menyen*/
/*2.3.1- Själva behållaren för menu*/
.col1 .Menu
{

     
}
/*2.3.2-Varje huvudmeny och dess undermenyer*/
.MenuList
{
     
    
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /*vertical-align:middle;*/
    

  
    border:0px;
	padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;



    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#CCCCCC;
    /*vertical-align:middle;*/
    /*display:inline;*/
   
    
}

/*2.3.3-  Huvudmenyn*/
.MenuList li
{
   /*
    margin-top:auto;
    margin-bottom:auto;*/
   /* padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;*/
    

 
}
.MenuList li:first-child
{
    /* padding-top:7px;*/
   /* margin-top:5px;
    margin-bottom:1px;*/
    /*margin-top:10px;
    margin-bottom:-5px;*/
   
   
     
}

.MenuList li.MainMenu 
{
    width:160px;
    height:20px;/*OK:30px*/
    margin-top:5px;
    margin-bottom:5px;
    margin-left:25px;
    margin-right:15px;
    list-style-type:none;
    font-family: Georgia, Sans-Serif;
    font-size:14px;
    
    /*vertical-align:middle;*/
    /*list-style-position:outside;*/
    /*margin-top:5px;*/
   
    
   
   
   
}

.MenuList li.MainMenu a{text-decoration:none;}
.MenuList li.MainMenu a:link{color:#999999;}
.MenuList li.MainMenu a:visited{color:#999999;}
.MenuList li.MainMenu a:focus{color:#999999;}
.MenuList li.MainMenu a:hover{color:#791E75;}
.MenuList li.MainMenu a:active{color:#999999;}




/*2.3.4-  Huvudmenyn , vald*/
.MenuList li.ActiveMainMenu 
{
    width:160px;
    height:20px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:25px;
    margin-right:15px;
    list-style-type:none;
    font-family: Georgia, Sans-Serif;
    /*font-style:normal;*/
    font-size:14px;  
    /*margin-bottom:-15px;*/
   
}

.MenuList li.ActiveMainMenu a{text-decoration:none;}
.MenuList li.ActiveMainMenu a:link{color:#333333;}
.MenuList li.ActiveMainMenu a:visited{color:#333333;}
.MenuList li.ActiveMainMenu a:focus{color:#333333;}
.MenuList li.ActiveMainMenu a:hover{color:#791E75;}
.MenuList li.ActiveMainMenu a:active{color:#333333;}


/*2.3.5-  Undermenyn*/
.MenuList li.SubMenu 
{
    width:145px;
    height:25px;
    margin-top:-4px;
    /*margin-bottom:1px;*/
    margin-left:40px;
    margin-right:15px;
    list-style-type:none;
    font-family: Arial, Sans-Serif;
    font-size:12px;
    line-height:21px;
    /* position:relative;
    top:-15px;*/
    
   
  
   
}

.MenuList li.SubMenu a{text-decoration:none;}
.MenuList li.SubMenu a:link{color:#999999;}/* unvisited link */
.MenuList li.SubMenu a:visited{color:#999999;}/* visited link */
.MenuList li.SubMenu a:focus{color:#999999;}
.MenuList li.SubMenu a:hover{color:#791E75;}/* mouse over link */
.MenuList li.SubMenu a:active {color:#999999} /* selected link */



/*2.3.6-  Undermenyn , vald*/
.MenuList .ActiveSubMenu 
{
    width:145px;
    height:25px;
     margin-top:-4px;
    /*margin-bottom:1px;*/
    margin-left:40px;
    margin-right:15px;
    list-style-type:none;
    font-family: Arial, Sans-Serif;
    /*font-style:normal;*/
    font-size:12px;
    line-height:21px;
   /*  position:relative;
    top:-15px;*/
   /*margin-top:-2px;*/
   
    
}

.MenuList li.ActiveSubMenu a{text-decoration:none;}
.MenuList li.ActiveSubMenu a:link{color:#333333;}
.MenuList li.ActiveSubMenu a:visited{color:#333333;}
.MenuList li.ActiveSubMenu a:focus{color:#333333;}
.MenuList li.ActiveSubMenu a:hover{color:#791E75;}
.MenuList li.ActiveSubMenu a:active{color:#333333;}




/*2.4- Den toma platsen*/
.col1 .EmptyPlace 
{
    width:200px;
    height:30px;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#CCCCCC;
   
   
}
/*2.5- adressen*/
/*2.5.1- Huvud behållaren*/
.col1 .Adress
{
    width:160px;
    /*background-color:Blue;*/
    margin-left:25px;
    margin-right:15px;
    margin-top:10px;
    margin-bottom:10px;
    font-family:Arial, Sans-Serif;
    font-size:11px;
    /*font-line-height:1px;*/
    
    color:#999999;
    background-color:#FFFFFF;
    


    
}
/*2.5.2- Företagsnamnet: den första raden*/
.lbl0{font-weight:bold;  display:block; line-height:16px;}
/*2.5.3- De andra rader : nr 2 , nr 3 och nr 4*/
.lbl1{display:block; line-height:16px;}
.lbl2{display:block; line-height:16px;}
.lbl3{display:block; line-height:16px;}
/*2.5.4-Den sista raden : länken till företagets email-adress */
.lbl4 a{font-family:Arial, Sans-Serif;  font-size:11px;  color:#999999; line-height:16px; }


.col2
{
    width:50px;
    float:left;
    background-color:#9EC7B7;
    /*height:200px;*/
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#9EC7B7;
    
}

.col3
{
    width:700px;
    float:left;
}
.col3 .mainPicture
{
	 width:700px;
     float:left;
}
.col3 .leftContent
{

	   width:500px;
	   float:left;
	       
}


.col3 .rightContent
{
	 width:180px;
	 float:left;
	 
	 
}
/*
Sist på sidan: en rad som består av fyra kolumner:*/
        .bottomCol1
	    {
	        width:200px;
	        height:25px;
	        float:left;
	        /*background-color:Red;*/
	       
	    }
	     .bottomCol2
	    {
	        width:50px;
	        height:25px;/*25+8*/
	        float:left;
	       /* background-color:Blue;*/
	        
	    }
	    .bottomCol2 .bottomCol2Part1
	    {
	        width:50px;
	        height:0px;
	        position:relative;
	        top:-8px;
	    }
	    /*.bottomCol2 .bottomCol2Part2
	    {
	         width:50px;
	        height:0px;
	    }*/
	    .bottomCol3
	    {
	        width:499px;
	        height:25px;
	        float:left;
	      /*background-color:Silver;*/
	      /*  border-right-width:1px;
            border-right-style:dashed;
            border-right-color:#791A75;*/
	    }
	    .bottomCol4
	    {
	        width:200px;
	        height:25px;
	        float:left;
	     /*background-color:Gray;*/
	    }


.left-content-HuvudRubrik
{
    font-family:Arial;
    font-weight:bold;
    font-size:25px;
    line-height:32px;
    color:#791E75;
    margin-bottom:10px;
 }
 .right-content-HuvudRubrik
{
    font-family:Georgia, Sans-Serif;
    font-size:14px;
    color:#791E75;
    padding-bottom:10px;
    border-bottom:solid 1px #CCCCCC;
    margin-bottom:10px;
 }
 /*Den andra behållaren*/
.right-content
{
    width:185px;
    margin-left:15px;
    margin-right:0px;
    margin-top:35px;
}
.right-content h3 {
    font-family:Arial, Sans-Serif;
    font-size:11px;
    line-height:16px;
    font-weight:bold;
}
.right-content-text
{
    font-family:Arial, Sans-Serif;
    font-size:11px;
    line-height:16px;
    color:#333333;  
}
/*Avgränsade line*/
.right-content-text hr
{
    color:#cccccc;
    height:1px;  
}

.left-content-text, ul, ol, .default 
{
    font-family:Georgia, Sans-Serif;
    font-size:14px;
    line-height:20px;
    color:#333333;  
}
.left-content-text a
{
    text-decoration:underline;
}


hr {
    border: 0;
    width: 100%;
    background-color: #ccc;
    height: 1px;
    margin-top:18px;
    margin-bottom:18px;
}

div.ingress {
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    line-height:20px;
    color:#333333;
        margin-bottom:10px;
    
}
h3 {
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    line-height:20px;
    color:#333333;
    margin-bottom:0;
}

h3 div.default {
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    line-height:20px;
    color:#333333;
    margin-bottom:0;
}


div.default p {
margin:0;
}
p {
margin:0;

}
div.citat {
    font-family:Georgia;
    font-size:14px;
    line-height:18px;
    color:#8FB3A6;
    margin-top:10px;
}
div.profile {
color:#791E75;
}
ul, ol, div.list {

  
}
.right-content ul, .right-content ol, .right-content.div.list {
      margin:0;
    margin-left:20px;
    padding: 0;
    font-family:Arial, Sans-Serif;
    font-size:11px;
    line-height:16px;
    color:#333333;  
    
}
.right-content ul li, .right-content.div.list {
    margin-left:0px;
}
.right-content ol, .right-content.div.list {
      margin:0;
    margin-left:20px;
    padding: 0;
}
.right-content ol li, .right-content.div.list {
    margin-left:0px;
}
.CheckBoxList 
{
    margin: 0; 
    padding: 0;
}
label {
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:12px;
    line-height:20px;
    margin-top:10px;
    display:block;
    color:#333333;  

}
.CheckBoxList li
{
    display:block;
    list-style-type:none;
    margin-left:0;
    white-space:nowrap;
    padding:0 0 0 0px;
    margin-top:5px;

    
}

.CheckBoxList li label {
    font-weight:normal;
    display:inline;
    margin-left:5px;
}

.validation {
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    font-size:12px;
    line-height:36px;
    color:#791E75;  
}
input {
    display:block;
    font-family:Arial, Sans-Serif;
    width:240px;
}
.CheckBoxList li input
{
     display:inline;
      width:20px;
}
textarea {
display:block;
    font-family:Arial, Sans-Serif;
    width:240px;
    height:220px;
}
.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;
}
