@charset "iso-8859-1";

/******************************************************************************/
/*                                                                            */
/*                          Stylesheet fuer Biogas                            */
/*                                                                            */
/*                       Copyright 2008/2009 Sunbeam GmbH                     */
/*                  Autor: rgschulz (e-workers), Joeran Fliege                */
/*                                                                            */
/******************************************************************************/


/******************************** ALLGEMEINES *********************************/
* {
  margin: 0;
  padding: 0;
  border: 0 none;
}

html { height: 100.1%;/* create 'ghostbar' */ }
body {
  background-image: url(../img/main-bg.jpg);
  background-repeat: repeat-x;
  padding-bottom: 1em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 80%;
  line-height: 1.5;
  text-align: center;/*fuer IE*/
  background-color: #fefefe;
  color: #000;
  margin: 0;
  padding: 0;
}
#wrapper {
  position: relative;
  width: 75em;
  margin: 0 auto;
  text-align: left;
}

/* Links */
a, a:visited { text-decoration: none; }
a:hover, a:focus, a:active { border-bottom: 1px solid #649E1A; }
a.ohne {
  text-decoration: none;
  border: 0 none;
}

/* CLEARER */
.clearer {
  clear: both;
}

/* ausblenden weich */
#linkespalte ul em,
#linkespalte ul h6,
#header #textlogo h1,
#header #textlogo h2,
#topmenue h3,
#linkespalte h3,
#footer #footmenuebox h3,
hr,
.invis	{
	position: absolute;
	left: -1900em;
	top: -1200em;
	width: 3em;
}

/* ausblenden hart */
#startseite #linkespalte,
#firma #linkespalte,
#firma #rechtespalte,
#firma-blau #linkespalte,
#firma-gruen #linkespalte,
#firma-orange #linkespalte {
  display: none;
}

/******************************* TEXTFORMATION ********************************/
/* HEADINGS */
#spiegel h1, #spiegel h2, #spiegel h3, #spiegel h4 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background-color: #fefefe;
  color: #666;
  font-weight: normal;
}

#spiegel h1 {
  font-size: 160%;
}
#spiegel h2 {
  margin: 0 0 0.5em 0;
  font-size: 240%;
  color: #649E1A;
  font-family: Georgia, Times, Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #dadada;
}
#spiegel h3 {
  margin: 0 0 1em 0;
  font-size: 130%;
}
#spiegel h4 {
  margin: 0 0 1em 0;
  font-size: 100%;
  font-weight: bold;
}

/* ABSATZFORMATE */
#content p {
  color: #333;
  
  margin: 0 0 1.5em;
}
#content #rechtespalte p {
  margin: 0.5em 0 1em 0;
  font-size: 90%;
}
#content p.topper {
  margin: 2em 0;
}

/* LISTEN */
#content ul {
  list-style: none;
  margin: 0 0 1.5em .5em;
}
#content ul li {
  background-image: url(../img/li-bullet.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
  margin: 0.2em 0;
}
#content ul ul { margin: 0 0 0 1em; }

/* LINKS im CONTENT-BEREICH */
#spiegel a, #backlink a,
#spiegel a:visited, #backlink a:visited {
  background-color: #fefefe;
  color: #649E1A;
  border-bottom: 1px solid #649E1A;
}
#spiegel a:hover, #backlink a:hover,
#spiegel a:focus, #backlink a:focus,
#spiegel a:active, #backlink a:active {
  background-color: #fefefe;
  color: #333;
}

/* zuruecklink auf firmenprofilen nicht in bilder floaten */
#backlink { clear: left; }

/* Zitate, schraeggestellt */
#spiegel em {
  color: #649E1A;
  font-style: italic;
}


/*********************************** TABELLE **********************************/
table {
	
	width: 100%;
}

table caption {
}

th, td { padding: .5em; }
th {
	background: #649E1A;
	color: #fff;
}
tr.tr-even { background: #EFFCDE; }
td { text-align: center; } /* fuer icons in der firmenuebersicht */
td.td-0 { text-align: left; } /* firmennamen */

table a { background: none !important; }


/*********************************** HEADER ***********************************/
#flashbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 214px;
  height: 279px;
  z-index: 2000;
}
#flashbox a {
  color: #fff;
}

#header {
  position: relative;
  height: 221px;
}

#textlogo a {
  background-image: url(../img/textlogo.jpg);
  background-repeat: no-repeat;
  text-indent: -90000px;
  position: absolute;
  bottom: 45px;
  width: 665px;
  height: 88px;
  margin: 0 0 0 10em;
}

#textlogo a:hover, #textlogo a:focus {
border: none;
padding: 0;
text-decoration. none;
}

/********************************* HAUPTMENUE *********************************/
#topmenue {
  height: 3em;
  margin: 0 0 0 20em;
}

#topmenue ul { list-style: none; }
#topmenue ul li {
  float: left;
  width: auto;
  margin: 0 0.3em 0 0;
}
#topmenue ul li.last { margin: 0 0 0 10px; }

#topmenue a {
  display: block;
  background-repeat: no-repeat;
  padding: 10px 10px 0px 45px;
  font-size: 120%;
  font-weight: bold;
  background-color: #fefefe;
  color: #999;
}

/*INDIVIDUELLE ICONS im HAUPTMENUE*/
/* GRAU+PURPUR (STANDARD) */
#topmenue a.bio { background-image: url(../img/bio-grau.gif); }
#topmenue a.erz { background-image: url(../img/erz-grau.gif); }
#topmenue a.ver { background-image: url(../img/ver-grau.gif); }
#topmenue a.fir { background-image: url(../img/fir-grau.gif); }
#topmenue a.kon { background-image: url(../img/kon-grau.gif); }

/* PURPLE :hover */
#topmenue a:hover { 
  color: #649E1A;
}
#topmenue a.cur_bio, #topmenue a.bio:hover { background-image: url(../img/bio-gru.gif); }
#topmenue a.cur_erz, #topmenue a.erz:hover { background-image: url(../img/erz-gru.gif); }
#topmenue a.cur_ver, #topmenue a.ver:hover { background-image: url(../img/ver-gru.gif); }
#topmenue a.cur_fir, #topmenue a.fir:hover { background-image: url(../img/fir-gru.gif); }
#topmenue a.cur_kon, #topmenue a.kon:hover { background-image: url(../img/kon-gru.gif); }

/* purple '.aktiver' (Menuepunkt auf aktueller Seite) */
#topmenue li.top-aktiv a { 
  background-color: #fefefe; 
  color: #649E1A;
}
#topmenue li.top-aktiv a.bio { background-image: url(../img/bio-gru.gif); }
#topmenue li.top-aktiv a.erz { background-image: url(../img/erz-gru.gif); }
#topmenue li.top-aktiv a.ver { background-image: url(../img/ver-gru.gif); }
#topmenue li.top-aktiv a.fir { background-image: url(../img/fir-gru.gif); }
#topmenue li.top-aktiv a.kon { background-image: url(../img/kon-gru.gif); }


/********************************** SUBMENUE **********************************/
#linkespalte {
  float: left;
  width: 18em;
  margin: 3.7em 0 0 0;
}
#linkespalte ul,
#linkespalte ul ul {
  list-style: none;
  margin-left: 20px;
}

/* erste Ebene */
#linkespalte ul a {
  background-image: url(../img/bullet3.gif);
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left: 15px;
  background-color: #fefefe;
  color: #333;
	display: block;
}

/* zweite Ebene */
#linkespalte ul ul a {
  background-image: url(../img/bullet4.gif) no-repeat 0 2px #fefefe;
  padding: 0 0 0 15px;
  font-size: 85%;
  color: #666;
}
#linkespalte ul a:hover,
#linkespalte ul a:focus,
#linkespalte ul a:active {
  background: url(../img/bullet1.gif) no-repeat 0 2px #fefefe;
  color: #649E1A;
	border: none;
}
#linkespalte ul ul a:hover,
#linkespalte ul ul a:focus,
#linkespalte ul ul a:active {
  background: url(../img/bullet2.gif) no-repeat 0 2px #fefefe;
  color: #649E1A;
}

/* '.aktiver' */
#linkespalte ul li.top-aktiv,
#linkespalte ul a.cur {
  background: url(../img/bullet1.gif) no-repeat 0 2px #fff;
  font-weight: bold;
}
#linkespalte ul li.activ {
  background: url(../img/bullet2.gif) no-repeat 0 2px #fff;
  font-weight: bold;
  font-size:85%;
}
#linkespalte ul li.activ span { padding-left: 15px; }
#linkespalte ul li.top-aktiv a { background: url(../img/bullet1.gif) no-repeat 0 2px #fff; }


/********************************* BREADCRUMB *********************************/
#breadcrumb {
  margin: 0 0 2em 0;
  padding: 0;
  font-size: smaller; 
}

#breadcrumb ol { border: 1px solid #fff; }
#breadcrumb ol li { display: inline; top: 1px; }

#breadcrumb span {
  font-weight: bold;
  float: left;
  margin: 0 0.5em 0 0;
}

#breadcrumb ol li a:link,
#breadcrumb ol li a:active,
#breadcrumb ol li a:visited {
  border: none;
}


/*********************************** CONTENT **********************************/
#content { margin: 2.5em 0 0 20em; }
#spiegel { margin: 0 18em 0 0; overflow: auto; }


/* Startseite Teaserboxen Abstand - 080717 - jf */
#start .img-right-in-text img { margin-right: 10px; }


/* Bilder */
.csc-textpic-left .csc-textpic-imagewrap { margin: 0 1em 1em 0; }
.csc-textpic-left .csc-textpic-imagewrap dl.csc-textpic-image { margin-right: 1em !important; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin: 0; }

.img-right-in-text li, .img-above-left li { 
  padding: 0 !important;
  margin: 0 0 0 -0.5em;
  list-style: none !important;
}
.img-right-in-text li a { border: none !important; }
.img-right-in-text li img {
  float: left;
  margin: 0 0 0.5em 0; /* verschiebt auch bildunterschrift, wenn da */
}
/* Bildunterschriften */
.img-caption {
  margin: .2em 0 0 !important;
  font-size: 0.9em !important;
  line-height: 1.4em !important;
  color: #888 !important;
  clear: both;
	font-family: Arial, sans-serif !important;
}
#rechtespalte .img-caption { /* BU in der margi mehr abstand */
	margin-bottom: 1em !important;
}

/* Bilder unterm Text linksbündig */
#spiegel.img-right-in-text li {
  /* width: 152px; */
  padding: 0 !important;
  margin: 0 !important;
  float: left;
}


/* border um bilder per datensatz */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG,
DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
	border: 1px solid #999;	
}

/********************************* MARGINALIE *********************************/
#rechtespalte {
  float: right;
  width: 15.5em;
  margin-top: 1em;
  padding-left: 10px;
}

#rechtespalte h3 {
  font-size: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

#rechtespalte ul { list-style: none; }

#rechtespalte a,
#rechtespalte a:visited {
  background-color: #fefefe;
  color: #649E1A;
}
#rechtespalte a:hover,
#rechtespalte a:focus,
#rechtespalte a:active {
  background-color: #fefefe;
  color: #333;
}

#rechtespalte .text {
  margin: 0 0 0 7px;
}


/****************************** KONTAKTFORMULAR *******************************/
#kontaktform div	{
	margin: 0.5em 0;
	padding: 0;
	clear: left;
}


#kontaktform label	{
	display: block;
	float: left;
	width: 10em;
}

#kontaktform textarea	{ 
  width: 30.5em;
  border: 1px solid #649E1A;  
}
#kontaktform input{	
  width: 21em;
  border: 1px solid #649E1A;  
}
#kontaktform input.radio,
#kontaktform input.checkbox	{
	width: 1em;
	float: left;
}

#kontaktform input.submit	{
	margin-top: 0.5em;
	width: 8em;
	cursor: pointer;
}

input:hover,
textarea:hover {
	background-color: #EED0D1;
	font-weight: bold;
}

input:focus,
textarea:focus,
input:active,
textarea:active,
option:focus,
option:active {
	background-color: #F5F5F5;
	font-weight: bold;
}

input.submit:hover {
	background-color: #D4D0C8;
	font-weight: normal;
}

#sent	{ height: 30em; }

/* Fehlermeldungen */
#kontaktform div.error	{
	border: 1px solid #649E1A;
	background-color: #FFFFE0;
	padding: 0.5em;
}

#kontaktform div.error h3	{ 
  font-size: 1em;
  background: #FFFFE0;
}

#kontaktform label.error	{
	display: inline;
	float: none;
	width: 30em;
	color: #649E1A;
}


/********************************** SITEMAP ***********************************/
/* erste Ebene */
.csc-sitemap ul { 
  font-weight: bold; 
  margin: 0 0 0.5em 0 !important;
}
.csc-sitemap ul li { margin: 0 !important; }

.csc-sitemap a {
  border: none !important;
}

/* zweite Ebene */
.csc-sitemap ul li ul { font-weight: normal; }


/*********************************** FOOTER ***********************************/
#footer {
  clear: both;
  margin: 5em 0 0 0;
  padding: 1em 0;
  text-align: center;
  background-color: #649E1A;
  border-top: 1px solid #4D7F0B;
  color: #fff;
}
#footer #footmenuebox {
  position: relative;
  width: 75em;
  margin: 0 auto;
  text-align: left;
  padding-left: 18px;
}
#footer #footmenuebox ul {
  margin: 0 1em 0 20em;
  list-style: none;
  text-align: right;
}
#footer #footmenuebox ul li { display: inline; }

/* FOOTERMENUE */
#footer #footmenuebox a,
#footer #footmenuebox a:visited {
  font-weight: bold;
  background-color: #649E1A;
  color: #fff;
}
#footer #footmenuebox a:hover,
#footer #footmenuebox a:focus,
#footer #footmenuebox a:active {
  background-color: #649E1A;
  color: #ddd;
  border: 0 none;
}

/* COPYRIGHT */
#footer #printonly {
  position: absolute;
  top: 2px;
  left: 0;
  width: auto;
  font-size: 80%;
  background-color: #649E1A;
  color: #fff;
  margin-left: 26em;
}


/********************************** FIRMEN ************************************/
#spiegel #firma {
  margin: 3em -15em 0 0;
  float: left;
}

#spiegel #firma .firm-ausw-kom,
#spiegel #firma .firm-ausw-anb,
#spiegel #firma .firm-ausw-bet {
  float: left;
  width: 16em;
}

/* Boxenfarben */
#spiegel #firma .firm-ausw-kom, #spiegel #firma .firm-ausw-anb,
#spiegel #firma .firm-ausw-bet { color: #000; }

#spiegel #firma .firm-ausw-kom { background-color: #fdebc7; }
#spiegel #firma .firm-ausw-anb { background-color: #e8f1d2; margin: 0 10px; }
#spiegel #firma .firm-ausw-bet { background-color: #e3f0f9; }

/* headings */
#spiegel #firma .firm-ausw-kom h3,
#spiegel #firma .firm-ausw-anb h3,
#spiegel #firma .firm-ausw-bet h3 {
  height: 3em;
  margin: 0;
  padding: 5px;
  text-align: center;
  font-size: 95%;
  font-weight: bold;
}
#spiegel #firma .firm-ausw-kom h3, #spiegel #firma .firm-ausw-anb h3,
#spiegel #firma .firm-ausw-bet h3 { color: #fff; }
#spiegel #firma .firm-ausw-kom h3 { background-color: #f6a400; }
#spiegel #firma .firm-ausw-anb h3 { background-color: #96c632; }
#spiegel #firma .firm-ausw-bet h3 { background-color: #7fbae2; }

/* Listen */
#spiegel #firma .firm-ausw-kom .csc-sitemap ul li, 
#spiegel #firma .firm-ausw-anb .csc-sitemap ul li,
#spiegel #firma .firm-ausw-bet .csc-sitemap ul li {
  background-image: none;
  padding: 0;
  margin: 0.5em !important;
}

/* Links */
#spiegel #firma .firm-ausw-kom .csc-sitemap ul li a, 
#spiegel #firma .firm-ausw-kom .csc-sitemap ul li a:visited,
#spiegel #firma .firm-ausw-anb .csc-sitemap ul li a,
#spiegel #firma .firm-ausw-anb .csc-sitemap ul li a:visited,
#spiegel #firma .firm-ausw-bet .csc-sitemap ul li a,
#spiegel #firma .firm-ausw-bet .csc-sitemap ul li a:visited {
  font-size: 90% !important;
font-weight: normal;
  background-color: transparent;
  color: #333;
  border-bottom: 1px solid #333 !important;
}
#spiegel #firma .firm-ausw-kom .csc-sitemap ul li a:hover,
#spiegel #firma .firm-ausw-kom .csc-sitemap ul li a:focus,
#spiegel #firma .firm-ausw-kom .csc-sitemap ul li a:active,
#spiegel #firma .firm-ausw-anb .csc-sitemap ul li a:hover,
#spiegel #firma .firm-ausw-anb .csc-sitemap ul li a:focus,
#spiegel #firma .firm-ausw-anb .csc-sitemap ul li a:active,
#spiegel #firma .firm-ausw-bet .csc-sitemap ul li a:hover,
#spiegel #firma .firm-ausw-bet .csc-sitemap ul li a:focus,
#spiegel #firma .firm-ausw-bet .csc-sitemap ul li a:active {
  color: #999 !important;
  border-bottom: 1px solid #999 !important;
}
/* Adressen */
.organization {
	clear: both;
}


/* marginalie firmenadressen */
#rechtespalte .tx-ttaddress-pi1 .vcard { margin: 0 0 2.5em 0; color: #333; }
#rechtespalte .tx-ttaddress-pi1 .vcard .photo { margin: 0 0 2em 0; }
#rechtespalte .tx-ttaddress-pi1 .vcard .organization {
  margin: 0 0 1em 0;
  font-weight: bold;
}
#rechtespalte .tx-ttaddress-pi1 .adr,
#rechtespalte .tx-ttaddress-pi1 .web { margin: 0 0 1em 0; }
#rechtespalte .tx-ttaddress-pi1 .mail { margin: 1em 0 0 0; }


#rechtespalte .csc-textpic-image a:hover,#spiegel .csc-textpic-image a {border-bottom:none}