body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #131518;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1010px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#EAEAEA;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-left:0;
	padding-right:0;
} 

.container33 { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1010px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #2e2e2e;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-left:0;
	padding-right:0;
} 

.containergreen { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1010px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: green;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-left:0;
	padding-right:0;
} 

.nio { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration: none;
	border-right:thin #2D2D2D dotted;
	border-left:thin #2D2D2D dotted;
	border-bottom: thin #2D2D2D dotted;
	border-top: thin #2D2D2D dotted;
	border-color:#FF8000;
	}
	
.middlecolumn { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border-right:thin #ff4500 dotted;
	border-left:thin #ff4500 dotted;
	border-bottom: thin dotted #ff4500;
	border-top: thin #ff4500 dotted;
	border-color:#ff4500;
	}

.middlecolumn33 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border-right:thin #ff4500 dotted;
	border-left:thin #ff4500 dotted;
	border-bottom: thin dotted #ff4500;
	border-top: thin #ff4500 dotted;
	border-color:#ff4500;
	background-color: #999bb0;
	}

.litenortext { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #b76500;
	}

	
.bildtxt { /* Kursiv liten bildtext */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic	
	}

.normalnews { /* Normaltext nyheter*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	}

.normalarticle { /* Normaltext artikel*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.ingressnews { /* Normaltext nyhetsingress*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	}

.arthead2 { /* artieklrubriker eller utbryt*/
	font:Helvetica, sans-serif, Verdana, Arial, ;
	font-size:16px;
	font-weight: bold;
	color: orange;
	font-style: italic;
	text-decoration: none;
	background: #4b5961 center;
	}

.bloggomEmma { /* Bloggtext OM bloggare emma*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border-right:thin #ff4500 dotted;
	border-left:thin #ff4500 dotted;
	border-bottom: thin dotted #ff4500;
	border-top: thin #ff4500 dotted;
	border-color:#ff4500;
	background-color: #ffe1ff;
	}

.bloggomMarica { /* Bloggtext OM bloggare Marica*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border-right:thin #ff4500 dotted;
	border-left:thin #ff4500 dotted;
	border-bottom: thin dotted #ff4500;
	border-top: thin #ff4500 dotted;
	border-color:#ff4500;
	background-color: #f5f5f5;
	}
	
.bloggrubrik { /* bloggrubrik i mitten*/
	font:Helvetica, sans-serif, Verdana, Arial, ;
	font-size:12px;
	font-weight: bold;
	color: orange;
	font-style: italic;
	text-decoration: none;
	}
	
.bloggbrodtext { /* bloggtext i mitten*/
	font:Helvetica, sans-serif, Verdana, Arial, ;
	font-size:10px;
	text-decoration: none;
	}

.normal { /* Normaltext */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: black;
	}

.normalvit { /* Normaltext */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;	
	}

a.ingresslink { /* svartlänk */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:black;
	text-decoration: none;
	}

	
.bluelink a.link { 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0000cd;
	text-decoration: none;
	}
.bluelink a.visited { 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0000cd;
	text-decoration: none;
	}
.bluelink a.active { 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0000cd;
	text-decoration: none;
	}
.bluelink a.hover { 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: blue;
	text-decoration: none;
	}

.smallbold { /* fetsvart */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: black;
	font-weight: bold;
	}
	
.hett { /* svart rubrik 1*/
	font: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #393939;
	text-decoration: none;
	}

.hett2 { /* svart rubrik 2*/
	font: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size:24px;
	color: #393939;
 	text-decoration: none;
	}

a.hett { /* svartlänk rubrik 1*/
	font: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #393939;
	text-decoration: none;
	}
	


a.hett2 { /* svartlänk rubrik 2*/
	font: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size:24px;
	color: #393939;
 	text-decoration: none;
	}

a.bildindex { /* svartlänk Bildtindex */
	font: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size:10px;
	color: #708090;
 	text-decoration: none;
	}

a.artlank { /* länk till artiklar */
	font: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size:12px;
	color: #2b206c;
 	text-decoration: none;
	}

a.blalank { /* länk till artiklar */
	font: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #0000cd;
 	text-decoration: none;
	}

a.svartlank { /* svartlänk Bildtindex */
	font: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size:10px;
	color: black;
 	text-decoration: none;
	}
	
a.mini { /* svartlänk liten text*/
	font:Helvetica,sans-serif,Verdana, Arial;
	font-size:10px;
	color: #141414;
	text-decoration: none;
	}
	
#bluel a:active {color: #0000cd; text-decoration: none; }
#bluel a:visited {color: #0000cd; text-decoration: none; }
#bluel a:hover {color: #b22222; text-decoration: underline; }

a:visited { text-decoration: none; color: #141414; }
a:active { text-decoration: none; color: #141414; }
a:hover { text-decoration: underline;  color: #141414;  }
	
.meny {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:10px;
	text-decoration:none;
	color:#FEFEFE;
	background-color:#ff9933;
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.tdorlogo { /* Orange bakgrund logo */
	background-color:#ff9933;
	background-repeat:no-repeat;
	height:120px
}

.kat {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: Orange;
	text-decoration: none;
	padding: 5px;
	background-color: #647481;
	border-color:#FF8000;
	border:thin outset;
}

.katgreen {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	background-color: #33cc00;
	border:thin outset;
}

.polred {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	background-color: #ff0000;
	border:thin outset;
}

.kat14 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	background-color: #647481;
	border-color:#FF8000;
	border:thin outset;
}

.textann {
	font-family: Arial, Helvetica,Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	background-color: #ffffff;
	border-color:#cccccc;
	border:thin dotted;
}
.textanndemo {
	font-family: Arial, Helvetica,Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	background-color: yellow;
	border-color:#cccccc;
	border:thin dotted;
}

.annkat {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	background-color: #647481;
	border-color:#FF8000;
	border:thin outset;
}

.litenvit { /* Läsarbilder vittext */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fbfbfb;
	border-right:thin #2D2D2D dotted;
	border-left:thin #2D2D2D dotted;
	border-bottom: thin #2D2D2D dotted;
	border-top: thin #2D2D2D dotted;
	border-color: #708090;
	}

.litensvart { /* Läsarbilder vittext */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	border-right:thin #2D2D2D dotted;
	border-left:thin #2D2D2D dotted;
	border-bottom: thin #2D2D2D dotted;
	border-top: thin #2D2D2D dotted;
	border-color: #708090;
	}

.smalltext { /*  */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;
	}

.smalltextitalic { /*  */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;
	font-style: italic;
	}

.boldteal { /*  */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #6b7d8e;
	font-weight: bold;
	}

.header14 { /* Läsarbilder vittext */
	font:Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #333333;
	}

.header14red { /* rödflash */
	font:Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #b22222;
	}

.header14splash { /* flash */
	font:Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: navy;
	}

.header16 { /* Läsarbilder vittext */
	font:Helvetica, Verdana, Arial, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #333333;
	}
.bildindexmeny { /* Bakgrund Läsarbilder indexsidan */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right:thin dashed #2D2D2D;
	border-left:thin dashed #2D2D2D;
	border-bottom: thin dashed #2D2D2D;
	border-top: thin dashed #2D2D2D;
	border-color:#FF8000;

	}

.bildindexd { /* Bakgrund Läsarbilder indexsidan */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #708090;
	border-right:thin #2D2D2D dotted;
	border-left:thin #2D2D2D dotted;
	border-bottom: thin #2D2D2D dotted;
	border-top: thin #2D2D2D dotted;
	border-color:#FF8000;
	}

.bildindex { /* Bakgrund Läsarbilder indexsidan */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #708090;
	}
	
.fotonr { /* Bakgrund Läsarbilder indexsidan */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fffafa;
	background-color: #e8ebed;
	padding: 1%;
	}

.commentsE { /* Bakgrund Läsarbilder indexsidan */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: black;
	background-color: #f8f8f8;
	border: thin dotted;
	border-color: #929292;
	padding: 1%;
	}

.commentsO { /* Bakgrund Läsarbilder indexsidan */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: black;
	background-color: #e5eaeb;
	border: thin dotted;
	border-color: #929292;
	padding: 1%;
	}
.litensvartordot { /* Läsarbilder vittext orange dotted */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right:thin #2D2D2D dotted;
	border-left:thin #2D2D2D dotted;
	border-bottom: thin #2D2D2D dotted;
	border-top: thin #2D2D2D dotted;
	border-color:#FF8000;
	}

.guidesmallB { /* Bakgrund Läsarbilder indexsidan */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right:thin dashed #2D2D2D;
	border-left:thin dashed #2D2D2D;
	border-bottom: thin dashed #2D2D2D;
	border-top: thin dashed #2D2D2D;
	border-color:#FF8000;
	}

.arthead {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #5c5c5c;
	text-decoration: none;
	padding: 1px;
	background-color: #ff9933;
}
	
	.BlogFrontMiddle { /* Middlecolumn Blog */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: black;
	background-color: #eeeeee;
	border: thin dashed;
	border-color: #929292;
	text-align: left;
	margin: 2px;
	padding: 2px;
	text-decoration: none;
	}

.SplashFrontMiddle { /* Middlecolumn Spalsh */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: black;
	background-color: #ff8c00;
	border: thin dashed;
	border-color: #5f5f5f;
	text-align: left;
	margin: 2px;
	padding: 2px;
	text-decoration: none;
	}

.WhiteFrontMiddle { /* Middlecolumn Spalsh */
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: black;
	background-color: #f9f9f9;
	border: thin dashed;
	border-color: #ff4500;
	text-align: left;
	margin: 2px;
	padding: 2px;
	text-decoration: none;
	}