/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 67%;
}

.break{
	clear: both;
	float: none;
}

h1, h2{	
	color: #B10C15;
}

h1{
	font-size: 1.9em;
}

h2{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}

h2 a{
	text-decoration: none;
}

h2 a:hover{
	text-decoration: underline;
}

p{
	margin-top: 0;
	font-size: 1.0em;
}

a{
	color: #B10C15;
	text-decoration: underline;
}

a img{
	border: none;
}

h2.okey{
	color: #009900;
}
p.error, h2.error{
	color: #CC0000;
}

span.required{
	color: #CC0000;
}

input.required, textarea.required{
	/*border: 1px solid #CC0000;*/
}

#shadow_bottom{
	position:absolute;
	background-image: url(../../img/shadow_bottom.jpg);
	background-repeat: no-repeat;
	width: 485px;
	height: 8px;
	/*top: 338px;*/
	top: 310px;
}

#shadow_side{
	position:absolute;
	background-image: url(../../img/shadow_side.jpg);
	background-repeat: no-repeat;
	width: 8px;
	height: 290px;
	top: 20px;
	left: 477px;
}

.shadow_bottom_mini_one{
	position:absolute;
	background-image: url(../../img/shadow_mini_bottom.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 8px;
	top: 455px;
	left: 0;
}

.shadow_side_mini_one{
	position:absolute;
	background-image: url(../../img/shadow_mini_between.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 105px;
	top: 351px;
	left: 155px;
}

.shadow_bottom_mini_two{
	position:absolute;
	background-image: url(../../img/shadow_mini_bottom.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 8px;
	top: 455px;
	left: 161px;
}

.shadow_side_mini_two{
	position:absolute;
	background-image: url(../../img/shadow_mini_between.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 105px;
	top: 351px;
	left: 316px;
}

.shadow_bottom_mini_three{
	position:absolute;
	background-image: url(../../img/shadow_mini_right_bottom.jpg);
	background-repeat: no-repeat;
	width: 163px;
	height: 8px;
	top: 455px;
	left: 322px;
}

.shadow_side_mini_three{
	position:absolute;
	background-image: url(../../img/shadow_mini_right.jpg);
	background-repeat: no-repeat;
	width: 8px;
	height: 105px;
	top: 351px;
	left: 477px;
}

#outer_container{
	background-color: #CCCCCC;
	background-position: top left;
	margin: 0;
	padding: 0;
}

	#container{
		/* Sätter botten-fadningen */
		background-image: url(../../img/bg_h_tile.jpg);
		background-repeat: repeat-x;
		background-position: bottom left;
		margin: 0;
		padding: 0;
	}
	
	#top{
		position: relative;
		margin: 0;
		padding: 0;
		margin: 0 auto;
		background-image: url(../../img/top.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		width: 868px;
		height: 182px;
		background-color: #FFFFFF;
	}
		#top #solvanda{
			position: absolute;
			margin:0px;
			padding:0px;
			top:65px;
			left:670px;
		}
	
	#top #padding{
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#top #logo{ position: absolute; background: url(../../img/logo.jpg) no-repeat; width: 208px; height: 53px; left: 35px; top: 74px; }
	#top #logo h1{ display: none; }
	#top #slogan{ position: absolute; left: 40px; bottom: 30px;}
	#top #slogan h2{ /*display: none;*/ color: #333333; }
	
	div#cart{ position: absolute; background: none; top: 25px; right: 0px; font-size: 1.0em; }
	div#cart h2{
		color: #FFFFFF;
		float: left;
		position: absolute;
		right: 235px;
	}
	div#cart p{
		position: absolute;
		top: 3px;
		right: 0px;
		width: 300px;
		color: #FFFFFF;
	}
	
	div#cart p a{
		position: absolute;
		top: 15px;
		right: 37px;
	}
	
	div#menu{ position: absolute; background: none; bottom: 15px; right: 40px; font-size: 1.1em; }
	div#menu ul{ position: relative; list-style: none; margin: 0; padding: 0; }
	div#menu li{ position: relative; float: left; display: inline; border-right: 1px solid #666666; }
	
	div#menu li a{			

		text-decoration: none; 
		padding-left: 10px; 
		padding-right: 10px;		
		display: block;
		color: #666666;
	}


	div#menu li a:hover{
		color: #333333;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	div#menu li a.active{
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		color: #333333;
	}
	div#menu li a.active:hover{
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		color: #333333;
	}
	
	#center{
		margin: 0 auto;
		width: 868px;
	}
	
	#content{
		position: relative;
		margin: 0;
		padding: 0;
		width: 868px;		
		background-image: url(../../img/content_tile.jpg);
		background-repeat: repeat-y;		
	}
	
	#content_padding{
		padding-top: 20px;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 20px;		
	}
	
	#content_padding #left{
		position: relative;
		float: left;
	}
	
		#bigimage{
			margin-right: 20px;
			margin-top: 20px;
			padding: 8px;
			border: 1px solid #EAEAEA;
		}
		
		#content_padding #left #info{
			padding-top: 40px;
		}
		
		#content_padding #left #info .item{
			width: 141px;
			float: left;
		}
		
		#content_padding #left #info .item p a{
			color: #333333;
			text-decoration: none;
		}
		
		#content_padding #left #info .item p a:hover{
			text-decoration: underline;
		}
		
		/*#content_padding #left #info .item a:hover img{
			background: #EAEAEA;
			padding: 6px;
			border: 1px solid #CCCCCC;
		}*/
		
		#content_padding #left #info .item img{
			margin-bottom: 15px;
			padding: 6px;
			border: 1px solid #EAEAEA;
		}
		
		#content_padding #left #info .margin{
			margin: 0;
			padding: 0;
			margin-right: 20px;
		}
	
	#content_padding #right{
		position: relative;
		width: 270px;
		float: right;
	}
	
	#content p{
		line-height: 140%;		
	}
	
	#footer{
		position: relative;
		margin: 0;
		padding: 0;
		width: 868px;		
		height: 38px;
		background-image: url(../../img/footer_bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		margin: 0 auto;
	}
	
	#footer #left{
		position: absolute;
		background-image:url(../../img/footer_contact.jpg);
		background-repeat: no-repeat;
		width: 577px;
		height: 14px;
		left: 37px;
		bottom: 11px;
	}
	
	#footer span#id{
		float: right;
	}
	
	#footer #left p{
		display: none;
	}
	
	#footer #right{
		position: absolute;		
		background-position: top left;
		right: 227px;
		bottom: 13px;
		font-size: 10px;
		color: #999999;
	}
	
	#footer #right_mini{
		position: absolute;		
		right: 40px;
		bottom: 13px;
	}
	
	#footer #right p{
		display: none;
	}
	
	#reflection{
		position: relative;
		margin: 0;
		padding: 0;
		width: 868px;
		height: 59px;
		background-image:url(../../img/reflection.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	#reflection #left{
		position: absolute;
		background-image:url(../../img/reflection_contact.jpg);
		background-repeat: no-repeat;
		width: 605px;
		height: 13px;
		left: 37px;
		top: 11px;
	}
	
	#reflection #left p{
		display: none;
	}
	
	#reflection #right{
		position: absolute;
		background-image:url(../../img/reflection_wisemedia.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		right: 40px;
		width: 106px;
		height: 24px;
		top: 13px;
	}
	
	#reflection #right p{
		display: none;
	}
	
#submenu{
	width: 150px;
	float: left;
	position: relative;
	margin-top: 20px;
}

#submenu h2{
	color: #333333;
	margin-bottom: 10px;
}

#thecontent{
	float: right;
	width: 560px;
	padding-right: 40px;
	overflow: hidden;
	
}

#breadcrumb{
	margin-bottom: 10px;
}

#breadcrumb a{
	color: #666666;
	text-decoration: none;
}

#breadcrumb a:hover{
	color: #666666;
	text-decoration: underline;
}

#searchform{
	margin-top: 25px;
	margin-bottom: 20px;
}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	ul.mktree  li 					{ list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
	ul.mktree  li a					{ text-decoration:none; color:#B10B15; }
	ul.mktree  li a.active     		{ font-weight:bold; color:#333333;}	 
	ul.mktree  li a:hover			{ text-decoration:underline; color:#B10B15; } 
	/* Control how "spaced out" the tree is */
	ul.mktree				   		{ margin:0px; padding:0px; margin-left:0px;}
	ul.mktree ul			   		{ margin:0px; margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px;}
	ul.mktree  li.liBullet  .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../../img/minus.gif) center left no-repeat; color:#AA2F2E;}
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../../img/plus.gif) center left no-repeat; color:#AA2F2E;}
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../../img/li_bullet_dash.gif) center left no-repeat; color:#AA2F2E;}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 1.1em; line-height:1.4em;}
	ul.mktree  li ul li { font-size: 1.1em; line-height:1.4em;}
	ul.mktree  li ul li ul li { font-size: 1.1em; }
	ul.mktree  li ul li ul li ul li { font-size: 1.1em; }
}