body {
padding: 0;
margin: 10 0 0 0;
text-align: center;
background-color: #DBDEEF; color: #172436;
background-image: url(background_toning.jpg); background-repeat: repeat-x;
font: 74% Arial, Verdana, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 { 
font-family: Arial, Verdana, Georgia, sans-serif;
color: #426471; background-color: inherit;
letter-spacing: 1px;
margin-top: 6px;
margin-bottom: 10px; }

h1 { font-size: 1.7em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.16em; }
h5 { font-size: 1em; }

.design #container { 
	width: 980px;
	background: #dbdeef;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 10px solid #9da2b6;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.design #mainContent { 
	margin: 0px 0px 0px 210px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 20px 0px 10px;
} 

.fltrt { /* float an element right in your page */
	float: right;
	margin-left: 8px;
}
.fltlft { /* float an element left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


p { margin: 0 0 15px 0;
font-size: 1em;
line-height: 140%; }

a { color: #426471; background-color: inherit; text-decoration: underline; }
a:visited { color: #426471; background-color: inherit; }
a:hover { color: #172436; background-color: inherit; }
a img { border: none; }

hr { border: thin solid #426471; margin-top: 30px; margin-bottom: 30px; }

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }


/* sidhuvud */

#header {
width: 100%;
background-color: #FFFFFF;
background-image: url(img/topimage.jpg);
background-repeat: no-repeat;
 }

#shheight { height: 161px; }

/* topmeny */

#topmenybox { 
width: 770px; 
background-color: #646b8a; color: #FFFFFF;
float: left;
padding: 2px 0 2px 210px;
margin: 0px 0px 10px 0px;
border-top: 10px solid #ffffff;
clear: both; }

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
float: left; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 3px 7px;
color: #FFFFFF; background-color: inherit;
text-decoration: none; font-weight:bold;
float: left; 
border-right: 1px solid #FFFFFF; }

#topmeny a:hover { text-decoration: underline; }

.design #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 210px;
	background-image: url(img/side_bg.jpg);
	background-repeat: repeat-y; 
}

.design #sidebar1 p, h3 {
	margin: 10px;
}


/* BREADCRUMBS */
#breadcontainer {background: #c3c2c9; width:95%; margin:1px;}
.breadcontent {padding: 0px 0px 3px 8px;}
.breadtopp {background: #FFFFFF;}
.bread_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #c3c2c9;}
.bread_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #c3c2c9;}
.bread_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #c3c2c9;}
.bread_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #c3c2c9;}


/* NYHETSBOX RUNDA HÖRN */
#nyhetsboxcontainer {background: #DBDEEF; width:40%; float:right; margin:8px;}
.nycontent {padding: 6px;}
.nytopp {background: #FFFFFF;}
.nybotten {background: #FFFFFF;}
.ny_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #DBDEEF;}
.ny_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #DBDEEF;}
.ny_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #DBDEEF;}
.ny_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #DBDEEF;}
.imagebox { clear:both; padding: 2px; float:right; }


/* sido-meny */

#menybox {
font-family: Arial, Verdana, Georgia, sans-serif;
font-size: 1em;
margin-bottom: 30px;
 }

#menybox h2 {
margin-right:18px;
font-size: 1em;
padding: 2px;
text-align: right;
clear: both; }

#menybox ul { 
list-style-type: none; 
margin: 4px; padding: 0px; /* båda behövs! */
} 

#menybox a, #menybox span { 
display: block;
text-align: right;
color: #000;
text-decoration: none; 
height: 100%; 
padding: 7px 23px 5px 5px;
background-image: url(img/menu_linen.jpg);
background-position: 100% 10%;
background-repeat: no-repeat; 
}

#menybox a:hover, #menybox span#aktuell { 
background-image: url(img/menu_line_over.jpg);
background-position: 100% 0%; /* placerar menybilden */
background-repeat: no-repeat; 
}

/* produkt*/
.kategoribg { background: #eeeff4; vertical-align: top; width: 70%; padding:10px; }
.kategoribg_image { background: #ffffff; vertical-align: top; }


/* sidfot */

.design #footer { 
	margin: 0px 20px 0px 210px;
	padding: 0;
	background:#ffffff;
	border-bottom: 10px solid #dbdeef;
} 
.design #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 8px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-size: x-small;
}