/* CSS Document */

body {padding: 2em;	margin: 0; font: 0.7em Verdana, sans-serif; background: url(images/momijis_clever_clogs_bg.png) no-repeat fixed;}
h1 {
	margin: 0 0 1em 0;
	font-size: 2em;
	color: #3399FF;
	font: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
}
h2 {
	margin: 0 0 1em 0;
	font-size: 1.5em;
	color: #FF0099;
	font:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	white-space: normal;
	border-bottom-style: groove;
	border-bottom-color: #00CCFF;
}
h3 {
	margin: 10px 10px 5px 0;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.1em;
	
}
h4 {
	margin: 5px 0;
	font-size: 1em;
	color: #647251;
	
}
p {margin: 0 0 5px 0;}
a{border-bottom: 1px dotted #DB2929; text-decoration: none;}
a:link{color: #5E2605;}
a:visited{ color: #5E2605;}
a:hover{text-decoration: underline;}

/* sidlayout */
#layout {width: 400px; margin-right: auto; margin-left: 10 px;}
#sidhuvud {padding: 10px; margin: 0;}
#kolumncontainer{float: right; border-right: none; border-left: none;}
#kolumn1 {float: left; width: 395px;}
#opacitybox{float: left; margin: 0; padding: 5px; background: #ffffff; opacity: 0.5; filter: alpha(opacity=50); line-height: 1.8em;}
#kolumn2 {float: left; width: 100px; padding: 10px; background: #CCCCCC; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8em;}
#sidfot {
	clear: both;
	padding: 10px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: #F8E9F8;	
}

/* 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: 1em;}
#meny a{width: 10em; text-decoration: none;	display: block;	padding: 0.3em 1em;	margin-bottom: 0.8em;	border-bottom: 1px dotted #a1ba67; border-left: 1px none;}
#meny a:link{color: #2d371e;}
#meny a:visited{color: #2d371e;}
#meny a:hover{background: #c9e76d;}
#meny a#current{font-weight: bold; border-left: 1px solid #a1ba67; border-right: 10px solid #a1ba67;}

