@CHARSET "UTF-8";
* 
{ 
	margin:  0 0;
	padding: 0 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	
}
/* template */
body
{
	margin: 10px auto;
	background: #eee; /* EC6E00 D0D5B7 #DE370F #89B400 #000000 #93A652 */
	/* background-image: url(http://127.0.0.1/~tap/DevCenter/www.tonyastrom/html/images/bg_halv.png);
	background-repeat: repeat-x;*/
		
}	

body.index #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	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.webshop #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	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.webdesign #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	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: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	background: #fff
	            url(images/pixel.gif);
}

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

body.multimedia #logo {
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	height:10px;
	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: 14px;
				margin-right: 14px;
				border-top: 1px solid #999999;
				border-bottom: 1px solid #999999;}
			
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 588px; /*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.webshop dt#webshop,
body.webshop dt#webshop a,
body.webshop dt#webshop a:hover,
body.webdesign dt#webdesign,
body.webdesign dt#webdesign a,
body.webdesign dt#webdesign a:hover,
body.nyheter dt#nyheter,
body.nyheter dt#nyheter a,
body.nyheter dt#nyheter a:hover,
body.multimedia dt#multimedia,
body.multimedia dt#multimedia a,
body.multimedia dt#multimedia 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.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#webshop,
#main-nav dt#webshop a { width: 80px; background-image: url(../images/nav/webshop.png); }

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

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

#main-nav dt#multimedia,
#main-nav dt#multimedia a { width: 90px; background-image: url(../images/nav/multimedia.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#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: 660px; /* width: 940px; */
	padding: 9px;	
	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 #999;
  -moz-box-shadow: 0px 5px 15px #999; /* fireworks*/
  -webkit-box-shadow: 0px 5px 15px #999; /* safari*/
}
.cookies
{
	width: 320px;
	padding: 9px;	
	background: #fff;
	/* border: 1px solid #EFEFEF; */
	margin: 0 auto;
	text-align: justify;
	font-size: 12px; /* Beställningen i varukorgen har raderats! */
}

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

	.nav a
	{
		color: #222;
		border: 1px solid #AAA; 
		padding: 4px;
		background: #EFEFEF;
		text-decoration: none;
	}
	.nav a:hover
	{
		background: #ff5800;
		color: #fff;
	}
/* store */
.products
{
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	
}
	.product
	{
		padding-left: 55px;
		padding-bottom: 25px;
		padding-right: 55px;
		padding-top: 50px;
		border: 1px solid #ddd;
		height: 150px;
	}
		.product img
		{
			text-align: center;
		}
		.price 
		{
			/* width: 100%; */
			font-size: 10px;
			text-align: right;
			clear: both;
		}
		.pricecenter 
		{
			/* width: 100%; */
			font-size: 10px;
			text-align: center;
			clear: both;
		}	
		.addToCart
		{
			width: 100%;
			display: block;
			text-align: right;
		}
		
		.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 {
	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;
	
	margin-top: 90px;
	min-height: 220px;
	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_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_multimedia {
	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/multimedia/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;
}

#content .mitten {
	float: left;
	width: 35%;
	background-color: #fff;
}
#content .vanster {
	margin-left: 35px;
	float: left;
	width: 25%;
	background-color: #fff;
}
#content .hoger {
	float: left;
	width: 30%;
	background-color: #fff;
}


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

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

	
#sidebar-a {
	float: right;
	width: 280px;
	line-height: 18px;
	background: #fff;
	height: 100%;
	margin-right: 14px;
	/* background: #ffffff; 
	border-top: 1px solid #999999;*/
}

	#sidebar-a .copyRight {
	font-size: 10px;
	color: #666;
	margin-left: 6px; 
	}

	#sidebar-a .paddingBild {
		margin-top: 25px; 
		padding: 10px;
		height: 100%;
		text-align: justify;
		font-size: 11px;
	}
	
	#sidebar-a .padding {
		padding: 25px;height: 100%;
	}

	#sidebar-a .paddingSmall {
		margin-top: 10px; 
		padding: 10px;
		height: 100%;
		text-align: justify;
		font-size: 11px;
	}

	#sidebar-a .paddingKundvagn {
	/* background: #368; */
	                       
	border: 0px solid #753;
		margin-top: 0px; 
		padding: 10px;
		text-align: left;
		font-size: 11px;
	}

.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: 14px;
	margin-right: 14px;
	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: 14px;
	margin-right: 14px;
	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;
}