@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	background:url(../_images/_layout/backgrounds/background-body.jpg) repeat-x #ffffff;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}

sub {
	font-size:9px;
}

sup {
	font-size:11px;
}

img {
	border:none;
}

.clear { clear: both; height: 1px; line-height: 1px; padding: 0px; margin: 0px; }

.logo_Print {
	display:none;
}

#wrapper {
	margin:auto;
	width:980px;
	background: #fff;
	border: 1px solid #AAA;
	border-top:none;
	padding:29px 5px 10px;
	position:relative;
}

/* ====================================================
===                    HEAD                         ===
==================================================== */

#head { 
	position:relative;
}

#head a.home {
	text-decoration:none;
	position:absolute;
	width:195px;
	height:50px;
	display:block;
	top:116px;
	right:0;
}
* html #head a.home {
	right:28px;
}

#head a.home img {
	width:195px;
	height:50px;
}

#suche {
	position:absolute;
	top:-24px;
	left:-5px;
	height:auto;
}

* html #suche {
	left: -13px;
}	

*:first-child+html #suche {
	left:-12px;
}

#search_submit {
	background:none;
	border:none;
	font-size:12px;	
	margin:0;
	padding:0 0 0 5px;
}

#search_text {
	border: 1px solid #7F9DB9;
	font-size:12px;
	width:137px;
	height:16px;
}

#head-stoerer  {
	position: absolute;
	font-size: 12px;
	width: 343px;
	height: 46px;
	left: -5px;
	top: 10px;
	padding: 5px 10px 0 27px;
	background: url(../_images/_layout/header/stoerer-subpages.jpg);
	color: #000;
	line-height:150%;
}

#head-stoerer a {
	text-decoration: none;
	color:#000;
}

#head-headline {
	position: absolute;
	font-size: 17px;
	width: 750px;
	left: 22px;
	top: 74px;
	color:#fff;
}

#head-headline b {
	font-size: 27px;
}

/* ====================================================
===                   NAVIGATION                    ===
==================================================== */

#navigation {
	clear:both;
	padding:0;
	position:relative;
	margin-top:2px;
}

#navigation ul {
	list-style-type:none;
	margin-left:15px;
}

#navigation li { 
	width: 130px;
	height:23px;
	display:block;
	float:left;
	margin-left:5px;
}
#navigation li.last {
	margin-right:0;
}

#navigation a {
	text-decoration:none;
	width: 130px;
	height:23px;
	display:block;
	background:#819420;
	text-align:center;
	line-height:21px;
	font-size:12px;
	color:#fff;
}

#navigation a:hover,
#navigation a.aktiv {
	background:#1f5e7f;
}

.dekor {
	position:absolute;
	top:0px;
	width:15px;
	height:23px;
	display:block;
	background:#819420;

}

.links {
	left:0;
}

.rechts {
	right:0;
}

/* ====================================================
===                     SIDEBAR                     ===
==================================================== */
#sidebar { 
	clear:both;
	padding-top:5px;
	float:left;
	width: 190px;
}

#sidebar ul {
	list-style-type:none;
	font-size:12px;
	margin-bottom:10px;
}

#sidebar li {
	width:190px;
	#height:23px;
	display:block;
	margin-bottom:5px;
}

#sidebar li a { 
	color:#000;
	line-height:23px;
	text-decoration:none;
	width:181px;
	#height:100%;
	display:block;
	background:#D5D7A2;
	padding-left:9px;
}
#sidebar li a:hover,
#sidebar li a.aktiv {
	background:#1f5e7f;
	color:#ffffff;
}

/* ====================================================
===                     TEASER                     ===
==================================================== */

.teaser {
	width:190px;
	display:block;
	#float:left;
	background:#D4D6A0;
	margin-bottom: 15px;
}

.teaser img.rounded_Corner {
	border:none;
	display:block;
	float:left;
}

.teaser h3 {
	height:20px;
	width:172px;
	display:block;
	float:left;
	padding:2px 9px 0 9px;
	color:#ffffff;
	background: #618029;
	font-size:14px;
	font-weight:bold;	
}

.teaser h3 a {
	color:#ffffff;
	text-decoration: none;
}

.teaser img {
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

.teaser p {
	padding:9px;
	font-size:12px;
	color:#000;
}

a.teaser_Button {
	background-image:url(../_images/_layout/backgrounds/background-teaser-button.jpg);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:170px;
	height:33px;
	display:block;
	margin:auto;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height:28px;
	padding:2px 5px;
}

a:hover.teaser_Button {
	background-position:0 0;
}

/* ====================================================
===                     TEASER  small               ===
==================================================== */

.teaserboxen {
	margin: 25px 0 70px 0; 
}

.teaserboxen .last {
	margin-right: 0;
}

.teaser_small {
	width:150px;
	display:block;
	float:left;
	margin-right:10px;
	background:#D4D6A0;
}

.teaser_small img.rounded_Corner {
	border:none;
	display:block;
	float:left;
}

.teaser_small h3 {
	height:20px;
	width:132px;
	display:block;
	float:left;
	padding:2px 9px 0 9px;
	color:#ffffff;
	background: #819420;
	font-size:14px;
	font-weight:bold;	
}

.teaser_small h3 a {
	color:#ffffff;
	text-decoration: none;
}

.teaser_small_Content {
	width:150px;
	background:#D4D6A0;
}

.teaser_small img {
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

#content_wide .teaser_small p {
	padding:9px;
	font-size:12px;
	color:#000;
	height:45px;
	line-height:1.2em;
}

a.teaser_small_Button {
	background-image:url(../_images/_layout/backgrounds/background-teaser_small-button.jpg);
	background-repeat:no-repeat;
	background-position:0 -37px;
	width:130px;
	height:33px;
	display:block;
	margin:auto;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height:28px;
	padding:2px 5px;
}

a:hover.teaser_small_Button {
	background-position:0 0;
}
 * html a:hover.teaser_small_Button {
 	background-image:url(../_images/_layout/backgrounds/background-teaser_small-button_hover.jpg);
	background-position:0 -37px;
}


/* ====================================================
===                     CONTENT                    ===
==================================================== */

#content {
	width:560px;
	float:left;
	display:block;
	padding:25px 0 25px 20px;
	font-size:12px;
}

#content h1,
#content_wide h1 {
	font-size:18px;
	font-weight:normal;
	color:#000;
	padding-bottom:20px;
}

#content h2,
#content_wide h2 {
	font-weight:normal;
	font-size:14px;
	position:relative;
	top:-20px;
}
#content a {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}
#content a:hover {
	border-bottom:none;
}

#content p,
#content_wide p {
	padding-bottom:13px;
	line-height:18px;
}

#content ul {
	list-style-type:square;
	padding: 0 28px 13px 25px;
}

#content ul li {
	margin-bottom:5px;
}

#content ol {
	padding: 0px 0px 0px 20px;
}

#content ol li {
	margin-bottom:5px;
}

#content ol li .indent { margin-left: 0px; }

#content .img_Left {
	float:left;
	padding: 3px 11px 11px 0;
}

#content_wide {
	clear:both;
	margin:auto;
	width:630px;
	padding:25px 29px 0 29px;
	font-size:12px;
}

#content hr {
	height:1px;
	background:#fff;
	border:none;
	border-bottom:1px dashed #bbb;
	margin-bottom:13px;
}
#content hr.break {
	clear:both;
	padding-top:13px;
	margin-bottom:26px;
}

#content .trenner {
	display:block;
	clear:both;
	height:30px;
}

#content dt {
	width:105px;
	float:left;
}

#content dd {
	font-weight:bold;
	line-height:18px;
}

#content .smallform { 
	width:300px;
	float:left;
}

#content .formular table {
	font-size:12px;
	width:100%;
	margin-top:2px;
	border-collapse:collapse;
}
#content .formular label,
#content .formular input {
	margin: 18px 0 0 0;
}

#content .formular label {
	width:100px;
	float:left;
	clear:left;
	padding: 2px;
}

#content .formular input,
#content .formular textarea {
	float:left;
	width:178px;
	height:16px;
	border: 1px solid #829DBA;
	padding: 2px;
}

#content .formular textarea {
	height: 100px;
	margin-top: 20px;
}

#content input.checkbox {
	position:relative;
	top:2px;
	border:none;
}

#content input.button {
	border:none;
	background:#fff;
	background-image:url(../_images/_layout/backgrounds/background-content-button.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:180px;
	height:33px;
	display:block;
	margin:auto;
	padding:2px 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-align:left;
	float:none;
	cursor: pointer;
}

#content .tx-tarifrechner-pi1 .formular input.button {
	display: inline;
}

#content input#submit_left {
	float:left;
	margin-top:20px;
}

#content table.kostenuebersicht {
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	margin-bottom:20px;
} 
#content table.kostenuebersicht th {
	font-weight:bold;
	text-align:left;
	padding: 2px 0 2px 5px;
	border:1px solid #fff;
	border-left:none;

}
#content table.kostenuebersicht tr.odd {
	background-color:#D4D7A2;
}
#content table.kostenuebersicht tr.even {
	background-color:#AFB376;
}
#content table.kostenuebersicht td {
	border:1px solid #fff;
	border-left:none;
	padding: 2px 0 2px 5px;
}

#content table.kostenuebersicht td.first_Col {
	width:208px;
	font-weight: bold;
}
#content table.kostenuebersicht td.second_Col {
	width:175px;
	font-weight: bold;
}
#content table.kostenuebersicht td.third_Col {
	font-weight: bold;
}


#content .hinweis {
	font-size:11px;
	color:#000;
	display:block;
	padding:15px 0px;
	float:left;
	width:275px;
}

#content .error,
#content .error_Top {
	font-size:11px;
	color:#f00;
	display:block;
	padding:15px 0 0 0;
	float:left;
	width:252px;
	line-height:19px;
	color:#f00;
	padding-left:23px;
	background-image:url(../_images/_layout/icons/achtung.jpg);
	background-repeat:no-repeat;
	background-position: 0 14px;
}
#content .error_Top {
	float:none;
	width:90%;
}
#content .error img {
	vertical-align:text-bottom;
	position:relative;
	top:2px;
}

#content .kunden-werben-kunden ,
#content .kontaktformular,
#content .serviceform {
	width:395px;
	clear:both;
	padding-bottom:20px;
}

#content .kunden-werben-kunden label,
#content .kontaktformular label,
#content .serviceform label {
	font-weight:bold;
	clear:left;
	float:left;	
	width:120px;
	margin: 8px 0;
}

#content .kunden-werben-kunden input,
#content .kontaktformular input,
#content .kontaktformular select,
#content .serviceform input,
#content .serviceform select {
	float:left;
	margin:6px 0;
	width:265px;
	border:1px solid #829DBA;
}

#content .kontaktformular textarea,
#content .serviceform textarea {
	float:left;
	margin:6px 0;
	width:265px;
	border:1px solid #829DBA;
	height: 100px;
}

#content .kunden-werben-kunden input.medium {
	width: 200px;
}

#content .kunden-werben-kunden input.short{
	width: 55px;
}

#content .kunden-werben-kunden input.left{
	margin-right: 8px;
}


#content .kunden-werben-kunden input.checkbox {
	border:none;
	width: 17px;
	float:none;
	margin:0;
	left:-2px;
}

#content .kunden-werben-kunden input.radio {
	float:none;
	border:none;
	width:15px;
	margin:0;
	position:relative;
	top:2px;
	left:-2px;
	margin-right:5px;

}
#content .kunden-werben-kunden label.radio {
	float:none;
	font-weight:normal;
}

#content .kunden-werben-kunden input.button,
#content .kontaktformular input.button,
#content .serviceform input.button {
	border:none;
	float:right;
	width:180px;
	margin-right:8px;
}

#content .box_Bild_links {
	clear:both;
	position:relative;
	background:#fff;
	margin-bottom:25px;
}

#content .aussendarstellung {
	height:160px;
}

#content .box_Bild_links h3 {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}
#content .box_Bild_links img {
	float:left;
	margin-right:12px;
	position:relative;
	top:2px;
	left: 0px;
	display:block;
}

#content .box_Bild_links p{
	padding:0;
	margin:0;
	clear:both;
}

#content .box_Bild_links p.bodytext{
	padding:0;
	margin:0;
	clear:none;
}

#content .box_Bild_links a {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}

#content .box_Bild_links ul{
	padding-bottom: 0px;
	width: 355px;
	float: left;
}

#content .box_Bild_links a:hover {
	border-bottom:none;
}

#content .box_block {
	float:right;
	display:block;
	width:420px;
}

#content a.linkbutton {
	border:none;
	background:#fff;
	background-image:url(../_images/_layout/backgrounds/background-content-button.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:180px;
	height:33px;
	display:block;
	padding:2px 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	line-height:28px;
}

#content a:hover.linkbutton {
	background-position:0 -37px;
}

#content a.smalllinkbutton {
	border:none;
	background:#fff;
	background-repeat:no-repeat;
	background-position:0 0px;
	height:30px;
	display:block;
	float: left;
	padding:2px 5px 0px 35px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#62802a;
	text-decoration:underline;
	line-height:20px;
	margin-right: 20px; 
}

#content a:hover.smalllinkbutton {
}

#content a.right {
	float:right;
}

#content table.ww_bestellen td {
	padding: 10px 0;
}


#content p.error_Box {
	position:relative;
	clear:both;
	padding-top:20px;
}

/* ====================================================
===                     COL_RIGHT                   ===
==================================================== */

#col_right {
	width:190px;
	float:right;
	padding-top:5px;
	font-size:12px;
}

div.teaser_universal {
	margin-bottom:15px;
	background:#d3d69f url(../_images/_layout/backgrounds/background-teaser-top.gif) no-repeat left top;
}

div.teaser_universal  p {
	padding-bottom:13px;
}

div.teaser_universal div {
	padding:12px 25px 10px 25px;
	background:url(../_images/_layout/backgrounds/background-teaser-footer.jpg) no-repeat left bottom;
}

div.teaser_universal div p img {
	margin-left:-12px;
	margin-bottom:-13px;
}

/* ====================================================
===                     FOOTER                      ===
==================================================== */

#footer {
	clear:both;
	text-align:center;
	font-size:12px;
	padding-top:5px;
	position:relative;
}

#footer a {
	color:#000;
	text-decoration:none;
	margin: 0 3px;
}

#footer a:hover {
	
	text-decoration: underline;
}

/* ====================================================
===                    BOOKMARKS                    ===
==================================================== */
#social_bookmarks {
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:-87px;
	right:40px;
	border:2px solid #d4d6a0;
	padding:5px;
	padding-bottom:0;
	padding-right:0;
	width:178px;
	background:#fff;
	display:none;
}
* html #social_bookmarks {
	right:65px;
}

#social_bookmarks a#sb_close {
	font-size:10px;
	line-height:10px;
	display:block;
	text-align:right;
	margin-right:7px;
	margin-bottom:8px;
}
#social_bookmarks a:hover#sb_close {
	color: #4b6d16;
}

#social_bookmarks a#sb_close span {
	border:1px solid #000;
	padding:0 2px;
	font-weight:bold;
	color:#4b6d16;

}

#social_bookmarks a {
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	margin:0;
	padding:0;
}
#social_bookmarks a:hover {
	border-bottom:none;
}
#social_bookmarks img {
	border:0;
	padding:0;
	margin:5px;
	margin-left:0;
	margin-top:0;
}

/* ====================================================
===                    Allgemeines                  ===
==================================================== */

.bold {
	font-weight: bold;
}

.indent {
	margin-left: 20px;
}

.hide {
	display: none;
}

tr th {
	text-align: left;
}

.kontaktformular select option{
	font-size: 12px;
	font-weight: bold;
}

.kontaktformular select option.inside_contactform  {
	padding-left: 20px;
	font-weight: normal;
}

h3.other-things {
	font-weight: bold;
	font-size: 14px;
}

.teaser .bookmarklist {
	position:relative;
	left: 10px;
	top: 0px; /* -10px */
  padding: 10px 0px 10px 0px;
}

.teaser .bookmarklist a { border-bottom: 0px; text-decoration: none; }

.teaser .bookmarklist img {
	border: none;
}

.homeBookmarks {
	padding: 10px 0px 5px 0px;
	border: 1px solid #AAAAAA;
	border-left: none;
	border-right: none;
	width: 990px;
	position: relative;
	left: -5px;
	top: 0px; 
	margin-bottom: 10px;
}

.homeBookmarks span {
	position: relative;
	left: 0px;
	top: -5px;
}

/* ====================================================
===                     GLOSSAR                     ===
==================================================== */


#content .glossarAnchors {
	margin: 10px 0 20px 0;
}

#content .glossarAnchors a {
	padding: 0 3px;
	border-bottom: none;
}

#content .glossar, #content .glossarsub {
	list-style-type: none;
	padding: 0px;
}

#content .glossar li {
	margin-bottom: 2px;
}

#content .glossarsub {
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
}

#content .glossarsub a, #content .glossar a {
	border-bottom: none;
	text-decoration: underline;
	
}

#content .glossarsub a:hover, #content .glossar a:hover {
	text-decoration: none;
	
}

#content .glossar-backlink {
  margin-bottom: 20px;
}

#content .glossar-backlink a {
  padding-left: 20px;
  background: url(../_images/backarrow.jpg) no-repeat 0 2px;
  border-bottom: none;
}

#content .glossar-backlink a:hover {
  text-decoration: underline;
}

.bonuskasten {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #D4D7A2;
}

/** TWITTER **/
#twitter_div {
	background: url('../_images/twitterBG.png') top left no-repeat;
	font-size: 0.9em;
	margin-top:10px;
	padding: 30px 10px 10px 5px;
	border-bottom: 1px solid #618029;
	width: 530px;
}

#twitter_update_list {  list-style: none; padding: 10px !important; }
#twitter-link { padding: 20px 20px 10px 0px; border-bottom: none !important; text-align:right; display: block; font-weight: bold; }

#twitter_div ul li {
	list-style: none;
	color: #282828;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #618029;
	margin-bottom: 5px;
	padding: 5px 0px 10px 0px;
}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #000000;
	margin: 0px 0px 0px 5px;
}
 
#twitter_div ul li a:hover {
	text-decoration: none;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}

/* ====================================================
===                     Home                        ===
==================================================== */

#wrapper.home #head #head-stoerer  {
	background: url(../_images/_layout/header/stoerer-home.jpg);
}

#wrapper.home #content_wide {
	width:980px;
	height:455px;
	padding:0;
	margin:0;
	background:#fff url(../_images/_layout/backgrounds/background-home.jpg) 0 5px no-repeat;
}

#wrapper.home #content_wide .teaserboxen {
	margin:0;
	padding:72px 0 0 40px;
}

#wrapper.home #content_wide .teaser_small {
	background:none;
	margin:0;
	padding-right:25px;
	width:180px;
}

#wrapper.home #content_wide .teaser_small img {
	border:0;
}

#wrapper.home #content_wide .teaser_small img.rounded_Corner {
	display:none;
}

#wrapper.home #content_wide .teaser_small p {
	height:150px;
}

#wrapper.home #content_wide .teaser_small h3 {
	background:0 0 no-repeat;
	padding:6px 0 2px;
	width:180px;
	text-align:center;
}

#wrapper.home #content_wide .teaser_small.blue h3 {
	background-image:url(../_images/_layout/backgrounds/background-teaser-home-blue.png);
}

#wrapper.home #content_wide .teaser_small.green h3 {
	background-image:url(../_images/_layout/backgrounds/background-teaser-home-green.png);
}

#wrapper.home #content_wide .teaser_small a.teaser_small_Button {
	background:0 -33px no-repeat;
	width:150px;
	height:31px;
	padding:2px 0 0 10px;
}

#wrapper.home #content_wide .teaser_small.blue a.teaser_small_Button {
	background-image:url(../_images/_layout/backgrounds/button-home-blue.gif);
}

#wrapper.home #content_wide .teaser_small.green a.teaser_small_Button {
	background-image:url(../_images/_layout/backgrounds/button-home-green.gif);
}

#wrapper.home #content_wide .teaser_small a.teaser_small_Button:hover {
	background-position:0 0;
}

/* ====================================================
===                     sonstiges                   ===
==================================================== */

/** LOGIN FE-LOGIN  **/
.tx-felogin-pi1 { }
.tx-felogin-pi1 .error { float: none !important; margin-bottom: 10px !important; }
.tx-felogin-pi1 div { padding: 0px 0px 10px 0px; }
.tx-felogin-pi1 fieldset legend { padding: 0px 0px 10px 0px; font-weight: bold; }
.tx-felogin-pi1 fieldset { border: 0px solid #fff; }
.tx-felogin-pi1 input { border: 1px solid #829DBA; }

/** Mister-Wong Feed*/
.rss_feed_item { position: relative; float:left; width: 500px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #819420; padding: 0px 10px 10px 0px; }
.rss_feed_content { float: left; position: relative; top: 0px; left: 95px; margin-bottom: 10px; width: 405px; }
.rss_feed_item_image { position: absolute; top:0px; left: 0px; float: left; width: 80px; height: 60px; overflow: hidden; margin: 0px 20px 0px 0px; border: 1px solid #819420; }
.rss_feed_item_image a { text-decoration: none !important; border: 0px !important;}
.rss_feed_item_title { font-weight: bold; text-decoration: none; border-bottom: 0px !important; }
.rss_feed_item_title a { text-decoration: none !important; border-bottom: 0px !important; }
.rss_feed_item_metadata { color: #1f5e7f; text-decoration: none; border-bottom: 0px !important; margin: 0px 0px 5px 0px;}
.rss_feed_item_metadata a { color: #1f5e7f !important; font-size: 11px; text-decoration: none !important; border-bottom: 0px !important;}
.rss_feed_item_description { font-size: 11px;  }

/** Co2Rechner-Widget **/
.co2rechner_widget { position: relative; height: 600px; }
.co2rechner_widget_iframe { position: absolute; top: 0px; left: 0px; width: 590px; }

/** Energiesparcheck - Widget **/
.energiesparcheck_widget { position: relative; height: 300px; }
.energiesparcheck_widget_iframe { position: absolute; top: 0px; left: 0px; width: 590px; }