@import url("formatting.css");

body						{ background-color: #fff; color: #000; margin: 0; font-size: 80%;}
div, span, ul, form, fieldset	{ margin: 0; padding: 0}
img, fieldset			{ border-style: none;}
p							{ margin: 0 0 12px 0 }
a							{ text-decoration: none; color: #000}
a:hover					{ text-decoration: underline }
.clear-this:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clear-this {height: 1%;}
/* End hide from IE-mac */

#structure		{ text-align: left; margin: 0; width: 890px}
#header, #flashwrapper, #sidebar, #menu, #footer			{ display: none}
#area_wrapper	{ width: 610px; float: left; overflow: hidden; background: url(../img/area-wrapper_bg.gif) no-repeat;}
	#area1		{ width: 280px; padding: 0; float: left; background: url(../img/area_wrapper_balk.png) no-repeat 0% 0%}
	#area2		{ margin: 0 0 0 281px;}

#content			{ width: 600px; float: left; padding: 26px 14px 0 14px; overflow: hidden;}
	#resources	{ float: right; margin-left: 10px}
#menu, #content, #sidebar, #area_wrapper	{  margin-top: 11px }
#clearer, div.clear		{ clear: both; height: 1px; font-size: 1px}

/* overridden typography */
h1		{ font-size: 2.2em }
blockquote	{ font-size: 1.4em; color: #000; margin: 0}
blockquote strong	{ color: #000 }
span.overHead		{ color: #666; text-transform: uppercase }
div.article-body	{ font-size: 1.2em; margin-bottom: 16px; line-height: 1.3em }

/* pagehead */
div.hr				{ clear: both; font-size: 1px; height: 8px;}
div.ruler			{ clear: both; font-size: 1px; height: 1px; background: #ccc; margin: 3px 0}
/* firstpage */
div.area-float				{ float: left; width: 140px; padding: 0 12px 0 13px; background: url(../img/area_wrapper_balk.png) no-repeat -20px 0%;}
div.area-float.item-1	{ background: url(../img/area_wrapper_balk.png) no-repeat 100% 0%; padding: 0 10px 0 13px; margin-left: 1px}
div.left-area				{ background: url(../img/area_balk.png) no-repeat 0% 0%; padding-right: 13px; margin-top: 8px}
div.current-area			{ padding-right: 13px }
div.current-area p, div.left-area p			{ margin: 0 0 6px 0 }
div.left-area a, div.current-area a			{ color: #993399 }
div.current-area a span, div.left-area a span	{ color: #000 }
div.current-area em, div.left-area em	{ color: #666; font-style: normal }
/* article */
div.articleImage		{ width: 208px; margin-bottom: 12px}
div.articleImage-top	{ margin-bottom: 10px  }
div.caption				{ background: #F9F4E3 url(../img/captio_wrapper_bg.gif) no-repeat 0% 100%; padding: 10px 16px }
ul.related				{ margin-bottom: 8px }
* html body ul.related				{ margin-bottom: 0 }
ul.related li a		{ display: block; padding: 6px 0; }
div.fact-box			{ background-color: #F7F1DB; padding: 10px 10px 8px 10px; margin-bottom: 16px; font-size: 1.2em}
div.fact-body p		{ margin: 0 0 6px 0}
div.byline 				{ border-top: 1px solid #ccc; color: #666; margin-bottom: 10px; padding-top: 8px; line-height: 20px}
/* list */
table.grid				{ width: 100%; margin: 0 0 10px 0}
table.grid tr.void, table.grid tr.void td	{ font: 1px/1px verdana, sans-serif!important ; height: 1px; padding: 0px;}
table.grid tr td.list-item	{ vertical-align: top; padding: 0 0 3px 0 }
table.grid tr td.list-item span.date	{ color: #666 }
div.pager	{ border-top: 1px solid #ccc; padding: 8px 0 16px}
div.pager a, div.pager span	{ margin: 0 3px }
div.pager span, div.pager span.next a, div.pager span.prev a			{ color: #993399 }
/* evenemang */
table.calendar		{ width: 100%; margin: 0}
table.calendar tr th, table.calendar tr.th td			{ border-bottom: 1px solid #ccc; padding: 16px 0 6px; font-weight: bold; color: #000}
table.calendar tr td			{ vertical-align: top; padding: 6px 0 0 0; color: #666}
table.calendar tr td.date	{ width: 100px}
table.calendar tr td.first, table.calendar tr th.first	{ width: 237px;}
table.calendar tr th.first	{ text-transform: uppercase;}

ul#sitemap						{ margin-top: 16px }
ul#sitemap li					{ margin-bottom: 10px }
ul#sitemap li a				{ text-transform: uppercase; font-weight: bold;  }
ul#sitemap li ul				{ margin: 0 15px 0; list-style: none;}
ul#sitemap li ul li			{ margin-bottom: 2px }
ul#sitemap li ul li a			{ text-transform: none; font-weight: normal }
ul#sitemap li ul li ul			{ margin: 0; list-style: none;}

/* formelement pages */
div.balk, .formbox div	{ margin: 9px 0 7px 0;}
div.balk.purple	{ background: url(../img/balk_purple.png) no-repeat 0% 0%}
div.balk.brown, .formbox div		{ background: url(../img/balk_brown.png) no-repeat 0% 0%}
div.confirmation	{ padding: 15px; background: #F7F1DC url(../img/confirmation-bg.png) no-repeat 0% 0% }

div.postcard-pushers	{ margin: 12px 0 0 0}
div.postcard-info		{ background-color: #F7F1DB; padding: 6px 10px; margin: 0 0 12px 0; width: 380px}
div.postcard-info p	{ margin: 0 0 6px 0 }

table.formtable, table.bankTable				{ width: 400px}
table.formtable tr td.left, table.bankTable tr td	{ width: 200px}
table.bankTable tr td	{ padding: 6px 5px; background-color: #F5F3F1; vertical-align: middle;}
html > body div.moz-wrapper, html > body div.balk, html > body div.formbox	{ width: 400px }

/* butik */
img.product	{ margin-bottom: 6px }
div.product-context	{ width: 129px; float: left; padding-right: 14px; color: #666}
div.product-context div.ruler	{ margin: 6px 0 }
div.product-context a { color: #993399; font-weight: bold;}
span.float-img		{ float: left; padding-right: 10px }

div.itemlist		{ margin: 16px 0 }
div.product-item		{ clear: left; padding: 7px 0 }
div.product-item h3	{ font-size: 13px; margin: 0 0 2px 0 }

table.CartList, table.CartListFooter			{ width: 601px }
tr.CartListHead td	{ color: #fff; padding: 6px 0 4px 0}
td.CartProductHead	{ background: url(../img/balk_brown.png) no-repeat 0% 0%; width: 271px; padding-left: 11px!important }
td.CartButtonHead		{ background: url(../img/balk_brown.png) no-repeat 100% 0%; width: 74px}
td.CartPriceHead, td.CartQuantityHead, td.CartSubtotalHead	{ background: url(../img/balk_brown.png) no-repeat -22px 0% }
td.CartPriceHead		{ width: 109px;}

td.CartProduct, td.CartPrice, td.CartQuantity, td.CartSubtotal, td.CartButton	{ padding: 9px 0; vertical-align: top; background-color: #F5F3F1 }
td.CartProduct		{ padding-left: 9px }
tr.odd td			{ background-color: #ECE8E4; border-top: 1px solid #E4DFD9 }
table.CartList a, div.updateBtn a, div.shop-info a	{ color: #993399 }

table.CartListFooter tr td	{ padding-bottom: 13px; padding-top: 11px; border-bottom: 1px solid #ccc }
table.CartListFooter tr td.CartProductBottom	{ padding-left: 11px }

div.updateBtn		{ margin: 16px 0 16px 0}
div.updateBtn img	{ vertical-align: middle }
div.updateBtn a span	{ color: #000  }

div.shop-info		{ width: 237px; float: right; margin: 0; background-color: #F7F1DB; padding: 14px 15px }