body 
{
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #f1f1f1;
    font-family:Trebuchet MS, Arial, Verdana;   
}

h1
{
    font-size: 20px;
    font-weight: normal;
    color: #515356;
    margin-bottom:10px;
    padding:0px;
    font-family:Trebuchet MS, Arial, Verdana;
    }

p
{
    /* blev bättre i safari *(
    /* margin-bottom: 6px; */
    margin-top: 0px;
    /* padding: 0px;*/
    color: #515356;
    font-family:Trebuchet MS, Arial, Verdana;          
    }

.clear
{
    clear: both;
    
    }
    
.mrub    
{
    font-size:16px;
    }
    
/* Startsidan */
.start_intro
{

    width: 550px;
    display:table;
    padding-left: 20px;
    padding-top: 16px;
    }

.start_intro_space
{
    height: 50px;
    }
    
#puffar
{
    padding-bottom: 20px;
    margin-left: 2px;
    }

#puffar h1
{
    color: White;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    }

#puffar p
{
    color: White;
    line-height:14px;
    padding: 4px 0px 4px 0px;
    margin: 0px;
    font-size: 11px
    }
    
#puffar .puff_text a:link
{
    font-size: 10px; 
    float: right; 
    color: #FFFFFF;
    text-decoration: none;
    }

#puffar .puff_text A:visited
{
    font-size: 10px; 
    float: right; 
    color: #FFFFFF;
    text-decoration: none;
    }
    
#puffar .puff_text A:active
{
    font-size: 10px; 
    float: right; 
    color: #FFFFFF;
    text-decoration: none;
    }
    
#puffar .puff_text A:hover
{
    font-size: 10px; 
    float: right; 
    color: #FFFFFF;
    text-decoration: none;
    }


#puffar .puff
{
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 20px;
    width: 267px;
    height: 280px
    }    

.puff_bild
{
    margin-left: 22px;
    }
 
 .puff_text
{  
    margin-left: 22px;
    margin-top: 15px;
    width: 100px; 
    height: 100px;
    width: 222px; 
}

/* Subpage */

.subcontent
{
    margin-top: 110px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 410px;
    }

    
.space
{
    width: 31px;
    }    



/* Meny och top */
.topmargin
{
    height: 55px;
    }

.flags
{
    text-align: right;
    margin-right: 18px;
    height: 30px;
    }

.menu
{
    text-align: right;
    margin-right: 15px;    
    }

.menu_active
{
    text-align: right;
    margin-right: 13px;    
    }


/* Ramverket */

.content 
{
  background-image: url(images/vf_bak.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  background-color:#FFFFFF;
  border: 1px solid #777b80;
  font-size: 12px;
  color: #515356;  
}

/*
.content 
{
  background-image: url(images/vf_bak_test.gif);
  margin: 0px;
  padding: 0px;
  background-color:#FFFFFF;
  border: 1px solid #777b80;
  font-size: 12px;
  color: #515356;  
}
*/
.contentWrapper {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 0px;
  border: 0px;
  width: 917px;
  margin: 0px auto;
  text-align: left;  
    font-family:Trebuchet MS, Arial, Verdana;   
}

.contentWrapper p {

    font-family:Trebuchet MS, Arial, Verdana;
    color: #515356;       
}

.contentWrapper h1 {

    font-family:Trebuchet MS, Arial, Verdana;   
    color: #515356;    
    font-size: 20px;
}


.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
/*
ORG:
.borderTL, .borderTR, .borderBL, .borderBR 
*/
   
.borderTR, .borderBL, .borderBR {
  width: 14px; height: 14px;
  padding: 0px; border: 0px;
  z-index: 99;
}

.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  ma\rgin-left: -1px;
}
html>body .borderTL  {
  margin-left: -1px;
}
.borderTR {
  margin-right: -4px;
  ma\rgin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}



/* FORM */

.formLongbox
{
    width: 300px;
    }

.formShortbox
{
    width: 80px;
    }

.formShorterbox
{
    width: 20px;
    }


/* Sidfot */
.footerbild
{
    vertical-align: middle;
    margin-bottom: 4px;
    margin-left: 10px;
    }
#sidfot
{
    font-size: 10px;
    padding-top: 0px;
    margin: 0px 20px 0px 20px;
    border-top: solid 1px #675d40;
    
    }
    
    
#sidfot a:link
{
    color: #515356;
    text-decoration: none;
    }


#sidfot a:visited 
{
    color: #515356;
    text-decoration: none;
    }

#sidfot a:hover 
{
    color: #515356;
    text-decoration: none;
    }


#sidfot a:active 
{
    color: #515356;
    text-decoration: none;
    }