/* Sidan */
html {height: 101%; }

body {
background-color: #cc66cc;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
}


/* Formateringen */

#Header {
width: 850px;
height: 187px;
background-image: url(grafik/banner.png);
margin: auto;
}


#Menu {
width: 850px;
height: 40px;
background-image: url(grafik/sida.png);
margin: auto;
}

.gradientbuttons ul{
padding: 3px 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; 
}

.gradientbuttons li{
display: inline;
margin: 0;
}

.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 5px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #af32c2;
border-radius: 8px; 
box-shadow: 3px 3px 4px rgba(0,0,0,.5); 
-moz-border-radius: 8px; 
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); 
-webkit-border-radius: 8px; 
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); 
background: -webkit-gradient(linear, center top, center bottom, from(#d55cdd), color-stop(25%, #b851bf), color-stop(45%, #9d05a7), color-stop(85%, #db97e0), to(#f299f9));  /* webkit gradient background */
}

.gradientbuttons li a:hover{
color: #f1d5f6;
}

.madsontheme li a{
font-size:14px;
background: #7d2283;
background: -moz-linear-gradient(center top, #d55cdd, #b851bf 25%, #9d05a7 45%, #db97e0 85%, #f299f9);
background: -webkit-gradient(linear, center top, center bottom, from(#d55cdd), color-stop(25%, #b851bf), color-stop(45%, #9d05a7), color-stop(85%, #db97e0), to(#f299f9)); 
}


#Content {
width: 850px;
background-image: url(grafik/sida.png);
margin: 0px auto;
}


#Box1 {
width: 175px;
margin-left: 65px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float:none;
}

#Box2 {
width: 500px;
margin-right: 75px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float: right;
}

#Box3 {
width: 700px;
margin-left: 50px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 15px;
}

#Box4 {
width: 350px;
margin-left: 5px;
margin-right: 35px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;
float: right;
}

#Box5 {
width: 325px;
margin-left: 35px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;

}

#Box5b {
width: 325px;
margin-left: 35px;
border-left: 1px;
border-top: 1px;
border-right: 1px;
border-bottom: 2px;
padding: 2px;

}

#End {
width: 850px;
height: 67px;
background-image: url(grafik/footer.png);
margin: auto;
clear:both;
}


.Header1 {
width: 175px;
height: 21px;
background-color:#bdcddc;
color: #333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

.Header2 {
width: 500px;
height: 21px;
background-color:#bdcddc;
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

.Header3 {
width: 700px;
height: 21px;
color:#333333;
font-weight: bold;
font-size: 14px;
padding-top: 5px;
}

.Header45 {
width: 325px;
height: 21px;
background-color:#bdcddc;
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

.Header4 {
width: 350px;
height: 21px;
background-color:#bdcddc;
color:#333333;
font-weight: bold;
font-size: 14px;
padding-left: 2px;
padding-top: 5px;
}

/* Text */
.normal {
color:#333333;
}

.rubrik {
font-size: 14px;
font-weight:bold;
}

.erbjudande {
color:#f51c17;
}

.lank {
margin-left: 20px;
font-weight: bold;
font-size: 14px;
}

.lank1 {
margin-left: 38px;
font-weight: bold;
font-size: 14px;
}
/* Länkar */

a {
   color: #7d2283;
   text-decoration: none;
}

a:hover{
   color: #f299f9;
   text-decoration: underline;
}

/* Bildformatering */

.foto {
border-right-color:#666666;
border-bottom-color:#666666;
border-left-color:#FFFFFF;
border-top-color:#FFFFFF;
border: 3px ;
}