html, body, ol, ul, li, dl, dt, dd, img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

body {
	padding: 0 340px;
	/* the critical side padding that sets the natural min-width! */ 
	background: #7d8e8f;
	/* this BG tiles the area outside the columns */
	color: #000;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 100.01%;
	/* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
	text-align: center;
	/* centers the #sizer element in IE5.x/win */
}

#sizer {
	margin: 0 auto;
	/* centers #sizer in standard browsers */
  padding: 0;
	width: 60%;
	/* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left;
	/* resets the default text alignment for the page */
	max-width: 120px;
}

#expander {
	/* Any % height here causes IE to lose the neg right margin */
	margin: 0 -335px;
	/* neg side margin values should be < or = to side body padding */
	position: relative;background: #ff0;
	/* makes #expander visible outside #sizer in IEwin */
}

/*\*/
* html #expander {
	height: 0;
}

/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


#wrapper1 {
	position: relative;
	background: #fff;
	/* this BG tiles the left column */
  font-size: .8em;
	/* set global font-size here */ 
  border: 3px solid #990;
	border-width: 4px 3px;
}

/* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {
	position: relative;
	/* extra insurance against bugs in IEwin */
	background: url(img/wrap2.jpg) 0 0 repeat-y;
	/* this BG tiles the right column */
}

/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
	/* this BG tiles the center column */
  border-left: 2px solid #da5;
	/*** Critical left divider dimension value ***/
  /*border-right: 2px solid #da5;*/
	/*** Critical right divider dimension value ***/
  margin-left: 200px;
	/*** Critical left col width value ***/
  margin-right: 0;
	/*** Critical right col width value ***/
}
.breadcrumb
{
	width: 100%;
	background-color: #CCC;
}
.float-wrap {
	float: left;
	width: 100%;
}

.center {
	float: right;
	width: 100%;
}

.left {
	float: left;
	position: relative;
	/* Needed for IE/win */
  width: 200px;
	/*** Critical left col width value ***/
  margin-left: -202px;
	/*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

.right {
	float: right;
	position: relative;
	/* Needed for IE/win */
  width: 200px;
	/*** Critical right col width value ***/
  margin-right: -202px;
	/*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 2px;
	/*** Critical right divider dimension value ***/
}

.centerbox {
	text-align: justify;
	overflow: visible;
	width: 100%;
}

.container-left {
	color: #222;
}

.container-right {
	color: #ccc;
	padding-bottom: 80px;
}

/* makes room for the froggy */


/*************** Header and Footer elements *****************/

.header {
	width: 100%;
	color: #b33;
	padding: 5px 0;
	background: #990 url(img/ting_gastabud.jpg) no-repeat 10px 5px;
}

/* "jello" BG is made to be in fixed position here */

/*\*/
* html .header {
	background-position: 10px 3px;
}

/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.header span {
	color: #373;
}

p#stickylinks{float: right;}

#stickylinks a{font: normal 0.8em/1.1em Helvetica, sans-serif; color: white; display: block; margin: 0; padding: 0}
#stickylinks a:hover{margin: 0; padding: 0;}

.footer {
	width: 100%;
	font-size: .7em;
	clear: both;
	padding: 5px 0;
	position: relative;
	background: #996;
}

.footer p
{
	margin: 10px 0 0 20px;
	color: #222;
}

.froggy {
	position: absolute;
	top: -65px;
	right: -10px;
}

/************** Spacing Controls for various column contents ***************/

.outer ul {
	text-align: left;
	margin: 2px 0 5px 5px;
}

.textpadder {
	padding: 8px;
}
.centerbox{background: #fff;}
/************** Generic Rules *************/

p {
	margin: .8em 0;
}

h1 {
	margin: 70px 0 10px 160px;
}

h2 {
	font-size: 1.5em;
	text-align: center;
	padding: 5px 0;
	margin: 0;
	color: #500;
	font-family: 'century gothic', verdana, helvetica, arial, sans-serif;
}

h3 {
	margin: 1em 0 0 0;
	font-variant: small-caps;
}

.alignright {
	margin: 0 10px 10px 0;
	text-align: right;
}

.small {
	font-size: .88em;
	margin: 0;
}
.right
{
	text-align: right;
	padding: 0 0 5px 0;
	clear:both;
}
.sten{
	/*border-top: 1px dotted #080;margin:5px 0;*/
	
	background: url("img/dotted_green.gif") repeat-x;
	padding: 1px 0;
}
div.sten:first-child{
	background: none;
}
.imgfloatr{
	float: right; padding: 5px 1em 0;
}
.runsten{
border: 1px solid #000;
}
div.runsten span{
}
.backtotop{
position: relative;
left: -10em;
}

code.se
{
	font: normal 1.2em/1.05em  Papyrus, Herculanum, " Colonna MT", fantasy;
	color: #222;
	
}
p.se
{
	color: #222;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
}
.highlight { color: #f30; }
/************** Generella länkar *************/

:link, :visited
{
	color: #630;
	text-decoration: none;
	border-bottom: dotted #808000 1px;
}

:link:focus, :visited:focus {
	color: #808000;
}

:link {
}

:visited {
}

:link:hover, :visited:hover {
	color: #800000;
	text-decoration: none;
	border-bottom-style: none;
}

:link:active, :visited:active {
	color: #ff8000;
	text-decoration: none;
}

:visited:hover {
	color: #800000;
	border-bottom: dotted #080 1px;
}

li.r a:link{
	color: #804000;
	text-decoration: none;
	border-bottom: none;
}
li.r a:visited{
	text-decoration: none;
	border-bottom: none;
}
li.r a:visited{color: #804000;}
li.r a:hover{
	color: #800000;
	text-decoration: none;
	}
	
	
	
.backtotop a{
	border-bottom: none;
}
.landscapeclicker a:link, a:visited{
	border-bottom: none;
	color: #080;
}
.landscapeclicker :link:hover, :visited:hover
{
	border-bottom: none;
	text-decoration: none;
	color: olive;
}
/*****    landscapeclicker är för att lura js länkar till att likna vanliga a element **********/
.landscapeclicker{
	color: #080;
	cursor: pointer;
	margin: 0 0 2px;
	padding:0;
	border-bottom: none;
}
.landscapeclicker_active{
	color: #060;
	font-size: 1.2em;
	letter-spacing: 0.2em;
	font-variant: small-caps;
	margin: 0 0 2px;
	padding:0;
}
.no-style a:link { text-decoration: none; color: #b33;border-bottom-style: none;}
.no-style a:visited { text-decoration: none; color: #b33;border-bottom-style: none;}
h1.no-style a:hover
{
	background-color: #660;
	color: #990;
}
.no-style a:active{color: #ccc;}

img a{border: 0; text-decoration: none;}

/************* for guestbook **************/

.entry
{
	border: 1px solid #222;
	font-weight: bold;
}
.entry span
{
	font-weight: lighter;
	font-style: italic;
}
.gbDate
{
	padding: 0.1em;
	background-color: #C90;
}

span.comnt
{
	font-family: Verdana, 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.gbReply{
	color: #333;
	}
.gbAdmin
{
	color: #333;
	background-color: #FFC;
	color: #630;
	margin: 0.5em 0 0;
}
/************** Special Fixes *************/
/*
.outer
{
	word-wrap: break-word;
}
*/
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {
	max-width: 100%;
}

/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a {
	height: 1%;
}

/* Holly hack */


/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {
	margin-right: -6px;
}

/* */


/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {
	position: relative;
}

/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear {
	/* Use a break with this class to clear float containers */
  clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

.clicker {
	display: block;
	text-align: center;
	padding: 3px;
	background: #833;
	cursor: pointer;
}

.hide {
	display: none;
}