/*
Name: Natural Essence
Date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.

*/


/* default elements */
* {margin: 0; padding: 0;}

#tagcloud { margin-left:8px;}
#tagcloud a {color: #553;/*#3172B4;*/text-decoration: none;}
#tagcloud a:hover {color: #553/*#FF7705;*/ background: #FFFFFF;}


body {
	background: #7C6F5C url(img/bg.gif);
	color: #333333;
	font: normal 62.5% sans-serif;
	padding: 2% 0;
}


a {	text-decoration: none; color: #963;/*#666666;*//*#0066FF;*/}
a:hover {color: #963;}


big {font-size: 1.1em;}

h1,h2,h3 {	color: #666666;	padding: 8px 0 2px;}
h1 {	font: normal 2.0em serif,sans-serif;	font-family: Tahoma;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {	font: normal 1.3em serif,sans-serif;	font-family: Tahoma;	font-weight: bold;}
h3 {	font: bold 1.0em serif,sans-serif;	font-family: Tahoma;}


blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;list-style-type:square;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em 0;}

ul li.artikel { margin-left:15px;}

img.alignleft size-thumbnail wp-image-370{float:left;}

img.alignleft {float: left;text-align: left; margin-left: 0px; margin-right: 10px;}
img.alignright {float: right;text-align: right;margin-left: 10px;margin-right: 0px;}



/* structure */
#wrapper {background: #fbf9f4;/*#fde803;*/margin: 0 auto;	width: 762px;}

#container {
	background: #fbf9f4;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

/* header */
.title {background: #fbf9f4;}
.title a img{margin:0 0 0 600px;padding: 6px 0 0 0;}
.title h1 {	color: #441;	font: normal 2.2em Tahoma;	padding: 10px 0 10px 18px;}

.header {
	background: #DAD7C5 url(img/header2.jpg);
	height: 150px;
}

/* navigation */
.navigation {
	background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;
	border-top: 1px solid #996;
}

.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
  text-decoration:none;
}

.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

/* main */
.main#two-columns {background: #fbf9f4;}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {	background: #fbf9f4;	color: #EED;	padding: 10px;  border-top: 1px solid #e3e3d5;}
.footer .left {	width: 100%;	color: #999999;  text-align:center;}
.footer a {	color: #999999;	text-decoration: none;}
.footer a:hover {	color: #555533;	text-decoration: underline;}
.footer .left p a.fburner img{ width:90px; margin: -28px -60px 0 0px; float:right;}
.footer .left p { width:380px; margin: -5px 0 0 130px; }

/* gallery */
.gallery td {vertical-align: top;	text-align: center;}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {	width: 66%;}
.col2 .right .content {background: #FFF;border-left:1px solid #e3e3d5;}
.col2 .right {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}

/* block list */
ul.block {
	/*border-top: 1px dashed #BCBAAC;*/
	margin: 4px 0;
	padding: 0;
	width: 90%;
}

.block li {	/*border-bottom: 1px dashed #BCBAAC;*/	list-style: none; margin-left:3px;}
.block li a,.block li em {	color: #553;	display: block;}
.block li em {	font-size: 0.9em;	font-style: normal;}
.block li a {	padding: 4px 3%;	text-decoration: none;	width: 94%; font-size:0.9em;}
.block li a span {font-weight: bold;}
.block li a:hover {background: #FFFFFF;/*#D2D0C0;*/	color: #666;/*#553;*/}

.block-solarhaus li {	list-style: none; margin-left:3px;}
.block-solarhaus li a,.block li em {	color: #666;	display: block; font-weight: bold;}
.block-solarhaus li em {	font-size: 0.9em;	font-style: normal;}
.block-solarhaus li a {	padding: 4px 3%;	text-decoration: underline;	width: 94%; font-size:0.9em;}
.block-solarhaus li a span {font-weight: bold;}
.block-solarhaus li a:hover {background: #FFFFFF;/*#D2D0C0;*/	color: #666;/*#553;*/}
.block-solarhaus p.subtitle{ color: #553; width:180px; margin: -5px 0 0 0px; padding: 0 0 5px 5px; font-size:0.9em; line-height:1.2em;}

.block-solartechnik li {	list-style: none; margin-left:3px;}
.block-solartechnik li a,.block li em {	color: #666;	display: block; font-weight:bold;}
.block-solartechnik li em {	font-size: 0.9em;	font-style: normal;}
.block-solartechnik li a {	padding: 4px 3%;	text-decoration: underline;	width: 94%; font-size:0.9em;}
.block-solartechnik li a span {font-weight: bold;}
.block-solartechnik li a:hover {background: #FFFFFF;/*#D2D0C0;*/	color: #666;/*#553;*/}
.block-solartechnik p.subtitle{ color: #553; width:180px; margin: -5px 0 0 0px; padding: 0 0 5px 5px; font-size:0.9em; line-height:1.2em;}

.block-solarzellen li {	list-style: none; margin-left:3px;}
.block-solarzellen li a,.block li em {	color: #666;	display: block; font-weight:bold;}
.block-solarzellen li em {	font-size: 0.9em;	font-style: normal;}
.block-solarzellen li a {	padding: 4px 3%;	text-decoration: underline;	width: 94%; font-size:0.9em;}
.block-solarzellen li a span {font-weight: bold;}
.block-solarzellen li a:hover {background: #FFFFFF;/*#D2D0C0;*/	color: #666;/*#553;*/}
.block-solarzellen p.subtitle{ color: #553; width:180px; margin: -5px 0 0 0px; padding: 0 0 5px 5px; font-size:0.9em; line-height:1.2em;}

.block-solarkosten li {	list-style: none; margin-left:3px;}
.block-solarkosten li a,.block li em {	color: #666;	display: block; font-weight:bold;}
.block-solarkosten li em {	font-size: 0.9em;	font-style: normal;}
.block-solarkosten li a {	padding: 4px 3%;	text-decoration: underline;	width: 94%; font-size:0.9em;}
.block-solarkosten li a span {font-weight: bold;}
.block-solarkosten li a:hover {background: #FFFFFF;/*#D2D0C0;*/	color: #666;/*#553;*/}
.block-solarkosten p.subtitle{ color: #553; width:180px; margin: -5px 0 0 0px; padding: 0 0 5px 5px; font-size:0.9em; line-height:1.2em;}

.block-beitrag { margin-left: 8px; }
.block-beitrag li {	list-style: none;}
.block-beitrag li a,.block li em {	color: #666666;/*#553;*/	display: block;}
.block-beitrag li em {	font-size: 1em;	font-style: normal;}
.block-beitrag li a {	/*padding: 4px 3%;*/	text-decoration: underline;	width: 98%; font-size:12px; font-weight:bold;}
.block-beitrag li a span {font-weight: bold;}
.block-beitrag li a:hover {background: #FFFFFF;/*#D2D0C0;*/	color: #666;/*#553;*/}
.block-beitrag p.subtitle{ color: #553; width:180px; margin: -5px 0 0 0px; font-size:0.9em; line-height:1.2em;}
.block-beitrag span { color: #553; width:180px; margin-bottom: 25px; font-size:0.9em; /*line-height:0.4em; */}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #FFFFFF; /*#F2F0EA;*/}


/* sidebar */
#ad-start{
  width:200px;
  height:200px;
  margin: -15px 0 0 0;
  /*border:1px solid red;*/
}

#ad-artikel{}
#sidebar h2 { margin-left: 8px;}


/* solarverzeichnis */
  #mapde {width:448px;height:400px;background: url(mapDE.gif) no-repeat;padding:0;position:relative;border: 2px solid #999;}
  #mapde li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
  #mapde a {display: block !important; text-indent: -9999px; text-decoration: none;}
  
  #sh {left: 168px; top: 18px; width: 69px; height: 72px; z-index: 50;}
  #th {left: 203px; top: 176px; width: 81px; height: 64px;}
  #bw {left: 117px; top: 266px; width: 97px; height: 98px;}
  #mvp {left: 227px; top: 44px; width: 108px; height: 61px;}
  #he {left: 136px; top: 176px; width: 72px; height: 99px;}
  #ni {left: 108px; top: 68px; width: 139px; height: 119px;}
  #sac {left: 265px; top: 176px; width: 93px; height: 64px;}
  #rlp {left: 78px; top: 208px; width: 72px; height: 89px;}  
  #bb {left: 252px; top: 92px; width: 97px; height: 95px;}
  #berlin {left: 300px; top: 128px; width: 17px; height: 11px;}
  #nrw {left: 78px; top: 132px; width: 106px; height: 97px;}
  #bay {left: 172px; top: 229px; width: 153px; height: 147px;}  
  #sa {left: 224px; top: 110px; width: 77px; height: 92px;}
  #sar {left: 84px; top: 268px; width: 33px; height: 21px;}
  
  #sh a {height: 72px;}
  #th a {height: 64px;}
  #bw a {height: 98px;}
  #mvp a {height: 61px;}
  #he a {height: 99px;}
  #ni a {height: 119px;}
  #sac a {height: 64px;}
  #rlp a {height: 89px;}
  #bb a {height: 95px;}
  #berlin a {height: 11px;}
  #nrw a {height: 97px;}
  #bay a {height: 147px;}
  #sa a {height: 92px;}
  #sar a {height: 21px;}
    
  #sh a:hover {background: url(mapDE.gif) -168px -818px no-repeat;}
  #th a:hover {background: url(mapDE.gif) -203px -976px no-repeat;}
  #bw a:hover {background: url(mapDE.gif) -117px -1065px no-repeat;}
  #mvp a:hover {background: url(mapDE.gif) -227px -444px no-repeat;}
  #he a:hover {background: url(mapDE.gif) -136px -576px no-repeat;}
  #ni a:hover {background: url(mapDE.gif) -108px -2067px no-repeat;}
  #sac a:hover {background: url(mapDE.gif) -265px -2175px no-repeat;}
  #rlp a:hover {background: url(mapDE.gif) -78px -2207px no-repeat;}
  #bb a:hover {background: url(mapDE.gif) -252px -1294px no-repeat;}
  #berlin a:hover {background: url(mapDE.gif) -300px -1328px no-repeat;}
  #nrw a:hover {background: url(mapDE.gif) -78px -1333px no-repeat;}
  #bay a:hover {background: url(mapDE.gif) -172px -1429px no-repeat;}
  #sa a:hover {background: url(mapDE.gif) -224px -2509px no-repeat;}
  #sar a:hover {background: url(mapDE.gif) -84px -2668px no-repeat;} 

  textarea{width:455px;}