* {
margin: 0;
padding: 0;}

body {
background-color: #000;
font: normal 0.8em/1.45em Verdana, Geneva, Arial, Helvetica, sans-serif}

#container {
margin: 0 auto;
margin-top: 8px;
width: 831px}

#header {
border: 5px #808080 solid}
	#menu {
	float: left;
	margin: 6px 0 0 20px;
	width: 740px}
		#menu ul.mainmenu, #menu ul.submenu {
		margin: 0 0 0 0;
		list-style: none}
		#menu ul.mainmenu li {
		float: left;
		padding: 0 1.55em 0 0;
		list-style: none}
		#menu ul.submenu {
		clear:both
		}
		#menu ul.submenu li {
		float: left;
		padding: 0 20px 0 0;
		list-style: none}
		#menu ul.mainmenu li a, #menu ul.submenu li a {
		float: left;
		text-decoration: none;
		text-transform: uppercase}
			#menu ul.mainmenu li a {
			color: #ffe4c1;
			font: normal 16px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif}	
			#menu ul.mainmenu li a:hover, #menu ul.mainmenu li a.active {
			color: #fff}
			#menu ul.submenu li a {
			color: #fff;
			font: normal 13px Verdana, Arial, Helvetica, sans-serif;
			}	
			#menu ul.submenu li a:hover, #menu ul.submenu li a.active {
			text-decoration: underline}
	#logo 
	{
	    height:65px;
	float: right}

#content {
background-color: #fdf5ee;
border: #808080 solid;
border-width: 0 5px 5px 5px;
margin: 0 0 10px 0;
padding: 20px 0 0 20px}
	
	/*** Startsida ***/
	#content .menu {
	float: left;
	margin: 0 20px 0 0}
	#content .menu2 {
	float: right;
	margin: 0 20px 0 0}
	#content .menu img, #content .menu2 img {
	border: 1px solid #000}
	#content .menu p, #content .menu2 p {
	margin: 1px 0 0 0;
	padding: 0 0 19px 0;
	text-transform: uppercase}
	#content .menu p a, #content .menu2 p a {
	color: #000;
	text-decoration: none}
	#content .menu p a:hover, #content .menu2 p a:hover {
	text-decoration: underline}
	
	/*** Undersida med tva eller tre kolumner, vänsterkolumnen ***/
	#content .left {
	float: left;
	min-height: 300px;
	padding: 0 0 0 0;
	width: 287px}
		#content .left p {
		padding: 1px 0 18px 0}
		#content .left p a {
		text-decoration: none;
		text-transform: uppercase}
		#content .left p a:hover {
		text-decoration: underline}
		#content .left img {
		border: 1px solid #000}
		
	/*** Undersida med tre kolumner, mittenkolumnen ***/
	#content .main {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	width: 320px}
		#content .main h2.manadsbrev {
		font-weight: normal;
		padding: 0 0 12px 0}
		#content .main .box2 {
		margin: 0 0 10px 0;
		padding: 5px 0 5px 0}			
			#content .main .box2 .col1, #content .main .box2 .col2, #content .main .box2 .col3 {
			background-color: #fff;
			float: left;
			line-height: 1.8em;
			width: 80px}
			#content .main .box2 .col4 {
			background-color: #fff;
			line-height: 1.8em;
			padding: 0 5px 0 0}
				#content .main .box2 .col1 p, #content .main .box2 .col2 p, #content .main .box2 .col3 p, #content .main .box2 .col4 p {
				padding: 0 0 0 2px}
				#content .main .box2 .col1 a, #content .main .box2 .col2 a, #content .main .box2 .col3 a, #content .main .box2 .col4 a {
				text-decoration: underline}
		#content .main .box3 {
		padding: 80px 0 0 0}
			#content .main .box3 p {
			padding: 0 0 20px 0}
		#content .main .form-style {}
			#content .main .form-style p.single {
			padding: 0 0 1px 0}
			#content .main .form-style span {
			font-weight: bold}
	
	/*** Undersida med tva kolumner, högerkolumn ***/
	#content .main2 {
	margin: 0 0 0 280px}
		#content .main2 .box {
		display: inline-block;
		line-height: 1.5em;
		margin: 2px 0 3px 2px;
		width: 510px}		
			#content .main2 .box img {
			float: right;
			margin: 0 10px 0 50px}
	
	/*** Undersida med tre kolumner, högerkolumnen ***/
	#content .right {
	float: right;
	padding: 210px 0 10px 0;
	vertical-align: bottom;
	width: 190px}
		#content .right p.text {
		font-size: 0.8em;
		line-height: 1.5em;
		text-align: right;
		padding: 0 10px 20px 50px}
		#content .right p.image {
		padding: 0 0 10px 0;
		text-align: right}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden}

a {
color: #000;
text-decoration: underline}
h1 {
font: bold 1.7em Trebuchet MS, Geneva, Arial, Helvetica, Sans-serif;
padding: 0.3em 0 0.06em 0;
text-transform: uppercase}
h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 10px 0}
h3 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase}
	h3 span.date {
	color: #aa3333;
	padding: 0 5px 0 0}
p {
padding: 0 0 21px 0}
ul {
margin: 10px 0 0 15px}
li {
list-style: square}

img {
border: 0px}

input {}
input.text, textarea.text {
width: 247px}
input.text {
height: 17px;
padding: 2px 0 0 2px}
textarea.text {
height: 40px}
input.button {
padding: 0 5px}

.formfield {width:258px;}
.formbox {width:258px;height:80px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* for understanding browsers */
.hojd {
	min-height:490px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 490px;

}

.formfield { border:1px solid #808080;
			 background:#fff; }
.formbox { border:1px solid #808080;
		   background:#fff; }