/* site.css */
/* Etik och energi, design by: lisign */

/* Main layout */

body {
	font-size: 0.9em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
	background-color: #fff ;
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 970px;
}

div.nyhetsbrev-rubrik,div.tipsa-rubrik{
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	letter-spacing: .05em;
}

.welcome{
font-size: 0.9em;
line-height: 1.5em;
}

.text,#maincontent ul li {
font-size: 0.9em;
}

a {
border: 0;
}

a:link {
text-decoration:none;
color: #846d92;

}

a:hover {
text-decoration: none;
color: #999;
}

a:visited {
text-decoration: none;
color: #666;
}


div#header, #footer {
	clear: both;
	overflow: auto;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

div#header {
	height: 50px;
	background: #624373 url(images/header-bg.gif) repeat-x top left; 
	position: absolute;
	top: 80px;
	left: 0;
	width: 970px
}

#header-center {
	background:  url(images/logo2.gif) ; 
	background-position: 320px 0;
	background-repeat: no-repeat;
	margin-left: 350px;
	margin-right:0px;
	/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 350px;
	margin-right:0px;
	overflow: auto;
	top: 0px;
	left: 0;
	
	height: 90px;
}
	


#header-left {
	display: block;
	overflow: hidden;
	width: 350px;
	position: absolute;
	height: 80px;
	top: 0px;
	left: 0;
	padding-top: 20px;
	margin: 0;
	padding-left: 10px;
}

#header-menu {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
	clear: both;
	position: absolute;
	top: 130px;
	left: 0;
	width: 970px;
}


#maincontent, #footer, #logos {
	/*margin-left: 205px;*/
	/*margin-right:200px;*/

	clear: both;
		}

#maincontent {
position: absolute;
top: 150px;
left: 205px;
width: 565px;
border-left: solid 1px #ececec;
border-right: solid 1px #ececec;
}

#leftcontent {
display: block; 
overflow: hidden; 
width: 190px; 
margin: 0; 
position: absolute; 
top: 150px; 
}

#rightcontent { 
display: block; 
overflow: hidden; 
width: 180px; 
margin: 0; 
position: absolute; 
top: 160px; 
left: 783px;
}



#leftcontent {
left: 5px; 
}

#rightcontent { 
//right: 5px; 
}

#leftcontent li { 
list-style: none; 
display: block;

}


.gutter {
	padding: 5px 5px 5px 5px;
		margin:0;
}

.gutter-leftcontent {
	padding: 0px 0px 3px 3px;
       margin:0;
}


.gutter-rightcontent {
	padding: 0px 0px 5px 10px;
        margin:0;
}


.left {
	float: left;
	margin:0;
	clear: both;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.right {
	float: right;
	margin:0;
	clear: right;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#footer, #logos {
border-top: solid 1px #ececec;
}

#footer { 
margin-top: 10px;
padding-top: 10px;
clear: both; z-index: 100; 
}

#footer, #footer a, #footer a:visited, #logos, #logos a, #logos a:visited{
font-size:0.8em;
color: #999;
padding: 5px 0 0 0;
text-align: right;
}

#logos, #logos a, #logos a:visited
{
text-align: center;
}

#footer a:hover, #logos a:hover {
color: #624373;
}

/* Left column layout */

li.category {
margin: 0;
Padding: 0;
color: #ffffff;
background: transparent;
font-size: auto;
font-weight:auto;
text-decoration:none;

}

a.category {
text-decoration: none;
margin: 0;
Padding: 0;
color: #ffffff;
background: transparent;
font-size: auto;
font-weight:auto;
text-decoration:none;
}

a.left-rubrik {
display: block;
color: #624373;
background: #fff url(images/menu-arrow.gif);
border-bottom: #ccc solid 1px;
background-repeat: no-repeat;
background-position: left;
font-size: 0.7em;
line-height: 1.4em;
text-transform: uppercase;
margin: 0px 0px 1px 0px;
padding: 3px 3px 4px 20px;
}

a.left-rubrik:hover {
color: #999;
}

li.active a.left-rubrik  {
font-weight: bold;
color: #846d92;
}


div.nyhetsbrev-rubrik {
display: block;
color: #fff;
background: #a6c478 url(images/leftmenu-arrow-white.gif);
background-repeat: no-repeat;
background-position: left;
text-transform: uppercase;
font-weight: bold;
margin:0;
padding: 10px 0px 3px 20px;
}

div.tipsa-rubrik {
display: block;
color: #666;
background: #eaeaea url(images/leftmenu-arrow.gif);
background-repeat: no-repeat;
background-position: left;
text-transform: uppercase;
font-weight: bold;
margin:0;
padding: 10px 0px 3px 20px;
}



/* Left menu */

.leftmenu {
margin:0;
padding:0;
}

li {
 padding:0;
 margin:0;
}

.leftul {
background: #fff url(images/shadow.gif) top left;
background-repeat: repeat-x ;
margin:0;
padding:2px 0px 3px 20px;
line-height: 1.5em;

}

.leftul li  {
color:#333;
margin:0;
background: url(images/sub-list-left.gif);
background-position: left !important;
background-position: left 5px;
background-repeat: no-repeat;
}

.leftul li a,.leftul li a:visited {
color:#846d92;
font-size: 0.7em;
padding-left: 15px;
}

ul.leftul a.active {
font-weight: bold;
color: #846d92;
}

.leftul li a:hover {
color:#999;
}

.leftul li a:active {
font-weight:bold;
}

/* Top menu */
.topmenu {
padding: 0px;
margin:0px;
}

.topul {
margin: 0px;
padding: 0px;
background: #60486e;
font-size: 0.75em;
}

ul.topul 
{
padding: 0 0 2px 0;
margin: 0;
color: #fff;
float: right;
width: 100%;
}

ul.topul li { display: inline; }

ul.topul li a
{
padding: 0em 0.7em;
color: #fff;
text-decoration: none;
float: right;
border-left: 1px solid #fff;
line-height: 1.3em;
display: inline;
}

ul.topul li a:hover
{
background-color: #624373;
color: #fff;
}

ul.topul li a:visited {
color: #fff;
}


/* Misc */

div.pagetrail {
border-bottom: solid #ececec 1px;
padding: 0;

}

div.pagetrail a{
font-size: 0.8em;
}



/*Forms*/


/*search */
.FSF_form {
padding: 0;
margin: 0;
}

input.FSF_input {
font-size: 0.8em;
}

input.FSF_submit {
font-size: 0.8em;
}

/*Logga in*/

div.weblogin {
padding-right:5px;
}

span.weblogin_username input{
font-size: 0.8em;
}

span.weblogin_password input{
font-size: 0.8em;
}

span.weblogin_submit input{
font-size: 0.8em;
}


span.weblogin, span.weblogin a, span.weblogin a:visited {
color:#fff;
font-size: 0.9em;
}

span.weblogin a:hover {
color:#ccc;
}

/*Lists */

#rightcontent ul {
list-style: none;
line-height: 1.5em;
margin:0;
Padding-left:0px;
}

#rightcontent ul li {
margin:0;
Padding:0;
}

#rightcontent ul li a{
color: #846d92;
background: url(images/sub-list-left.gif) left top;
background-repeat: no-repeat;
list-style: none;
margin:0;
Padding-left:15px;
}

#rightcontent ul li a:hover{
color: #999;
}

#rightcontent ul li.active{
font-weight:bold;
color: #999;
}

#maincontent ul {
list-style: none;

line-height: 1.5em;
margin:0;
padding-left:10px;
}

#maincontent ul li{
background: url(images/sub-list.gif) left top;
background-repeat: no-repeat;
list-style: none;
margin:0;
Padding-left:20px;
}

/*Nyhetsbrev*/

div.nyhetsbrev, div.tipsa {
margin-top:5px;
}

div.newsletter {
background: #a6c478 url(images/newsletter-bg.gif) repeat-x ;
background-position: bottom right;
margin:0;
color: #fff;
padding: 0 0 20px 0;
}

div.sendtoafriend {
background: #eaeaea url(images/tipsa-bg.gif) repeat-x ;
background-position: bottom right;
margin:0;
color:#666;
padding: 0 0 20px 0;
}

div.newsletter form, div.sendtoafriend form{
padding: 3px 0px 3px 20px;
margin:0;
font-size: 0.8em;
}

input.newsletter_field {
margin: 2px 0 5px 0;
width: 140px;
}

input.newsletter_button {
font-size: 0.8em;
}

/* Misc Boxes */
div.related {
background: url(images/shadow-darker.gif) top left;
background-repeat: repeat-x;
}

div.senastenytt{
background: url(images/shadow-senaste.gif) top left;
background-repeat: repeat-x;
}

div.senastenytt h5{
font-size: 1em;
}

div.small box{
background: url(images/shadow-darker.gif) top left;
background-repeat: repeat-x;
}


/* Modification by Qson */
ul#leftnav { padding: 0; margin: 0; }



/* Frontpage Boxes */
.boxes { overflow: hidden; clear: both; }
.boxes img { margin: 0; padding: 0; }
.boxes h5, .box h5 { color: white; line-height: 1.5em; padding: 0 10px; margin: 10px 0 0 0; font-size: 0.8em; }

.box1, .box3 { float: left; width: 49%; height: 170px; margin: 0; }
.box2, .box4 { float: right; width: 49%; height: 170px; margin: 0; }

.box1 div, .box2 div, .box3 div, .box4 div { margin: 0; }

.box h5 { background: #60486e url('images/box_arrow.png') no-repeat right; color: #fff;}
.box1 h5 { background: #cdc049 url('images/box1_arrow.png') no-repeat right; color: white; }
.box2 h5 { background: #a6bcd7 url('images/box2_arrow.png') no-repeat right; color: white; }
.box3 h5 { background: #a09bad url('images/box3_arrow.png') no-repeat right; color: white; }
.box4 h5 { background: #a6c478 url('images/box4_arrow.png') no-repeat right; color: white; }

.boxes .left { float: left; clear: left; width: 100px; height: 130px; margin: 0; padding: 0; }
.boxes .textbox { float: left; clear: right; height: 110px; }
.boxes .text { padding: 3px 10px; }
.boxes .lasmer { height: 20px; clear: both; text-align: right; position: relative; top: -20px; }

.prefix {  }


#trailer label {  }

.webcal { width: 100%; }
.webcal_menu { clear: both; margin:0; padding: 0; padding-top: 10px; }

div.tipsa div.newsletter form{

color: #666;
}

#rightcontent .box img {
margin: 10px 0;
}

#rightcontent .rssChannel { font-size: 80%; display: none; }
#rightcontent .rssChannelLink { font-size: 110%; padding: 2px; }
#rightcontent .rssItem { font-size: 80%; padding: 0 2px; border-bottom: 1px solid silver; }
#rightcontent .rssItemTitle {  }
#rightcontent .rssItemLink {  }

#maincontent .boxes { font-size: 90% !important; font-size: 75%; }
#maincontent .boxes h5 { background: #60486e url('images/h5-arrow.gif') no-repeat right; color: #fff; }
#maincontent .boxes h4 { text-align: center; }

.leftbox { float: left; clear: left; width: 265px; display: block; overflow: hidden; }
.rightbox { float: right; clear: right; width: 265px; display: block; overflow: hidden;}
div.boxsplit { float: left; clear: none; width: 0px; border-right: 1px solid silver; height: 150px;  margin: 5px 15px;}
hr.boxsplit { clear: both; height:0; border: 0; border-bottom: 1px solid silver; margin:0; padding: 0; }

.boxes div.summary {float: right; width: 135px; overflow: hidden; }
.boxes div.fullsummary {float: left; width: 200px; overflow: hidden; }
.boxes div.image { float: left; width: 125px; text-align: center; margin-top: 10px; }

.boxes .laesmer { float: right; clear: both; }

.boxes .small { float: left; width: 178px; margin: 5px; }

.boxes .summary img {display: none;}


/* eForm Classes */

form#medlem input, form#medlem label, form#medlem span.label { clear: both; display: block; }
form#medlem input.text, form#medlem textarea.text { width: 200px; font-family: Verdana, Tahoma, sans-serif; font-size: 90%; }
form#medlem label, form#medlem span.label { margin-top: 15px; }

form#medlem label.radio { margin-top: 3px; }
form#medlem input.radio { width: auto; clear: none; display: inline; }

form#medlem .button { display: block; margin-top: 10px; }

/* Contact Form */
form#EmailForm input, form#medlem label, form#medlem span.label { clear: both; display: block; }
form#EmailForm input.text, form#medlem textarea.text { width: 200px; font-family: Verdana, Tahoma, sans-serif; font-size: 90%; }
form#EmailForm label, form#medlem span.label { margin-top: 15px; }

form#EmailForm label.radio { margin-top: 3px; }
form#EmailForm input.radio { width: auto; clear: none; display: inline; }

form#EmailForm .button { display: block; margin-top: 10px; }

.mgwmaintable { width: 100%; }
.mgwmaintable table {width: 100%;}

.ditto_summaryPost img { display: none; }

#overDiv { margin:0; padding: 0; }

img.noimage { display: none; }
.noimage { float: left; width: 200px; height: 136px;}

ul.arbetsteam { list-style-type: none; background: transparent; }
ul.arbetsteam li { display: inline; vertical-align: middle; width: 150px; list-style-type: none;  background: transparent; }
li.box { display: inline; vertical-align: middle; width: 150px; list-style-type: none;  background: transparent; border: 1px solid black; }
ul.arbetsteam li a { background: transparent; }
ul.arbetsteam li div.image { display: block; width: 150px; text-align: center; }
ul.arbetsteam li div.summary { display: block;  width: 150px; text-align: center; }

.artikel {
  border-bottom: 1px dotted #846d92;
  padding-bottom: 10px;
  margin-top: 10px;
  float: left; 
  width: 100%;
}