/* 1. DEFAULT
****************************************************************************************/

* {margin: 0; padding: 0; }
body { font-family: georgia, helvetica, arial; font-size: 0.80em; color: #000; text-align: center; background: url(../images/bg.jpg) }

td { font-size: 11px;  }

/* Links *******************************************************************************************************************/
a, a:hover, a:visited { color: #1A305D; text-decoration: underline; }
a:hover {}
a:visited {}

a.link, a.link:hover, a.link:visited { color: #ec008c; text-decoration: underline; }
a.link:hover {}
a.link:visited {}
/*************************************************************************************************************************/


/* Rubriker ****************************************************************************************************************/
h1 { font-size: 22px; color: #666; margin: 0 0 16px 0; font-weight: normal; }
h2 { font-size: 17px; color: #666; margin: 0 0 16px 0; }
h3 { font-size: 14px; color: #666; margin: 0 0 10px 0; }
/*************************************************************************************************************************/


/* Element ****************************************************************************************************************/
.ingress { font-size: 1em; font-weight: bold; font-style: italic; display: block; margin-bottom: 15px; }
img { border: none;}
img.thumbnail { border: solid 1px #8a8a8a; padding: 2px;}
.publish-info { font-size: 0.85em; color: #8a8a8a; }
.artnr { font-size: 0.85em; color: #8a8a8a; }
/*************************************************************************************************************************/


/* Tabeller ****************************************************************************************************************/
table.list { width: 100%; border: 0; padding: 0; border-collapse: collapse;}
table.list tr.odd { }
table.list tr.even { }
table.list th { text-align: left; padding: 5px 3px; border-bottom: solid 2px #ec008c; }
table.list td { text-align: left; padding: 5px 3px; border-bottom: solid 1px #e3e3e3; }
table.list td { text-align: left; padding: 5px 3px; border-bottom: solid 1px #e3e3e3; }
/*************************************************************************************************************************/


/* 2. STRUCTURE
****************************************************************************************/

#container {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -496px;
	margin-top: -224px;
	width: 1000px; 
	text-align: left; 
	height: 448px;
}

#top { position: relative; float: left; text-align: left; margin: 0px 0 10px 0; padding-left: 34px; }
#submenu { height: 34px; display: block; overflow: hidden; }
#main { float: left; background: url(../images/bg.png) no-repeat; height: 457px; margin: -90px 0 0 0; width: 100%; }

#main .image { float: left; margin: 140px 20px 20px 0; padding-left: 34px; }

#main .page { float: left; margin: 140px 20px 20px 20px; font-size: 11px; width: 380px; height: 230px; overflow: auto; }

.info { position: relative; z-index: 100; top: -45px; font-size: 10px; padding: 10px; margin: 0 0 0 40px; padding-left: 44px; }


/* 3. MENUS
****************************************************************************************/

#menu ul { padding:0px; margin:0px; width: 100%; }
#menu li { float: left; line-height:25px; list-style:none; display:block; }

#menu ul li ul { padding:0px; margin:0px; }
#menu ul li ul li { line-height: 14px; border:0px; }
#menu ul li ul li.last { border:0px; }

#menu a { padding:0px 15px 0px 0px; color:#FFF; font-size:11px; text-decoration:none; font-weight:bold; font-family: Helvetica, Arial; }

#submenu .content { height: 33px; display: block; overflow: hidden; background: url(../images/bg_submenu.gif) bottom left no-repeat; }
#submenu ul { float: left; list-style: none; color: #FFF; border-bottom: 1px solid #FFF;}
#submenu li { float: left; padding-bottom: 5px; }
#submenu li a { color: #FFF; font-size: 10px; text-decoration: none; padding: 0 10px 0 10px; height: 14px; overflow: hidden; font-family: Helvetica, Arial; }
#submenu li a:hover { text-decoration: underline; }


/* 4. TEMPLATES
****************************************************************************************/

/* standard */
div#standard div.odd, div#standard div.even { background:#e3e3e3; padding: 10px; height:100%; margin: 0 0 2px 0; }
div#standard div.even { background: #f1f1f1; }
div#standard img.thumbnail { float: left; margin: 0 10px 5px 0; }
div#standard h3 { margin: 0 0 4px 0;}
div#standard div.publish-info { display: block; margin: 0 0 10px 0; }
div#standard a.link, div#standard a.link:hover, div#standard a.link:visited { display: block; margin: 10px 0 0 0;}

/* article-one */
div#article-one div.ingress { font-size: 1em; font-weight: bold; font-style: italic; display: block; margin-bottom: 15px; }
div#article-one div.text { }
div#article-one img.articleimage { margin: 10px 0; display: block; border: solid 1px #8a8a8a; padding: 3px;}
div#article-one img.left { float:left; margin:  5px 10px 5px 0;}
div#article-one img.right { float:right; margin:  5px 0 5px 10px;}
div#article-one div.article-info { margin: 0 0 15px 0; }
div#article-one div.article-info .space {}
div#article-one div.article-info li { font-size: 0.8em; color: #8a8a8a; display: inline; margin: 0 10px 0 0; }

/* headerlist */
div#headerlist .a, div#headandlist .a { }
div#headerlist .b, div#headandlist .b { text-align: right; }
div#headerlist a, div#headerlist a:hover, div#headerlist a:visited, div#headandlist a, div#headandlist a:hover, div#headandlist a:visited { }


/* webshop-standard */
div#webshop-standard .text, div#webshop-imagelist .text { margin-bottom: 20px; }
div#webshop-standard .a { }
div#webshop-standard .b { text-align: right; }
div#webshop-standard .c { text-align: right; }
div#webshop-standard .d { text-align: right; }
div#webshop-standard .price { font-weight: bold; }
div#webshop-standard input { width: 25px; } 
div#webshop-standard input.button { width: 40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */


/* webshop-imagelist */
div#webshop-imagelist td { vertical-align: top; }
div#webshop-imagelist .thumbnail { float: left;  margin: 0 15px 5px 0;} 
div#webshop-imagelist .artnr { margin: 3px 0 10px 0;} 
div#webshop-imagelist .a { }
div#webshop-imagelist .b { vertical-align: middle; text-align: right; width: 70px;}
div#webshop-imagelist .c { vertical-align: middle;  width: 90px;}
div#webshop-imagelist .price { font-weight: bold; }
div#webshop-imagelist input { width: 25px; } 
div#webshop-imagelist input.button { width: 40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */

/* webshop-imagecols */
div#webshop-imagecols div.text { margin: 0 0 20px 0; }
div#webshop-imagecols div.product { float: left; width: 150px; margin: 3px; padding-bottom: 10px; border: solid 1px #e3e3e3; text-align: center;}
div#webshop-imagecols div.space { height: 180px; padding: 10px; text-align: center;}
div#webshop-imagecols .thumbnail { margin: 0 0 15px 0; } 
div#webshop-imagecols .artnr { margin: 3px 0 10px 0;} 
div#webshop-imagecols .price { font-weight: bold; font-size: 16px; margin: 0 0 10px 0; display:block; }
div#webshop-imagecols input { width: 25px; } 
div#webshop-imagecols input.button { width: 40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */


/* CART */

div#cart { width: 160px; overflow: hidden; }