/* =Innehåll
-----------------------------------------------
01. Struktur
02. Header
03. Content
04. Footer
05. Listor
06. Formulär
07. Blandat
08. Legacy
----------------------------------------------- */

/* =Struktur (01)
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }

body {
	font-size: 65% !important;
	font-family: Arial, "Lucida Sans Unicode","Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
	line-height: 1.5em;
	color: #575655;
	color: #333;
	text-align: center;
	background: #EFEFEF;
	margin: 0 0 20px 0;
	/* text-transform: uppercase; */
	}

#topbar {
	top: 0;
	left: 0;
	height: 54px;
	width: 100%;
	position: absolute;
	background: #313131;
	}

#page {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 960px;
	width: 1147px;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 25px;
	font-weight: normal;
	/* text-transform: uppercase; */
	line-height: 1.2em;
	padding: 10px 0;
	}
.category-news h1 {
	padding: 10px 0 0;
	}
h1 a:link,
h1 a:visited {
	color: #52576D;
	}
h1 a:hover {
	color: #666;
	text-decoration: none;
	}

h2, h2 a:link, h2 a:visited {
	margin: 5px 0 0;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.1em;
	color: #777;
	/* text-transform: uppercase; */
	}
.post-content h2,
.category-news h2 {
	padding: 0 0 5px;
	}

h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	height: 44px;
	line-height: 44px;
	background: #ccc url('../images/right-title.gif') no-repeat center center;
	color: #fff;
	text-transform: none;
	}
h3 a, h3 a:link, h3 a:visited {
	color: #fff;
	margin: 0 0 0 10px;
	}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
#project_c h3 {
	padding: 0;
	background: none;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	margin: 5px 0 -10px 15px;
	text-transform: none;
	}
#children h3 a {
	color: #52576D;
	}

h4 {
	font-size: 20px;
	font-weight: normal;
	color: #333;
	margin: 5px 0 10px 15px;
	margin: 15px 0 0 15px;
	text-transform: none;
	}
.post_blog h4 {
	padding: 0 0 10px;
	}

h6 {
	margin: 0 0 10px;
	}

a, a:link, a:visited {
	color: #4D7CA3;
	color: #3A9AE0;
	color: #535351;
	color: #6098C0;
	outline: none;
	}
a:hover {
	color: #6F9BBF;
	text-decoration: none;
	}
a img {
	border: none;
	}

p {
	padding: 0 0 10px;
	}
#news_c p,
#prom-content p {
	padding: 0 0 10px;
/*	font-size: 8px;*/
	line-height: 1.1em;
	width: 100%;
	}
#news_c p {
/*	font-size: 7px;*/
	}
p.maintitle {
	color: #CC5659;
	font-size: 1.1em;
	font-weight: bold;
	/* text-transform: uppercase; */
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 5px;
	}
p.disclaimer {
	color: #7F7E79;
	}
p.readmore {
	clear: both;
	padding: 0;
	}

em {
	font-style: italic;
	}

hr {
	border: 1px solid #E2E2E2;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 25px;
	height: 0;
	}

/* =Header (02)
----------------------------------------------- */
#header {
	width: auto;
	display: block;
	overflow: hidden;
	height: 105px;
	}

#logo {
	float: left;
	padding: 0;
	margin: 0;
	}

#nav_custom {
	position: absolute;
	top: 97px;
	left: 170px;
	}

#rssfeed,
#location {
	position: absolute;
	top: 32px;
	right: 0;
	}
#location {
	top: 97px;
	}
#rssfeed img {
	margin: 0 0 0 5px;
	}

#strip {
	width: auto;
	display: block;
	overflow: hidden;
	height: 3px;
	margin: 10px 0 20px;
	background: url('../images/strip.gif') no-repeat top left;
	}

#searchswitch {
	padding: 15px 0 0;
	}

.topbox {
  clear: right;
  float: right;
	margin: 0 0 10px;
  }

.topbox span#lang-title {
  float: left;
  font-style: italic;
  }

div#searchswitch .topbox {
	background-color: #f8f8f8;
	}

#mainmenu {
	clear: left;
	width: 960px;
	width: 1147px;
	display: block;
	height: 37px;
	padding: 0 0 16px;
	background: #f8f8f8 url('../images/header.gif') no-repeat bottom center;
	}

/* =Content (03)
----------------------------------------------- */
#container {
	position: relative;
	float: left;
	width: 960px;
	width: 1147px;
	background: url('../images/projects-bg.gif') repeat-y top left;
	}

#column-left-bg {
	position: absolute;
	top: 0;	left: 0; bottom: 0;
	width: 140px;
	padding: 0 10px 10px;
	background: url('../images/news-bg.gif') repeat-y top left;
	}
#column-left {
	position: relative;
	float: left;
	width: 140px;
	padding: 0 10px 10px;
	}
#newsblock {
	background: #E8E7E7;
	padding: 10px 0 0;
	}
#pagemenu {
	background: #E8E7E7;
	padding: 0 0 10px;
	}

.category-news,
.page {
	background: #DEE8DE;
	margin: 0 0 15px;
	padding: 3px 15px;
	}

.page {
	padding: 3px 15px 8px;
	}

.category-news hr,
.page hr {
	clear: both;
	margin: 5px 0 10px;
	height: 3px;
	background: url('../images/projects-divider.gif') repeat-y top left;
	}

.news_c_wrap {
	position: relative;
	height: 530px;
	overflow-y: hidden;
	overflow-x: hidden;
	}
.news_c {
	position: absolute;
	left: 0;
	height: 530px;
	background: #E8E7E7;
	}

#content {
	float: left;
	display: inline;
	width: 400px;
	width: 585px;
	margin: 0 0 0 10px;
	text-align: justify;
	}
#project_c {
	background: #EFEFEF;
	}

.greenlinks-edition {
	float: left;
	font-size: 150%;
	color: #333;
	left: 0;
	margin: 0;
	padding: 3px;
	background: #EFEFEF;
	}
#greenlinks-content {
	padding: 10px 0 0;
	}
#greenlinks-content div.alignleft {
	float: right;
	}
#greenlinks-content div.alignright {
	margin: 0 0 0 5px !important;
	}
#greenlinks-content div.entry ul {
	margin: 15px 0 20px;
	padding: 0;
	text-transform: uppercase;
	border-top: 1px solid #323730;
	}
#greenlinks-content div.entry ul li {
	margin: 0;
	padding: 1px 0 3px;
	text-indent: 0;
	border-bottom: 1px solid #323730;
	font-size: 25px;
	line-height: 1em;
	}
#greenlinks-content div.entry ul li a {
	font-size: 20px;
	line-height: 1.1em;
	}

#promotion {
	position: relative;
	margin: -15px 0 0;
	padding: 0 0 15px;
	}
#post-10 {
	position: relative;
	}

#prom-top,
#news-top {
	position: absolute;
	display: block;
	background: #EFEFEF url('../images/promotion-top.gif') no-repeat top left;
	height: 87px;
	width: 585px;
	top: -29px;
	left: 0;
	}
#news-top {
	top: -44px;
	}

#prom-content {
	padding: 58px 0 0;
	background: #F79220;
	}
#prom-wo-content {
	padding: 5px 40px 105px 20px;
	}
#news-content {
	padding: 43px 0 100px;
	background: #DEE8DF;
	}

#prom-bottom,
#news-bottom {
	position: absolute;
	display: block;
	background: url('../images/promotion-bottom.gif') no-repeat top left;
	height: 88px;
	width: 400px;
	width: 585px;
	bottom: 0;
	left: 0;
	}
#news-bottom {
	background: url('../images/news-bottom.gif') no-repeat top left;
	height: 94px;
	}

#column-right-header {
	position: absolute;
	top: -32px;
	right: 0;
	width: 380px;
	height: 60px;
	display: block;
	background: url('../images/right-header.gif') no-repeat top left;
	}

#column-right-bg {
	position: absolute;
	top: 28px;	right: 0;	bottom: 0;
	width: 370px;
	background: url('../images/blog-bg.gif') repeat-y top left;
	}

#column-right {
	position: relative;
	float: right;
	width: 370px;
	margin: 28px 0 40px;
	padding: 0 0 10px;
	text-align: justify;
	}
#blog_c,
.blog_archive_nav {
	background: #fff;
	}
.blog_archive_nav {
	padding: 10px 0 5px;
	}
	
.post-content {
	border-bottom: 1px solid #aaa;
	}
.post-content .entry {
	display: none;
	margin: 5px 0 0;
	padding: 0 0 10px;
	background: #fff;
	}
.post-content .entry p {
	padding: 10px 15px 5px;
	}

.post-right {
	padding: 10px;
	}

.post_blog .entry {
	}
.post_blog .entry p {
	padding: 0 15px 15px;
	}
.post_blog .entry p img {
	}

.post hr {
	display: block;
	}

hr.project-divider {
width: 557px;
}

.postmetadata {
	clear: both;
	font-size: 76%;
	font-style: italic;
	padding: 10px 0 0;
	}

.clear {
	clear: both;
	}

#newsletter {
	float: left;
	width: 100%;
	padding: 5px 0 10px;
	}
#newsletter p {
	float: left;
	padding: 4px 20px 0 0;
	}
#MailPress {
	float: left;
	}
.mp-container {
	margin: 0 0 0 85px;
	}

/* =Footer (04)
----------------------------------------------- */
#footer {
	position: relative;
	float: left;
	display: inline;
	height: 30px;
	width: 370px;
	margin: 0 0 0 777px;
	background: #C7C7C7;
	font-size: 0.8em;
	}

#footer-bbox {
	position: absolute;
	top: -50px;
	width: 370px;
	height: 50px;
	background: #A5A5A7;
	}

/* =Lists (05)
----------------------------------------------- */
#newsblock ul {
	margin: 5px 0 10px;
	}
#newsblock ul li {
	list-style: none;
	/*font-size: 0.8em;*/
	height: 75px;
	margin: 5px 0;
	padding: 0 0 7px;
	background: #DEE8DE;
	}
#newsblock ul li.bbar {
	height: auto;
	border-bottom: 4px solid #DAD4BC;
	margin: 0;
	padding: 0;
	background: none;
	}
#newsblock ul li span {
	width: 130px;
	display: block;
	line-height: 1.7em;
	margin: 0 5px;
	padding: 2px 0 0;
	}
#newsblock ul li span a,
#newsblock ul li span a:link
#newsblock ul li span a:visited
#newsblock ul li a,
#newsblock ul li a:link,
#newsblock ul li a:visited {
	color: #333;
	}
#newsblock ul li span a,
#newsblock ul li span a:link
#newsblock ul li span a:visited {
	background: #F2E5B1;
	}
#newsblock ul li p {
	padding: 2px 5px 0;
	line-height: 1.3em;
	}
#newsblock ul li span.btimg {
	height: 23px;
	width: 140px;
	display: block;
	background: url('../images/news-divider.gif') no-repeat left top;
	margin: 0;
	padding: 0 0 7px;
	}	
	
ul#pagemenu {
	position: relative;
	height: 100%;
	width: 140px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

ul#pagemenu li {
	list-style-type: none;
	border-bottom: 4px solid #CADABC;
	}

ul#pagemenu li:last-child {
	border: none;
	}

ul#pagemenu li a {
	display: block;
	width: 140px;
	padding: 10px 0;
	font-size: 1.65em;
	font-size: 20px;
	/* text-transform: uppercase; */
	}

ul#pagemenu li a:link,
ul#pagemenu li a:visited {
	color: #888;
	text-decoration: none;
	}

ul#pagemenu li a:hover,
ul#pagemenu li.current_page_item a,
ul#pagemenu li.current_page_item a:visited {
	color: #CC6F07;
	}

ul#pagemenu li.current_page_item a:hover {
	cursor: default;
	}

ul#pagemenu li.current_page_item ul li a,
ul#pagemenu li.current_page_item ul li a:visited {
	color: #666;
	background-color: #F9F9F7;
	background-color: #EDEBE1;
	}

ul#pagemenu li.current_page_item ul li a:hover {
	color: #fff;
	background-color: #7B828A;
	}

ul#pagemenu li.current_page_item ul li a {
	padding-left: 15px !important;
	padding-right: 5px;
	}

.entry ul {
	margin: 0;
	padding: 0 0 10px 10px;
	list-style: none;
	text-indent: -10px;
	}

.entry li {
	margin: 0 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {

	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* =Forms (06)
----------------------------------------------- */
input#s,
input.MailPressFormEmail {
	margin: 0 5px 0 0;
	padding: 1px;
	}
input.MailPressFormName {
	display: none;
	}
input.MailPressFormSubmit {
	margin: -37px 190px 0 0;
	float: right;
	background: #F8901F;
	border: none;
	color: #fff;
	padding: 2px 20px;
	width: auto;
	overflow: visible;
	}

/* =Blandat (07)
----------------------------------------------- */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.navigation {
	width: 100%;
	overflow: hidden;
	margin: 0 0 5px;
	text-transform: uppercase;
	}
.navigation .alignleft {
	float: left
	}
.navigation .alignright {
	float: right;
	}

#newsblock .navigation {
	width: 140px;
	margin: -40px 0 40px;
	}

#blog_c .navigation {
	width: 350px;
	margin: 10px;
	}
#project_c .navigation {
	margin: 10px 0 0;
	padding: 0 0 10px;
	}

.navigation .alignleft {
	left: 0;
	margin: 0 0 0 10px;
	padding: 0 2px;
	background: #EFEFEF;
	}
.navigation .alignright {
	right: 0;
	margin: 0 10px 0 0;
	padding: 0 2px;
	background: #EFEFEF;
	}
#project_c .navigation .alignleft,
#project_c .navigation .alignright,
#ajax_content .navigation .alignleft,
#ajax_content .navigation .alignright {
	margin: 0;
	background: #fff;
	}
.navigation a, .navigation a:link, .navigation a:visited {
	color: #575655;
	}
.navigation a:hover {
	color: #CC6F07;
	}

/* this is for the left navigation link show box */
#ajax_content {}

#right_bottom{
	width: 100%;
	border-top: 50px solid #A5A5A7;
	background: #C7C7C7;
	height: 30px;
	}

#waiting_c {
	height:50px;
	position:fixed;
	left: 49%;
	top: 49%;
	width:50px;
	z-index:100;
	display: none;
	}

.link {
	background: #ccc;
	}

/* JQUERY IMAGE GALLERY */	
.jquery-ans {
	width: 585px;
	margin: 0;
}
.page .jquery-ans,
.category-news .jquery-ans {
	width: 557px;
	margin: 0 0 15px;
}
#column-right .jquery-ans {
	width: 370px;
	margin: 0 0 20px;
	}
#prom-content .jquery-ans {
	width: 585px;
	}
.jquery-ans a {
	color: #ff3300;
}
.jquery-ans img {
	border: 0;
}
.jquery-ans li,
.jquery-ans {
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
}
.jquery-ans .javascript_css {
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #fffcd3;
}
.jquery-ans .back {
	position: absolute;
	bottom: 20px;
	left: 10px;
	z-index: 2;
}
.jquery-ans .next {
	position: absolute;
	bottom: 20px;
	right: 10px;
	z-index: 2;
}
.page .jquery-ans .next,
.page .jquery-ans .back {
	bottom: 15px;
}
.jquery-ans .back a,
.jquery-ans .next a {
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
	color: #333;
	text-decoration: none;
	padding: 0 2px;
}
.jquery-ans .back a {
	position: absolute;
	left: 0;
	background: #fff;
}
.jquery-ans .next a {
	position: absolute;
	right: 0;
	background: #fff;
}
.jquery-ans ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
.jquery-ans li {
	float: left;
	display: inline;
	width: 585px;
	padding: 0;
	overflow: hidden;
	margin: 0;
}
#prom-content .jquery-ans li {
	width: 585px;
	}
.page .jquery-ans li {
	width: 557px;
	}
#column-right .jquery-ans li {
	width: 370px;
	}
.jquery-ans li img {
	float: left;
	display: inline;
}

/* BLOG ARCHIVE */
.archive {
	background: #fff;
	margin: 10px 0 0;
	padding: 8px 10px 3px;
}
.month_name{
	font-weight: bold;
	font-size: 22px;
	padding: 0 0 5px;
}
#first_month_content,#blog_archive{
	display: none;
}
#blog_archive:hover{
	cursor: pointer;
}
#blog_archive{
	overflow:auto;
	scrollbar-face-color: #f60;
	scrollbar-shadow-color: #f60;
	scrollbar-highlight-color:#f60;
	scrollbar-3dlight-color: #f60;  
	scrollbar-darkshadow-color: #f60;
	scrollbar-track-color:#f60;
	scrollbar-arrow-color: #f60;
}
.blog_archive_nav .navigation .alignright{display:none;}

/* MAILPRESS */
.widecolumn {
	width: 1147px !important;
	background: #E8E7E7;
	margin-left: 0 !important;
	}
.widecolumn div {
	width: 300px;
	margin: 20px;
	padding: 10px;
	background: #fff;
	}
.widecolumn div div {
	margin: 0;
	padding: 0;
	}
.widecolumn h3 {
	display: none;
	}