body 
{
    font-family:Arial;
    font-size:12px;
    margin:0;
    padding:0;
    width: 100%; /* resize fix*/
    height: 100%; /* resize fix*/
    color:#666;
    background-color:#b52400;
    background-image:url(../Images/backgroundGrad.gif);
    background-repeat:repeat-x;
    background-position: 0 120px;
}

h1
{
font-style:italic;
}

h4
{
    color:#bb4444;
}

#header
{
    color:White;
    background-color:#fff;
    height:120px;
    width: 100%; /* resize fix*/

/*
    background-image:url(../Images/headerBgGrad.jpg);
    background-repeat:repeat-y;
    background-color:#feb8b8;
*/
}
#header #logo
{
    margin-left:20px;
    margin-top:20px;
}

#menu #innerMenuzzz 
{

/* resize fix*/
  position: absolute;    
  top: 120px;
  bottom: 29px;
  overflow:hidden;
  width: 200px; 
  padding:20px;

}

#menu #innerMenu
{
    position:relative;
    padding:20px;
    width:150px;
}

#menu #innerMenu ul 
{
    padding:0;
    margin:0px;
}

#menu #innerMenu li
{
    list-style-type: none;
    width:150px;
    border-bottom: solid 1px #800;
}

#menu #innerMenu a
{
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    width:133px; /* 150 (li width) minus left and right padding */
    display : block;
    padding:6px 6px 6px 11px;
    
    background-image:url(../Images/menuBg.jpg);
}

#menu #innerMenu a:hover
{
    text-decoration:underline;
    color:#000;
    background-image:url(../Images/menuBgHover.jpg);
    background-repeat:repeat-y;
}

#menu #innerMenu #pic
{
    xxpadding-top:30px;
}

.shadow
{
padding-top:2px;
}


#body
{
    padding:10px;
    position: absolute;    
    top: 120px;
    left: 200px;
    right: 0px;
    bottom: 29px;
    overflow: auto;
    width:700px;
    background-color:#fff;
    float:left;
}

#footer
{

    white-space:nowrap;
    position: absolute;    
    bottom: 0px;
    right: 0px;
    left: 200px;
    width:720px;
    
    text-align:center;
    border-top: solid 1px #d00;
    color:#800;

    background-color:#fff;

}

#footer div 
{
    width:0px; /* bredden på diven spelar ingen roll, texten går utanför */
    float:left;
    text-align:left;
    margin-left:28%; /* lite mindre än 33% om man har fyra texter i footern, dvs tre mellanrum */


}
#footer div span
{
    font-size:smaller;
}

/* design.aspx */
#divDesignImages 
{
border: solid 3px #eee;
padding: 5px;
background-color: #fff;
    
}

.produktion
{
margin: 30px 0;
}


.produktion li
{
    list-style-type: none;
    float:left;
    width:210px;
    margin: 0 5px 0 0;
}

.produktion p
{
    width:200px;
}

#OmBrodyr
{
  width:600px;   
}

#OmBrodyr img
{
margin:40px;

}
#kontakt span
{
    font-weight:bold;
    float:left;
}
#kontakt p
{
    margin-left:100px;
}

/* Link group styles */

#linkgroup 
{
    width:160px; 
    font-size:11px;
        position: absolute;    
top:150px;left:940px;
            
            }
#linkgroup a { text-decoration:none;}
#linkgroup a:hover { text-decoration:underline;}
.lg1 { color:#888;font-weight:bold;}
.lg2 { color:#000;}
.lg3 { color:#888;font-size:140%;}
.lg4 { color:#555;font-style:italic;}
.lg5 { color:#333;font-size:75%;font-weight:bold;}
.lg6 { color:#555;font-size:120%;font-style:italic;}
.lg7 { color:#000;font-size:90%;}
.lg8 { color:#888;font-size:150%;font-weight:bold;}
.lg10 { color:#000;font-size:90%;}
.lg9 { color:#555;font-size:80%;font-weight:bolder;}
.lg11 { color:#222;font-size:110%;font-style:italic;}
.lg12 { color:#666;font-size:75%;}
.lg13 { color:#111;font-size:100%;font-style:italic;}
.lg14 { color:#999;font-size:110%;}
.lg15 { color:#444;font-size:80%;font-weight:bold;}
.lg16 { color:#777;font-size:80%;}
.lg17 { color:#000;font-size:100%;font-style:italic;}
.lg18 { color:#555;font-size:100%;font-weight:bold;}
.lg19 { color:#333;font-size:110%;}
.lg20 { color:#777;font-size:80%;font-style:italic;font-weight:bold;}
.lg21 { color:#666;font-size:80%;}
.lg22 { color:#000;font-size:110%;font-weight:bold;}
.lg23 { color:#222;font-size:110%;}
.lg24 { color:#666;font-size:100%;}
.lg25 { color:#000;font-size:100%;}