@CHARSET "UTF-8";
* 
{ 
	margin:  0 0;
	padding: 0 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	
}
/* template */
body
{
	margin: 0 auto;
	background: #cccc99; /* #DE370F #89B400 #000000 #93A652 #D0D5B7 */
		
}	

body.index #logo {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif);
}	

body.circles #logo {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif);
}

body.company #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	background: #fff
	            url(images/pixel.gif);
}

body.art #logo {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif);
}

body.support #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	background: #fff
	            url(images/pixel.gif);
}

body.architecture #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif);
}

body.copyright #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	background: #fff
	            url(images/pixel.gif);
}

body.bocker #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	background: #fff
	            url(images/pixel.gif);
}

body.press #logo {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif);
}

body.cv #logo {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif); 
}

body.kontakt #logo {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif);
}

body.prolog #logo {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 10px;
	height:30px;
	background: #fff
	            url(images/pixel.gif); 
}

body.demo #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	background: #fff
	            url(images/pixel.gif); 
}

/* Main Navigation
------------------------------------------------- */

#main-nav { height: 24px;
				margin-left: 0px;
				margin-right: 0px;
				/* border-top: 1px solid #999999;
				border-bottom: 1px solid #999999; */
	background: #000}
			
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 553px; /*420px 435px; 14px; */ } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:24px; /* IE 5/Win hack */ 
	padding: 24px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

body.index dt#index,
body.index dt#index a,
body.index dt#index a:hover,
body.company dt#company,
body.company dt#company a,
body.company dt#company a:hover,
body.art dt#art,
body.art dt#art a,
body.art dt#art a:hover,
body.architecture dt#architecture,
body.architecture dt#architecture a,
body.architecture dt#architecture a:hover,
body.circles dt#circles,
body.circles dt#circles a,
body.circles dt#circles a:hover,
body.prolog dt#prolog,
body.prolog dt#prolog a,
body.prolog dt#prolog a:hover,
body.support dt#support,
body.support dt#support a,
body.support dt#support a:hover
body.demo dt#demo,
body.demo dt#demo a,
body.demo dt#demo a:hover
body.bocker dt#bocker,
body.bocker dt#bocker a,
body.bocker dt#bocker a:hover
body.copyright dt#copyright,
body.copyright dt#copyright a,
body.copyright dt#copyright a:hover
body.press dt#press,
body.press dt#press a,
body.press dt#press a:hover
body.cv dt#cv,
body.cv dt#cv a,
body.cv dt#cv a:hover
body.kontakt dt#kontakt,
body.kontakt dt#kontakt a,
body.kontakt dt#lkontakt a:hover {
	background-position: 0 -48px;
}


#main-nav dt a:hover {
	background-position: 0 -24px;
}

#main-nav dt#index,
#main-nav dt#index a { width: 50px; background-image: url(../images/nav/intro.png); }

#main-nav dt#company,
#main-nav dt#company a { width: 106px; background-image: url(../images/nav/om_foretaget.png); }

#main-nav dt#art,
#main-nav dt#art a { width: 59px; background-image: url(../images/nav/art_&.png); }

#main-nav dt#architecture,
#main-nav dt#architecture a { width: 106px; background-image: url(../images/nav/architecture.png); }

#main-nav dt#circles,
#main-nav dt#circles a { width: 63px; background-image: url(../images/nav/circles.png); }

#main-nav dt#prolog,
#main-nav dt#prolog a { width: 63px; background-image: url(../images/nav/prolog.png); }

#main-nav dt#support,
#main-nav dt#support a { width: 68px; background-image: url(../images/nav/support.png); }

#main-nav dt#demo,
#main-nav dt#demo a { width: 68px; background-image: url(../images/nav/support.png); }

#main-nav dt#bocker,
#main-nav dt#bocker a { width: 62px; background-image: url(../images/nav/swe_bocker.png); }


#main-nav dt#copyright,
#main-nav dt#copyright a { width: 30px; background-image: url(../images/nav/copy.png); }


#main-nav dt#press,
#main-nav dt#press a { width: 52px; background-image: url(../images/nav/press.png); }

#main-nav dt#cv,
#main-nav dt#cv a { width: 35px; background-image: url(../images/nav/cv.png); }


#main-nav dt#kontakt,
#main-nav dt#kontakt a { width: 70px; background-image: url(../images/nav/swe_kontakt.png); }


#main-nav dt#sprak_eng,
#main-nav dt#sprak_eng a { height: 16px; width: 32px; background-image: url(../images/flagga_eng.gif); }


/** SLUT MAIN_NAV **/

.page-container
{
	width: 940px;
	padding: 0px;	
	background: #fff;
	/* border: 1px solid #EFEFEF; */
	margin: 0 auto;
	text-align: center;
	font-size: 12px; /* Beställningen i varukorgen har raderats! */
	
  box-shadow: 5px 5px 5px #666;
  -moz-box-shadow: 0px 5px 15px #666; /* fireworks*/
  -webkit-box-shadow: 0px 5px 15px #666; /* safari*/
}
.cookies
{
	width: 560px;
	margin-top: 10px;
	padding: 20px;	
	background: #fff;
	/* border: 1px solid #EFEFEF; 
	margin: 0 auto;*/
	text-align: justify;
	font-size: 12px; /* Beställningen i varukorgen har raderats! */
	
  box-shadow: 0px 2px 3px #964;
  -moz-box-shadow: 0px 2px 3px #666; /* fireworks*/
  -webkit-box-shadow: 0px 2px 3px #cbcbcb; /* safari*/
}

.nav
{
	padding: 10px;
	margin: 5px;
	text-align: center;
	font-size: 11px;
}

	.nav a
	{
		color: #222;
		border: 1px solid #ddd; 
		padding: 4px;
		background: #e2e2e2;
		text-decoration: none;
	}
	.nav a:hover
	{
		background: #ff5800;
		color: #fff;
	}
/* store */
.products
{
	margin: 0 auto;
	font-size: 11px;
	text-align: left;
	border-spacing: 20px 20px; 
}
	.product
	{ 
		width: 260px; /*  width på varje produktblad*/
		padding-left: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		padding-top: 10px;
		border: 1px solid #cbcbcb;
		height: 180px;
		background: #fff;
	
  box-shadow: 0px 2px 3px #964;
  -moz-box-shadow: 0px 2px 3px #666; /* fireworks*/
  -webkit-box-shadow: 0px 2px 3px #cbcbcb; /* safari*/
	
	}
		.product img
		{
			padding-right: 5px;
			/* text-align: center; 
			vertical-align: top;*/
		}
		.price 
		{	margin-top: -20px;
		background: #fff;
			width: 100%;
			font-size: 10px;
			text-align: left;
			clear: both;
		}
		.category
		{	padding-left: 5px;	padding-top: 5px; padding-bottom: 5px;  margin-bottom: 5px;	margin-top: 0px;	float: left; color: #006ee7;
		background-color: #ededed;
		font-weight:normal;
		font-size: 16px;
			width: 99%;
			display: block;
			text-align: left;
		}
		.addToCart2
		{	margin-top: 10px;	float: left; color: #006ee7;
		background-color: #fff;
		font-weight: bold;
		font-size: 20px;
			width: 50%;
			display: block;
			text-align: center;
		}
		.addToCart
		{	margin-top: 10px;
		float: right;
			background: #fff;
			width: 49%;
			display: block;
			text-align: center;
			font-size: 12px;
			color: #006ee7;
			border: 0px solid #cbcbcb;
		}
		
		.productmeny
	{
		background-color: #fff;
		border: 0px solid #ddd;
		padding: 10px;
		height: 150px;
	}
	
.notification
{
	width: 580px;
	padding: 20px;
	border: 1px solid #eee;
	background: #fff;
	margin: 9px auto;
	font-size: 14px;
	color: #333;
	text-align: center;
	font-family: verdana;
}
/* summary */
.shoppingCart
{
	width: 580px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 12px;
}
	.shoppingCart tr th
	{
		background: #eee;
		border: 1px solid #ddd;
		padding: 5px;
	}
	.shoppingCart tr td
	{
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 12px;
	}	
.viewcart{
	min-height: 300px;
	padding-bottom: 20px;
}	
#content {
	/* width: 632px; */			/* VÄNSTERSTÄLLD - tas bort  				HÖGERSTÄLLD - width: 632px;*/
	/* float: right; */			/* VÄNSTERSTÄLLD - tas bort;  				HÖGERSTÄLLD -  float: right;*/
	margin-right: 280px;		/* VÄNSTERSTÄLLD - margin-right: 280px;  	HÖGERSTÄLLD - margin-right: 0px;*/
	padding-bottom: 20px;
	text-align: left;
	min-height: 300px;
	margin-top: 10px;
	line-height: 18px;
	background: #fff;
	
	/* För ramen */
	/* border-top: 1px solid #999; 
	border-top: 1px solid #999999;*/
	/* padding-bottom: 20px;
	text-align: left;
	min-height: 300px;
	margin-top: 10px;
	margin-right: 280px;
	line-height: 18px;
	background: #fff;
	margin-left: 14px; */
		/* För ramen */
	/* border-top: 1px solid #999; 
	border-top: 1px solid #999999;*/
}

#content-intro {
	text-align: center;
	min-height: 300px;
	margin-top: 40px;
	margin-right: 0px;
	/* background: #fff;
	padding: 20px;
	line-height: 18px ;
	border-top: 1px solid #999;*/
}

#content .padding {
	padding: 25px 0px 0px 25px;
}
#content .paddingSmall {
		margin-top: 0px; 
		padding: 0px;
		text-align: center;
		font-size: 11px;
	}

#content .paddingSmallJustify {
	text-align: justify;
	font-size: 11px;
}

#content .copyRight {
	text-align: right;
	font-size: 10px;
	color: #999;
	margin-right: 6px; 
}
	
#content .imageleft {
	/* border-style: solid;
	border-width: 20px; */
	margin-left: 0px;
	margin-bottom: 100px;
	margin-right: 20px;
	margin-top: 0px;
	float: left;               
}
	
#content .imageleft_prolog {
	/* border-style: solid;
	border-width: 20px; */
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 0px;
	float: left;               
}
#content .imageleft_mini {
	/* border-style: solid;
	border-width: 20px; */
	margin-left: 0px;
	margin-bottom: 40px;
	margin-right: 20px;
	margin-top: 0px;
	float: left;
}
#content .imageright{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 20px;
	float: right;
}
#content .imagecenter {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
}
#content .image_webdesign {
	color: #222;
	border: 0px solid #AAA; 
	padding: 0px;
	background: #fff;
	text-decoration: none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
}
#content .image_prolog {
	color: #222;
	border: 0px solid #AAA; 
	padding: 0px;
	/* background: #555;*/
	text-decoration: none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
	/* background-image: url(../images/prolog/bg_cdrom.gif); */
}
#content .image_support {
	color: #222;
	border: 1px solid #AAA; 
	padding: 0px;
	/* background: #555;*/
	text-decoration: none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
	/* background-image: url(../images/multimedia/bg_cdrom.gif); */
}

#content .paddingJustify {
	
	text-align: justify;
	padding: 0px 80px 0px 40px;
}


/* LÄNKFÄRG */
	a {
	color: #FF5B00;
	text-decoration: none;
	}

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


.rubrik /* Rubriker i sidofältet*/
		{	padding-left: 5px;	padding-top: 5px; padding-bottom: 5px;  margin-bottom: 5px;	margin-top: 0px;	float: left; color: #262626;
		background-color: #ededed;
		font-weight:normal;
		font-size: 14px;
			width: 99%;
			display: block;
			text-align: left;
		}
		
			
#sidebar-a {
	margin-top: 10px;
	width: 280px;
	/* margin-right: 630px; */
	float: right;			/* VÄNSTERSTÄLLD - float: right;  				HÖGERSTÄLLD - tas bort*/
	line-height: 18px;
	background: #fff;
	margin-left: 0px;
	min-height: 300px;
	
	/* float: right;
	width: 280px;
	line-height: 18px;
	background: #fff;
	height: 100%;
	margin-right: 14px; */
	/* background: #ffffff; 
	border-top: 1px solid #999999;*/
}

	#sidebar-a .padding {
		text-align: left;
		padding: 25px; height: 100%;
	}

	#sidebar-a .paddingSmall {
		margin-top: 10px; 
		padding: 10px;
		height: 100%;
		text-align: justify;
		font-size: 11px;
	background: #fff;
	
  box-shadow: 0px 2px 3px #cbcbcb;
  -moz-box-shadow: 0px 2px 3px #cbcbcb; /* fireworks*/
  -webkit-box-shadow: 0px 2px 3px #cbcbcb; /* safari*/
	}

	#sidebar-a .paddingKundvagn {
	/* background: #368; */
	                       
	border: 0px solid #753;
		margin-top: 0px; 
		padding: 10px;
		text-align: left;
		font-size: 11px;
	background: #fff;
	
  box-shadow: 0px 2px 3px #cbcbcb;
  -moz-box-shadow: 0px 2px 3px #cbcbcb; /* fireworks*/
  -webkit-box-shadow: 0px 2px 3px #cbcbcb; /* safari*/
	}

.tbarea	{
	width: 330px;
	height: 140px;
	font-family: verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
.tbinput {
	width: 180px;
	padding: 2px 0 0 0;
	font-family: verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}

/* ---------- */
xdiv#wrap_head_l {
	background: url(../images/granssnitt/top_left.gif) 0 0 no-repeat;			/* vänster upp */ }

xdiv#wrap_l {
	background: url(../images/granssnitt/side2_left.gif) 0 0 repeat-y; 			/* vänster */ }

xdiv#wrap_head {
	background: url(../images/pixel.gif) 0 0 repeat-x; }

xdiv#wrap_head_r {
	background: url(../images/granssnitt/top_right.gif) 100% 0 no-repeat;		/* höger upp */ }

xdiv#wrap_r {
	background: url(../images/granssnitt/side2_right.gif) 100% 0 repeat-y;		/* höger */ }

xdiv#wrap_foot_l {
	background: url(../images/granssnitt/b_l.png) 0 100% no-repeat;				/* vänster ner */ }

xdiv#wrap_foot {
	background: url(../images/granssnitt/b.png) 0 100% repeat-x;				/* mitten ner */ }

xdiv#wrap_foot_r {
	background: url(../images/granssnitt/b_r.png) 100% 100% no-repeat;			/* höger ner*/ }
/* ---------- */


#footer {
	border-top-color: #999;
	border-top-width: 1px;
	border-top-style: solid;
	background-repeat: no-repeat;
	/* background-image: url(../images/bg_footer.gif); */
	clear: both;
	/* border-top: 1px solid #999999; */
	margin-left: 0px;
	margin-right: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #333;
	/* padding: 10px 25px; */
	padding: 20px 25px;
	line-height: 15.5px;
}

#footerdate {
	margin-left: 0px;
	margin-right: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #333;
	padding: 7px 0px 25px 0px;
	/* padding: 5px 0px 45px 0px; */
	line-height: 0px;
}