body
{
    margin:0;
}

body, html
{
    height:100%;
    width:100%;
}

body, html, input, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
   
    color:#4d4d4d;
}

body
{
    font-size: 0.7em;    
}

a img
{
    border:none;
}

h1
{
    font-size: 210%;
    font-weight:normal;
}

h1 img
{
    padding-left:5px;
}

/*h2
{
    font-size: 150%;
    font-weight:normal;
    
    margin-bottom:-1em;
}
h3
{
    font-size: 100%;
    font-weight:bold;
    
    margin-bottom:-1.5em;
}*/

/* Generic classes */

.hidden
{
    display:none;
}

.visible
{
    display:block;
}

.bold
{
    font-weight:bold;
}

.block
{
    display:block;
}

.left_floating
{
    float:left;    
}

.right_floating
{
    float:right;    
}

/* Header specific classes */

div#header_backdrop_container
{
    background-image:url('../images/application_header_backdrop_repeat-x.gif');
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#685d49;
}

div#header_backdrop
{
    background-image:url('../images/application_header_backdrop_decor.gif');
    background-repeat:no-repeat;
    background-position:top right;
    
    
    height:7.065em;
    width:100%;
    
    border-bottom:1px solid #a59e92;
}

div#header_vagverket_logo
{
    width:15em;
    height:3.6em;
    
    float:left;
}

div#header_vagverket_logo img
{
    width:100%;
    height:100%;    
}

div#header_button_left, div#header_button_right
{ 
    float:left;  

    width:0.55em;
    height:2.65em;
}

div#header_button_container
{
    float:right;
    
    padding-top:3.6em;
    padding-right:0.45em;
}

div#header_button_left img, div#header_button_right img
{
    width:100%;
    height:100%; 
}

div#header_button_repeat-x
{
    background-image:url('../images/application_header_button_repeat-x.gif');
    background-repeat:repeat-x; 
    background-position:bottom;
    background-color:#cbc5bb;   

    height:2.65em;
    
    padding-left:0.55em;
    padding-right:0.55em;
    
    float:left;
}

div#header_button_repeat-x a:link,
div#header_button_repeat-x a:visited,
div#header_button_repeat-x a:active
{
    color:#000;
    
    text-decoration:none;
    
    font-weight:bold;
 
    float:left;    
    
    line-height:2.5em;
}

div#header_button_repeat-x a:hover
{
    text-decoration:underline;
}

/* Footer specific classes */

div#footer_container
{     
    color:#000;
}

div#footer_left
{ 
    width:0.55em;
    height:2.85em;
       
    background-color:#fff;
    
    padding-left:0.45em;
    
    float:left;
}

div#footer_right
{ 
    width:0.55em;
    height:2.85em;
       
    background-color:#fff;
    
    padding-right:0.45em;

    float:right;
}

div#footer_left img, div#footer_right img
{
    width:100%;
    height:100%; 
}

div.footer_repeat-x
{
    background-image:url('../images/application_footer_repeat-x.gif');
    background-repeat:repeat-x;  
    background-position:bottom;
    background-color:#cbc5bb;  
        
    height:2.85em;
}

div.footer_repeat-x a, div.footer_repeat-x span
{
    color:#000;
    
    text-decoration:none;
   
    line-height:2.5em;
    
    margin:0;
}

div.footer_repeat-x div.right_floating span, div.footer_repeat-x div.right_floating a:link,
div.footer_repeat-x div.right_floating span, div.footer_repeat-x div.right_floating a:visited,
div.footer_repeat-x div.right_floating span, div.footer_repeat-x div.right_floating a:active
{
    padding-right:0.9em;   
      
}

div.footer_repeat-x div.left_floating a:link,
div.footer_repeat-x div.left_floating a:visited,
div.footer_repeat-x div.left_floating a.active
{
    padding-right:0.6em;     
}

div.footer_repeat-x a:link,
div.footer_repeat-x a:visited,
div.footer_repeat-x a:active
{
    background-image:url('../images/application_footer_ico_link.gif');
    background-repeat:no-repeat;
    background-position:0 0.5em;
        
    text-decoration:none;
    
    font-weight:bold;
    
    padding-left:0.8em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    
    margin-left:0.8em;
}

div.footer_repeat-x a:hover
{
    text-decoration:underline;
}

div#main_container
{
    margin-top:0.9em;
    margin-bottom:0.9em;
    margin-left:1.8em;
    margin-right:1.8em;
}

div#header_title
{
    float:left;
    
    color:#fff;
    
    font-size:170%;
    font-weight:bold;    
    
    padding-left:0.85em;
    padding-top:0.85em;
    
    text-transform:uppercase;
}