body, html {
	height: 100%;
	margin: 20px;
}

body {
	height: 100%; 
	margin: 20px 0 0 0; 
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
/*	font-size: 95%;
	line-height: 140%;*/
	font-size: 0.8125em;
	line-height: 1.25em;
	background-color: #FFF;
	color: #000;
	text-align: center;
	overflow: auto;
}

img {
	border: none;
	display: inline;
}

a img {
	border: none;
}

a {  
	text-decoration: none;
}

a:link, a:visited {
	color: #585858;
	text-decoration: none;
}

a:hover, a:active {  
	color: #1e1414;
	text-decoration: underline;
}

table {
	vertical-align: top;
	border-collapse: collapse;
	border: outset 0;
	border-spacing: 0;
	table-layout: auto;
}

td {
	border: inset 0;
	margin: 0;
	padding: 0;
	border: 0;
}

hr {
	margin: 8px 0 8px 0;
	padding: 0;
	color: #AAA;
	background-color: #AAA;
	height: 1px;
	border: 0;
	clear: both;
}

form, input {
	margin: 0px;
}

form {
	padding: 0px;
}

/*table, td, div, span, p, ul, ol, li, input, select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.98em;
	line-height: 1.45em;
}*/

div {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.98em;
	line-height: 1.35em;
}

table, td, div, span, p {
	vertical-align: top;
	text-align: left;
}

p, ul, ol {
	vertical-align: top;
	text-align: left;
	margin: 0px 0 10px 0;
	padding: 0;
}

ul, ol {
	list-style-position: inside;
}

/*ul, ol {
	margin: 2px 0 6px 6px;
	text-indent: 0px;
}

li {
	margin: 0 0 2px 0; 
}*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000;
	display: block;
	margin: 4px 0 0px 0;
}

h1 {
	font-size: 2.4em;
	line-height: 1.3em;
}

h2 {
	font-size: 1.7em;
	line-height: 1.3em;
}

h3 {
	font-size: 1.6em;
	line-height: 1.2em;
}

h4 {
	font-size: 1.3em;
	line-height: 1.10em;
}

h5 {
	font-size: 1.2em;
	line-height: 1.1em;
}

h6 {
	font-size: 1.1em;
	line-height: 0.9em;
	margin: 4px 0 2px 0;
	font-weight: bold;
}

.hide {
	display: none;
}

#mainWrap {
	position: relative;
	width: 794px;
	text-align: left;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-color: #FFF;
	overflow: visible;
} 

#borderWrap {
	background: transparent;
	width: 792px;
	text-align: left;
	border: 1px solid #000; /* Outer borders */
	padding: 0 0 1px 0;
	margin: 0 0 -1px 0;
	/*background-color: brown;*/
} 
* html #borderWrap {
	width: 794px;
	w\idth: 792px; 
}

#outerWrap { /* Contains middle section and borders to push left and right col in place */
	background: transparent;
	padding: 0px;
	margin: 0px;
	/*margin: 0px 0 0 1px;
	width: 490px;*/
	border-left: 150px solid #FFF;  
	border-right: 150px solid #FFF;
	/*background-color: yellow;*/
	/*border-left: 150px solid #FFF;  
	border-right: 150px solid #FFF;*/
	background: url(/bilder/blackdot.gif) 100% 0 repeat-y; /* Needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla */
}
* html #outerWrap {
	background: url(/bilder/blackdot.gif) 641px 0 repeat-y; /* Tan hack feeds IE a different 
	BG location, due to a BG placement variation. Position is borderWrap W-right col W-1px right outer border */
	border-right: 148px solid #FFF;
	margin-left: -1px;
}

#innerWrap { /* Contains middle + right col */
	background: transparent;
	/*background-color: red;*/
	margin-left: -1px; /*** This fixes a small overlap problem in IE6. No it doesn't! It creates one ***/
	width: 643px; /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
	border-left: 1px solid #000; /* Right border of left column */
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid  blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
* html #innerWrap {
	width: 100%;
	margin-left: 0px; /*** THIS fixes the overlap problem in IE6. ***/
	/*width: 642px;
	w\idth: 643px;*/
}

#borderAdCol { /* Contains middle col */
	width: 492px;
	/*background: #FFF url(/bilder/blackdot.gif) 492px 0 repeat-y; */ /* Which border? Not needed */
	background: transparent;
	border-right: 1px solid #000; /* Left border of right column */
	height: 100%;
	/*background-color: blue;*/
}
* html #borderAdCol {
	width: 493px;
	w\idth: 492px; 
}

#hdrWrap {
	position: relative;
	background: transparent;
	width: 100%;
	height: 50px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
	border-bottom: 1px solid #000;
	/*clear: both;*/
} 
* html #hdrWrap {
	/*width: 792px;*/
	height: 49px;
	h\eigth: 50px; 
}

#hdrLogo {
	width: 377px;
	height: 22px;
	position: absolute;
	top: 13px;
	left: 10px;
}

#hdrMain {
	width: 350px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 400px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

#hdrMain * {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

#floatWrap { /* Contains middle + left col */
	position: relative;
	float: left;
	width: 642px;
	margin-left: -150px; /*** Same as left column width ***/
	background: transparent;
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, div.left is carried over into the proper position. 
***/
* html #floatWrap {
	margin-left: -150px; /*** Fix for IE ***/
	m\argin-left: -150px;
}

#mainContent {
	background: transparent;
	font-size: 1.00em;
	position: relative;
	float: right;
	min-height: 100%;
	height: 100%;
	/*width: 492px;*/
	width: 464px;
	/*width: 100%;
	min-width: 463px;*/
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 12px 14px 14px 14px;
	/*margin: 0px;*/
	clear: right;
	/*overflow: hidden; DO NOT USE! makes hordivs too narrow*/
}
/*
* html #mainContent {
	width: 492px;
	w\idth: 464px; 
}
*/

* html #mainContent {
	width: 458px;
	w\idth: 464px; 
	margin: 12px 6px 14px 14px;
	m\argin: 12px 14px 14px 14px;
}

#mainContent div {
/*	font-size: 1.00em;
	line-height: 1.40em;*/
}

#mainMenu, #adColumn {
	background: transparent;
	position: relative;
	height: 100%;
	word-wrap: break-word;
	overflow: hidden;
}

#mainMenu {
	width: 150px;
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
} 

#mainMenu input {
	margin: 3px 0 0 0;
}

.mainMenuHdr {
	font-weight: bold;
}

#mainMenu ul {
	/*list-style-type: none;*/
	list-style: square url(/bilder/ul_line2.gif) inside;
	margin: 0px 0 10px 2px;
	padding: 0;
	text-indent: -2px;
}
* html #mainMenu ul {
	list-style: square url(/bilder/ul_line.gif) inside;
	margin: 0px 0 10px -4px;
	text-indent: -4px;
}

#mainMenu li {
	/*list-style-position: inside;*/
	margin: 0 0 0 2px;
	text-indent: 0px;
	padding: 0 0 0 0px;
}

ul.lineList {
	/*list-style-type: none;*/
	list-style: square url(/bilder/ul_line2.gif) inside;
	margin: 0px 0 10px 3px;
	padding: 0;
	text-indent: -2px;
}
* html ul.lineList {
	list-style: square url(/bilder/ul_line.gif) inside;
	margin: 0px 0 10px -3px;
	text-indent: -4px;
}

ul.lineList li {
	/*list-style-position: inside;*/
	margin: 0 0 0 2px;
	text-indent: 0px;
	padding: 0 0 0 0px;
}

#adColumn {
	font-size: 0.98em;
	line-height: 1.35em;
	float: right;
	text-align: right;
	/*padding: 12px 0px 0px 3px;*/
	padding: 0px;
	width: 149px;
	/*width: 146px;*/
	margin: 0 1px 0 0; /*** For the rest. ***/
	/*margin-right: -1px;*/ /*** eg -1px. For the rest. Verkar inte funka ***/
	overflow: hidden;
}
* html #adColumn {
	width: 150px;
	w\idth: 149px; 
	margin-right: -151px; /*** IE gets this margin. ***/
	m\argin-right: 1px;
}

.menuFlag {
	margin-left: 4px;
	vertical-align: baseline;
	text-align: left;
}

#footer {
	background: transparent;
	font-size: 0.8em;
	line-height: 1.3em;
	width: 100%;
	vertical-align: top;
	text-align: center;
	padding: 0px;
	margin: 20px auto 12px auto;
	clear: both;
}

#footer p {
	text-align: center;
}
/** html #footer {
	padding: 0;
}*/

.byline {
	margin: 4px 0 4px 0;
}

#popupWrap {
	position: relative;
	width: 90%;
	text-align: left;
	padding: 0px;
	margin: 20px;
	font-size: 0.80em;
	line-height: 1.20em;
}

#popupContent {
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.formTwoCol, .formRow {
	width: 100%;
/*	display: block;*/
	position: relative;
	margin: 0;
	padding: 6px 0 15px 0;
	clear: both;
}

.formLabel, .formInput {
/*	display: inline;*/
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.formLabel {
/*	text-align: left;*/
	width: 25%;
}

.formInput {
/*	float: right;*/
	text-align: left;
	width: 70%;
}

.bold {
	font-weight: bold;
}

.floatRight {
	/*display: inline;*/
/*	position: relative;*/
	float: right;
	display: block;
	margin: 6px 0 8px 14px;
/*	width: auto;*/
}

.floatLeft {
	/*display: inline;*/
/*	position: relative;*/
	float: left;
	display: block;
	margin: 6px 8px 4px 0;
/*	width: auto;*/
}

.alignCenter {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.ulList, .olNumbers, .olLetters {
	margin: 2px 0 6px 1.1em;
	/*text-indent: -1.1em;*/
	padding: 0px;
}

.ulList {
	list-style-type: square;
}

.olNumbers {
	list-style-type: decimal;
}

.olLetters {
	list-style-type: lower-latin;
}

.ulList li, .olNumbers li, .olLetters li {
	list-style-position: outside;
	margin: 0 0 2px 0;
	padding: 0;
	/*text-indent: -1.1em;*/
}

.olNumbers li, .olLetters li {
	margin: 0 0 2px 5px;
	padding: 0;
}

.pressHdrRow {
	margin: 4px 0 4px 0;
	padding: 4px 0 18px 0;
	text-align: left;
	vertical-align: top;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	font-weight: bold;
	clear: both;
}

.pressWrap li {
	display: -moz-inline-box;-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: top;
	word-wrap: break-word;
	padding: 0 10px 10px 0;
	width: 31%;
}
* html .pressWrap li { display: inline; }
* + html .pressWrap li { display: inline; }
.pressWrap li > * {
	display: table;
	table-layout: fixed;
}

* html .pressCol li { width: 31%; }
.pressCol li > * { width: 31%; }

.pressCol li img {
	padding: 0 0 0px 0;
	margin: 0;
	display: block;
}

.pressCol li p {
	margin: 0;
	padding: 0 0 0px 0;
	display: block;
	width: auto;
}

.colWrap {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	border: 0px solid #ff0;
	clear: both;
}

.colThree1, .colThree2, .colThree3 {
	float: left;
	width: 30%;
	text-align: left;
	vertical-align: top;
}

.colThree1, .colThree2 {
	border-right: 1px dotted #FFB400;
	padding-right: 10px;
	margin-right: 10px;
}

.colTwoOne1Wrap {
	float: left;
	width: 65%;
	/*min-height: 100%;*/
}

.colTwoOne1, .colOneFirstPg {
/*	float: left;
	width: 65%;*/
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 4px 0px;
	padding: 0;
	clear: both;
}

.colTwoOne1 {
	width: 65%;
	padding-right: 12px;
}

.colTwoOne2 {
	float: right;
	width: 30%;
	text-align: left;
	vertical-align: top;
	min-height: 100%;
	margin: 14px 0 14px 0;
	padding: 0px 0 0px 12px;
	border-left: 1px solid #000;
}

.threeColColumn {
	float: left;
	width: 32%;
	margin-right: 1%;
}

.menuHdr {
	width: auto;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #F00;
	color: #FFF;
	padding: 10px 0px;
	margin-bottom: 4px;
}

.menuSection {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: auto;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #000;
	padding: 10px 10px 0 10px;
	margin-bottom: 0px;
	clear: both;
}

.menuSection * {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.hemProdCell {
	width: 167px;
	vertical-align: top;
	text-align: left;
	border: 0px solid;
	border: inset 0;
}

.topCell {
	/*margin-bottom: 20px;*/
}

.sectionDiv {
	margin: 0px -14px 14px -14px;
	padding-bottom: 0px;
	border-bottom: 1px solid #000;
	height: 6px;
}

.hemProd, .hemProd1st, .hemIntro, .hemProdFeat {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	clear: both;
	border: 0;
	vertical-align: top;
	text-align: left;
}

.hemIntro {
	margin-top: 0;
}

.hemIntroTopp {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	clear: both;
}

.hemProdFeat, .hemProd, .hemProd1st {
	/*font-size: 10px;
	line-height: 11pt;*/
}

.hemProd, .hemProdFeat {
	background: url(/bilder/pnktlinje_h.gif) top left repeat-x;
}

.hemProdImg {
	margin: 0 8px 2px 0;
	text-align: left;
	float: left;
	display: inline;
}

.kopKnapp {
	float: right;
	clear: both;
	width: 35px;
	height: 15px;
	padding-bottom: 5px;
}

.hemProdNaked {
	background: none;
}

.marginTop10 {
	margin-top: 10px;
}

.marginBot10 {
	margin-bottom: 10px;
}



/* Annonser */
.adColWrap {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	overflow: hidden;
}

.adColContent {
	padding: 6px;
	margin-right: 3px;
}

.adColWrap h1, .adColWrap h2, .adColWrap h3, .adColWrap h4, .adColWrap h5, .adColWrap h6 {
	margin: 0 0 4px 0;
}

.frameLightGrey {
}

.frameRed {
}

.adSml {
/*	margin: 0 0 10px 0;*/
	margin: 0px;
	padding: 14px;
	border-bottom: 1px solid #000;
}

.adSml a span {
	display: block;
	height: 100%;
	width: 100%;
}

.adSmlContent {
	/*background-color: #FFF;*/
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
* html .adSml {
	font-size: 0.91em;
	letter-spacing: -0.02em;
}

.adSmlContent h3 {
	/*line-height: 1.2em;*/
	margin: 0px;
	padding: 0;
}

.adBigTop {
	background: url(/bilder/pnktlinje_h.gif) top left repeat-x #FFF;
	margin: 10px 0px 0px 0px;
	padding: 10px 0 0px 0;
	text-align: center;
	vertical-align: top;
}

.adBigContent {
	background: url(/bilder/pnktlinje_h.gif) bottom left repeat-x #FFF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0 10px 0;
	width: 100%;
	text-align: center;
	vertical-align: top;
	color: #A32B01;
}

.adBigContent img {
	margin-bottom: 4px;
}

.backRed, .backRed a, .backRed a span, .backRed a h3 {
	background-color: #F00;
	color: #FFF;
}

.bold, .bold a {
	font-weight: bold;
	letter-spacing: -0.01em;
}
* html .bold {
	letter-spacing: -0.02em;
	font-weight: normal;
}
* html .bold a {
	letter-spacing: -0.02em;
	font-weight: normal;
}

.autoWidth {
	width: auto;
}

.sokKnapp {
	width: 40px;
	height: 15px;
}

.sepLineH {
	background-color: #FFF;
	background-image: url(/bilder/pnktlinje_h.gif);
	background-repeat: repeat-x;
	height: 21px;
	margin: 10px 0px 10px 0px;
	background-position: 0px 10px;
}

.sepLineV {
	background-color: #FFF;
	background-image: url(/bilder/pnktlinje_v.gif);
	background-repeat: repeat-y;
	width: 21px;
	margin: 0px 10px 0px 10px;
	background-position: 10px 0px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.middle {
	vertical-align: middle;
}

.floatRight {
	float: right;
}

.floatRight img {
	float: right;
	clear: right
}

.floatLeft {
	float: left;
}

.floatLeft img {
	float: left;
	clear: left
}


/* Shop */
.floatColumn {
	width: 90px;
	margin-right: 5px;
}

.shopCartTotal {
	width: 60px;
	margin-right: 5px;
}

.shopCartDescription {
	width: 150px;
	margin-right: 5px;
}

.shopCartQuantity {
	width: 60px;
	margin-right: 5px;
}

.shopCartUnity {
	width: 60px;
	margin-right: 5px;
}

.shopCartPrice {
	width: 60px;
	margin-right: 5px;
}

.shopCartDelivery {
	width: 50px;
	margin-right: 5px;
}

#rightColMiniCart {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.93em;
	border-bottom: 1px solid #000;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin: 10px 0px 0px 0px;
	padding: 0 0 0 0px;
}

#rightColMiniCart p {
	padding: 0 8px 6px 8px;
}

img.miniCartIcon {
	width: 12px;
	height: 11px;
	float: right;
	position: relative;
	padding: 0px;
	margin: 0px 4px 3px 3px;
}

.shopContent {
	width: 100%;
	display: block;
	clear: both;
	margin-bottom: 12px;
}

.shopContentRow {
	margin-bottom: 6px;
	display: block;
	clear: both;
}

.shopThreeColRow {
	width: 100%;
}

.shopThreeCol, .shopThreeCol1, .shopThreeCol2, .shopThreeCol3 {
	float: left;
	position: relative;
	text-align: left;
}

.shopThreeCol {
	width: 31%;
	margin-right: 20px;
}

.shopThreeCol1 {
	width: 25%;
	margin-right: 20px;
}

.shopThreeCol2 {
	width: 45%;
	/*padding-right: 20px;
	margin-right: 20px;
	border-right: 1px dotted #FFB400;*/
}

.shopThreeCol3 {
	width: 25%;
}

.shopCatRow, .cartRow {
	margin: 0 0 12px 0;
	padding: 0;
	/*margin: 8px 0 20px 0;
	padding: 8px 0 20px 0;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	background-color: #F00;*/
	list-style-type: none;
	display: block;
	clear: both;
}

.shopCatCol, .shopCatColNarrow, .shopCatColWide, .shopSearchColWide, .cartCol, .cartColWide, .cartColNarrow {
	list-style-type: none;
	list-style-position: inside;
	float: left;
	/*position: relative;*/
	width: 18%;
	padding: 8px 15px 8px 0;
}

.shopCatColNarrow {
	width: 13%;
}

.shopCatColWide {
	width: 56%;
}

.shopSearchColWide {
	width: 74%;
}

.shopFloatLeft, .catListLeft {
	/*display: inline;*/
	position: relative;
	float: left;
	text-align: left;
	/*padding: 0px 4px 0 0;*/
	width: 35%;
}

.shopFloatRight, .catListRight {
	/*display: inline;*/
	position: relative;
	float: right;
	text-align: left;
	padding: 0px;
	width: 60%;
}

.cartCol {
	width: 20%;
}

.cartColNarrow {
	width: 10%;
}

.cartColWide {
	width: 40%;
}

.cartImage {
	width: 30%;
	display: inline;
	float: left;
	padding-right: 6px;
}

.catListLeft {
	width: 20%;
}

.catListRight {
	width: 75%;
}

.catListLeft img {
	width: 100%;
}

.small {
	font-size: 0.90em;
}

.tableFormat {
	padding: 0 2px 2px 2px;
}

.textWrap {
	white-space: pre-line;
}

.backGrayDark {
	background-color: #AAA;
}

.backGrayMedium {
	background-color: #CCC;
}

.backGrayLight {
	background-color: #EEE;
}

.reportHeaderRow {
	background-color: #DDD;
	margin-bottom: 2px;
}

.reportHeaderRow td {
	padding: 0 2px 4px 2px;
}

.reportDetailRow {
	border-bottom: 1px solid #CCC;
	margin-bottom: 2px;
}

.reportDetailRow td {
	padding: 0 2px 4px 2px;
}

.hdrMainText {
	background-color: #e0e0e0;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
}

.breadCrumb {
	font-size: 0.8em;
	margin-bottom: 6px;
}

.productSection {
	margin-bottom: 12px;
}

.error {
	font-weight: bold;
	color: #F00;
}

.padRight {
	margin-right: 10px;
}

.print {
	width: 100%;
}

.print .shopContent, .print .shopContentRow {
	width: auto;
}

.print .floatLeft {
	min-width: 20%;
}

.framedGray {
	border: 1px dotted #AAA;
	background-color: #EEE;
	padding: 4px;
	margin-bottom: 10px;
	clear: both;
}

/* Bloggar */
.blogEntryCell {
	text-align: left;
	padding: 0px;
	margin: 0px;
	/*display: block;
	margin-bottom: 8px;
	padding: 0px 0 8px 0;
	border-bottom: 1px dotted #FFB400;*/
	clear: both;
}

/*.blogEntryCell img {
	float: left;
	padding: 2px 12px 6px 0;
	clear: left;
}*/

.blogEntryTxt {
	margin: 0 0 6px 0;
	padding: 0px;
	text-align: left;
	clear: both;
	width: 100%;
}

/*.blogEntryTxt img {
	float: left;
	padding: 2px 12px 6px 0;
	clear: left;
}*/

.blogEntryPostInfo {
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
	text-align: left;
}

.blogEntryAdmin {
	float: right;
	text-align: left;
}

.clear, .dotLineHor {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0.5px;
	margin: 0;
	padding: 0;
	margin-bottom: -1px; /* for Gecko-based browsers */
	overflow: hidden;
	padding-bottom: 1px; /* for Gecko-based browsers */
}

.clear:after, dotLineHor:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0px; 
	visibility: hidden;
}

.clear {display: inline-table;}

/* Hides from IE-mac \*/
* html .clear {height: 1px;}
.clear {display: block;}
/* End hide from IE-mac */

.dotLineHor {
	border-bottom: 1px dotted #666;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.active {
	font-weight: bold;
}

.note {
	color: #F00;
}

.rod {
	color: #F00;
}

.vitt {
	color: #FFF;
}

.svart {
	color: #000;
}

/*.inledning {
	font-size: 13px;
	line-height: 14pt;
}

.topplista {
	font-size: 10px;
	color: #000000;
}

a.topplista:link, a.topplista:visited {
	color: #621B1B;
	text-decoration: none
}

a.topplista:active, a.topplista:hover {
	color: #FC5D06;
	text-decoration: underline
}*/

.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.annonsMed {
	/*font-size: 1.25em;
	line-height: 1.20em;*/
}

#blogMainWrap {
	position: relative;
	background-color: transparent;
	color: inherit;
	padding: 0;
	width: 464px;
	text-align: center;
	margin: 0px;
	border: 0px solid red;
	height: 100%;
	min-height: 100%;
	clear: both;
	margin-bottom: 12px;
}

#blogMainWrap div, #blogMainWrap p {
	font-size: 1.00em;
	line-height: 1.30em;
}

#blogContentWrap {
	position: relative;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	color: inherit;
	width: 100%;
	text-align: center;
	border: 0px solid teal;
	height: 100%;
	min-height: 100%;
	clear: both;
}

#blogContent {
	position: relative;
	float: left;
	text-align: left;
	background: transparent;
	color: inherit;
	width: 73%;
	border: 0px solid gray;
	height: 100%;
	min-height: 100%;
	clear: both;
}

#blogContent ol {
	/*margin-left: -1.0em;
	text-indent: 1.0em;*/
}

#blogContent ol li {
	list-style-position: inside;
}

#blogSideNavWrap {
	position: relative;
	float: right;
	/*position: absolute;
	top: 0;
	right: 0;*/
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 22%;
	border: 0px solid blue;
	background: transparent;
	clear: right;
}

#blogSideNavWrap ul {
	list-style-type: none;
}

.blogHeadWrap {
/*FOR COLORED HDRS*/
/*	position: relative;
	height: 40px;
	float: none;
	display: block;
	clear: both;*/
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	width: 100%;
/*	margin: -20px -20px 0 -20px;
	border: 0px solid blue;*/
	background: transparent;
}

/*.blogHeadTitle {
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 1em;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 0px 0;
	text-align: left;
	vertical-align: top;
	border: 0px solid #000;
	display: block;
	border-bottom: 1px dotted #999;
}*/

.blogHeadName {
/*FOR COLORED HDRS*/
/*	position: absolute;
	top: -11px;
	left: -14px;
	height: 20px;
	padding: 4px 10px 4px 15px;
	background-color: #DFDFDF;
	border-bottom: 1px dotted #999;
	display: block;
	width: 494px;
	overflow: visible;
	
*/
	/*margin: -20px 0px 6px -20px;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: bold;
	margin: 0 0 6px 0;
	/*padding: 0px;*/
	vertical-align: middle;
}

.blogHeadNav {
/*FOR COLORED HDRS*/
/*	position: absolute;
	top: 14px;
	left: -14px;
	height: 15px;
	margin: 0px 0 10px 0;
	padding: 0px;
	padding: 4px 10px 4px 15px;
	background-color: #ECECEC;
	border-bottom: 1px dotted #999;
	display: block;
	width: 494px;
	overflow: visible;
*/
	/*margin: -20px;*/
	/*background-color: #ebedf0;*/
	text-align: left;
	font-size: 1.0em; 
	line-height: 1.0em;
	margin: 0px 0px 6px 0px;
	vertical-align: middle;
}

.blogHeadNav ul {
	list-style-type: none;
	list-style-position: inside;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: 0px solid #f00;
}

.blogHeadNav li {
	display: inline;
	margin: 0 20px 0 0;
	border: 0px solid #00f;
}

/*.blogHeadName {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	margin: 0 0 6px 0;
}*/
.blogHeadName {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	margin: 0 0 6px 0;
	/*background-color: #fef4d2;*/
	display: block;
	border: 0px solid red;
	width: 100%;
}

#blogSideNav p, #blogSideNav ul {
	margin: 2px 0px 12px 0px;
	padding: 0px;
}

#blogSideNav div {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

#blogSideNav li {
	list-style-type: none;
	margin: 0 0 2px 0;
	padding: 0px;
}

#blogSideNav input {
	margin: 0 0 2px 0;
	padding: 0px;
}

#blogPopupContent {
	width: 90%;
	text-align: left;
	margin: 12px;
	border: 0px solid red;
	font-size: 0.75em;
	line-height: 1.15em;
}

.blogEntryCell {
	text-align: left;
/*	padding: 5px 10px 0 10px; For COLoRED BLOG HDRS*/
	padding: 0px;
	margin: 0 0 26px 0;
	background: transparent;
}

.entryImage { /* Blog images */
	position: relative;
/*	width: 158px;*/
	margin: 5px 8px 5px 0;
	padding: 0px;
	float: left;
	clear: left;
}

.imgCenter { /* Blog images align center */
	float: none;
	display: block;
	margin: 5px auto 5px auto;
}

.imgRight { /* Blog images align right */
	margin: 5px 0 5px 8px;
	float: right;
	clear: right;
}

.btnImage {
	background: #F0F0EC;
	border: 1px solid #DEDEDE;
	cursor: pointer;
}

.btnImageRaised, img.btnImage:hover {
	background: #F2F2F2;
	border: 1px outset;
	cursor: pointer;
}

.btnImageLowered, img.btnImage:active {
	background: #CCCCCC;
	border: 1px inset;
	cursor: pointer;
}

.btnVertSep {
	margin: 0 2px 0 2px;
}

.btnBack {
	background: #FFF;
	border: 1px outset;
	letter-spacing: 0;
	padding: 1px;
}

.btnBack div, .btnBack div {
	background: #FFF;
	padding: 0;
}

.btnDiv {
	display: block;
	position: relative;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	background-color: #EEE;
	/*border-width: 1px;
	border: 1px solid #999;*/
	border-top: 1px solid #000;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #000;
	padding: 2px;
	font-size: 0.95em;
	color: #000;
	font-weight: normal;
}

textarea {
	font-size: 1.15em;
}

input:focus, textarea:focus {
	background-color: #DCDCDC;
}

input.formKnapp {
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	padding: 2px;
	background-color: #FFF;
	font-size: 0.9em;
	color: #000;
}

/*textarea {
	font-size: 1.2em;
	width: 100%;
}*/

.textArea {
	width: 450px;
}

/*.form {
	background-color:#be8432;
	border: 1px solid #000;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	font-size: 10px;
	color: #FFF;
}

.formInput {
	background-color:#FFF;
	border: 1px solid #000;
	padding: 2px;
	font-size: 0.9em;
	color: #000;
}

.formKnapp {
	background-color:#FFF;
	border: 1px solid #000;
	font-size: 0.8em;
	color: #000;
}

.formcheck {
	background-color:#BE8432;
	font-size: 10px;
	color: #FFF;
}*/

.searchField {
	width: 90%;
}

.checkbox {
	margin: 0;
	padding: 0;
}

.colDivHor {
/*	margin: 0px 0px 0px 0px; FOR COLORED HDRS*/
	margin: 0px -15px 10px -14px;
	padding: 0;
	border-bottom: 1px solid #000;
	clear: both;
}

#loginForm {
	width: auto;
	float: left;
	display: block;
}