/*  
Theme Name: Advent-Theme
Theme URI: http://adventadvent.einlichtleinbrennt.de/
Version: 5.4
Author: funkygog
Author URI: http://blog.funkygog.de/
Description: Änderungen am Theme sind im <a href="http://history.funkygog.de/">History-Channel</a> gelistet.
*/

/**** Body ************************************/
body {
  background:url(images/hg-body.jpg) repeat scroll top left #9b0608;
  font-size: 100.01%;
  font-family: Verdana, Arial, 'Trebuchet MS', Helvetica, sans-serif;
  color:#4E4E4E;
  margin:0;
}

/**** LAYOUT **********************************/
#wrapper {
  background:transparent;
  width: 100%;
  margin:0 auto;
  text-align: left;
}
#header {
  position:fixed;
  top:0px; left:0px; right:0px;
  margin:0;
  cursor:pointer;
}
#header-content {
  font-family: Satisfy, Arial, 'Trebuchet MS', Helvetica, sans-serif;
  text-align: left;
  width: 90%;
  margin:0 auto;
}
#header-content p {
  background:url(images/hg-header.png) repeat-x scroll top left transparent;
  height: 80px;
  padding-top: 20px;
  padding-left: 20px;
  width:750px;
  border-top: 10px solid #9b0608;
}
#header-content .description {
  background:#9b0608;
  color: #bbb;
  font-size: 2.3em;
  border: none;
}
#header-content .name {
  background:#9b0608;
  color: #eee;
  font-size: 2.3em;
  text-shadow: 0 0px 14px #FFFF66;
  border: none;
  padding-right: 10px;
}

#content {
  width: 90%;
  margin:0 auto;
  background:transparent;
  text-align: left;
  font-size: 0.8em;
  padding-top: 90px;
  padding-bottom: 190px;
}
#content-content {
  float: left;
  width: 80%;
  margin: auto 0;
  margin-top: 20px;
}
.content_left {
  float: left;
  width: 150px;
  text-align: left;
}
.content_right {
  float: right;
  width: 455px;
  margin-bottom: 10px;
}
.post-container {
  background: url(images/white80.png) repeat scroll left top transparent;
  border: 1px solid #ddd;
  padding:30px;
  margin-bottom: 20px;
  width: 680px;
}
.infobox {
  background: url(images/white80.png) repeat scroll left top transparent;
  border: 1px solid #ddd;
  position: fixed;
  right: 250px;
  top: 90px;
}
#footer {
  background: url(images/hg-footer.png) no-repeat scroll bottom right transparent;
  position:fixed;
  height: 219px;
  bottom:0; left:0; right:0;
  clear: both;
  width: 100%;
  text-align:center;
  margin:0;
}
#footer-content {
  background: transparent;
  text-align: left;
  width: 95%;
  margin:0 auto;
  position: fixed;
  bottom: 0px;
  line-height: 2.5em;
  font-size: 0.75em;
  padding-left: 20px;
  color:#666;
}
.footlink {
  font-family: Satisfy, Arial, 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 1.6em;
}
.footlink a{
  padding: 7px;
  color: #9b0608;
}

#subfooter {
  width: 90%;
  text-align: left;
  margin:0 auto;
  padding-top: 30px;
}
.subfooter .info {
  font-size: 0.85em;
  position: fixed;
  float:left;
  clear: both;
  left: 20px;
  bottom: 25px;
}
.widget {
  background: url("images/white80.png") repeat scroll left top transparent;
  font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
  color:#444;
  float:left;
  font-size: 0.75em;
  margin:10px;
  padding: 10px 15px;
  width:27%;
  text-shadow:1px 1px 0 #fff;
}
#hintergrund {
  background: url(images/hg-sidebar.png) no-repeat scroll bottom right transparent;
  position:fixed;
  width:  266px;
  height: 741px;
  right: 0px;
  bottom:219px;
  margin:0;
  border:0 none;
}
/*****CONTENT******/
#content .post {
}
#content .entrytext {
  background: #fff;
  padding: 25px;
}
#content img {
  margin: 0;
  padding: 5px;
  border: none;
  vertical-align:middle;
}
#content a:hover img, .entry a:hover img {
  background: url(images/background.png);
}

.kachel, .xkachel {
  background: url(images/tuer-zu.png) transparent;
  float: left;
  text-align:center;
  border: 1px solid #9b0608;
  width:112px;
  height:112px;
  margin-right: 2%;
  margin-bottom: 15px;
}
.kachel:hover {
  background: url(images/tuer-auf.jpg) transparent ;
  border: 1px solid #ddd;
}
.kachel .nummer, .xkachel .nummer {
  font-size: 2.5em;
  font-family: Satisfy, Arial, 'Trebuchet MS', Helvetica, sans-serif;
  text-shadow: 1px 1px 4px #fff;
  padding-top:5px;
  vertical-align:center;
  color: #bdd;
  font-weight: 100;
}
.kachel:hover .nummer {
  display:none;
}
.kachel .link, .xkachel .link {
  background: url(images/white80.png) repeat scroll left top transparent;
  font-size: 1em;
  color: #fff;
  padding: 2px;
  height: 18px;
  text-shadow:1px 1px 0 #777;
}
.kachel .link a, .xkachel .link a {
  display: block;
  text-shadow:1px 1px 0 #eee;
}
.kachel:hover .link {
  background:transparent;
  color: #fff;
}
.kachel .hinweis, .xkachel .hinweis {
  display:none;
  font-size: 1em;
  padding: 2px;
}
.kachel:hover .hinweis {
  display:block;
  background:transparent;
  color: #fff;
}
.kachel:hover .hinweis a {
  font-size: 1.35em;
  text-shadow: 1px 1px 0 #fff;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 50px;
}
.kachel:hover .hinweis a:hover {
  text-shadow: 1px 1px 0 #fff;
  border:none;
}
.kachel .hinweis a:visited {
  background: url(images/abgehakt.gif) no-repeat scroll bottom right transparent;
  border: none;
}
.kachel .planb {
  display:none;
}
.kachel:hover .planb {
  display:block;
  font-size: 1em;
  text-align:left;
  vertical-align:bottom;
  border: none;
}
.kachel p, .xkachel p {
}

/**********************************************
*   Basics & Typography                       *
***********************************************/

h1 {
  font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
  color: #ddd;
  font-size: 2.0em;
  margin-top: 10px;
  margin-bottom: 0;
}
h1 a {
  background: #fff;
  padding: 6px 20px;
  color: #c00;
}
h1 a:hover {
  color: red;
}
h2 {
  color: #777;
  font-size: 1.15em;
  letter-spacing: .1em;
  margin: 5px 0 6px;
}
h3 {
  color: #777;
  font-size: 1em;
  letter-spacing: .15em;
  margin: 5px 0 6px;
}
h4, h5, h6 {
  color: #777;
  font-size: .9em;
  letter-spacing: .2em;
  margin: 5px 0 6px;
}
small {
  font-size:.8em;
  line-height: 1.3em;
}
a {
  color: #007;
  text-decoration: none;
}
a:hover {
  color: #c00;
}
blockquote {
  color: #507BAF;
  font-size: 1em;
  border-left: 1px solid #74B1FC;
  padding: 0 0 0 10px;
  margin: 10px 0 10px 20px;
}
blockquote a {
  color: #777;
}
.blocker {
  font-size: 0.9em;
  color: #1F5656;
  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  line-height: 1.6em;
  margin:5px;
  padding-left:10px;
  border-left:10px solid #f6f6f6;
}
ul {
  list-style-image:url(images/actarrow.png);
  line-height: 1.25em;
  margin: 5px 15px 15px 30px;
  padding: 0;
}
ol {
  line-height: 1.25em;
  margin: 5px 20px 15px 30px;
  padding: 0;
}
li {
  margin-bottom: 5px;
}
form {
  margin: 0;
  padding: 0;
}
p {
  line-height: 1.4em;
  margin: 0 0 10px;
}
.center {
  text-align: center;
}
.entry a, .entrytext a {
  color: #689;
  font-weight: 700;  
}
.entry a:hover, .entrytext a:hover {
  color: #c00;
}
img {
  border: none;
}
img-float-left {
  float: left;
  margin:20px 0;
  border: none;
}
img-float-right {
  float: right;
  border: none;
}
.wp-caption {
  background-color:#F3F3F3;
  border:1px solid #ddd;
  margin:5px;
  padding:3px;
  text-align:center;
}
.wp-caption img {
  border:0 none;
  margin:0;
}
.wp-caption p.wp-caption-text {
  font-size:0.85em;
  line-height:1.4em;
  margin:0;
  padding:0 4px 5px;
  text-align:center;
}
.lin {
  background:#ddd;
  height:3px;
  border-top:1px solid #bbb;
  border-bottom:2px solid #eee;
  margin-bottom:20px;
}
.infocomments {
  background:#F6F6F6;
  border:1px dotted #ddd;
  margin-bottom: 10px;
  padding: 10px;
}
.red {
  color: red;
}
.navigation {
  font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
  font-size: .9em;
  margin:5px;
  width: 620px;
  text-decoration: none;
}
.navigation a {
  color: #fff;
}
.navigation a:hover {
  background: #eee;
  color: #9b0608;
  padding: 3px;
}
.alignleft {
  float: left;
  width: 45%;
  text-align: left;
}
.alignright {
  float: right;
  width: 45%;
  text-align: right;
}
.postmetadata {
  font-size: .85em;
}
.postmetadata a {
  color: #c00;
}
.postmetadata a:hover {
  color: red;
}
.spalter2 {
  width:45%;
  float:left;
  margin-right: 15px;
}
.spalter3 {
  width:30%;
  float:left;
  margin-right: 20px;
}
.spalter3end {
  width:30%;
  float:right;
  margin-right: 0px;
}
.spalter4 {
  width:23%;
  float:left;
  margin-right: 12px;
  padding-bottom: 15px;
}
.spalter4end {
  width:23%;
  float:right;
  margin-right: 0px;
  padding-bottom: 15px;
}
.spalter2v3 {
  width:60%;
  float:left;
  margin-right: 15px;
}
#ToogleSidebar {
  font-size: 1.0em;
  background:#fff;
  padding: 5px;
  position: fixed;
  top: 0px;
}
.cf-feld {
   float: left;
   padding-right: 10px;
   padding-top: 8px;
   text-align: right;
   width: 80px;
}

#social {
  line-height: 20px;
    margin: 15px 0;
}
.socialbutton {
  float: left;
  padding-right: 10px;
}
.facebook {
    background: url("images/facebook_share_icon.gif") no-repeat scroll 5px 50% #f8f8f8;
    border: 1px solid #bbb;
    padding: 2px 6px 2px 25px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* WP-Stat */
img#wpstats {display:none}
