/* 	
Grå #F4F0E9
Orange: #FF9C00
Cerise: #FF0066
Gul: #FEB629
Brun-röd: #770003
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


html {
margin: 0px;
padding: 0px;
}

body {
height: 100%;
background: #fff url("bilder/layout/bodyBg.gif") repeat-y top left;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 140%;
margin: 0px;
padding: 0px;
}

table, td {
margin: 0px;
padding: 0px;
}

a:link {color: #CC0033; text-decoration: none;}
a:visited {color: #CC0033; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #CC0033; text-decoration: none;}

/* ----------------------------------------------------- LAYOUT */
#header {
/* width: 765px; */
/*height: 88px;*/
padding: 5px 0px 0px 5px;
margin: 0px;
border: 0px solid #fff;
}

#inloggad {
float:right;
padding: 0px 15px 8px 0px;
margin: 0;
border: 0px solid #fff;
color:white;
}

#inloggad a:link {color: #c03; text-decoration: none; font-size: 11px; font-weight: bold;}
#inloggad a:visited {color: #c03; text-decoration: none; font-size: 11px; font-weight: bold;}
#inloggad a:hover {color: #000; text-decoration: none; font-size: 11px; font-weight: bold;}
#inloggad a:active {color: #c03; text-decoration: none; font-size: 11px; font-weight: bold;}


#mainMenu {
width: 770px;
height: 22px;
background:  url("bilder/layout/menuBg.gif") repeat-x top left;
text-align: left;
padding: 4px 0px 0px 12px;
margin: 0px;
}

#contentWrapper {
float: none;
clear: both;
}

#leftSubMenu {
width: 160px;
margin: 0px 0px 40px 0px;
color: #F1F2F1;
}

#main {
border-right: 2px solid #D7DCD8;
width: 437px;
margin: 10px 0px 0px 0px;
padding: 0px 15px 50px 22px;
font-size: 11px;
line-height: 15px;
}

#rightSubMenu {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 3px;
}

#rightSubMenu img {
padding: 0px 0px 5px 0px;
}

#footer {
width: 754px;
heigth: 15px;
/*border: 3px solid #fff;*/
background-color: #F4F0E9;
text-align: center;
font-size: 9px;
}

/* ----------------------------------------------------- HEADER */
#header img {
padding: 0px 0px 0px 10px;
}

/* ----------------------------------------------------- MAINMENU */
#mainMenu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#mainMenu li {
display: inline;
padding-right: 12px;
padding-left: 12px; 
}

#mainMenu .wli {
display: inline;
padding-right: 19px;
padding-left: 19px; 
}

#mainMenu submit {
font-size: 11px;
}

#mainMenu a:link {font-family: "Times New Roman"; color: #112A60; text-decoration: none; font-size: 13px; font-weight: bold;}
#mainMenu a:visited {font-family: "Times New Roman"; color: #112A60; text-decoration: none; font-size: 13px; font-weight: bold;}
#mainMenu a:hover {font-family: "Times New Roman"; color: #112A60; text-decoration: none; font-size: 13px; font-weight: bold;}
#mainMenu a:active {font-family: "Times New Roman"; color: #112A60; text-decoration: none; font-size: 13px; font-weight: bold;}

/* ----------------------------------------------------- LEFT SUBMENU */
.leftSubMenuTopBox {
padding: 12px 2px 12px 8px;
width: 160px;
}

#leftSubMenu h1 {
width: 100%;
text-align: left;
padding: 1px 0px 1px 6px;
margin: 0px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
}

.leftSubMenuBox {
/*border-top: 2px solid #fff;*/
padding: 12px 2px 12px 8px;
width: 100%;
}

#leftSubMenu .leftSubMenuBox h1, #leftSubMenu .leftSubMenuTopBox h1 {
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
background-color: transparent;
color: #F1F2F1;
}

.leftSubMenuBox p, .leftSubMenuTopBox p {
margin: 0px;
padding: 0px;
}

form {
margin: 15px 0px 15px 0px;
padding: 0px;
}

#leftSubMenu .input {
width: 108px;
height: 15px;
border: 1px solid #333;
margin: 1px 0px 4px 0px;
padding: 0px 0px 0px 2px;
font-size: 12px;
background-color: #F1F2F1;
}

.smallFusciaButton {
width: 21px;
height: 15px;
background-color: #f06;
color: #fff;
border-top: 0px;
border-right: 1px solid #805B68;
border-bottom: 1px solid #805B68;
border-left: 0px;
font-size: 9px;
font-weight: bold;
}

#leftSubMenu a:link {color: #F1F2F1; text-decoration: none;}
#leftSubMenu a:visited {color: #F1F2F1; text-decoration: none;}
#leftSubMenu a:hover {color: #F1F2F1; text-decoration: underline;}
#leftSubMenu a:active {color: #F1F2F1; text-decoration: none;}

/* ----------------------------------------------------- RIGHT SUBMENU */
.rightSubMenuTopBox {
padding: 0px 0px 30px 0px;
text-align: center;
}

.rightSubMenuTopBox h1 {
width: 100%;
color: #fff;
background-color: #c03;
text-align: left;
padding: 1px 0px 1px 6px;
margin: 0px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
/*border-bottom: 2px solid #fff;*/
}

.rightSubMenuBox {
/*border-top: 2px solid #fff;*/
margin: 0px;
padding: 10px 6px 10px 8px;
}

#rightSubMenu h1 {
width: 100%;
color: #fff;
background-color: #c03;
text-align: left;
padding: 1px 0px 1px 6px;
margin: 0px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
}

.rightSubMenuBox h1 {
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

.rightSubMenuTopBox p {
font-size: 11px;
font-weight: normal;
margin: 0px;
padding: 8px 0px 0px 0px;
}

.rightSubMenuBox p {
margin: 0px;
padding: 0px;
}

#rightSubMenu a:link {color: #CC0033; font-size: 11px; text-decoration: none;}
#rightSubMenu a:visited {color: #CC0033; font-size: 11px; text-decoration: none;}
#rightSubMenu a:hover {color: #000; font-size: 11px; text-decoration: none;}
#rightSubMenu a:active {color: #CC0033; font-size: 11px; text-decoration: none;}

/* ----------------------------------------------------- MAIN */
#main h1 {
font-family: "Times New Roman", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 130%;
color: #CC0033;
margin-bottom: 11px;
padding-bottom: 8px;
}

#main h2 {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 2px 0px 5px 0px;
}

#main .pris {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #CC0033;
}

#main p {
margin: 0px 0px 12px 0px;
}

.divider {
float: none;
clear: both;
height: 20px;
}

.smalldivider {
float: none;
clear: both;
height: 10px;
}

#main .picLeftNews h1 {
font-size: 14px;
margin: 8px 0px 0px 0px;
color: #000;
}

#main .picLeftNews img {
float: left;
width: auto;
padding: 0px 10px 10px 0px;
}

#main .picRightNews h1 {
font-size: 14px;
margin: 8px 0px 0px 0px;
color: #000;
}

#main .picRightNews a, #main .picLeftNews a {
color: #CC0033;
font-weight: bold;
}

.picRightNews img {
float: right;
width: auto;
padding: 0px 0px 10px 10px;
}

#main ul {
margin: 0px 0px 20px 18px;
padding: 0px;
}

#main li {
padding: 0px 0px 3px 0px;
}

#main li {
margin-bottom: 5px;
}


#mybox1 {
display: none;
}

/* ----------------------------------------------------- MISC */

.floatleft {
float: left;
width: auto;
margin: 0px 20px 10px 0px;
}


.redknapp a:link {color: #fff; text-decoration: none;}
.redknapp a:visited {color: #fff; text-decoration: none;}
.redknapp a:hover {color: #fff; text-decoration: none;}
.redknapp a:active {color: #fff; text-decoration: none;}

.padda5right td {
padding-right:5px;
}

.padda3 td {
padding:3px;
}