@import "/_dado/css/spirito-content.css";
@import "/design/lineg-umweltbroschuere/css/colored-tables.css";
/* test */

.content {
	line-height: 150%;
	font-size: 14px;
	color: #5B585A;
}

.content h1 {
	font-size: 24px;
	font-weight: bold;
	color: #005AAF;
	line-height: 125%;
}

.content p {
	page-break-inside: avoid;
}
.content .blue {
	color: #005AAF;
}

.content a {
	color: #005AAF;
	text-decoration: none;
}

.content img {
	clear: both;
}

.content .small {
	margin-top: 0;
	color: #73756C;
	font-size: 11px;
	line-height: 110%;
}

/** Vorlagen **/
.content .two-columns-layout .tpl_left{
	float:left;
	width: 345px;
}
.content .two-columns-layout .tpl_right{
	float: right;
	width: 365px;
	margin-left:16px;
}


.content-edit .two-columns-layout .tpl_right{
	border-left: 1px dashed red;
}

/*

10% 20%

blau   #0081c4
grün   #60bc56
orange #f99d1c faefe1 fae5c8
rot    #cb5738
grau   #818179

*/

/* Spezialtabelle grün */

.content table {
	width: auto;
	table-layout: auto;
}

.content .table-green-head {
	display: block;
	padding: 0.5em;
	padding-bottom: 1em;
	color: #fff;
	font-weight: bold;
	background-color: #2C6018;
	margin-bottom: 0.5em;
}

.content table.table-green {
	border-left:1px solid #2C6018;
	border-top:1px solid #2C6018;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom:1em;
	background: #A4E58D;
	table-layout: auto;
	width: 100%;
	font-size: 11px;
	line-height: 125%;
}

.content table.table-green th,
.content table.table-green td {
	border-bottom:1px solid #2C6018;
	border-right:1px solid #2C6018;
	padding:.5em;
}

.content table.table-green td {
	text-align: right;
}

.content table.table-green th,
.content table.table-green td.table-th {
	background: #fff;
	font-weight: bold;
	text-align: left;
}

.content table.table-green td.table-th-left {
	background: #D1EEB4;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

.content table.table-green tr.row-0 {
	background: #fff;
}
.content table.table-green tr.row-1  {
	background-color: #DDDDFF;
}
.content table.table-green tr.row-2 {
	background-color: #BBBBFF;
}

/* The above separated solution is a workaround for Firefox who
   draws the left border 1üx outside of the box */

* html .content table.table-green  {
	border-collapse: collapse;
}

.content table p {
	margin: 0 !important;
}

.content table td td {
	padding: 0 !important;
	margin: 0 !important;
	padding-bottom: 0.5em !important;
	background: inherit;
	border: none !important;
}

.content .wimage {
	min-height: 240px;
	page-break-inside: avoid;
}

* html .content .wimage {
	height: 240px;
	page-break-inside: avoid;
}

.content-edit .wimage {
	background: #eee;
}

.content .showpdf {
	display: none;
}
.menu .newslink { color:#57ab27;}
.news img#newsheadimg {
  margin-left:10px;
}
.news .content {
  margin-top:-30px;
  padding-right:15px;
  padding-left:10px;
}
.news #newsright {
  width:235px;
  padding-top:15px;
  padding-left:15px;
  border:0px solid green;
  float:right;
  background-color:#d1e6c8;
}
.news #newsright h1 {
  background-color:#57ab27;
  color:white;
  margin:0;
  padding:0 8px;
  font-size:12px;
}
.news #newsright p b {
  color:#5c6259;
}
.news #newsright p {
  padding-bottom:40px;
  font-size:12px;
}
.news #newsmain {
  float:left;
  width:460px;
  border:0px solid yellow;
  padding-right:48px;
}
h1.break, h2.break, h3.break {
    margin-top:0;
}
.news #newsmain h2 { color:#005AAf; margin-bottom:17px; margin-top:0; font-size:20px;}
.news #newsmain h1 { color:#57ab27; margin-top:17px; margin-bottom:7px;font-weight:600; font-size:18px;}
.news #newsmain h2 span { color:#005AAf; font-size:20px;}
.news #newsmain h1 span { color:#57ab27; font-weight:600; font-size:18px;}
.news #newsmain p { color:#6e6e6e; }
.news #newsmain a { color:#57ab27; }
.news #newsmain div.plugin-content-teaser-divider {
  margin-top:8px;
  border-top:1px solid #57ab27;
  margin-bottom:8px;
}


table.two_columns_snippet {
    width:100%;
}
table td.two_columns_snippet_left {
	width:48%;
}
table td.two_columns_snippet_mid {
    width:4%;
}

table td.two_columns_snippet_right {
    width:48%;
}
.content-edit td.two_columns_snippet_left,
.content-edit td.two_columns_snippet_right {
    border:2px dotted red;
}
td.two_columns_snippet_right li {
	color:#57ab27;
}
td.two_columns_snippet_right p {
	color: #005AAF;
}
.content table.table-footer {
        table-layout: auto;
        width: 100%;
}

@media print{

        .organigramm {
                position: static;
        }

}
 
div.leg {
        position: absolute;
        bottom: -2em;
        right: 1em;
}

div.leg img {
        margin-top: 4px;
        margin-right: 4px;
}

img.leg-1 {
        border: 2px solid #0B6CA6;
        background: #E6F0F6;
}
img.leg-2 {
        border: 2px solid #FF9D2D;
        background: #FFE2C1;
}
img.leg-3 {
        border: 2px solid #50AE2A;
        background: #DEF0D7;
}
img.leg-4 {
        border: 2px dashed #50AE2A;
        background: #DEF0D7;
}
img.leg-5 {
        border: 2px solid #CC301E;
        background: #FAEAE8;
}
img.leg-6 {
        border: 2px dashed #656565;
        background: #E0E0E0;
}
.content table tr td p {
	padding-left:2em;
}
#indikator2010-ar {
	width:100%;
}
#indikator2010-ar-middle {
	min-width:1em;
}
#indikator2010-a th {
	font-weight:bold;
}
#indikator2010-a tr.subhead td {
	background: #CCC;
}
#indikator2010-a td {
	background: #FFFF99;
}
#indikator2010-a td.col3{
	background: #D1EEB4;
}

#indikator2010-a tr.white td {
	background: #fff;
}
#indikator2010-b {
	margin-top:1em;
	width:100%;
}
#indikator2010-b tr.subhead td {
	background: #CCC;
}
#indikator2010-b td {
	background: #FFCC99;
}
#indikator2010-b th {
	font-weight:bold;
}
#indikator2010-b td.col2,
#indikator2010-a td.col2 {
	text-align:right;
}
#indikator2010-b td.col2 p {
	margin:0;
	padding:0;
}
#indikator2010-r th {
	font-weight:bold;
}
#indikator2010-r td sup {
	position:relative;
	top:-0.5em;
}
#indikator2010-r tr.subhead td {
	background: #CCC;
}
#indikator2010-r td {
	background: #D1EEB4;
}
#indikator2010-r tr.white td {
	background: #fff;
}
#ge-table {
	display:none;
}
#stichtagshinweis {
	margin:11em 0 1em 0;
}

#indikator2010-a td.col1{
	width:55%;
}
#indikator2010-a td.col2{
	width:15%;
}
#indikator2010-a td.col3{
	width:30%;
}
#abfall {font-size:12px;}