/*
Theme Name: WGA Wuppertals gruene Anlegen
Theme URI: http://wordpress.org/
Description: Wordpress Theme für die Website Wuppertals grune Anlagen
Version: 1.0
Author: Daniel Neisser & Thomas Schuermann
Author URI: http://www.neisserzoeller.de & http://www.tripleorange.de
Tags: fixed width, two columns
Text Domain: wga

	WGA v1.0
	http://www.wuppertals-gruene-anlagen.de

	This theme was designed by Michael Heilemann & built by Thomas Schuermann
	http://www.neisserzoeller.de & http://www.tripleorange.de

*/



/**
 *
 * FARBEN
 * 
 * hellgruen: #CCCC99
 * dunkelgruen: #A5A571
 * rot: #8C0036
 * grau: #666666
 * schwarz: #000   
*/


body {
      margin: 0;
      padding: 0;
      min-height: 101%;
      height 101%;
      background: #fff;
      font: 100.01%/170% 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;
      color: #000000;
}

#zentriert {
     width: 960px;
     margin: 0 auto 0 auto;
     padding: 0;
     background: url(img/zentriert-blaetter-oben.png) top left no-repeat;
     
}




a:link, a:visited {
     color:#6A1618;
     text-decoration:underline;
}
a:focus, a:hover, a:active {
      text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
      font: 300 100%/1em verdana, arial, sans-serif;
      margin: 0;
      padding: 0;
      clear: left;
}

h2 {
     font: 700 20px/1.2em verdana, arial, sans-serif;
     margin: 8px 0 18px 0;
}



h2, h2 a, h2 a:link, h2 a:visited {
     color:#6A1618;
     text-decoration: none;
}

h2 a:hover, h2 a:active {
     color:#6A1618;
     text-decoration: none;
}

#page-7 h2 a, #page-14 h2 a, #page-15 h2 a, #page-16 h2 a, #page-17 h2 a,  h2.pagetitle {
     color: #97A059;
}

#page-7 .page-inhalt h2 a, #page-14 .page-inhalt h2 a, #page-15 .page-inhalt h2 a, #page-16 .page-inhalt h2 a, #page-17 .page-inhalt h2 a {
     color:#6A1618;
}

h3 {
     font: 700 14px/1.2em verdana, arial, sans-serif;
     color: #99A052;
     margin: 15px 0 -15px 0;
}

h4 {
     font: 700 21px/1.2em verdana, arial, sans-serif;
     margin: 18px 0 8px 0;
     padding: 0;
     color: #99A052;
}
ul, ol {
     list-style-image:none;
     list-style-position:outside;
     list-style-type:none;
}

div#inhalte-innen ol {
     list-style-position:outside;
     list-style-type:decimal;
}
div#inhalte-innen ul {
     list-style-position:outside;
     list-style-type:disc;
margin-left: -30px;
}
div#inhalte-innen ul img{
margin-left: -10px;
 margin-top: 10px;
}


p, li {
      margin: 15px 0 0 0;
      padding: 0;
      height 101%;
      font: 100 12px/17px 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;
      color: #666;
}
li{margin: 3px 0 3px 0;}
strong {
     font-weight: bold;
}

/*        KOPF                                              */
/* ---------------------------------------------------------*/

#kopf {
     margin: 0;
     padding: 0;
     width: 960px;
     height: 176px;
     position: relative;
}

/*        KOPF SERVICEMENU                                  */


ul#servicemenu {
     margin: 0 0 0 650px;
     padding: 0;
     font: 100 12px/1em verdana, arial, sans-serif;
     background: #00ff99;
}

ul#servicemenu li {
     float: left;
     padding: 0 8px 0 8px;
     margin: 5px 0 0 0;
     border-right: 1px solid #666;
}

ul#servicemenu li.page-item-5 {
     border-right: none;
}

ul#servicemenu li.current_page_item a {
     font-weight: 700;
}

ul#servicemenu li.last {
     border-right: none;
}

ul#servicemenu li a {
     color: #666;
     text-decoration: none;
}

ul#servicemenu li a:focus, ul#servicemenu li a:hover, ul#servicemenu li a:active {
     text-decoration: underline;
}


/*        KOPF LOGO                                        */

#logo {
     width: 234px;
     height: 66px;
     position: absolute;
     top: 89px;
     left: 343px;
}

#logo a {
      width: 234px;
}

#logo h1 {
      width: 234px;
      height: 66px;
      position: relative;
      padding: 0;
      margin: 0;
      font-size: 75%;
}

#logo h1 span {
      background: url(img/logo-wga.png) no-repeat top left;
      width: 234px;
      height: 66px;
      position: absolute;
      padding: 0; margin: 0;
}

/*        SEITE                                             */
/* ---------------------------------------------------------*/

#rahmen {
     width: 960px;
     min-height: 1400px;
     padding: 0;
     margin: 0 auto;
     position: relative;
     background: url(img/rahmen-blaetter-rechts.png) no-repeat 652px 0px; /* 652 */
}

/*        SEITE INHALTE                                     */
/*                                                          */


#inhalte {
     width: 530px;
     min-height: 1400px;
     margin: 0 6px 0 120px;
     padding: 0;
     float: left;
     border: 1px solid #000;
     background: #fff;

}

#inhalte-innen {
     margin: 0;
     padding: 18px;
}


.post {
     padding: 0 0 17px 0;
     border-bottom: 1px dotted #000;
}

.post img {
     border: none;
}

.kategorien {
     text-transform: uppercase;
     font: 700 10px/1.3em verdana, arial, sans-serif;
     color: #97A059;
}

.kategorien a, .kategorien a:link, .kategorien a:visited {
     color: #97A059;
     text-decoration: none;
}

.kategorien a:active, .kategorien a:hover {
     color:#6A1618;
     text-decoration: underline;
}

p.datum {
  margin: -10px 0 3px 0;
  padding: 0;
  height 101%;
  font: 100 10px/12px 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;
  color: #666;

}

/*        HAUPTNAVIGATION                                    */
/*                                                           */
.navigation {font: 700 12px 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;}
#hauptnavigation {
     width: 188px;
     float: left;
     border: 1px solid #000;
     background: #CCCC99;
}

#hauptnavigation h3 {
     margin: 0 0 1px 10px;
     font: 700 12px/17px verdana, arial, sans-serif;
     text-transform: uppercase;
     color: #6A1618;
}


#hauptnavigation ul {
     margin: 0 20px 10px 10px;
     padding: 0 0 7px 0;
     border-bottom: 1px dotted #000;
}4


#hauptnavigation ul {
     margin: 0 20px 10px 10px;
     padding: 0 0 7px 0;
     border-bottom: 1px dotted #000;
}


#hauptnavigation ul li ul {
     margin: 0 0 0 5px;
     padding: 0;
     border-bottom: none;
     display: none;
}

#hauptnavigation ul li.current_page_parent ul, #hauptnavigation ul li.current_page_item ul {
     display: block;
}

#hauptnavigation ul.home {
     margin-top: 30px;
}

#hauptnavigation ul li {
     margin: 0 0 0 13px;
     padding: 0;
     font: 100 13px/18px 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;
     list-style-image:url(img/hauptnavigation-list.png)
}
#hauptnavigation ul.home li {
     margin: 0;
     list-style-image: none;
}
#hauptnavigation ul li a {
     color: #333;
     text-decoration: none;
}

#hauptnavigation ul li.current_page_parent ul li a {
     font-style: italic;
}

#hauptnavigation ul li.current-cat a, #hauptnavigation ul li.current_page_item a {
     font-weight: 700;
     color: #6A1618;
}

#hauptnavigation ul li.current_page_item ul li a {
     font-weight: 100;
     font-style: italic;
}


#hauptnavigation ul.home li a {
     font: 700 12px/17px verdana, arial, sans-serif;
     text-transform: uppercase;
     color: #6A1618;
}

#hauptnavigation ul li a:focus, #hauptnavigation ul li a:hover, #hauptnavigation ul li a:active {
     color: #333;
     text-decoration: underline;
}


p.feed {
     margin: 0 0 0 13px;
     padding: 0;
     font: 100 13px/18px 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;
}

p.feed a, p.feed a:link, p.feed a:visited {
     text-decoration: none;
     color: #333;
}

p.feed img {
     vertical-align: middle;
}

.wp-block-image img {
	height: auto;
}
/*        ERWEITERT INHALTE FORMATIEREN                      */
/*                                                           */

.page-inhalt {

}

.page-inhalt img {
     border: none;
}

.page-inhalt img.alignleft {
     float: left;
}

#page-7 .page-inhalt img, #page-14 .page-inhalt img, #page-15 .page-inhalt img, #page-16 .page-inhalt img, #page-17 .page-inhalt img {
     margin: 0 8px 0 0;
}

hr {
     clear: left;
     width:100%;
     color: #fff;
     background-color:#fff;
     height:5px;
     margin: 22px 0 22px 0;
     border: none;
     border-bottom: 1px dotted #000;
}

/*        WERBUNG                                            */
/*                                                           */


#banner {
     position: absolute;
     top: 0;
     left: 854px;

     width: 200px;
}

.bannertext {
     font: 100 9px/12px 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;
     margin:15px 0 0; padding:0;
}

#banner img {
     margin-top: 10px;
     margin-bottom: 10px;
}

/* ACCESSIBILITY                                                              */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.accessibility {
      display: none;
}

/* Formulare                                                             */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


form {
     display: block;
     margin: 15px 0 0 0;
}

input#saddr {
     width: 250px;
}

/* Kommentare                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#respond h3 {
     margin: 30px 0 15px 0;
}

#author, #email, #url {
     width: 250px;
     height: 20px;
     border: 1px solid #CCC;
     padding: 3px;
     font-size: 14px;
}

#comment {
     width: 494px;
     border: 1px solid #CCC;
}

.commentlist {
     color: #666;
     padding: 0 0 0 15px;
     margin: 30;
     
}

.comment-author {
     margin: 0 0 0 -15px;
     font: 700 12px/17px verdana, arial, sans-serif;
     text-transform: uppercase;
}

.comment-author a {
     text-decoration: none;
}


.says {
     font-weight: 100;
}
.comment {
    margin: 30px 0 15px 0;
}

.comment-meta {
     margin: 0 0 0 -15px;
     font: 100 10px/17px verdana, arial, sans-serif;
     color: #666;
}

.comment-meta a {
     color: #666;
     text-decoration: none;
}

/* Formulare                                                             */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */