/*
Theme Name: Herzenssache Menden
Theme URI: http://herzenssache-menden.de
Description: Individuelles Theme -  based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Christian Fischer
Author URI: http://c-fischer.com
Tags: gr&uuml;n, fixed, two columns

*/


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


/* ............................................................................. Basics */

body {
  color: #404040;
  background-color: #B9C445;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100.01%;
}

img {
  border: none;
}

hr {
  margin: 0 0 -1px 0;
  width: 1px;
  height: 1px;
  border: none;
  visibility: hidden;
  clear: both;
}

/* ............................................................................. Aufbau */
#page {
  margin:  auto;
  width: 800px;
  text-align: left;
/*  background-color: #fff;*/
  font-size: 0.8em;
}
#headerimg {
  position: relative;
  width: 800px;
  height: 230px;
  overflow: hidden;
}
	#headerimg h1 {
           color: #B9C445;
           width: 1px;
           height: 1px;
           overflow: hidden;
         }
	#headerimg h1 span {
           position: absolute;
           top: 0;
           left: 0;
           width: 800px;
           height: 230px;
         }
#wrapper {
  padding: 44px 0 0 0;
  background-color: #fff;
}
#mainnavi {
  height: 23px;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
}
	#mainnavi ul {
	  list-style-type: none;
	  height: 23px;
	}
         #mainnavi ul li {
           margin: 0 2px 0 0;
           padding: 3px 8px 0 8px;
           height: 23px;
           float: left;
         }
         #mainnavi ul li a {
           color: #fff;
           text-decoration: none;
           text-transform: uppercase;
           font-weight: bold;
         }

#content {
  margin: 0 44px 44px 44px;
  float: left;
  width: 510px;
}

#zfg {
  margin: 2em 0 0 0;
  padding: 10px;
  background-color: #009E45;
  color: #EBDA00;
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
}
#footerlinks {
  text-align: center;
  padding: 3px;
}
	#footerlinks a {
           color: #009E45;
           text-decoration: none
         }

/* ............................................................................. Sidebar */
#sidebar {
  margin: 10px 44px 0 598px;
  width: 180px;
}
	#sidebar ul {
           border-top:10px solid #009E45;
           list-style-type: none;
         }
	#sidebar ul li {
           padding: 10px 0 8px 0;
           border-bottom:1px solid #009E45;
         }
         #sidebar ul li ul, #sidebar ul li ul li {
           border: none;
         }
         #sidebar ul li ul {
           margin: 2px 0 0 0;
         }
         #sidebar ul li ul li {
           padding: 2px 0 2px 4px;
           border-top:1px dotted #009E45;
           font-size: 0.8em;
         }
         #aktuell ul li a, #aktuellgr ul li a {
           font-weight: bold;
         }
         #aktuell h3 {
           position: relative;
           width: 180px;
           height: 24px;
           overflow: hidden;
           font-size: 0.1px;
           color: #E4CEA9;
           z-index: 0;
         }
         #aktuell h3 span {
           position: absolute;
           top: 0;
           left: 0;
           width: 180px;
           height: 24px;
           z-index: 2;
         }
         #aktuellgr h3 {
           position: relative;
           width: 180px;
           height: 36px;
           overflow: hidden;
           font-size: 0.1px;
           color: #E4CEA9;
           z-index: 0;
         }
         #aktuellgr h3 span {
           position: absolute;
           top: 0;
           left: 0;
           width: 180px;
           height: 36px;
           z-index: 2;
         }


/* ............................................................................. Content */
#content {
  line-height: 1.4em;
}
#content h2 {
  margin: 0 0 0.2em 0;
  height: 20px;
  font-size: 1.3em;
  color: #009E45;
}
	#content h2 a {
           text-decoration: none;
           color: #009E45;
           font-weight: bold;
         }
         #content p, #content li {
           margin: 0 0 1.4em 0;
         }
         #content ol, #content ul {
           padding: 0 0 0 30px;
         }
	#datum {
	  display: block;
	  margin: 0 0 1.5em 0;
	}
         #content blockquote {
           padding: 0 0 0 2em;
           font-style: italic;
           border-left: 1em solid #cfcfcf;
           font-size: 0.85em;
         }
         #content a, #sidebar a {
           text-decoration: none;
           color: #009E45;
         }
         #content a:hover {
           background-color: #009E45;
           color: #fff;
         }
         #content a.nohover:hover {
           background: none !important;
         }

         #content .greenbox {
           padding: 10px;
           background-color: #009E45;
           color: #fff;
           -moz-border-radius: 5px;
         }

         #content .toc {
           margin: 1em 0 1.5em 0;
           padding: 0 0 0.5em 20px;
           font-size: 0.8em;
           border-bottom: 1px dotted #009E45;
         }
         #content .toc li {
           margin: 0;
         }


         .entry {
           margin: 0 0 10em 0;
         }

         .metadata {
           border-bottom: 1px dotted #009E45;
           border-top: 1px dotted #009E45;
           font-size: 0.8em;
           text-align: right;
         }


         .navigation {
           font-size: 0.8em;
           padding: 0 0 4px 0;
           margin: 0 0 1em 0;
           border-bottom: 1px dotted #009E45;
         }


/* ............................................................................. Einzelseiten */
.vika {
  padding: 10px;
  margin: 0 0 4px 0;
  clear: right;
  border: 1px solid #cfcfcf;
  -moz-border-radius: 5px;
}
.vika img {
  margin: 0 0 10px 20px;
  padding: 4px;
  border: 1px solid #cfcfcf;
  float: right;
}
.vika p {
  font-size: 0.8em;
  line-height: 1.3em;
}

.kanthumb {
  float: right;
  margin: 0 0 0 4px !important;
  border: none !important;
  padding: 0 !important;
}


.off {
  display: none;
}
.on {
  display: block;
}

.subnavig {
  text-align: right;
  font-size: 0.8em;
}


/* ............................................................................. Bilder */
#content img {
  padding: 4px;
  border: 1px solid #cfcfcf;
}
#content img.noborder {
  border: none;
}
.alignright {
  margin: 0 0 10px 10px;
  float: right;
}
.alignleft {
  margin: 0 10px 10px 0;
  float: left;
}
.aligncenter {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  margin-bottom: 1em;
  padding: 4px 4px 0px 4px;
  border: 1px solid #cfcfcf;
  font-size: 0.75em;
}
.wp-caption .alignright, .wp-caption .alignleft {
  margin: 2px;
  float: none;
}
.wp-caption img {
  padding: 0 !important;
  border: none !important;
}



/* ............................................................................. Blättern */

#flippages a {
  padding: 2px 4px;
  border: 1px solid #cfcfcf;
}