html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     font-family: 'Open Sans',sans-serif;
}

h1, h2, h3, h4, h5, h6 {
     margin: 0px 0px 15px;
}

blockquote, pre {
     margin: 20px;
}

.caption {
     border: 1px solid #CCCCCC;
}

.img_caption {
     background: none repeat scroll 0% 0% #D8D8D8;
     color: #333333;
     font-weight: normal;
     margin: auto;
     padding: 5px;
     text-align: center;
}

body {
     padding-top: 0px;
}

.brand > i {
     margin-right: 5px;
     margin-top: 5px;
}

.whitespace {
     background: none repeat scroll 0% 0% #FFFFFF;
     border: 0px none;
     float: left;
     margin-left: -3px;
     width: 102%;
}

.whitespace h1 {
     padding-left: 5px;
}

.logo {
     float: left;
     margin: 0px;
     padding: 0px;
}

.logo-tagline {
     font-size: 0.8em;
     margin-left: 10px;
}

.image {
     margin: 0px;
}

.image > .brand {
     display: block;
     padding: 0px;
     text-indent: -9999px;
}

.navbar-fixed-top {
     z-index: 9999;
}

#header {
     background-color: #FBFBFB;
     background-image: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5);
     background-repeat: repeat-x;
     border-bottom: 0px solid #DDDDDD;
     box-shadow: 0px 1px 0px #FFFFFF inset;
     padding: 20px 0px 0px;
}

.subhead {
    
}

#above {
     border-bottom: 0px solid #DDDDDD;
     padding: 20px 0px;
}

#top {
    
}

#content, #sidebar, #sidebar-2 {
     padding: 10px 0px;
}

#below {
     background: url("/images/logo-footer.png") no-repeat scroll 18px 10px #F2F2F2;
     border-radius: 2px;
     margin: 0px;
     padding: 65px 0px 10px;
}

#below:hover {
     background: url("/images/logo-footer.png") no-repeat scroll 18px 10px #FFFFFF;
     border-radius: 2px;
     box-shadow: 0px 1px 5px 1px #999999;
     margin: 0px;
     padding: 65px 0px 10px;
}

.footer {
     z-index: 1;
}

#content .moduletable, #sidebar .moduletable, #sidebar-2 .moduletable {
     margin-bottom: 18px;
}

#comments .comment-body {
     color: #000!important;
     margin: 20px!important;
     line-height: 1.5em;
}

#comments .comment-author, #comments .author-homepage {
     color: #006666!important;
}

dt {
     font-size: 105%;
     margin-bottom: 0.5em;
}

dd {
     margin-bottom: 1em;
     margin-left: 2em;
}

body.item-524 .custom {
     background: none repeat scroll 0% 0% #EEEEEE;
     border-radius: 5px;
     padding: 10px;
}

body.item-524 .navbar .custom {
     display: inline-block;
     margin: 5px 0px 0px 10px;
     padding: 5px;
}

body.item-524 .navbar .custom p {
     margin: 0px;
}

body.item-524 #header .custom {
     margin-bottom: 10px;
}

body.item-524 #header .custom p {
     margin: 0px;
}

body.item-524 #breadcrumbs .custom ul {
     margin-bottom: 0px;
}

body.item-525 #below .custom {
     background: none repeat scroll 0% 0% #EEEEEE;
     border-radius: 5px;
     padding: 10px;
}

.resize {
     background: url("../images/resize.png") repeat scroll 0% 0% transparent;
     bottom: 0px;
     height: 80px;
     position: fixed;
     right: 0px;
     width: 80px;
}

.boxsponsoren {
     clear: left;
     float: left;
     margin-bottom: 40px;
     margin-left: 0px;
     width: 100%;
}

.boxauszeichnungen {
     float: left;
     margin-bottom: 40px;
     width: 100%;
}

.boxauszeichnungen img.dekade {
     border: 1px solid #FFFFFF;
     float: left;
     margin: 0px 0px 0px 20px;
     width: 20%;
}

.boxauszeichnungen img.phineo {
     border: 1px solid #FFFFFF;
     float: left;
     margin: 0px;
     width: 30%;
}

.boxauszeichnungen img.dekade:hover {
     border: 1px solid #BBBBBB;
}

.boxauszeichnungen img.phineo:hover {
     border: 1px solid #BBBBBB;
}

.boxauszeichnungen img.umweltbildung {
     border: 1px solid #FFFFFF;
     float: left;
     margin: 5%;
     width: 20%;
}

.boxauszeichnungen img.dekadezwei {
     border: 1px solid #FFFFFF;
     float: left;
     margin: 0px 0px 0px 20px;
}

.boxauszeichnungen img.umweltbildung:hover {
     border: 1px solid #BBBBBB;
}

.boxauszeichnungen img.umweltbildung:hover, .boxauszeichnungen img.dekadezwei:hover {
     border: 1px solid #BBBBBB;
}

.foerder-foot {
     border: 1px solid #FFFFFF;
     width: 22%;
}

.foerder-foot:hover {
     border: 1px solid #BBBBBB;
}

.foerder-img {
     border: 1px solid #FFFFFF;
     float: left;
     margin-bottom: 20px;
}

.foerder-img:hover {
     border: 1px solid #BBBBBB;
     float: left;
     margin-bottom: 20px;
}

.mitglieder-link {
     border: 1px solid #EEEEEE;
     display: block;
     float: left;
     height: 80px;
     margin: 10px;
     max-width: 200px;
     padding: 10px;
}

.mitglieder-link:hover {
     border: 1px solid #BBBBBB;
}

.mitglieder-img {
     border: 1px solid #FFFFFF;
     float: left;
     max-height: 120px;
     width: 180px;
}

#client {
     margin: 0px auto;
     max-width: 900px;
}

@media (min-width: 768px) and (max-width: 980px) {
  #client { max-width: 724px; margin: 0px auto; }
}

@media (max-width: 768px) {
  #client { padding: 0px 20px; width: auto; }
}

.logo {
     height: 86px;
     margin: 20px 0px 20px 20px;
     width: 250px;
}

body, p {
     font-size: 14px;
     line-height: 22px;
}

#below ul {
     list-style: none outside none;
}

#below ul li {
     margin-bottom: 0px;
     margin-left: 0px;
}

#below ul li ul {
     margin: 0px 0px 0px 15px;
}

.btn-primary {
     border: 1px solid #006666;
}

a, a:hover {
     color: #006666;
}

.pagination a {
     text-decoration: none;
}

#header {
     background: none repeat scroll 0% 0% transparent;
}

.nav > li > a:hover {
     background: none repeat scroll 0% 0% transparent;
     text-decoration: underline;
}

.navbar .nav .active > a, .navbar .nav .active {
     background-color: #666666;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
     background-color: #666666;
}

.navbar .dropdown-menu, .btn, .navbar-inner, .btn-primary, .navbar .nav > li > a, .navbar .dropdown-menu a, .navbar-inner {
     border-radius: 0px;
}

.navbar .nav > li > a, .navbar .dropdown-menu a {
     color: #666666;
     font-weight: normal;
     padding: 10px 15px;
}

.navbar .nav > li > a {
     color: #FFFFFF;
     margin-bottom: 0px;
}

.navbar .nav > li > a:hover {
     color: #CCCCCC;
     margin-bottom: 0px;
}

.navbar .btn, .navbar .btn-group {
     margin-top: 1px;
}

.nav-list > li > a, .nav-list .nav-header {
     margin-left: -30px;
}

.nav .flyout-menu li a {
     color: #000000;
     padding: 7px 7px 7px 15px;
}

#below-content {
     border-top: 1px solid #CCCCCC;
     margin-left: 0px;
     margin-top: 30px;
     padding: 20px;
}

#below-content .span5 {
     margin-left: -20px;
}

#below-content h3 {
     border-bottom: 0px none;
     font-family: 'Domine',serif;
     font-size: 16px;
     font-weight: normal;
     text-transform: uppercase;
}

#below-content h3 {
     border-bottom: 0px none;
     font-family: 'Domine',serif;
     font-size: 16px;
     font-weight: normal;
     text-transform: uppercase;
}

.well {
     background-color: #FFFFFF;
     border-radius: 0px;
     border: 0px none ! important;
     clear: left;
     margin-bottom: 20px;
     padding: 10px 20px 5px 0px;
}

#below, #below h3, #below a {
     font-size: 11px;
     line-height: 16px;
}

#below a:hover {
    
}

#below .span2 {
     float: left;
     margin: 0px 5px 0px 30px;
     width: 110px;
}

#bottom .span3 {
     width: 200px;
}

@media (max-width: 980px) {
  #bottom .span3 { width: 100%; float: left; }
}

.footer {
     margin-top: 0px;
     padding: 5px 0px 10px;
}

.footer p, .footer a, .footer .custom {
     font-size: 10px;
}

img {
     height: auto;
 
}

ul.jcomments-latest-commentedboxcontent li a {
     line-height: 30px;
}

ul.jcomments-latest-commentedboxcontent li:before {
     background-image: url("../images/glyphicons-halflings.png");
     background-position: -166px 2px;
     background-repeat: no-repeat;
     content: " ";
     display: block;
     height: 20px;
     list-style-type: square ! important;
     margin-left: -20px;
     margin-top: 5px;
     position: absolute;
     width: 20px;
}

@media (min-width: 980px) {
  .span12, .container { width: 900px ! important; }
}

.navbar {
     margin-bottom: 0px ! important;
}

@media (max-width: 768px) {
  .container { padding: 0px; }
}

.front3 {
     background: none repeat scroll 0% 0% #F2F2F2;
     border-radius: 2px;
     min-height: 180px;
     padding: 20px 5px 0px;
     text-align: left;
     width: 270px!important;
}

.front3:hover {
     background: none repeat scroll 0% 0% #FFFFFF;
     box-shadow: 0px 2px 5px 2px #999999;
}

.front3 h1 a {
     font-family: 'Domine',serif;
     font-size: 16px;
     font-weight: normal;
     line-height: 20px;
     margin: 0px 0px 0px 10px;
     text-transform: uppercase;
}

.front3 p {
     font-size: 14px;
     line-height: 20px;
     margin: -8px 10px 0px;
}

.front3 p a {
     color: #000000;
}

.front3 p a:hover, .front3 h1 a:hover {
     text-decoration: none;
}

.front3 img {
     vertical-align: middle;
}

.front4 {
     background: none repeat scroll 0% 0% #F2F2F2;
     border-radius: 2px;
     height: 30px;
     padding: 15px 16px 10px;
     text-align: center;
     width: 170px!important;
}

.front4:hover {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 2px;
     box-shadow: 0px 2px 5px 2px #999999;
}

.front4 a {
     font-size: 1.1em;
     text-transform: uppercase;
}

.linkbox-schwerpunkte01 a {
     background: none repeat scroll 0% 0% #FAFAFA;
     border-radius: 2px;
     box-shadow: 0px 1px 5px 1px #999999;
     display: block;
     margin: 20px 0px 15px;
     padding: 15px 0px;
     text-align: center;
     text-transform: uppercase;
     width: 100%;
}

.linkbox-schwerpunkte01 a:hover {
     background: none repeat scroll 0% 0% #FFFFFF;
}

.moduletableboxcontent {
     border: 1px solid #CCCCCC;
     margin: 20px 0px 40px;
     padding: 20px;
}

.moduletableboxcontent h3 {
     font-size: 1em;
     text-transform: uppercase;
}

.moduletableboxcontent li {
     list-style-type: none;
}

#sidebar-2 .moduletable {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 5px;
     box-shadow: 0px 2px 5px 2px #999999;
     padding: 15px;
}

#sidebar-2 .moduletable h3 {
     font-size: 1em;
     text-transform: uppercase;
}

#sidebar-2 .moduletable ul li {
     margin: 10px 0px 0px;
}

#sidebar-2 .moduletable ul.jcomments-latest-commented li:before {
     background-image: url("../images/glyphicons-halflings.png");
     background-position: -166px 2px;
     background-repeat: no-repeat;
     content: " ";
     display: block;
     height: 20px;
     list-style-type: square ! important;
     position: absolute;
     width: 20px;
}

.form-mitglieder {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 2px;
     box-shadow: 0px 2px 5px 2px #999999;
     float: left;
     height: 120px;
     margin: 20px;
     padding: 20px 5px;
     text-align: center;
     width: 240px;
}

.form-mitglieder h1 {
     font-size: 1.2em;
     line-height: 1.2em;
     margin: 0px;
     padding: 0px 0px 10px;
     text-transform: uppercase;
}

.form-mitglied {
     background: none repeat scroll 0% 0% #EEEEEE;
     border-radius: 2px;
     box-shadow: 0px 2px 5px 2px #999999;
     float: left;
     height: 120px;
     margin: 20px;
     padding: 10px;
     text-align: center;
     width: 325px;
}

.form-newsletter {
     background: none repeat scroll 0% 0% #EEEEEE;
     border-radius: 2px;
     box-shadow: 0px 2px 5px 2px #999999;
     float: left;
     height: 120px;
     margin: 20px 0px 0px;
     padding: 0px;
     text-align: center;
     width: 100%;
}

.form-mitglied h1 {
     font-size: 1.2em;
     line-height: 1.2em;
     margin: 0px;
     padding: 0px 0px 10px;
     text-transform: uppercase;
}

.form-mitglied-ende {
     background: none repeat scroll 0% 0% #FFFFFF;
     float: left;
     height: 120px;
     margin: 20px;
     padding: 20px 5px 0px 20px;
     text-align: left;
     width: 325px;
}

#comments-form .btn, #comments-report-form .btn {
     background: none repeat scroll 0% 0% #CCCCCC ! important;
     float: left;
     margin-right: 5px;
}

#comments-form .btn div, #comments-report-form .btn div {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) ! important;
     float: left;
     margin: 0px -1px 0px 0px;
     width: 200px;
}

ul.haecken li {
     background: url("../images/glyphicons-halflings.png") no-repeat scroll -286px 2px transparent;
     display: block;
     margin: 10px 0px 10px -28px;
     overflow: hidden;
     text-indent: 20px;
}

ul.haecken li span {
     background: none repeat scroll 0% 0% #FFFFFF;
     display: block;
     margin: 0px 0px 0px 20px;
     text-indent: 5px;
}

.zielebox {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 5px;
     box-shadow: 0px 2px 5px 2px #999999;
     margin: 20px 0px 50px;
     padding: 15px;
}

ul.ziele {
     list-style: none outside none;
}

ul.ziele li {
     background: url("/images/leaf.png") no-repeat scroll 0% 0% transparent;
     margin: 10px 0px 10px -20px;
     padding: 0px 0px 0px 25px;
}

.linkbox-schwerpunkte {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 5px;
     box-shadow: 0px 2px 5px 2px #999999;
     margin: 20px 0px 50px;
     padding: 15px;
}

ul.listeschwerpunkte {
     list-style: none outside none;
}

ul.listeschwerpunkte li {
     background: url("/images/schwerpunkt.png") no-repeat scroll 0% 0% transparent;
     margin: 10px 0px 10px -20px;
     padding: 0px 0px 0px 25px;
}

ul.uns {
     list-style: none outside none;
}

ul.uns li {
     background: url("/images/uns.png") no-repeat scroll 0% 0% transparent;
     margin: 10px 0px 10px -20px;
     padding: 0px 0px 0px 25px;
}

span.create {
     background: none repeat scroll 0% 0% #FFFFFF;
     border: 0px solid #F2F2F2;
     display: block;
     margin: -10px 0px 10px;
     padding: 0px;
     text-transform: uppercase;
}

span.category-name {
     background: url("../images/glyphicons-halflings.png") repeat scroll -143px 40px #F7F7F7;
     display: block;
     margin-top: -10px;
     overflow: hidden;
     padding: 0px;
}

span.category-name a {
     background: none repeat scroll 0% 0% #F7F7F7;
     border: 1px solid #F2F2F2;
     display: block;
     margin-left: 20px;
     padding: 0px;
     text-transform: uppercase;
}

.page-header {
     border-bottom: 1px solid #EEEEEE;
     margin: 0px;
     padding-bottom: 0px;
}

.page-header a {
     font-family: 'Domine',serif;
     padding: 0px ! important;
}

.page-header h2, .subheading-category {
     border: 0px none ! important;
     font-family: 'Domine',serif;
     font-size: 24px;
     font-weight: normal;
     text-transform: uppercase;
}

.items-leading h2, .items-row h2 {
     border-bottom: 1px solid #CCCCCC;
     display: block;
     font-family: 'Open Sans',sans-serif;
     font-size: 20px;
     font-weight: normal;
     text-transform: uppercase;
}

.intro {
     margin-bottom: 20px;
}

.sparda {
     float: right;
     margin: 75px 15px 5px 0px;
}

.suchbox {
     float: right;
     margin: 20px -150px 0px 0px;
}

.item-separator {
     padding: 0px 0px 40px;
}

table.finanz {
     margin-bottom: 40px;
     width: 100%;
}

table.finanz td {
     padding: 10px 0px 5px 10px;
}

tr.kennzahlen {
     font-weight: bold;
}

table.finanz tr td {
     background: none repeat scroll 0% 0% #FFFFFF;
}

table.finanz tr:nth-child(2n+1) td {
     background: none repeat scroll 0% 0% #F5F5F5;
}

.category-desc {
     border: 1px solid #CCCCCC;
     margin-bottom: 30px;
     padding: 10px;
}

a.finger {
     background: url("/images/finger.png") no-repeat scroll 0px 3px transparent;
     padding-left: 20px;
}

.control-group {
     margin-top: 20px;
}

#content li {
     line-height: 18px;
     margin-bottom: 10px;
     margin-left: 10px;
}

.referenten {
     background: url("/images/uns.png") no-repeat scroll 0px 3px transparent;
     font-weight: bold;
     padding-left: 20px;
}

.vorstand {
     clear: left;
}

.vorstand img {
     float: left;
     margin: 20px;
     width: 150px;
}

.vorstand h3 {
     padding-top: 15px;
}

.home h2 {
     margin-top: -30px;
}

.newsflash h4 a {
     font-family: 'Open Sans';
     font-size: 18px;
     font-weight: normal;
     line-height: 28px;
}

.newsflash p, .newsflash ul {
     font-family: 'Open Sans';
     font-size: 14px;
}

.newsflash .btn-small {
     font-family: 'Open Sans';
     font-size: 15px;
     line-height: normal;
     margin-top: 10px;
     padding: 9px 14px ! important;
}

.newsflash .page-header {
     border-bottom: 0px solid #EEEEEE;
}

.moduletablekommende {
     background: none repeat scroll 0% 0% #F2F2F2;
     border-radius: 2px;
     margin-top: -15px;
     padding: 15px;
     text-align: left;
}

.moduletablekommende:hover {
     background: none repeat scroll 0% 0% #FFFFFF;
     box-shadow: 0px 2px 5px 2px #999999;
}

.moduletablekommende h3 {
     font-family: 'Domine',serif;
     font-size: 16px;
     font-weight: normal;
     line-height: 20px;
     text-transform: uppercase;
}

table.tabnewsletter .left {
     padding-right: 10%;
     width: 700px;
}

table.tabnewsletter .right p {
     font-size: 12px;
     line-height: 16px;
}

 table.tabnewsletter .right ul  {
     font-size: 12px;
     line-height: 16px;
     margin-left: 2px;
}

table.tabnewsletter h1 {
     background: none repeat scroll 0% 0% #999999;
     color: #FFFFFF;
     font-family: 'Domine',serif;
     font-size: 30px;
     margin: 80px 0px 20px;
     padding: 10px;
     width: 100%;
}

table.tabnewsletter h2 {
     border-bottom: 1px solid #CCCCCC;
     border-top: 1px solid #CCCCCC;
     color: #006666;
     font-family: 'Domine',serif;
     font-size: 24px;
     margin: 40px 0px 20px;
     padding: 10px;
     text-transform: uppercase;
     width: 100%;
}

table.tabnewsletter h3 {
     background: none repeat scroll 0% 0% #CCCCCC;
     color: #FFFFFF;
     font-size: 16px;
     margin: 20px 0px 40px;
     padding: 5px 10px;
     width: 100%;
}

table.tabnewsletter h4 {
     border-bottom: 1px solid #CCCCCC;
     color: #006666;
     font-family: 'Domine',serif;
     font-size: 18px;
     line-height: 24px;
}

/*startseite*/

.neuigkeit, .veranstalt  {
    width: 43%;
    float: left;
}

.neuigkeit {
    margin-right: 4%!important;    
}

.neuigkeit a.readmore {
    margin-bottom: 4%!important;    
}

.neuigkeit h4 {
    border-bottom: 0px none;
    font-family: 'Domine',serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    padding-top: 4%!important;   
}

.moduletableitz {
     float: left;
     width: 43%;  
     border: 1px solid #cccccc;
     margin: 20px 0px 40px;
     padding: 20px;
}

.moduletableitz img {
     border: 0px solid #cccccc;
     margin: 0px;
     padding: 0px;
}

.comment {
    clear: left;
}