/***********************
 * Global base styles. *
 ***********************/
body {
	font-size: 13px;
	color: #000000;
	margin: 0px;
	overflow: auto;
}

body, p, h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, textarea, input {
	font-family: arial, sans-serif;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: transparent;
}
h1 { font-size: 1.15em; }
h2 { font-size: 1.15em;; }
h3 { font-size: 1.15em; }
h4 { font-size: 1em; }
h5 { font-size: .9em; }
h6 { font-size: .8em; }

table,th,td,input,textarea {
	font-size: 1em;
}

a {
	color: #83A942;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}


/************************
 * Global class styles. *
 ************************/
.raquo {
	font-size: 1.35em;
}
.header {
	margin: 0px;
	padding: 0px;
	height: 2.1em;
	line-height: 2.1em;
	padding-left: 1.4em;
	font-size: 1.15em;
	font-weight: bold;
	background-color: #ECE9E4;
}

.header a {
	color: black;
}


/********************
 * Specific styles. *
 ********************/
#page {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 155px;
}
	#header-logo {
		float: left;
		width: 230px;
		height: 106px;
		background-image: url(../img/livsstil/logo.png);
		background-repeat: no-repeat;
	}
	#header-illustration {
		float: right;
		width: 218px;
		height: 106px;
		background-image: url(../img/livsstil/illustration.png);
		background-repeat: no-repeat;
	}
	#header-info {
		float: right;
		/*width: 230px;*/
		height: 106px;
		padding: 0px 10px 0 0;
		text-align: right;
		margin-top: 10px;
	}
	#header-menu {
		clear: both;
		height: 38px;
		background-color: #83A942;
	}
		#header-menu .item {
			float: left;
			height: 20px;
			margin-top: 8px;
			border-right: 1px solid #FFFFFF;
		}
		#header-menu .item a {
			display: block;
			padding: 0px 40px;
			height: 38px;
			line-height: 38px;
			margin-top: -8px;
			color: #FFFFFF;
			font-weight: bold;
		}

#twocolsleft {
}
	#twocolsleft .item {
		height: 28px;
		line-height: 28px;
		margin-left: 22px;
		border-bottom: 1px dashed #797B7D;
	}
	#twocolsleft .item a {
		display: block;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		color: #797B7D;
	}
	#twocolsleft .item.sub1 a { padding-left: 10px; color: #000000; }
	#twocolsleft .item.sub2 a { padding-left: 20px; }
	#twocolsleft .ct.sub3 { padding-left: 20px; margin-left: 22px; border-bottom: 1px dashed #797B7D; }
	#twocolsleft .ct.subX { padding-left: 10px; }
	#twocolsleft .item.subX { margin: 0; border: 0; }
	#twocolsleft .item.subX a { padding: 0; }
	#twocolsleft .item.active a { color: #83A942; text-decoration: underline; }
	#twocolsleft .enditem {
		height: 32px;
		line-height: 32px;
	}

#frontpage-mainboxes {
	margin-bottom: 2%;
}
	#frontpage-mainboxes .colleft {
		right: 38%;
		background-color: #ECE9E4;
	}
	#frontpage-mainboxes .col1 {
		width: 60%;
		left: 38%;
	}
	#frontpage-mainboxes .col2 {
		width: 38%;
		left: 42%;
	}
	#frontpage-content {
		padding: 1em;
	}

#right-content {
	padding: 10px 10px 0 10px;
}

#footer {
	width: 75%;
	margin-top: 32px;
	margin-left: 25%;
	line-height: 160%;
	color: #938B80;
	text-align: right;
	text-transform: uppercase;
}
	#footer-spacer {
		height: 25px;
		margin-bottom: 10px;
		font-weight: bold;
		background-color: #ECE9E4;
	}