* { font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;}

body {
    margin: 0; 
    padding: 0; 
    font-size: 11pt; 
    background: #333 url(../img/index/bg.gif);
}

img { border: 0;}
.floatbreak { height: 0; font-size: 0; clear: both;}

#top {
    width: auto; 
    padding-top: 205px; 
    background: #ecedf1 url(../img/headers/01.jpg) center top no-repeat;
}
#menu {
    width: 650px; 
    height: 25px; 
    margin: 0 auto; 
}

#middle {
    width: auto; 
    height: auto;
    padding: 20px;
    background: #a31d40 url(../img/index/bg_middle.gif) bottom repeat-x;
}
#middle .inner { width: 650px; margin: 0 auto;}
#middle p, #middle h2 { margin: 0 0 10px 0; color: #fff;}
#middle h2 { margin: 0 0 30px 0;}
#middle img { margin: 0 10px; float: right;}
#middle .imgfix { margin-top: -30px;}

#container { width: 610px; height: auto; margin: 0 auto; padding: 20px 20px 0 20px; background: #fff;}

.left, .right {width:300px;margin-bottom: .5em;}
.left { float:left;}
.right { float: right;}

.erbjudande { padding: 15px; min-height:285px; height: auto !important; height: 285px; background:#eee;}

/* gamla h1: 
.content h1 { font-size: 18pt; margin-top: 0; clear: both; color: #9c1a3d;} */
/* gjort en likadan font som inte heter H1 Susanna*/
.content .stor { font-size: 18pt; margin-top: 0; clear: both; color: #9c1a3d;}

/* gamla h2: 
.content h2 { font-size: 11pt; margin: 0; color: #666;}*/
/* nya H1 har ny fått H2:s format - Susanna*/
.content h1 { font-size: 11pt; margin: 0; color: #666;}
/* men h2 också kvar eftersom den vita texten i rött har h2 - susanna*/ 
.content h2 { font-size: 11pt; margin: 0; color: #666;}

.content .rest { margin: 10px 20px;}
.content ul { list-style: none; margin: 0 0 30px 0; padding:0;}

#footer { height: 40px; margin-top: 20px;}
#footer span { float: right; font-size: 8pt; color: #ccc; text-align: right;}
#footer img {margin: 10px;}

/* STOPPET LÄNGST NER PÅ SIDAN */
#footend { width: 650px; margin: 0 auto; background: url(../img/index/bottom.gif) bottom no-repeat;}

/* HUVUDMENY START */
#menu a, #menu a:link, #menu a:visited
{
    display:block;
    padding: 0 22px;
    height: 25px;
    float: left;
    line-height 25px;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color: #9c1a3d;
}
#menu a.menu1, #menu a.menu1:link, #menu a.menu1:visited 
{
    background: url(../img/index/bg_menu.gif);
}
#menu a.menu1, #menu a.menu5:link, #menu a.menu5:visited 
{
    background: url(../img/index/bg_menu.gif) right top;
}
#menu a.menu2, #menu a.menu2:link, #menu a.menu2:visited,
#menu a.menu3, #menu a.menu3:link, #menu a.menu3:visited,
#menu a.menu4, #menu a.menu4:link, #menu a.menu4:visited 
{
    background: #fff;
    padding: 0 23px;
}
#menu a.menu1:hover, #menu a.menu1:active { color: #fff; background: url(../img/index/bg_menu2.gif) 0 0;}
#menu a.menu2:hover, #menu a.menu2:active { color: #fff; background: url(../img/index/bg_menu2.gif) -110px 0;}
#menu a.menu3:hover, #menu a.menu3:active { color: #fff; background: url(../img/index/bg_menu2.gif) -258px top;}
#menu a.menu4:hover, #menu a.menu4:active { color: #fff; background: url(../img/index/bg_menu2.gif) -369px top;}
#menu a.menu5:hover, #menu a.menu5:active { color: #fff; background: url(../img/index/bg_menu2.gif) -507px top;}

/* HUVUDMENY SLUT */

/* FORMULÄR */

/*form { background: url(../img/index/worldmap.gif) 150px -80px no-repeat;}*/
form label { display: block; width: 100px; float: left; clear: left; margin: 2px;}
form input { width: 200px; float: left; clear: right; margin: 2px 0;}
form .submit, form .button { width: auto; margin: 10px 2px 25px 0; padding: 0 10px;}

/* FORMULÄR SLUT */

/* TABELLER */

table { width: 100%; margin-bottom: 25px; }
table .head { color: #fff; font-weight: bold; background: #a31d40;}
table .highlight { background: #eee;}

/* TABELLER SLUT */

/* LÄNKAR */

a, a:link, a:visited { color: #a31d40; text-decoration: none;}
a:hover, a:active { color: #cc3366;}

/* LÄNKAR SLUT */

/* SPECIAL SAKER */
.button a, .button a:link, .button a:visited { color: #fff;}
.button a:hover, .button a:active { color: #cc3366;}

.special {width: 590px; height: auto; padding: 10px; background: #a31d40 url(../img/index/special_bg.jpg) no-repeat;}
.special h1, .special p { width: 300px; float: left; margin: 0 0 5px 0; clear: none; color: #fff;}
.specialend, .specialmini_end { width: 610px; height: 14px; font-size: 0; margin-bottom: 10px; background: url(../img/index/special_end.gif);}
.special .meny {width: 233px; height: 117px; float: right; background: url(../img/index/webbmeny.gif) no-repeat;}
.special .button {position: absolute; width: 125px; padding: 6px 0 6px 20px; margin: 40px 0 0 455px; background: url(../img/index/special_button.gif) no-repeat;}
.special .button.type2 { margin-top: 75px; }


.specialmini { width: 286px; height: auto; float: left; padding: 7px 7px 0 7px; color: #fff; background: #333333 url(../img/index/special_mini_bg.jpg) no-repeat;}
.specialmini_end { width: 300px; height: 8px; float: left; background: url(../img/index/special_mini_end.gif) bottom left;}
.specialmini p {width: 139px; margin: 0; clear: left; float: left;}

#laveranda, #lottaskok {display: none; visibility: hidden; width: 300px; float: left; margin-right: 10px; }
#lottaskok {margin:0; float: right;}

#laveranda p, #lottaskok p { width: auto; margin: 5px 0 10px 0; float: none; clear: both;}

blockquote { display:block; width: auto; padding: 0 60px; margin:0; background: url(../img/index/quotes.gif) no-repeat;}
h5 { font-size: 10pt; font-style: italic; color: #a31d40;}

/* SPECIAL SAKER SLUT */