/*Stylesheet Reiffix.de
    Autor: Christian Reifferscheid
    Datum: Januar 2008 
	Copyright by Reiffix.de
	--> Wir übernehmen auch gerne Umsetzungen  für Sie <--
 */
/*=============================================
  1. Allgemeine Styles / Kalibrierung
  ===========================================*/
* {
  padding: 0;
  margin: 0;
  }
html { height: 101%; }
body {
  font-family:Verdana;
  background-image: url(images/bgoben.gif);
  background-repeat: repeat-x;
  }
h1,h2 {
  color: #D51816;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  }
h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
}
h4 {
  color: #D51816;
}
h5 {
  font-size: 14px;
  margin-top: 15px;
}
input, textarea {
  margin: 2px;
  }
input:hover {
  margin: 2px;
  background-color: #EFEFEF;
  }
a {
  color: #a2a2a2;
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }
blockquote {
  background: url(images/cite.gif) no-repeat left top;
  padding: 10px 0 5px 45px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 470px;
}
.entry blockquote ul {
  margin: 0px;
}
/*=============================================
  2. LayoutStyles
  ===========================================*/
#wrapper {
  position: relative;
  width: 875px;
  font-family:Tahoma;
  font-size: 13px;
  color: #000000;
  margin: auto;
  margin-bottom: 20px;
  
  }
#header {
  position: relative;
  background-image: url(images/header.gif);
  background-repeat: no-repeat;
  width: 875px;
  height: 147px;
  margin-top: 23px;
  }
#navigation {
  position: absolute;
  margin: 26px 0 0 40px;
  width: 500px;
  height: 24px;
  }
#navigation a:hover {
  text-decoration: none;
  color: #CCCCCC;
}
#headline {
  position: absolute;
  width: 280px;
  height: 40px;
  font-size: 10px;
  top: 100px;
  left: 200px;
   font-style: italic;
}
#headline h1,h2 {
  font-size: 12px;
  font-style: normal;
  display: inline;
}
#headline a:hover {
  text-decoration: none;
}
#headline h2 a {
    color: #d80500;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
}
#headline h1 a {
  color: #c2c2c2;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
}
#zitate {
  position: absolute;
  width: 260px;
  height: 40px;
  font-size: 10px;
  top: 105px;
  left: 700px;
   font-style: italic;
}
#navigation ul  li {
  color: #a6a6a6;
  font-family: Verdana;
  font-size: 14px;
  display: inline;
  list-style-type: none;
  margin-left: 10px;
  }
#content {
  float: left;
  width: 525px;
  margin-left: 15px;
  display: inline;
  
}
#seite {
  float: left;
  background-image:url(images/seite.gif);
  background-repeat: no-repeat;
  width: 34px;
  height: 297px;
}
#rightbox
{
  position: absolute;
  width: 290px;
  left: 603px;
  
}
#boxoben {
  background-image: url(images/rightbox.gif);
  background-repeat: no-repeat;
  width: 297px;
  height: 12px;
}
#boxlinks {
  position: absolute;
  background-image: url(images/seitennavi.gif);
  background-repeat: no-repeat;
  height: 326px;
  width: 13px;
  left: 605px;
}
#sidebar {
width: 250px;
margin-left: 15px;
font-size: 10px;

}
#sidebar ul  li {
  list-style-type: none;
  }
#r_comments a {
  color: #000000;
  font-weight: normal;
  }

#download {
  background-image: url(images/referenzen.gif);
  background-repeat: no-repeat;
  padding-left: 130px;
  padding-top: 50px;
  padding-right: 20px;
  width: 148px;
  height: 156px;
  margin-left: 0px;
  font-size: 10px;
}
#download a {
  color: #000000;
  font-weight: normal;
  border-bottom: 1px solid #c2c2c2;
  }
.feed {
  float: right;
  width: 122px;
  height: 131px;
  margin-top: 10px;
}
.feed a {
  border: none;
  text-decoration: none;
}
.kategorien {
float: left;
}
pre {
  font-size: 11px;
  font-family: Courier;
  background-color: #FAFAFA;
  border: 1px solid #E5E5E5;
  width: 470px;
  border-left: 6px solid #E5E5E5;
  padding: 0px 5px;
 
  margin: 5px 0px;
  margin-left: 10px;
}

pre {
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;       /* Opera 4-6 */
   white-space: -o-pre-wrap;       /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
code {
  font-size: 11px;
  font-family: Courier;
}
/*============================================
  Spezielle DesignKlassen 
  ==========================================*/
.name {
  color: #a6a6a6;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 15px;
}
.bildlinks {
  float: left;
  margin-right: 5px;
  }
.bildrechts {
   float: right;
  margin-left: 5px;
  margin-right: 45px;
}
.required {
 border: 1px solid #D51816;
 }
.required:focus {
 background-color: #CCCCCC;
}
.alignleft {
  float: left;
  }
.alignright {
  float: right;
  }
.liniepost {
border-top: 1px solid #CCCCCC;
  width: 520px;
  }  
.linie {
  background-image: url(images/linienavi.gif);
  background-repeat: no-repeat;
  width: 250px;
  height: 9px;
  }
  
/*============================================
  Post
  ==========================================*/
.post {
  margin-top: 20px;
  margin-bottom: 20px;
}
.post h2 a {
  color: #D51816;
  font-size: 16px;
  font-weight: bold;
}
.postmetadata {
 margin-top: 8px;
  border-top: 3px solid #CCCCCC;
  width: 550px;
  font-size: 10px;
  margin-bottom: 20px;
  }
.dateneinzeln {
  margin-bottom: 15px;
  border-top: 1px solid #CCCCCC;
  width: 520px;
  }
.tag {
  margin-top: 10px;
  font-size: small;
}
.time {
  color: #c2c2c2;
  display: block;
  font-size: 10px;
  }
.entry {
  margin-top: 6px;
} 
.post h2:hover {
  color: #000000;
}
.entry ul{
  width: 450px;
  list-style-image: url(images/li.gif);
  margin-bottom: 8px;
  margin-left: 65px;
  margin-top: 8px;
  }
.entry ol{
  
  width: 450px;
  margin-bottom: 8px;
  margin-left: 65px;
  }
.entry ol  ol {
  margin-bottom: 0px;
}
 /*============================================
  Sidebar
  ==========================================*/
.grau {
  color: #c2c2c2;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  }
.rot {
  color: #d80500;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  }
.links {
  float: left;
}
.autor {
  display: block;
  font-weight: bold;
  font-style: normal;
  margin-left: 120px;
  }
#searchform input:hover {
  border: 1px solid #D51816;
}
#searchform .no:hover  {
  border: none; 
}
/*============================================
  Comments
  ==========================================*/
.commentlist li {
border-top: 1px solid #CCCCCC;
width: 500px;
padding: 10px;

}
ul .commentlist {
  list-style-type: none;
}
.alt {
  background-color: #EEEEEE;
  }
.commentlist cite {
    color: #000000;
  font-family: Tahoma;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
}
.commentlist cite a{
  color: #d80500;
  font-family: Tahoma;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
}
.com {
  display: inline;
  float:right;
}
.com .comrot a{
    color: #d80500;
}
.comrot {
  display: inline;

}
.com_autor {
  display: inline;
  font-weight: bold;
}
#comments {
  border: 1px solid #CCCCCC;
  width: 520px;
  margin-bottom: 20px;
}
#comments ol {
  list-style-type: none;
}
#respond {
 padding: 10px;
 padding-bottom: 3px;
}
.wp-smiley {
  border: none;
  }
.avatar {
 float: right;
 margin-right: 3px;
}

/*============================================
  Umfrage
  ==========================================*/
.poll-question 
  {
  
  }
.rssfeed {
  width: 520px;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
}
.rssfeed:hover {
  background-color: #D2D2D2;
}
.rssfeed a {
  color: #000000;
}
.rssfeed a:hover {
  color: #000000;
  text-decoration: none;
}
/*============================================
  Blogeinnahmen Auswertung
  ==========================================*/

.hoch {
  background: url(images/hoch.png) no-repeat 5px 3px;
  padding: 10px 0 5px 30px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 490px;
}
.runter {
  background: url(images/runter.png) no-repeat 5px 3px;
  padding: 10px 0 5px 30px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 490px;
}
.halbhoch {
  background: url(images/halbhoch.png) no-repeat 5px 3px;
  padding: 10px 0 5px 30px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 490px;
}
.halbrunter {
  background: url(images/halbrunter.png) no-repeat 5px 3px;
  padding: 10px 0 5px 30px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 490px;
}
.gleich {
  background: url(images/gleich.png) no-repeat 5px 4px;
  padding: 10px 0 5px 30px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 490px;
}
.neu {
  background: url(images/neu.png) no-repeat 5px 3px;
  padding: 10px 0 5px 30px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 490px;
}

.hoch a, .runter a, .halbhoch a, .halbrunter a, .gleich a, .neu a, .icons a {
  color: #D51816;
  text-decoration: underline;
  font-weight: bold;
  margin-bottom: 8px;
}
.hoch img, .runter img, .halbhoch img, .halbrunter img, .gleich img, .neu img{
  display: inline;
  float: right;
  margin-right: 5px;
}
.hoch ul, .runter ul, .halbhoch ul, .halbrunter ul, .gleich ul, .neu ul {
  margin-left: 15px;
  margin-top: 5px;
}
.hoch b, .runter b, .halbhoch b, .halbrunter b, .gleich b, .neu b {
  display: block;
  font-size: 13px;
  margin-top: 8px;
  margin-left: -5px;
}
.icons {
  width: 500px;
}
.eintrag p {
  margin-bottom: 1.5em;
}