/* CSS INCLUDES
--------------------------------------------------------------- */
@import url(shop.css);      /* SHOP STYLES           */
@import url(news.css);      /* NEWS STYLES           */


/* PREDEFINED HTML TAGS
------------------------------------------------------------------ */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; /* this text size is 80% of browsers size, need to discuss font-sizes */ }


p,span,div,li,td,th,label { 
	font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 1.8em; border-bottom: 1px solid #ccc;font-weight: normal;}	
h2 {font-size: 1.5em; margin-bottom:2px; padding-bottom:2px;}	
h3 {font-size: 1.2em;}	
h4 {font-size: 1.0em;}	
h5 {font-size: 0.8em;}	
h6 {font-size: 0.6em;}

form { margin: 0px; }


/* TOOLBOX
------------------------------------------------------------------ */
.hide{ display:none;}
.clear {clear:both;}
.bold {font-weight:bold;}


/* LINKS 
------------------------------------------------------------------ */
a:link,
a:visited {
	color:#34478B; text-decoration: none;} 
a:hover, 
a:active {
	color:#34478B; text-decoration:underline;}


/* FORMS
------------------------------------------------------------------ */
form {}
input {}
textarea {}


/* MAIN LAYOUT 
------------------------------------------------------------------ */
#container { /* This is the mainwrapper */
	width:812px; 
	margin:0 auto;
	background:#FFFFFF;
	position: relative;}

/* HEADER */
#header {
	background-image:url(../bilder_losning/bgHeader.gif); background-repeat:no-repeat;
	position:relative;
	height:32px;}
	
#header .left {
	position: absolute;
	top: 5px;
	left: 15px;
	width:720px;}
	
#header .right {
	position: absolute;
	top:9px;
	right:20px;
	text-align:right;
	width:60px;}
	
#header .links a:link {color:#000000; text-decoration:none;}
#header .links a:hover {color:#000000; text-decoration:underline;} 
#header .links a:visited {color:#000000;}
#header input {}
#header .button {}
	
	
/* LEFT AND RIGHT */

/* LEFT */
#left {}
#left input,
#left select {}
#left form {}	
#left .button {}


/* MAINCONTENT */
#mainContent {
	margin:0;
	padding:10px 55px 5px 30px;
	background-image:url(../bilder_losning/bgMainContent.jpg); 
	background-repeat:repeat-y:}
	
#mainContentIntroPage {
	padding:10px 40px 10px 17px;
	background-image:url(../bilder_losning/bgMainContent.jpg); }
	
#mainContentIntroPageBG {
	background-image: url(../bilder_losning/intro2.jpg);
	background-repeat:no-repeat;
	height:486px;}

/* RIGHT */
#right {}
#right UL {}
#right LI {}
#right input,
#right select {}	
#right form {}
	

/* FOOTER (INSIDE THE #CONTAINER) */
#footer {
	background-image:url(../bilder_losning/bgFooter.jpg);
	background-repeat:no-repeat;
	height:48px;}

/* FOOTER (OUTSIDE THE #CONTAINER) */
#footerPoweredByitools {
	width:812px;
	font-size:10px;
	text-align:center;
	margin:0 auto;
	position: relative;}
	

/* START MENU */
#menu {
	margin:0px;}
	
#menu ul {
		margin:0px;
		padding:0px;
		padding-left:10px;
		list-style:none;}
		
#menu ul li {
		border-right:1px solid #FFF;
		height:24px;
		float:left;
		line-height:24px;}
		
#menu ul li.first {
	border-left:1px solid white;}
	
#menu ul li a {
	padding-left:15px;
	padding-right:15px;
	display:block;
	color: #FFFFFF;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;}
	
#menu ul li:hover a, 
#menu ul li.sfhover a { 
	color:#34478B;}

#menu ul li ul {
	display:none;}
	
#menu ul li:hover ul, 
#menu ul li.sfhover ul {
	display:block;
	position:absolute; 
	left:auto;
	margin-left:-1px; 
	padding:0;
	background:#173A83; 
	list-style:square; 
	width:220px; 
	border:1px solid #FFFFFF;}
	
#menu ul li ul li {
	padding:0px;
	float:none;
	line-height:100%;
	display:block; 
	height:auto; 
	border-right:none;
	line-height:140%;}
	
#menu ul li ul li.first {
	border:none;}
	
#menu ul li ul li:hover, 
#menu ul li ul li.sfhover{
	background:#E0A12F;}
	
#menu ul li ul li a:link,
#menu ul li ul li a:visited{
	display:inline; 
	color:#FFFFFF;
	padding: 0 10px 0 10px;
	line-height:140%;
	background:none;
	text-decoration:none;}
	
#menu ul li ul li a:hover, 
#menu ul li ul li a:active {
	text-decoration:none;}



/* LINKS LEFT AND RIGHT 
------------------------------------------------------------------*/

#left a:link, #left a:visited, 
#right a:link, #right a:visited  { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#3D3D3D;}
	
#left a:hover, 
#right a:hover { color:#858569;}