/*
THEME NAME: BlogPimp
THEME URI: http://blogpimp.de/
DESCRIPTION: Das Standard-Theme für Themes.BlogPimp.de
VERSION: 2.0
AUTHOR: <a href="http://blogpimp.de">Lothar Baier / BlogPimp.de</a>
AUTHOR URI: http://blogpimp.de/
*/

/* ################################ Allgemeine Formatierungen ########################## */
html {
  height				: 100.01%; 	
  margin				: 0; 
  padding				: 0;
}

* {
  margin				: 0;
  padding				: 0;
  border				: none;
}

body {
  text-align			: center; 
  height				: 100.01%;
  background			: #003300 url(images/kopf.gif) repeat-x top center;
  color					: #ccc;
  font					: normal 100.01%/1.6 Verdana, "Lucida Sans Unicode","Lucida Grande",arial,helvetica,clean,sans-serif;
  text-align			: center;
}

h1, h2, h3, h4, h5, h6 {
  font-size				: 2.0em;
  font-weight			: normal;	
}

h2 {
  font 					: italic 1.4em/1.3 Georgia, "Times New Roman", "Times Roman", Times, serif;
}

h3 {
  font 					: italic 1.2em/1.0 Georgia, "Times New Roman", "Times Roman", Times, serif;
  margin-bottom			: 5px;
}

h4 {
  font-size				: 1.1em;
  margin-top			: 0.8em;
}

h5 {
  font-size				: 1.0em;
  margin-top			: 0.8em;
}

h6 {
  font-size				: 0.9em;
  margin-top			: 0.8em;
}

p {
  font-size				: 0.8em;
  margin-top			: 0.8em;
}

a {
  text-decoration		: none;
  color					: #ec0;
}

a:hover, a:focus, a:active {
  color					: #fff;
}

blockquote {
  font-size				: 0.8em;
  margin				: 0.8em 0 0 1.0em;
  background			: #040;
  padding				: 3px 5px 4px 7px;
  border 				: 1px solid #050;
}

table {
  border-collapse		: collapse;
  margin				: 1.0em 0 0.2em 1px;
  border-left			: 1px solid #050;
  border-top			: 1px solid #050;
  font-size				: 0.8em;
}

th, td {
  border-right			: 1px solid #050;
  border-bottom			: 1px solid #050;
  padding				: 1px 3px 2px;
  vertical-align		: top;
}

.clearer {
  line-height			: 1px;
  font-size				: 1px;
  height				: 1px;
  clear					: both;
}

/* ################################ Seitenaufbau ########################## */
#aussenraender {
  margin				: 0 20px 20px;
}

#seitenrahmen {
  text-align			: left;
  margin				: 0 auto;
  width					: 920px;
}

#seitenkopf {
  height				: 150px;
  z-index				: 3;
}

#hauptmenu {
  height				: 40px;
  margin-bottom			: 30px;
}

#linkespalte {
  width					: 470px;
  float					: left;
}

#linksinhalt {
  margin-right			: 20px;
}

#mittelspalte {
  width					: 215px;
  float					: left;
}

#mitteinhalt {
}

#rechtespalte {
  width					: 215px;
  float					: right;
}

#rechtsinhalt {
}

#seitenfuss {
  clear					: both;
  width					: 100%;
}

/* ################################ Seitenkopf ########################## */
#seitenkopf h1 {
  height				: 150px;
  margin				: 0;
  padding				: 0;
}

#seitenkopf h1 a {
  display				: block;
  background			: transparent url(images/logo.gif) no-repeat top center;
  text-indent			: -999em;
  height				: 100px;
  margin				: 50px 0 0;
  padding				: 0;
  line-height			: 1;
  font-size				: 0;
}

#blog-description {
  text-indent			: -999em;
  height				: 0;
  line-height			: 0;
  font-size				: 0;
}

#skipnavi {
  text-indent			: -999em;
  height				: 0px;
  line-height			: 0;
  font-size				: 0;
}

/* ################################ Kopfnavigation ########################## */
#nav_main {
  width					: 100%;
  overflow				: hidden;
  float					: left;
  display				: inline;
  line-height			: 0px;
  border-top			: 1px solid #070;
  border-bottom			: 1px solid #070;
  margin				: 0 0 30px;
}

#nav_main ul {
  float					: left;
  display				: inline;
  margin				: 0;
  padding				: 0;
  border-right			: none;
  margin-left			: 0px;
  font-size				: 0.9em;
  border-left			: 1px solid #070;
  height				: 37px;
}

#nav_main ul li {
  float					: left;
  display				: inline;
  margin				: 0;
  padding				: 0;
  font-size				: 1.0em;
  list-style-type		: none;
  border-left			: none;
  border-right			: 1px solid #070;
  height				: 37px;
}

#nav_main ul li a,
#nav_main ul li strong {
  display				: inline-block;
}

#nav_main ul li a,
#nav_main ul li strong {
  display				: block;
  float					: left;
  width					: auto;
  font-size				: 1em;
  font-weight			: bold;
  background			: transparent;
  text-decoration		: none;
  margin				: 0;
  padding				: 0px 15px;
  font-weight			: normal;
  color					: #ec0;
  height				: 37px;
  height				: 37px;
  line-height			: 36px;
}

#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active {
  background			: #050 url("images/shiny_buttons/background_active.gif") repeat-x;
  color					: #fff;
  text-decoration		: none;
}

#nav_main li.current_page_item {
  background			: #050 url("images/shiny_buttons/background_active.gif") repeat-x;
}

#nav_main ul li a:hover,
#nav_main li.current_page_item a{
  background			: #050 url("images/shiny_buttons/background_active.gif") repeat-x;
  color					: #fff;
}

#nav_main ul ul {
  display				: none;
}

/* ################################ Post-Navigation ########################## */
div#nav-above, 
div#nav-below {
  font-size				: 0.7em;
  zoom					: 1;
}

div#nav-above {
  margin				: 0;
  padding				: 3px 0 2px;
}

div#nav-below {	
  margin				: 20px 0 1em;
  padding				: 0;
  padding				: 3px 0 2px;
}

div.nav-previous {
  line-height			: 1.6;
  margin				: 0 0 0 6px;
  float					: left;
  width					: 45%;
}

div.nav-next {
  line-height			: 1.6;
  padding				: 0;
  float					: right;
  width					: 45%;
  text-align			: right;
  margin				: 0 6px 0 0;
}

div.nav-previous a,
div.nav-next a {
  padding				: 3px 0 4px;
}

div.nav-previous a:hover,
div.nav-next a:hover {
  background			: #050;
}

/* ################################ Slogan ########################## */
#slogan {
  margin				: 0px 20px 20px 0;
  width					: 450px;
  height				: 200px;
  background			: url(images/kasten.gif) no-repeat top left;
  float					: left;
}

#sloganinhalt {
  margin				: 26px 20px 0;
  text-align			: center;
  min-height			: 1px;
}

#sloganhead {
  color					: #eee;
  font					: normal 1.0em/1.5 "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
  word-spacing			: 2px;
}

#sloganhead span {
  color					: #eb0;
  font-size				: 1.2em;
  line-height			: 1.3;
}

/* ################################ Preview ########################## */
#preview {
  margin				: 0px 0px 20px 0;
  width					: 450px;
  height				: 200px;
  background			: url(images/kasten.gif) no-repeat top left;
  float					: left;
}

#previewinhalt {
  padding				: 20px;
  text-align			: left;
  min-height			: 1px;
}

#previewinhalt img {
  float					: left;
  margin				: 0 10px 0 0;
}

#previewinhalt p {
  margin				: 0;
  font-size				: 0.8em;
  padding				: 0;
  line-height			: 1.5;
}

#previewinhalt span {
  color					: #fff;
  font-size				: 1.3em;
}

/* ################################ Fader ########################## */
#bilder {
  background			: #030;
  width					: 194px;
  height				: 160px;
  margin				: 0 20px 0 0;
}
 
/* ################################ Hauptinhalte ########################## */
.post {
  margin-bottom			: 30px;
}

.entry-meta {
  font-size				: 0.7em;
  margin				: 8px 0;
  clear					: left;
  border-top			: 1px solid #050;
  padding-top			: 5px;
}

.single .entry-meta {
  font-size				: 0.7em;
  margin				: 8px 0;
  clear					: left;
  border-top			: 1px solid #050;
  border-bottom			: 1px solid #050;
  padding-top			: 5px;
}

.post img {
  float					: left;
  margin				: 5px 10px 3px 0;
  border				: 1px solid #050;
}

.post h3.abstand {
  margin-top			: 20px;
}

.post ul, ol {
  font-size				: 0.8em;
  margin				: 0.8em 20px 0 20px;
}

.post ol {
  margin-left			: 28px;
}

.post table {
  border-collapse		: collapse;
  font-size				: 0.8em;
  margin				: 1.0em 0 0.2em 1px;
  border-left			: 1px solid #050;
  border-top			: 1px solid #050;
}

.post th, .post td {
  border-right			: 1px solid #050;
  border-bottom			: 1px solid #050;
  padding				: 1px 5px 2px;
  vertical-align		: top;
}

.page .edit-link {
  padding-top			: 1.0em;
  font-size				: 0.8em;
  line-height			: 3.0;
}

.page p.tagging {
  display				: none;
}

/* ################################ Kommentare ########################## */
#comments-list {
  margin-bottom			: 30px;
}

#comments-list li {
  background			: #040;
  border				: 1px solid #050;
  padding				: 10px;
  margin-bottom			: 10px;
  font-size				: 1.2em;
}

#comments-list li p {
  overflow				: hidden;
}

#comments-list li.bypostauthor {
  background			: #050;
}

#comments-list span.fn {
  font-size				: 1.2em;
}

#comments-list .comment-meta {
  font-size				: 0.7em;
  border-bottom			: 1px solid #050;
}

/* ################################ Trackbacks ########################## */
#trackbacks-list {
  margin-bottom			: 30px;
}

#trackbacks-list li {
  background			: #040;
  border				: 1px solid #050;
  padding				: 10px;
  margin-bottom			: 10px;
  font-size				: 1.2em;
}

#trackbacks-list li p {
  overflow				: hidden;
}

#trackbacks-list span.fn {
  font-size				: 1.2em;
}

#trackbacks-list .comment-meta {
  font-size				: 0.7em;
}

#trackbacks-list .trackback-author {
  border-bottom			: 1px solid #050;
}

/* ################################ Formulare ########################## */
.contactform {
  font-size				: 0.8em;
}

.contactform .contactleft {
  margin-top			: 1em;
}

.post textarea,
.post input, 
.contactform textarea,
.contactform input {
  background			: #040;
  border				: 1px solid #050;
  padding				: 1px 5px 2px;
  color					: #fff;
  font					: normal 1.0em/1.4 Verdana, "Lucida Sans Unicode","Lucida Grande",arial,helvetica,clean,sans-serif;
}

#contactsubmit {
  margin				: 1.0em 0;
  background			: #040;
  color					: #fc0;
}

#contactsubmit:hover {
  background			: #020;
  color					: #fff;
}

textarea {
 width					: 95%;
 height					: 15em;
}

/* ################################ Kommentar-Formular ########################## */
#commentform .form-label {
  padding				: 15px 0 3px;
  font					: normal 0.8em Verdana, "Lucida Sans Unicode","Lucida Grande",arial,helvetica,clean,sans-serif;
}

#commentform .form-input input,
#commentform .form-textarea textarea {
  background			: #040;
  border				: 1px solid #050;
  padding				: 1px 5px 2px;
  color					: #fff;
  font					: normal 0.8em/1.4 Verdana, "Lucida Sans Unicode","Lucida Grande",arial,helvetica,clean,sans-serif;
}

#commentform #submit {
  font					: normal 0.8em/1.4 Verdana, "Lucida Sans Unicode","Lucida Grande",arial,helvetica,clean,sans-serif;
  border				: 1px solid #050;
  margin				: 1.0em 0;
  background			: #040;
  color					: #fc0;
}

#commentform #submit:hover {
  background			: #020;
  color					: #fff;
}

/* ################################ Portfolio ########################## */
#portfolio {
  margin-top			: 10px;
}

#portfolio p img {
  margin 				: 0 0 10px;
  padding				: 10px;
  border				: 1px solid #000;
  background			: #fff;
}

/* ################################ Sidebars ########################## */
#mitteinhalt ul,
#rechtsinhalt ul {
  font-size				: 0.85em;
  line-height			: 1.4;
  padding				: 0;
  list-style-type		: none;
  text-align			: left;
}

#mitteinhalt ul li,
#rechtsinhalt ul li {
  margin 				: 0 0 20px;
  border-bottom			: 1px solid #050;
}

#mitteinhalt ul h3,
#rechtsinhalt ul h3 {
  margin				: 10px;
  font-size				: 1.1em;
}

#mitteinhalt ul ul li, 
#mitteinhalt ul ul ul li,
#rechtsinhalt ul ul li, 
#rechtsinhalt ul ul ul li {
  border				: none;
  margin 				: 0;
}

#mitteinhalt ul ul ul,
#rechtsinhalt ul ul ul {
  border				: none;
  margin				: 0;
}

#mitteinhalt li,
#rechtsinhalt li {
  margin				: 0;
}

#mitteinhalt li a,
#rechtsinhalt li a {
  display				: inline-block;
}

#mitteinhalt li a,
#rechtsinhalt li a {
  display				: block;
  padding				: 2px 10px 3px;
  border-top			: 1px solid #050;
}

#mitteinhalt li a:hover,
#mitteinhalt li.current-cat a,
#mitteinhalt li.current_page_item a,
#rechtsinhalt li a:hover,
#rechtsinhalt li.current-cat a,
#rechtsinhalt li.current_page_item a {
  color					: #fff;
  background			: #040;
}

#mitteinhalt li.current-cat .children a,
#mitteinhalt li.current_page_item .page_item a,
#rechtsinhalt li.current-cat .children a,
#rechtsinhalt li.current_page_item .page_item a {
  background			: #030;
  color					: #fff;
}

#mitteinhalt li.current-cat .children a:hover,
#mitteinhalt li.current_page_item .page_item a:hover,
#rechtsinhalt li.current-cat .children a:hover,
#rechtsinhalt li.current_page_item .page_item a:hover {
  background			: #040;
  color					: #fff;
}

#mitteinhalt ul ul ul li a,
#rechtsinhalt ul ul ul li a {
  font-size				: 1.2em;
  padding				: 2px 3px 4px 22px;
  background			: url(images/untermenu.gif) no-repeat 9px 0px;
}

#mitteinhalt ul ul ul li a:hover,
#rechtsinhalt ul ul ul li a:hover {
  background			: #040 url(images/untermenu.gif) no-repeat 9px 0px;
}

#mitteinhalt li.current_theme,
#rechtsinhalt li.current_theme {
  padding				: 2px 10px 3px;
  border-top			: 1px solid #050;
  color					: #fff;
  background			: #050;
}

#mitteinhalt form,
#rechtsinhalt form {
  padding				: 0 10px 2.2em;
}

.sidebar input#s {
  margin				: 0;
  border				: 1px solid #050;
  width					: 65%;
  padding				: 2px 3px 3px;
  font					: normal 0.9em Verdana, "Lucida Sans Unicode","Lucida Grande",arial,helvetica,clean,sans-serif;
  color					: #fff;
  float					: left;
  background			: #040;
  border				: 1px solid #050;
}

.sidebar input#searchsubmit {
  margin				: 0;
  border				: 1px solid #050;
  width					: auto;
  padding				: 1px 3px 2px;
  font					: normal 0.9em Verdana, "Lucida Sans Unicode","Lucida Grande",arial,helvetica,clean,sans-serif;
  color					: #fc0;
  float					: right;
  background			: #040;
  border				: 1px solid #050;
}

#mitteinhalt input#searchsubmit:hover,
#rechtsinhalt input#searchsubmit:hover {
  background			: #020;
  color					: #fff;
}

#mitteinhalt li.texte h3,
#rechtsinhalt li.texte h3 {
  border-bottom			: 1px solid #050;
  padding				: 0 10px 8px;
  margin				: 10px 0 5px;
}

.sidebar li.texte p {
  padding				: 0 10px 6px;
}

.sidebar p.klein {
  margin-top			: 3px;
}

.sidebar p.kleiner {
  margin-top			: 1px;
  line-height			: 1.4;
}

.sidebar .blogwert,
.sidebar .dabei {
  text-align			: center;
}

.sidebar .blogwert img,
.sidebar .dabei img {
  margin				: 3px auto 3px;
}

.sidebar .blogwert img.rahmen,
.sidebar .dabei img.rahmen {
  border				: 2px solid #fff;
}

#mitteinhalt .blogwert a, 
#mitteinhalt .dabei a,
#rechtsinhalt .blogwert a, 
#rechtsinhalt .dabei a {
  display				: inline;
  background			: none;
  margin				: 0;
  padding				: 0;
  border				: 0;
}

.sidebar .dabei a:hover {
  background			: none;
}

.sidebar .dabei img {
  margin-bottom			: 10px;
}

.sidebar .most a {
  line-height			: 1.4;
}

#mitteinhalt .aboutme,
#rechtsinhalt .aboutme {
  padding-bottom		: 10px;
}

.sidebar .aboutme p {
  font-size				: 0.9em;
  line-height			: 1.6;
  margin				: 0 10px;
}

#mitteinhalt .aboutme h3,
#rechtsinhalt .aboutme h3 {
  border-bottom			: 1px solid #050;
  padding				: 0 0 8px;
  margin-bottom			: 5px;
}

#mitteinhalt .aboutme a,
#rechtsinhalt .aboutme a {
  display				: inline;
  background			: none;
  margin				: 0;
  padding				: 0;
  border				: 0;
}

#mitteinhalt .aboutme p img,
#rechtsinhalt .aboutme p img {
  border 				: 1px solid #050;
  float					: left;
  margin				: 5px 6px 1px 0;
}

.sidebar #tagcloud {
  text-align			: center;
}

.sidebar #tagcloud	li {
  padding				: 0 5px 10px;
}

.sidebar #tagcloud a {
  background			: none;
  display				: inline;
  color					: #fc0;
  border				: none;
  margin				: 2px 0;
  padding				: 0 3px;
}

.sidebar #tagcloud a:hover {
  background			: #35b;
  color					: #fff !important;
}

.sidebar #letzte li p,
.sidebar #letztek li p {
  font-size				: 0.9em;
  margin				: 0;
  padding				: 0 10px 4px;
}

.sidebar .blogwert b {
  color					: #f60;
}

/* ################################ Ranking-Anzeige ########################## */
#jsr_wrapper {
  width					: 100%;
  height				: 3.0em;
}

#jsr_wrapper a {
  border				: none !important;
  background			: none !important;
}

#jsr_wrapper a span {
  color					: #fff  !important;
}

#jsr_wrapper {
  font-family			: Arial, Helvetica, sans-serif;
  font-size				: 9px;
  font-weight			: lighter;
  margin				: 10px 0;
  display				: block;
  line-height			: 1.3em;
}

#jsr_wrapper a, #jsr_wrapper a:hover, #jsr_wrapper a:visited {
  text-decoration		: none;
  font-size				: 9px;
  color					: #fff;
  font-weight			: lighter;
  background			: none;
  border				: 0;
  margin				: 0;
  line-height			: 1.3em;
}

#jsr_about {
  font-size				: 8px;
  clear					: none;
  display				: block;
  margin-left			: 5px;
  margin-top			: 25px;
  width					: 100px;
}

.jsr_rank_container {
  width					: 40px;
  height				: 30px;
  display				: block;
  text-align			: center;
  float					: left;
  margin-right			: 10px;
  margin-bottom			: 10px;
}

.jsr_rank_bar {
  width					: 40px;
  border				: 0;
  padding				: 0;
  margin				: 0;
  font-size				: 0;
  display				: block;
}

.jsr_rank_border {
  width					: 38px;
  border				: 1px solid #999999;
  padding				: 0;
  margin				: 2px 0;
  text-align			: left;
  display				: block;
  background			: #ddd;
}

.jsr_rank_bar_filled {
  height				: 3px;
  padding				: 0;
  margin				: 0;
  border				: 0;
  display				: block;
}

.jsr_rank_text {
 line-height			: 1.3em;
 margin-bottom			: 5px;
}

p.kleinster {
  clear					: left;
  padding				: 5px 0 0;
}

/* ################################ Seitenfuss ########################## */
#seitenfuss {
  text-align			: center;
  border-top			: 1px solid #070;
  font-size				: 0.8em;
}

#seitenfuss p {
  margin				: 2px 10px 4px;
  padding				: 0;
}

a#fbutton {
  position				: fixed;
  right					: 0;
  bottom				: 0;
  text-decoration		: none;
  text-indent			: -999em;
  height				: 100px;
  width					: 100px;
  background			: url(images/firefox.png) bottom right no-repeat;
  display				: block;
}

#fussscripte {
  height				: 50px;
  background			: url(images/fuss.gif) repeat-x bottom center;  
}