body {padding: 2em;	margin: 0; font: 0.7em Verdana, sans-serif; background: url(ylva-bg.jpg) no-repeat fixed;}
h1 {margin: 0 0 5px 0; font-size: 2.5em; color: #647251; letter-spacing: 0.3em;}
h3 {margin: 10px 0 5px 0; font-size: 1.5em; font-weight: normal; letter-spacing: 0.1em;}
h4 {margin: 5px 0; padding:2px 0; font-size: 1.1em; color: #647251; background: #ddf497;}
p {margin: 0 0 5px 0;}
a{text-decoration: none;}
a:link{color: #000000;}
a:visited{ color: #333333;}
a:hover{text-decoration: underline;}

/* sidlayout */
#layout {width: 700px; margin-left: 50px;}
#sidhuvud {
	padding: 11px;
	margin: 0;
	background-image: url(ylva2.gif);
	background-repeat: no-repeat;
	background-position: right ;
}
#kolumncontainer{float: left; border-right: 1px solid #666666; border-top: 1px solid #666666; border-left: 1px solid #666666;}
#kolumn1 {float: left; width: 200px; }

#opacitybox{float: left; margin: 0; padding: 6px; background: #ddf497; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em;}

#textruta{float: left; height: 800px; margin: 0; padding: 10px; background: #ffffff; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em;}

#kolumn2 {float: left; width: 478px; padding: 10px; background: #ffffff; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em;}
#sidfot {clear: both; padding: 10px; background: #a1ba67;}

/* Sidhuvud och sidfot (hf) runda horn */
.rundhf {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #a1ba67;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #a1ba67;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #a1ba67;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #a1ba67;}

/* meny */
#menycontainer{float: left; margin: 1em 0 0 1em; padding: 0; }
#meny{margin: 0; padding: 0; list-style-type: none;	font-size: 1.2em;}
#meny a{width: 10em; text-decoration: none;	display: block;	padding: 0.3em 1em;	margin-bottom: 0.8em;	border-bottom: 1px dotted #ddf497; border-left: 1px none;}
#meny a:link{font-weight: bold; color: #2d371e;}
#meny a:visited{color: #2d371e;}
#meny a:hover{background: #c9e76d; opacity: 0.8; filter: alpha(opacity=80);}
#meny a#current{ border-right: 10px solid #ddf497;}

#marqueecontainer{
position: relative;
width: 180px; /*marquee width */
height: 260px; /*marquee height */
background: #ffffff; opacity: 0.8; filter: alpha(opacity=80);
overflow: hidden;
border: 1px solid grey;
padding: 2px;
padding-left: 4px;
}
#pscroller{
width: 180px;
height: 190px;
border: 1px solid grey;
padding: 2px;
background: #ffffff; opacity: 0.8; filter: alpha(opacity=80);
}
/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}