body {font: normal 13px "tahoma", georgia, verdana, sans-serif; color: #586D3A; background: #88956f;}
.hh1 {
	margin: 0;
	color: #51262d;
	font-variant: normal;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}
.hh3 {
	margin: 0;
	text-align: left;
	border-bottom: dashed 1px #51262d;
	color: #51262d;
	font-size: 18px;
	font-weight: bold;
}
.hh4 {
	margin: 0;
	text-align: left;
	color: #51262d;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}
a {color: #243135; text-decoration: none;}
a:hover {color: #d6f29e; text-decoration: underline;}

.small {
	font-size: 12px;
	margin-left: 10px;
}
.menu ul {margin: 0; margin-top: 4px; margin-bottom: 10px; padding: 0; list-style: none;}
.menu a {width: 93%; margin: 1px; padding: 2px; display: block; border: solid 1px #35484e; background-color: #d6f29e; color: #35484e;}
.menu a:hover {background-color: #f03732; color: #ffffff; text-decoration: none;}
.ao { }
.ao a {
	margin: 0px;
	padding: 0px 4px;
	border: solid 1px #35484e;
	background-color: #d6f29e;
	color: #35484e;
	font-size: 17px;
	}
.ao a:hover {
	margin: 0px;
	padding: 0px 4px;
	border: solid 1px #35484e;
	background-color: #faffba;
	color: #1D2629;
	font-size: 17px;
	text-decoration: none;
 }

.rightmenu {margin: 5px;}
.rightmenu ul {margin: 0; margin-top: 8px; margin-bottom: 8px; padding: 0; list-style: none;}
.rightmenu li {margin-top: 5px; marginbottom: 5px;}
.rightmenu a {color: #d6f29e;}
.rightmenu a:hover {color: #324339; text-decoration: underline;}

#header {margin-bottom: 25px; text-align: center;}
#topnav {margin-bottom: 25px; text-align: center;}

#container { width: 730px; }
#namnsdag {
	color: #CCFF00;
}

#left {float: left; width: 15%; margin-bottom: 25px; padding: 5px; background-color: #688345; border: solid 3px #324339;}
#left h3 {color: #d6f29e; border-bottom: dashed 1px #324339;}
#right {
	float: right;
	width: 23%;
	background-color: #688345;
	border: solid 3px #324339;
	margin-bottom: 1px;
}
#right h3 {color: #d6f29e; border-bottom: dashed 1px #324339;}
#content {margin-left: 18%; margin-right: 25%; padding: 5px; padding-left: 8px; padding-right: 8px; background-color: #faffba; border: solid 3px #51262d;}
#content p {text-align: left;}
#content a:hover {color: #f03732;}
#footer {clear: both; margin-top: 25px; text-align: center;}

.textrutainput{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	width: 170px;
	background-image: url(https://www.infoom.se/synonymer/input_bg.gif);
	border: 1px solid #339900;
	background-color: #FFFFFF;
	padding-left: 3px;
}
.textrutasubmit{
	background-image: url(https://www.infoom.se/synonymer/input_bg.gif);
	border: 1px solid #339900;
	background-color: #FFFFFF;
	color: #330000;
}
.textrutatext{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	width: 170px;
	background-image: url(https://www.infoom.se/synonymer/input_bg.gif);
	border: 1px solid #FEAE31;
	background-color: #FFFFFF;
	padding-left: 3px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.caps{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #324339;
	font-size: 12px;
	text-transform: capitalize;
}