/*Ecoplug CSS Document */

* { margin: 0; padding: 0; }

body { padding: 20px 0 30px 0;widt:100%; }
h2 { margin: 1em 0; clear: left; }

h3 {  margin-top: 1em; } 
p.left{width:30%;float:left;text-align:left;}
p.right{width:30%;float:right;text-align:right;}
#content { position: relative; width: 100%;height:100%; overflow: auto; }
#logo img { display: block; }
#logo h3{margin-top:0;}
#maincontent { position: relative; float: right; width: 60%; right: 8%; }
#maincontent .intro p{ padding: 4px 35px 4px 15px; }
#maincontent .intro img{width:98%;clear:both;padding:1%;}
#maincontent .intro div{clear:both;height:2em;}
h1,
#maincontent p,
#maincontent h2,
#maincontent h3,
#maincontent h4,
#maincontent ul,
#maincontent dl,
#maincontent dd,
#maincontent table{ padding: 0 15px; }
#sidebar { position: relative; float: left; width: 24%; left: 2%; }
#sidebar #navigation { position: relative; overflow: visible; }
#sidebar #navigation ul { position: static; }
#sidebar #navigation ul li a{display:block;}
#sidebar #navigation li { display: block; padding: 5px 5px 5px 10px; }
#sidebar li ul{padding-left:35px;}
#contact address p{width:50%;float:left;font-size:0.9em;}
#contact address img{float:right; position: static;padding:2px;border:1px solid #84766D}
#contact div{clear:both;border-bottom:1px solid #371b0d;margin-bottom:10px;padding-bottom:5px;}
#contact h4{font-weight:bold;}

#hur p{width:40%;float:left;font-size:0.9em;}
#hur img{padding:2px;border:1px solid #84766D;clear:both;}
#hur div{clear:both;border-bottom:1px solid #371b0d;margin-bottom:10px;padding-bottom:5px;}


div.withimg img{float:right;position: static;padding:2px;border:1px solid #84766D;margin:3px;}
div.withimg{border-bottom:1px solid #371b0d;margin-bottom:10px;}
/*TYPOGRAPHY*/
* { font-weight: normal; font-style: normal; text-decoration: none; text-indent: 0; }
body { font-family:Georgia, "Times New Roman", Times, serif; }
body * { font-size: 100.01%; line-height: 1.5; }
img{ border: 0px none; }
a { text-decoration: underline; }
h2 { font-size: 1.4em; line-height: 1.0; }
h3, dt { font-size: 1.2em; }
h4{ font-size: 1.0em; }
strong { font-weight: bold; }
#maincontent p,
#maincontent ul { margin-bottom: 1.2em; }
#maincontent dd{list-style:circle;}
#maincontent .intro { font-size: 1.0em; }
#maincontent .intro p { line-height: 1.0; margin-bottom:0.4em; }
#sidebar #navigation ul { list-style: none; margin:0;}
#sidebar #navigation li { font-size: 1.0em; line-height: 1em;}
#sidebar #navigation li a { text-decoration: none;}
#sidebar #navigation li a.here {font-weight: bold;}
#maincontent .intro ul {margin:1em 0;}
#maincontent .intro ul li{display:inline;list-style:none;padding: 2px 5px;}


sup{font-size:0.7em}
address{font-size: .8em;}
.clear{clear:both;border:none;}

/*COLORS*/
body { color: #371b0d; }
a:link { color: #369;}
a:visited {color: #969;}
a:hover {color: #c60;}
a:active {color: #930;}
h2, h3, h4{color: #371b0d;}
#maincontent .intro {background: #FEECA9;color:#333;}
#sidebar #navigation {color: #666;background: #F1F6E4;}
#sidebar #navigation ul li a{border-bottom: 1px solid #ccc;}
#sidebar #navigation ul li a, p.right, p.left {color:#371b0d;}
#sidebar #navigation ul li a:hover {color: #8a1;}
span.obs{color:#c60;font-weight:bold;}
body#produkt p{font-size:0.8em;}