/* Grunden */
html, body, #container {
/* height:100%;*/
margin: 0;
padding: 0;
border: none; 
text-align: center; }

html {
overflow-y: scroll;
}

body {
padding: 0; 
margin: 0 0 0 12px; 
background-color: #ffffff;
/*background-color: #b31f17;*/
/*background-image:url(img/tapet.gif);
 background-image: url(img/tonbak.jpg); background-position: top; background-repeat:repeat-x;*/
color: #000;
height: 100%; 
font: 11px Arial, verdana, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 { 
font-family: Arial, verdana, Helvetica, sans-serif;
/* letter-spacing: 1px; */
margin-top: 0;
margin-bottom: 0;
color: #000;
font-weight: bold;
line-height: 30px;
text-transform: uppercase; 
 }
 
h1 { font-size: 13px; }
h2 { font-size: 13px; }
h3 { font-size: 13px; }
h4 { font-size: 13px; }
h5 { font-size: 13px; }

p { margin: 0 0 12px 0;
line-height: 120%; }

a { color: #b31f17; text-decoration: none; }
a:visited { color: #b31f17; text-decoration: none;}
a:active { color: #b31f17; text-decoration: underline;}
a:hover { color: #b31f17; text-decoration: underline; }
a img { border: none; }

hr { border: thin solid #b31f17; margin-top: 30px; margin-bottom: 30px; }

.rubbe { 
font-size: 11px; 
font-weight:bold;
 }


/****************************************/

#container {
width: 995px;
/* min-height:100%; 
height:100%; */
margin:  0 auto; 
text-align: left;
vertical-align: top;
}

/****************************************/

/* kolumncontainer hela */

#wrapper { 
width: 100%;
border-collapse: collapse;
margin-top: 50px;
}

#left { 
width: 202px; 
float: left;
height: inherit;
/*  border-left: 1px solid #fff; */
}

#content { 
width: 771px; 
float: right;

/*min-height:500px;  ff */
/*@height: 500px;  ie*/
}

#content2 {
padding: 21px;
background-color:#FFFFFF;
/*background-image:url(img/mainbak.jpg);*/
background-position: bottom;
background-repeat: no-repeat;
}

/*************** gamla menyn *************************/

/* länkar */

 #nav {
/* height: 400px; */
margin-top: 30px;
}

/*

#navlist {
padding-left: 0;
margin-left: 0;
border-bottom: 0px solid #b31f17;
width: 202px;
margin-top: 30px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 1em 1em 1em 3em;
border-top: 0px solid #b31f17;
}

#navlist li a { 
text-decoration: none;
font-size:14px;
text-transform:uppercase;
color: #fff; 
 }

#navlist li a:visited { color: #fff;}
#navlist li a:hover { color: #e8bcba;}
#navlist li a:active { color: #e8bcba; }
*/

/* Orginalmeny från: http://www.alistapart.com/articles/horizdropdowns/ */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 119px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

#nav li a { 
text-decoration: none;
font-size:14px;
color: #fff; 
 }


/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #b31f17; /* IE6 Bug */
	padding: 5px;
	border: 0px solid #ccc;
	border-bottom: 0;
	font-size:14px;
	width: 107px
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #e8bcba; background: #b31f17; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

#nav li a:visited { color: #fff;}
#nav li a:hover { color: #e8bcba;}
#nav li a:active { color: #e8bcba; }

.prodgrupp { 
color: #403232; 
font-size: 10px; 
text-transform: uppercase;
}


/**************** nya menyn ************************/

div.menu {
  
  position:relative;
  font-family:Arial, verdana, Helvetica, sans-serif;
	font-size: 14px;
	width: 175px;
	background: #fff;
	color: #000000;
	margin: 40px 5px 5px 5px;
	padding: 0px;
}

#meny a { font:Arial, verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #b21a17;
	text-transform: upper;
	text-decoration: none;
}

#meny a:hover {
  color: #000;
}

div.root_link {
	position: relative;
	left: 0px;
	color: #000000;
	padding-top: 7px;
}

div.child_link {
  position:relative;
	display:none;
	width: 150px;
	padding-left: 3px;
	margin-left: 15px;
	padding-top: 7px;
	border-left: dotted 1px #fff;
}

/****************************************/

/* sidfot */

#sidfot {
width: 100%;
color: #b21a17;
border-top: 0px solid #000;
clear: both; }

#sidfotcontent {
padding: 7px;
text-align: center;
text-transform: uppercase; }

#sidfotcontent p {
margin: 0;
font-size: 10px; }

#sidfotcontent img { padding: 5px 5px 0 5px; }
#sidfotcontent a { padding: 5px 5px 0 5px; color: #fff; background-color: inherit; }

/****************************************/

#erbj {
	position:absolute;
	width:169px;
	height:169px;
	z-index:10;
	margin-left: 350px;
	left: 50%;
	top: 20px;
}
/****************************************/

#citat {
color:#FFFFFF; font-size: 10px; background-image: url(img/citat.gif); background-position: 10px 10px; background-repeat:no-repeat; 
}
