/* CSS-koden är anpassad från en guide på sidan http://glish.com/css/   */

body {
	color:black;
	background-image: url(/images/red_stucco.jpg);
	background-color:#904545;
/*	margin:20px;      						TAGIT BORT TILLFÄLLIGT FÖR FOOTERTEST	*/
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#904545;  /*color:#ccaa88; funkade inte att def underklass som för länken*/
	}
h2 {
	font:bold 14px/14px verdana, arial, helvetica, sans-serif;
	margin:20px 0px 10px 0px;
	padding:0px;
	color:#904545;   /*color:#bc9a78; sänkt ett snäpp för mindre text ser blekare ut än stor som i H1*/
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#904545;}
a:visited {color:#904545;}
a:hover {background-color:white;}

a.meny:link {margin-bottom:5px;}
a.meny:visited {margin-bottom:5px;}
a.meny:hover {margin-bottom:5px;}

a.beige:link {color:#ccaa88}		/*Används i footern*/
a.beige:visited {color:#ccaa88;}
a.beige:hover {color:#fffaea;background-color:transparent;}

a.topp:link {
	font-size:34px;
	font-weight:900;
	color:#ccaa88;
	text-align:center;
	}
a.topp:visited {
	font-size:34px;
	font-weight:900;
	color:#ccaa88;
	text-align:center;
	}
a.topp:hover {
	font-size:38px;
	font-weight:900;
	color:#ccaa88;
	text-align:center;
	background-color:transparent;
	}

/* --- Ett försök att fixa footern enligt exempel på  http://steve.pugh.net/test/test57.html   ---*/

html, body, #holder { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #holder { height: auto;}
body { margin: 0; padding:0; }
#holder { position: absolute; top: 0; left: 0;}

/* ---  SLUT FÖRSÖK FIXA FOOTER, MEN SE KOMMENTARER OM ANDRA TILLÄGG --- */


#top {
	text-align:center;
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	padding-top:30px;        /*PROVA ATT ÄNDRA TILL MARGIN*/
	z-index:2;
	}




/* All the content boxes belong to the content class. */

#content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
/*	min-width:200px;*/   /*texten i content blir smal ändå, kanske pga z-index*/
	height: auto; 				/*TILLÄGG FÖR FOOTERTEST*/
	margin:100px 200px 30px 200px;

overflow:hidden; /*ändrat från auto*/

	border: solid 4px;
	border-color:#ccaa88;
	background-color:#fffaea;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

#navLeft {
	position:absolute;
	width:164px;  /* IE5 felaktigt definierat som YTTRE måttet för rutan = 130+20+20+2+2 */
	top:100px;	  /* Hack förklaras på http://www.ericmeyeroncss.com/bonus/trick-hide.html */
	left:20px;
	border: solid 2px;
	border-color:#ccaa88;
	background-color:#fffaea;
	padding:20px;
	z-index:2;

	voice-family: "\"}\"";   /*IE5 och tidigare slutar läsa här*/
	voice-family:inherit;
	width:120px;             /*IE6 och nyare läser in måttet här*/
	}

body>#navLeft {width:120px;} /* Opera def bredden rätt, men slutar också läsa på samma ställe som IE5 */


#navRight {
	position:absolute;
	width:164px;
	top:100px;
	right:20px;
	border: solid 2px;
	border-color:#ccaa88;
	background-color:#fffaea;
	padding:10px;
	z-index:1;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	}

body>#navRight {width:140px;}

#navcontainer ul
{
	position:relative;
/*	left:5px;*/
	top:10px;
/*	width:150px;*/
/*	height:100%;*/
	margin: 0;
	padding: 0;

	list-style-type: none;
	z-index:2;
}

#navcontainer li { margin: 7px 0; z-index:2;}

#bannerRight {
	position:absolute;
	width:154px;
	top:400px;
	right:20px;
	border: solid 2px;
	border-color:#ccaa88;
	background-color:#fffaea;
	padding:10px;
	z-index:5;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:130px;			
	}

body>#bannerRight {width:130px;}

ul.bilder{
	position:relative;
	list-style-type:none;
	left:10px;
	margin:10px;
	padding:0px;
}
li.bilder {
	left:0px;
	padding:10px;
/*	border: 2px solid #000;*/
  }


#footer {
	position:absolute;
	width:100%;
	left:0px;
	bottom:5px;
	z-index:0;	
	background-color:transparent;
	color:#ccaa88;
	}