﻿/*  
Theme Name: Ekoguiden
Author URI: http://ekoguiden.se
Version: 1
Author: Kenneth - SiteBiz
Description: Ekoguiden, modern, Web 2.0 styled, three-column theme with optimized code for faster loading. 
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/
/*body, td, select, input, textarea, li li, li p, blockquote p, td, input, th {*/
body
{
    font-family: Tahoma,Verdana,Helvetica,Arial,Sans-Serif;
    background-color: #CBCBCB;
    padding-top: 20px; /*padding-left: 10px;*/
    background-image: url('../pic/bg.jpg');
    background-color: Black;
    background-repeat: repeat-x;
    font-size: 67%;
    color: #fff;
    /*margin-top: 0;*/
    margin: 0 auto;
    text-align: center;
} 
div
{
    /*border: 1px solid #FFFFFF;*/
}

#OuterWrapper
{
    padding: 0px 5px 10px 5px; /*width: 760px; /*padding: 15px;*/
    width: 920px; /*padding: 15px;*/
    margin: 0 auto;
}
#InnerWrapper
{
    /*width: 750px;*/
    width: 910px;
    padding-right: 3px;
    padding-bottom: 7px;
    padding-left: 3px;
    margin: 0 auto;
}

/*
#Logo
{
    border-style: solid;
    border-width: 1px;
    background: url(images/header_bg3.jpg);
    padding: 20px 0 0 20px;
    height: 240px;
    width: 740px;
}
*/
.CurrentPage
{
    /*background-position: #5c803e;*/
    padding: 2px 4px 2px 4px;
    /*border: solid 1px #ddd;*/
    background: #90c400;
    color: White;
}
.PrevNext, .PageNumber
{
    padding: 2px 4px 2px 4px;
    /*border: solid 1px #ddd;*/
    text-decoration: none;
    /*color: #5c803e;*/
}
/*.PageNumber:hover, .PrevNext:hover
{
    background-color: #90c400;
    color: White;
}*/


a, a:active
{
	outline: none;
	color: #000000;	
	font-weight:normal;
	/*padding-left:1px;*/
	text-decoration: none;
}

#Main
{
    height: 100%;
    background: url('../pic/3colfillout_tran_900.gif' ); /*background:#35373A url('../images/3colfillout_tran.gif');*/
    overflow: hidden;
    /*width: 740px;*/
    width: 900px;
}

#l_sidebar
{
    padding: 0px;
    /*background-image: url('../pic/NyFarg_Left_org.jpg');*/
    background-image: url('../pic/NyFarg_Left_update_200_160.jpg');
    margin: 0 0px 0 0; /*width: 170px;*/
    width: 200px;
    height: 760px;
    float: left;
    padding: 0px 0px 0 0px !important;
    overflow: hidden;
    background-repeat: no-repeat;
}

#l_sidebar ul {
	list-style: none;
	margin: 5px 0 5px 0;
	padding: 0;
}
#l_sidebar ul li{
	background:url(images/o_link_arrow.gif) center left no-repeat;
    color: #FFFFFF;
	margin: 0;
	padding: 0 0 0 15px;
}
#l_sidebar ul li a {
	margin: 0;
	padding:0;
        color: #FFFFFF;
}
#logohome
{
    /*width: 170px;*/
    /*border: 1px solid #000000;*/
    width: 200px;
    height: 100px;
}
.Konoss
{
    /*border-style: solid;
    border-width: 1px;
    color:Black;*/
    width: 125px;
    margin-top: 87px;
    text-align:center;
    visibility:visible;
}
.Tipvan
{
    /*border-style: solid;
    border-width: 1px;
    color:Black;*/
    width: 125px;
    margin-top: 12px;
    text-align:center;
    visibility:visible;
}
#MainContent
{
    padding: 0 0px 0px 0px;
    /*width: 410px;*/
    width: 500px;
    margin-right: 0px;
    float: left;
    overflow: hidden;
}
#r_sidebar
{
    border: 0px solid #FFFFFF;
    padding: 0px 0px 0px 0px !important;
    float: right;
    /*width: 160px;*/
    width: 200px;
    overflow: hidden;
}

/*input
{
    border-style: none;
    border-width: 0px;
    vertical-align: middle;
}*/
/*
input{
    margin: 20px 3px 3px 3px;
	padding:0;
    color: #fff;
     border:solid 1px #666;
}
*/
/***Banner***/
.adBoxContainer
{
    /*border-style: solid;
    border-width: 0px;
    width: 160px;*/
    width: 200px;
    float:right;
    margin-left: 0px;
}
.adBox
{
    border-style: solid;
    border-width: 0px; /*width: 158px;*/
    width: 198px;
    margin-bottom: 20px;
    /*float: left;
    text-align: left;*/
    margin-right: 20px;
}

/***StartPage With Pic & SearchBox***/
.StartPic
{
    border-style: solid;
    border-width: 0px; /*width: 410px;*/
    width: 500px;
    height: 240px;
    padding-bottom: 15px;
}   
.SokBox
{
    /*border: 1px solid #FF0000;*/
    margin: 20px auto auto auto;
    width: 460px;
    height: 133px;
    background-image: url(    '../pic/sok_bg_460.jpg' );
}

.SokBox .SokDrop
{
    /*border: 1px solid #FFFF00;*/
    width: 428px;
    height: 76px;
    padding-top: 55px;
    padding-left: 15px;
}
.DropBut
{
    /*border: 1px solid #000000; /*font-family: Arial;
    font-size: 12px;
    color: #666666;*/
    height: 22px;
    width: 47px;
    vertical-align: bottom;
}

.CustPanel
{
    /*border: 1px solid #000000;*/
    width: 460px;
    padding-left: 10px;
}
.CustLev
{
    /*border: 1px solid #FF0000;*/
    font-family: Arial;
    font-size: 12px;
    color: #666666;
    width: 385px;
    height: 50px;
}
.CustLev .cust
{
    /*border: 1px solid #FFFF00;*/
    width: 130px; /*ska vara 120px*/
    float: left;
    text-align: left;
    margin-top: 18px;
    margin-bottom: 10px;
    margin-left: 18px;
}
.CustLev .lev
{
    /*border: 1px solid #00FF00;*/
    width: 230px; /*ska vara 255px*/
    float: left;
    text-align: left;
    margin-top: 18px;
    margin-bottom: 10px;
}

/***Meny***/
.MenyBox
{
  	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
    width: 155px;
    margin-top: 100px;
    float:right;
    text-align:left;
}

/***Undersidor***/
/*.Rubrik
{
	font-family:"Trebuchet MS";
	font-size:24px;
	font-weight:bold;
	/*color:#99c400;
    color:#5c803e;
	padding-top:5px;
	padding-bottom:5px;
}*/

.RuR
{	
	font-family:"Trebuchet MS";
	font-size:10pt;
	font-weight:bold;
	color:#666666;
	padding-left:6px;
	padding-top:5px;
}
.Rubrik
{
    /*font-family: Arial;*/
    font-family: "Trebuchet MS";
    font-size: 26px;
    color: #90c400;
    font-weight: bold;
    margin-bottom: 10px;
}

.Urubrik
{
    /*font-family: Arial;*/
    font-family: "Trebuchet MS";
    font-size: 16px;
    color: #90c400;
    font-weight: bold;
    margin-bottom: 5px;
}
.Text
{	
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
/*.Rtext
{	
	font-family:Arial;
	font-size:12px;
	color:#666666;
}*/
/***Result List***/
.ResList
{
    font-family: "Trebuchet MS";
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
    width: 380px;
}	
.Pager
{
    /*border: 0px solid #000000;*/
    font-family: Arial;
    width: 460px;
    text-align: left;
    color: #000000;
    letter-spacing: 2px;
    text-decoration: none;
    margin-bottom: 10px;
}
.Footer
{
    /*border: 1px solid #FFFF00;*/ /*width: 740px;*/
    width: 900px;
    height: 25px;
    text-indent: 405px;
    margin-top: 5px;
}
.modalBackground
{
    background-color: Gray;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;



}
.TipBox
{
    /*background-color: #000000;*/
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 0px;
    border: 0px solid #000000;
    width: 290px;
    height: 278px;
    /* changes */
	position:relative;
    background-color: #FFFFFF;
}
.TipBox .Pos
{
	margin:auto;
    padding-top: 15px;
    width: 250px;
}
.TipBox .Rub
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: left;
    color: #90c400;
}
.TipBox .Led
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 1px;
    text-align: left;
    margin-left: 2px;
    color: #000000;
}
.TipBox .LedE
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 15px;
    text-align: left;
    margin-left: 2px;
    color: #000000;
}
.TipBox .Palinput
{
    width: 240px;
    margin-bottom: 5px;
    text-align: left;
}
.TipBox .Bottom
{
    width: 290px;
    height: 18px;
    /*background-color: #000000;*/
    margin-top: 22px;
    text-align: right;
    /* changes */
	position:absolute;
	top:100%;
	margin-top:-18px;
	background-color: #000000;
}
.TipBox .Bottom .But
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    margin-right: 5px;
}
.KonBox
{
    border: 0px solid #000000;
    width: 400px;
    height: 493px;
    background-color: #FFFFFF;
    /* changes */
	position:relative;
}
.KonBox .KonPos
{
    padding-top: 15px;
    width: 350px;
	margin-left:auto;
	margin-right:auto;
}
.KonBox .KonRub
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #90c400;
    text-align: left;
    margin-left: 2px;
}
.KonBox .Info
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 15px;
    color: #000000;
    text-align: left;
    margin-left: 2px;
}
.KonBox .KonRub2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #90c400;
    text-align: left;
    margin-left: 2px;
}
.KonBox .KonLed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 1px;
    color: #000000;
    text-align: left;
    margin-left: 2px;
}
.KonBox .Koninput
{
    width: 340px;
    margin-bottom: 5px;
    text-align: left;
}
.KonBox .KonLedM
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 15px;
    color: #000000;
    text-align: left;
    margin-left: 2px;
}
.KonBox .KoninputM
{
    width: 340px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: left;
}
.KonBox .KonBottom
{
    width: 400px;
    height: 18px;
    background-color: #000000;
    margin-top: 22px;
    text-align: right;
    /* changes */
	position:absolute;
	top:100%;
	margin-top:-18px;
}
.KonBox .KonBottom .KonBut
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    margin-right: 5px;
}