﻿*
{
    margin:0px;
}

body
{
    background-color: #e6e6e6;
    margin: 0px;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #4c4c4c;
    
}

span
{
    padding-left: 10px;
    color: #999999;
    font-size: 13px;
}

h1
{
    font-style:italic;
    font-size: 22px;
    color:#4c4c4c;
    padding-left:10px;
    padding-top:10px;
}

h2
{
    font-size:18px;
    font-weight:bold;
    padding-left:10px;
    margin: 0px;
    padding-top:7px;
}

h3
{
    
    font-weight:bold;
    padding-left:10px;
    margin: 0px;
    padding-top:7px;
}

h4
{
    color: #2f528e;
    font-size:30px;
    padding-left:10px;
}

strong
{
    color:#000;
}

p
{
    padding:10px;
    line-height:18px;
}

a:link, a:visited
{
    text-decoration:none;
}

a:hover
{
    text-decoration: underline;
}

a
{
    color: #2f528e;
}

#container
{
    width: 900px;
    
    background-color:#fff;    
    padding-bottom:20px; 
}

#logo
{
    margin-left:20px;
    float:left;
    display:inline;    
}

#menu a
{
    color:#4c4c4c;
    font-size: 13px;
    font-weight: bold;
}

.selected
{
    color: #2f528e !important;
}

#menu
{    
    height:20px;    
}

#menu ul
{
    list-style:none;
    width:390px;  
    float:right;
    margin-right:20px; 
    display:inline;    
}

#menu li
{
    display:block;
    padding-left:15px;
    float:left;
}

#banner_area
{
    width:860px;
    height:175px;
    margin-left:20px;
    clear:both; 
    margin-bottom:10px;   
}

#main_area
{
    width:860px;
    min-height:200px;
    background-color:#f7f7f7;
    margin-left:20px;
    margin-top:10px;
    margin-bottom:20px;
}



#box_area
{
    width:860px;
    height:150px;
    
    margin-left:20px;
    margin-top:20px;
    margin-bottom:10px;
    border-bottom: solid 1px #c4c4c4;
    
}

.left
{
    float:left;
    margin-right:20px;
}

.right
{
    float:right;
}

.box
{
    width:200px;
    height:130px;
    
    
}

.box h2
{
    color: #fff;
    height:30px;
    padding-top:7px;    
    background-color:#2f528e;
}

#lower_heading_area
{
    margin-bottom: 10px;    
    height:50px;
}

#lower_content_area
{
    height:400px;
}


.lower_left
{
    width:200px;
    margin-left:20px;
    float:left;   
    display:inline;
}



.lower
{
    width:400px;
    margin-left:20px;
    float:left;    
}

.lower_right
{
    width:200px;
    margin-right:20px;
    float:right;    
    display:inline;
    
}

#left_lower_heading h2
{
    color: #2f528e;
}

#left_lower_area
{
    color:#fff;
    background-color:#2f528e;
    height:400px;
    font-size:13px;
}

#left_lower_area p
{
    margin-bottom:10px;
}

#left_lower_area div
{
    padding-left:10px;
}

#left_lower_area a
{
    color:#fff;
}


#left_lower_area div.input
{
    padding-bottom:5px;
    width:179px;
}

#left_lower_area input
{
    border: solid 0px white;
    width:100%;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #4c4c4c;
}

#left_lower_area textarea
{
    border: solid 0px white;
    width:100%;
    height:130px;
    background-color:White;
    overflow:auto;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #4c4c4c;
}

#left_lower_send
{
    float:right;
    margin-right:10px;
    display:inline;
   
}

#link_area
{
    height:280px;
    width:200px;
    background-color:#f7f7f7;
    
}

#link_area p
{
    
    line-height: 15px;
}

#links
{
    list-style:none;
    padding-left:10px;  
}

.hover_link
{
    background-color: #c0c0c0;
}

.hover_link a
{
    color:#fff !important;
    font-weight: normal;
    padding-left:3px;
    text-decoration: none;
}

#links li
{
    margin-right:7px;
    
}

#right_lower_area a:hover
{
    text-decoration:underline;
}

#contact_area
{
    height:120px;
    
   
}

#contact_area p
{
    color: #2f528e;
    font-size:13px;
    font-weight:bold;
  
}

#spacer 
{ 
    height:120px;
    width:900px;
}

#copyright
{
    float:right;
    margin-top:5px;
}

#copyright a
{
    color: #4c4c4c;
}

/* Start */
#welcome_main
{
    background-image: url(../images/dorre.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    height:200px;
    
}

#welcome_main p
{
    width:500px;
}

/* Referenser */
#ref_container
{
    height:200px;
}

#left_ref_container
{
    width:200px;
    float:left;
    
}

#main_ref_container
{
    width:640px;
    float:right;
}

#ref_links
{
     list-style:none;
    padding-left:10px;
    padding-top:10px;
}

.left_ref
{
    float:left;
    width:440px;
    margin-top:10px;
    
}

.right_ref
{
    float:right;
    width:200px;
    text-align:center;
}

#right_ref_burger { margin-top:20px; }
#right_ref_karaten { margin-top:50px; }
#right_ref_malarteam1 { margin-top:80px; }
#right_ref_osterlen { margin-top:20px; }
#right_ref_book { margin-top:80px; }


/* Partners */
#partner_container
{
    height:320px;
}

#partner_left_area
{
    float:left;
    width:420px;
}

#partner_right_area
{
    float:right;
    
    width:410px;
    margin-top:10px;
    margin-right:10px;
    height:300px;
    display:inline;
}

#partner_left_text
{
    float:left;
    width:200px;
}

#partner_left_address
{
    float:right;
    width:190px;
    margin-top:48px;
   
}

.partner
{
    margin-bottom:5px;
}

.slideshow img
{
    padding:10px;
    background-color:#fff;
    
}



/* Om företaget */
#about_container
{
    background-image: url(../images/dorre_stor.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    height:430px;
}

#about_left
{
    float:left;
    width:280px;
}

#about_main
{
    float:left;
    width:280px;
}

#about_right
{
    float:right;
    width:280px;
}

#about_main span
{
    color:#527ab3;
    font-style:italic;
    font-size:17px;
   
}

/* Kontakt */
#contact_image_area img
{
    padding:10px;
    background-color:#fff;
}

#contact_right_area
{
    float:right;
    
    width:410px;
    margin-top:10px;
    margin-right:10px;
    height:300px;
    display:inline;
}

#contact
{
    font-size:14px;
}


