/*
   CSS für gruene-froendenberg.de
   Webdesign & Internetconsulting
   Christian Fischer
   www.c-fischer.com
*/



/*
   Farben:
   grau:          #B5B6B7
   dunkelgrün:    #58AB29
*/



/* .............................................................................. reset'em all */
* {
  margin: 0;
  padding: 0;
}


/* .............................................................................. Druckstyles ausblenden */
#printlogo, .print {
  display: none;
}


/* .............................................................................. Basics */
body {
/*  background-image: url(../images/back-site.gif);
  background-position: center;
  background-repeat: repeat-y;*/
  background-color: #58AB29;
  color: #473C36;
  font-family: arial, helvetica, swiss, sans-serif;
  font-size: 100.01%;
  text-align: center;
}

img {
  border: none;
}

hr {
  margin: 0 0 -1px 0;
  width: 1px;
  height: 1px;
  border: none;
  visibility: hidden;
}
hr.left {
  clear: left;
}
hr.right {
  clear: right;
}
hr.both {
  clear: both;
}
hr.spacer {
  margin: 0 0 0.6em 0;
}

a {
  text-decoration: none;
  color: #58AB29;
}
a:hover {
  color: #356717;
}

/* .............................................................................. Layout */
#page {
  margin: 0 auto;
  padding: 0 22px 0 22px;
  width: 762px;
  font-size: 0.8em;
  text-align: left;
  background-image: url(../images/back-page.gif);
  background-color: #fff;
  background-repeat: repeat-y;
}
	.start #page {
	  background-image: url(../images/back-page-start.gif);
         }

#head {
  margin: 0 0 17px 0;
  width: 762px;
  height: 170px;
  background-image: url(../images/back-head.gif);
  background-position: bottom;
}
	.start #head {
	  background-image: url(../images/back-head-start.gif);
         }

	#head h1 {
           position: relative;
           width: 762px;
           height: 140px;
           z-index: 0;
           font-size: 1px;
         }
         #head h1 span {
           position: absolute;
           top: 0;
           left: 0;
           width: 762px;
           height: 140px;
           background-image: url(../images/back-head-ov.jpg);
           z-index: 2;
         }
         #head.fraktion h1 span {
           background-image: url(../images/back-head-fraktion.jpg);
         }

#content {
  margin: 0 23px 0 27px;
  float: left;
  width: 551px;
}
#sidebar {
  margin: 0 27px 0 0;
  width: 134px;
  float: right;
}

#subnavi {
  margin: 0 0 0 0;
  width: 96px;
  float: left;
}
#entries {
   margin: 0 0 0 120px;
   width: 433px;
   min-height: 450px;
}


/* .............................................................................. Mainnavi */
#mainnavi {
  margin: 0 0 0 24px;
  list-style-type: none;
  float: left;
}
	#mainnavi li {
           padding: 0 6px 0 2px;
           display: inline;
           font-size: 1.1em;
           border-right: 2px solid #0066AC;
         }
         #mainnavi li.last {
           border-right: none;
         }
         #mainnavi a {
           color: #0066AC;
           font-weight: bold;
         }
         #mainnavi li.active a, #mainnavi li a:hover {
           color: #88ABD4;
         }


/* .............................................................................. Subnavi */
#subnavi h2 {
  margin: 0 0 1em 0;
  color: #58AB29;
  font-size: 1.3em;
  font-weight: bold;
}
#subnavi ul {
  list-style-type: none;
}
         #subnavi a {
           color: #000;
         }
         #subnavi li.active a, #subnavi a:hover {
           color: #777;
         }
         #subnavi ul li {
           margin: 0 0 0.5em 0;
         }
         #subnavi ul li ul {
           display: none;
         }
         #subnavi ul li.active ul {
           display: block;
           margin: 0.5em 0 0 0;
         }
         #subnavi ul li ul li {
           margin: 0 0 0.5em 0;
           padding: 0 0 0 10px;
         }
         #subnavi ul li.active ul li a{
           color: #000;
         }
         #subnavi ul li.active ul li.active a{
           color: #777;
         }


/* .............................................................................. Sidebar */
#sidebar ul {
  list-style-type: none;
}
	#meta {
	  margin: -13px 0 15px 0;
	  list-style-type: none;
	}
	#meta li {
           padding: 2px 0;
           border-bottom: 1px solid #B5B6B7;
           font-size: 0.9em;
         }
         .rss {
           margin: 0 20px 0 0;
           padding: 0 0 0 18px;
           background-image: url(../images/back-rss.gif);
           background-repeat: no-repeat;
         }

	#linklist ul {
           margin: 0 0 15px 0;
         }
         #linklist ul li {
           padding: 2px 0;
           border-bottom: 1px solid #B5B6B7;
           font-size: 0.9em;
           font-weight: bold;
         }

         #bannerlist ul li {
           margin: 0 0 10px 0;
         }


/* .............................................................................. Suchformular */
#searchform form {
  display: inline;
}
	#ajaxSearch_input {
           font-family: arial, helvetica, sans-serif;
           font-size: 0.9em;
           width: 100px;
           color: #777;
         }
         #ajaxSearch_submit {
           font-family: arial, helvetica, sans-serif;
           font-size: 0.9em;
         }


/* .............................................................................. Paginierung */
.ditto_paging a {
  margin: 2px;
}


/* .............................................................................. Footer */
#footer {
  margin: -65px auto 0 auto;
  padding: 70px 0 0 0;
  height: 52px;
  width: 805px;
  background-image: url(../images/back-footer.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  font-size: 0.8em;
  text-align: left;
}
	.start #footer {
	  background-image: url(../images/back-footer-start.gif);
         }
         #footer p {
	  padding: 0 0 0 169px;
	}
         .start #footer p {
	  padding: 0 0 0 251px;
	}
	#footer a {
	  padding: 0 0 0 16px;
	  background-image: url(../images/back-toplink.gif);
	  background-repeat: no-repeat;
	  background-position: 2px 4px;
	  color: #777;
	}



/* .............................................................................. Breadcrumps */

#breadcrump {
  margin: 0 0 1.6em 0;
}
	#breadcrump a {
           color: #777;
         }







/* .............................................................................. Startseite */
.entry {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #B5B6B7;
}
	div.last {
           border-bottom: none;
         }
	.entry img {
           margin: 0 25px 10px 0;
           width: 177px;
           float: left;
         }
         .entry h2 {
           margin: 0 0 0.4em 202px;
         }
         .entry p {
           margin: 0 0 0.4em 202px;
         }

/* .............................................................................. Seiten */
#entries p, #entries li {
  margin: 0 0 0.6em 0;
}
#entries h1 {
  font-size: 1.4em;
  color: #58AB29;
}
h2 {
  margin: 0 0 0.2em 0;
  color: #58AB29;
  font-size: 1.3em;
  font-weight: bold;
}
h3 {
  margin: 0 0 0.1em 0;
  font-weight: bold;
  font-size: 1em;
}
#entries ul, #entries ol {
  margin: 0 0 0.4em 0;
  padding: 0 0 0 20px;
}



/* .............................................................................. misc */
.date {
  margin: 0 0 0.2em 0 !important;
  font-size: 0.85em;
/*  color: #777;*/
}
.termin {
  margin: 0 0 2em 0;
}

.vika {
  margin: 0 0 2em 0;
}
	.vika img {
           margin: 0 26px 0 0;
           float: left;
         }




/* .............................................................................. Kontaktform */
#kontaktform {
  margin: 0 0 2em 0;
}
#kontaktform label {
  width: 120px;
  float: left;
}
#kontaktform input {
  padding: 1px;
  width: 280px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #cfcfcf;
  background-color: #fcfcfc;
}
#kontaktform input:focus {
  border: 1px solid #58AB29;
  background-color: #fff;
}
#kontaktform textarea {
  padding: 1px;
  width: 280px;
  height: 160px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #cfcfcf;
  background-color: #fcfcfc;
}
#kontaktform textarea:focus {
  border: 1px solid #58AB29;
  background-color: #fff;
}
#kontaktform #submit {
  margin: 10px 0 0 120px;
  width: 200px;
  border: 1px solid #B5B6B7;
}
#kontaktform #submit:focus {
  border: 1px solid #B5B6B7;
}
#kontaktform p {
  margin: 0 0 0.8em 0;
}
.error {
  color: #DF0000;
  font-weight: bold;
}
.success {
  padding: 10px;
  margin: 0 0 2em 0 !important;
  border: 1px solid #58AB29;
}

/* ....................................................... Fontsizer */

.setfont {
  display: inline;
}

.setfontbutton {
  margin: 0 1px 0 1px;
}