﻿/*  
Theme Name: Maya Refresh
Theme URI: http://manski.mayastudios.com/2007/12/02/relaunch
Description: Zwei-spaltiges Design mit mobile Sidebar.
Version: 1.20
Author: Sebastian Krysmanski
Author URI: http://www.lordb.de
*/

/* CSS-Reset */
* {
  font-style: normal;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
}

img {
  border: none;
}

a:hover {
  text-decoration: underline;
}

html {
  color: #001444;
  float: left;
  padding-bottom: 20px;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
  text-align: left;
}

body.default, body.technik {
  background: #011341 url("images/background.jpg") repeat-x 0 0 fixed;
}

body.privat {
  background: #441C02 url("images/background-privat.jpg") repeat-x 0 0 fixed;
}

/**********************************************
*   Basics & Typography                       *
***********************************************/

p,
ol,
ul {
  line-height: 150%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-style: normal;
  font-weight: bold;
  background: transparent;
  color: #050d24;
}

h1 {
  font-size: 2.2em;
}
h2 {
  font-size: 1.4em;
}
h3, h4, h5, h6 {
  font-size: 1em;
}

a:link,
a:visited {
  color: #2f63b3;
  text-decoration: none;
}
a:hover,
a:active {
  text-decoration: underline;
}

blockquote {
  margin: 10px 0;
  padding: 0 20px 0 40px;
  background: transparent url(images/blockquote.gif) no-repeat 0 0;
  color: #666;
}

code {
  background: #e9f0fa;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
}

small {
  font-size: 0.8em;
}

input, textarea, select { /* to be styled */ }

form { /* to be styled */ }

/* Standardstile wiederherstellen. Wurden durch das CSS-Reset "gelöscht". */
u { text-decoration: underline; }
b, strong { font-weight: bolder; }
i, em { font-style:italic; }
strike { 
  text-decoration: line-through;
  color: #555;
}

.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.alignleft {
  float: left;
  margin-right: 10px;
}
.alignright {
  float: right;
  margin-left: 10px;
}

/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/

#outline {
  width: 830px;
  margin: 0 auto;
  padding: 0;
  font-size: 1.3em;
}


/**********************
*   Header            *
***********************/

/*** Navbar ***/

#navbar {
  width: 100%;
  height: 48px; /* Benötigt, sonst fällt alles in sich zusammen. */
}

  /*** Navbar Menü ***/
  
  #navbar .menu {
    margin: 0;
    padding: 8px 0 0 0;
    
    /*float: left;*/   /* Diese Zeile muss aus irgendeinem Grund auskommentiert(!)
                          da stehen, sonst stellt der IE6 die Liste nicht horizontal
                          sondern vertikal dar. Keine Ahnung, warum. */
                          
    float: left;  /* Attribute für alle anderen Browser. */
    
    height: 30px;
  }

  #navbar .menu ul {
    margin: 0;
    padding: 0 15px;
    list-style-type: none;
  }
    
  #navbar .menu ul li {
    float: left;
    display: inline;
  }
  
  #navbar .menu ul li a {
    height: 28px;
    padding: 10px 15px 0 15px;
    line-height: 24px;
    color: #679ef1;
    text-decoration: none;
  }

  #navbar .menu ul li.current_page_item a,
  #navbar .menu ul li a:hover {
    color: #fff;
  }
  
  /*** Suchleiste ***/

  .searchbar {
    float: right;
    width: 280px;
    height: 43px;
    margin: 0;
  }
  
  #searchform {
    background: transparent url(images/searchform-bg.png) no-repeat right top;
    height: 43px;
    width: 280px;
  }
  
  body.privat #searchform {
    background-image: url(images/searchform-bg-privat.png);
  }
  
    #searchform .field {
      display: block;
      float: left;
      background: #ffffff url(images/form-field-bg.gif) no-repeat;
      height: 17px;
      width: 208px;
      margin: 6px 5px 0px 15px;
      padding: 3px 7px 2px 5px;
      color: #999999;
      border: none;
    }
    
    #searchform .button { 
      display: block;
      float: right;
      background: url(images/search-btn.png) no-repeat left top;
      height: 24px;
      width: 24px;
      border: none;
      cursor: pointer;
      margin: 4px 10px 0 0;
    }
    
/*** Header ***/
    
#header {
  width: 100%;
  height: 100px;	
}

body.default #header, body.technik #header {
  background: url(images/header.png) no-repeat left top;
}

body.privat #header {
  background: url(images/header-privat.png) no-repeat left top;
}

  #header .blogtitle {
    padding-top: 30px;
    padding-left: 30px;
  }
  
  #header .blogtitle .logo {
    float: left;
  }
  
  #header .blogtitle .header-link {
    float: right;
    padding: 20px 1px 0 0;
    margin: 0;
  }

/***********************
*  Wrapper             *
***********************/

#wrapper {
  float: left;
  padding: 0;
  background: #fff url(images/background-body.gif) repeat-x top left;
  margin: 0 !important;
  margin: -15px 0 0 0; /* Fuck IE */
}


/******************************
*   Content                   *
******************************/

#content {
  width: 100%;
  height: 100%;
  padding-top: 10px;
}

div.dateseparator {
  clear: both;
  font-size: 500%;
  color: #d9d9d9;
  font-weight: bold;
  letter-spacing: -0.05em;
  text-align: right;
  
  margin: -1.5em 20px -0.5em 20px;
}

.nav-previous a {
  float: left;
  padding-left: 15px;
  background: url(images/nav-prev.gif) no-repeat left center;
}
.nav-next a {
  float: right;
  padding-right: 15px;
  background: url(images/nav-next.gif) no-repeat right center;
}

/**** Pfeile für die Navigation durchs Archiv ****/
.pages {
  clear: both;
  background: #D4E2FF;
  border-top: 1px solid #91B3F6;
  padding: 10px 30px 10px 30px;
}

  .pages .pages-border {
    clear: both;
  }
  
/**** Titel von Spezialseiten, wie der Suche und den Archiven ****/
.special-page-title {
  background: #D4E2FF;
  border: 1px solid #91B3F6;
  border-width: 1px 0 3px 0;
  
  margin: -10px 0 20px 0;
  padding: 10px 30px 10px 30px;
}
.special-page-title h2.title {
  font-size: 1.6em;
  line-height: 48px;
  color: #104177;
}

.special-page-title .end {
  clear: both;
}

/**********************
*   Blog Entries      *
***********************/

.post,
.page {
  padding: 20px 30px;
  clear: both;
}

/* Abstand am Ende einer Seite erzeugen */
.page:after {
  content: "";
  
  display: block;
  clear: both;
  
  margin-bottom: 30px;
}

.sidenotes {
  float: left;
  width: 250px;
  margin: 0 0 50px 0px;
  padding: 0;
}

.post-wrapper {
  float: right;
  width: 510px;
  margin: 0 0 50px 10px;
  padding: 0;
}

  body.privat .post-wrapper a {
    color: #EC5800;
  }

/**** Seiten ****/
  .page > h3 {
    clear: both;
    float: none;
    margin: 20px 0 -1.2em 0;
    padding: 0;    
    font-size: 1.2em;
  }
  
  /* Abstand zwischen den Absätzen erzeugen */
  .page > h3:before {
    content: "";
    display: block;
    clear: both;
    
    padding-bottom: 30px;
  }

  .page > h4,
  .page > h5,
  .page > h6 {
    float: right;
    width: 510px;
    margin: 0 0 0 10px;
    padding: 0;
  }
  
  .page > p,  
  .page > ul,
  .page > ol  {
    float: right;
    width: 510px;
    margin: 0 0 15px 10px;
    padding: 0;
    text-align: justify;
  }

  .page > .wpcf7 {
    float: right;
    width: 466px;
    margin: 0 0 15px 10px;
    padding: 20px;
    
    background-color: #E7F1FF;
    border: 2px solid #CFE3FF;
  }
  
  .page > .wpcf7 input,
  .page > .wpcf7 textarea {
    border: 1px solid #ADD3F9;
    background: #fff url(images/background-input.jpg) repeat-x top left;
  }
  
  .page > .wpcf7 input:hover,
  .page > .wpcf7 textarea:hover,
  .page > .wpcf7 input:focus,
  .page > .wpcf7 textarea:focus {
    border: 1px solid #005189;
   }

  .page > .wpcf7 p {
    margin-bottom: 15px;
  }

    .page > .wpcf7 p.singleline label,
    .page > .wpcf7 p.multiline label    {
      font-weight: bold;
      display: block;
    }

    .page > .wpcf7  p.singleline input {
      width: 466px;
      height: 18px;
    }
    
  .page > .wpcf7 textarea {
    width: 466px;
    height: 200px;
  }

  .page > .wpcf7 .submit input {
    width: auto;
    height: 25px;
    padding: 2px 10px 3px 10px;
    background: #e5edff url(images/submit.gif) repeat 0 0;
  }
  
  .page > .wpcf7 .submit input:hover {
    background: #e5edff url(images/submit_hover.gif) repeat 0 0;
  }	

/**** Datumsanzeige ****/
.sidenotes .date {
  height: 50px;
  width: 45px;
  background: url(images/calendar.gif) no-repeat;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #666666;
  text-align: center;	
  line-height: 100%;
  float: left;
  
  padding: 0;
  margin: 0;
}

  .sidenotes .date .top {
    height: 16px;
    display: block;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
    padding-top: 5px;
  }

  .sidenotes .date .bottom {
    display: block;
    font: normal 9px Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: -1px;
  }

  /*** Postmeta-Data ***/
  .sidenotes .notes {
    float: right;
    width: 195px;
    margin: 0 0 0 10px;
    padding: 0;
  }
  .sidenotes .notes,
  .sidenotes .notes a  {
    font-size: 1em;
  }
  
  .sidenotes .notes span {
    display: block;
    margin-bottom: 5px;
  }
  
    .sidenotes .notes .author {
      padding: 0 0 0 20px;
      background: url(images/icon-author.gif) no-repeat 0 0;
      font-weight: bold;
    }
    
    .sidenotes .notes .comments {
      padding: 0 0 0 20px;
      background: url(images/icon-comments.gif) no-repeat 0 0;
    }
    
    .sidenotes .notes .category {
      margin-top: 20px;
      color: #000;
    }
   
      .sidenotes .notes .category a {
        padding: 0 0 0 20px;
        background: url(images/icon-category.gif) no-repeat 0 0;
      }

    .sidenotes .notes .editlink {
      padding: 0 0 0 20px;
      background: url(images/icon-edit.gif) no-repeat 0 0;
    }
      
/**** Post-Titel ****/
.post .title,
.page .pagetitle { 
  font-size: 29px;
  letter-spacing: -0.05em;
  line-height: 23px;  /* Rahmenlinie nach oben verlegen */
  text-align: left;
  
  margin-bottom: 1em;
  border-bottom: 2px #ccc solid;
}

.post .title a:link,
.post .title a:visited,
.post .title a:hover,
.post .title a:active {
  color: #050d24;
  text-decoration: none;
}

/*** Der eigentliche Inhalt ***/
.postentry {
  color: #050d24;
  text-align: justify;
  clear: both;
}

  .postentry p {
    margin-bottom: 1em;
  }
  
  .postentry pre {
    overflow: auto;
    white-space: pre; /* Wichtig: Das muss hier unbedingt auf "pre" stehen und 
                         nicht auf "nowrap", da das WLW Code Plugin <pre> 
                         verwendet und ansonsten alles auf einer Zeile steht.*/

    border: 1px solid #c0c0c0;
    
    font-size: 12px;
    line-height: 1.333;
    
    padding: 4px;
  
    margin-bottom: 1em;
  }

    .postentry .wp_syntax pre {
      border-width: 0 !important;
      margin-bottom: 0;
      padding: 0;
    }
  
  .postentry pre, .postentry .wp_syntax {
    background-color: #f4f4f4;
  }
  
    .postentry .wp_syntax .line_numbers pre {
      background-color: #DDEEFF;
    }
  
  .postentry a,
  .postentry a:hover,
  .page a,
  .page a:hover  {
    color: #2f63b3;
  }

  .postentry img,
  .page img {
    border: 5px solid #edf2ff;
    max-width: 500px;
    /* max-width existiert unter dem IE6 leider nicht. Wir behelfen uns deshalb
        mit diesem CSS-Eintrag. Wichtig ist hier bei nur, dass die Rahmenbreite
        von den 500 Pixeln abgezogen wird.
        Macht allerdings Probleme mit dem Windows Live Writer.*/
    /*width: expression(this.width > 490 ? "490px": this.width);*/
  }

  .postentry img[align="right"],
  .page img[align="right"]{
    margin-left: 15px;
  }
  
  .postentry img:hover,
  .page img:hover  {
    border: 5px solid #dce6ff;
    max-width: 500px;
  }
  
  /** Entferne Rahmen um Smileys **/
  .postentry img.wp-smiley,
  .postentry img.wp-smiley:hover {
    border-width: 0px;
  }
  
  .postentry h1 {
    font-size: 120%;
  }
  
  .postentry ol,
  .page ol  { 
    margin: 0 0 15px 3em;
  }
  
  .postentry ol > li,
  .page ol > li  { 
    list-style: decimal;
  }
  
  .postentry ul,
  .page ul  {
    margin: 0 0 15px 1em;
  }

  .postentry ul > li,
  .page ul > li  {
    padding-left: 15px;
    background: transparent url(images/bullet.png) no-repeat 3px 7px;
  }  
  
.podPress_content {
  margin-bottom: 20px !important;
}
  
.post .verbose-data {
  clear: right;
  width: 90%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 15px 5px 15px;
  
  font-size: 11px;
  color: #333;
  
  background: #f7fbfc url(images/verbose-background.gif) repeat-x top left;
  border: 3px solid #dceeee;
}

  .post .verbose-data h3 {
    color: #333;
  }
  
  .post .verbose-data ul  {
    margin-bottom: 10px;
  }
  
  .post .verbose-data li {
    padding-left: 15px;
    background: transparent url(images/bullet.png) no-repeat 3px 6px;
  }  

  .post .verbose-data a {
    color: #7CA7E8;
  }

 /**** next & previous post navigation ****/
.post-nav {
  clear: both;
  padding-bottom: 35px;
  margin-top: -15px;
  font-size: 95%;
}

a.more-link {
  display: block;
  width: 98px;
  height: 18px;
  margin: 5px 0 0 412px;
  
  background: url(images/read-on.png) no-repeat 0px 0px;
  text-decoration: none;
}

a.more-link:hover {
  background: url(images/read-on.png) no-repeat 0px -18px;
}

/**********************
*   Comments          *
***********************/

.commentpage {
  margin: 0 30px;
  padding: 0;
}

.comment-block {
  padding: 0 30px 20px 30px;
  clear: both;
  background: #D4E2FF;
  border-top: 1px solid #91B3F6;
}

.comments-num {
  margin-top: 20px;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #5577BC;
}

#commentlist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
  
  #commentlist li {
    padding: 20px 10px 0px 10px;
    border-bottom: 1px solid #dce6ff;
    background-color: #edf2ff;
  }
    
  #commentlist .sidenotes {
    width: 240px;
  }
    
    #commentlist li.alt {
      background-color: #fff !important;
    }
    
    #commentlist li.author,
    #commentlist li.altauthor {
      background-color: #FFD9AD !important;
    }

.comment-gravatar {
  float: left;
  width: 48px;
  height: 72px;
  margin-right: 10px;
}

.comment-meta {
  font-size: 11px;
  margin-bottom: 10px;
}

.comment-title,
.comment-title a,
.comment-title a:hover{
  color: #030612;
  padding: 0;
}

.comment-meta a,
.comment-meta a:hover {
  color: #2f63b3;
}

.comment-text {
  float: right;
  width: 500px;
  margin: 0 0 0 10px;
}

#trackbacklist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
  
  #trackbacklist li {
    padding: 10px 10px 10px 10px;
    border-bottom: 2px solid #FDC482;
    background-color: #FFD9AD;
  }
  
  #trackbacklist li.alt {
      background-color: #FFEAD2 !important;
  }
  
  
  #trackbacklist .trackback-header {
    padding: 0 0 0 30px;
    background: transparent url(images/icon-trackback.png) no-repeat 0 5px;
    border-bottom: 1px solid #FDC482;
  }

  #trackbacklist .trackback-header .comment-meta {
    margin-bottom: 5px;
  }
    
  #trackbacklist .trackback-text {
    margin-top: 5px;
  }

h2#respond {
  margin: 30px 0 0 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #91B3F6;
}

.postcomment {
  clear: both;
  margin: 0;
  padding: 20px;
  background-color: #fff;
}

  .postcomment input,
  .postcomment textarea {
    border: 1px solid #ADD3F9;
    background: #fff url(images/background-input.jpg) repeat-x top left;
  }
  
  .postcomment input:hover,
  .postcomment textarea:hover,
  .postcomment input:focus,
  .postcomment textarea:focus {
    border: 1px solid #005189;
   }

  .postcomment p {
    margin-bottom: 15px;
  }

    .postcomment p.singleline label,
    .postcomment p.multiline label    {
      font-weight: bold;
      display: block;
    }

    .postcomment p.singleline label {
      float: left;
      width: 120px;
      border-bottom: 1px solid #ADD3F9;
      margin-right: 15px;
    }
    
    .postcomment  p.singleline input {
      width: 593px;
      height: 18px;
    }
    
  .postcomment textarea#comment {
    width: 100% !important;
    width: 456px; /* Fuck IE */
    height: 200px;
  }

  .postcomment input#submit {
    width: auto;
    height: 25px;
    padding: 2px 10px 3px 10px;
    background: #e5edff url(images/submit.gif) repeat 0 0;
  }
  
  .postcomment input#submit:hover {
    background: #e5edff url(images/submit_hover.gif) repeat 0 0;
  }	

  
/*******************************************
*   Archiv-Seiten                          *
*******************************************/

#archive-head {
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #91B3F6;
  font-size: 0.9em;
  text-align: left;
}

#archive-head-left,
#archive-head-mid,
#archive-head-right {
  width: 236px;
  padding: 20px 0 20px 20px;
  float: left;
}

#archive-head-left {
  padding-left: 0;
}

  #archive-head h2 {
    margin: 0 0 10px 0;
    padding: 0 8px;
    font-size: 1.6em;
  }
  
  #archive-head ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*border-top: 1px solid #91B3F6;*/
  }
  
    #archive-head ul ul {
      padding: 0 0 0 20px;
    }
    
    #archive-head ul li {
      line-height: 26px;
      border-top: 1px solid #91B3F6;
      display: block;
    }
    
      #archive-head ul li a {
        padding: 0 10px;
        text-decoration: none;
      }
      
      #archive-head ul li a:hover {
        background: #010b32;
      }


/******************************
*   Sidebar (rechte Spalte)   *
******************************/

#sidebar-tab {
  position: fixed;
  left: 0px;
  top: 20%;
  
  padding: 0;  
  margin: 0;
  width: 40px; /* Verhindern, dass die gesamte Zeile verwendet wird */
}

.visible { display: block; }
.hidden { display: none; }

#sidebar {
  width: 280px;
  padding: 15px 0 0 0;  
  margin: 0;
  
  background: transparent url(images/sidebar-background-top.png) no-repeat top right;
  
  position: absolute;
  top: 0px;
  left: 0px;
}

#sidebar-out {
  position:fixed; 
  top:0; 
  left:0; 
  
  background: transparent;
  
  width:100%; 
  height:100%;
  margin:0;
}

#sidebar > .top {
  padding: 20px 15px 50px 15px;
  margin: 0;
  background: url(images/sidebar-background.png); 
}

#sidebar > .bottom {
  margin: 0;
  padding: 0;
  height: 15px;
  background: transparent url(images/sidebar-background-bottom.png) no-repeat top right;
}

  #sidebar ul {
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

    #sidebar ul li {
      clear: both;
      color: #333;
      padding-left: 15px;
      background: transparent url(images/bullet.png) no-repeat 3px 7px;
    }

  #sidebar .rssfeeds {
    background: url(images/sidebar-headers.png) no-repeat 0px -30px;
    border: 1px solid #888;
    border-width: 1px 0 1px 0;
    padding: 15px 0 10px 10px;
  }
  
  #sidebar .rssfeeds li {
    background: none;
    padding-left: 0;
  }
    
  #sidebar .rssfeeds a {
    display: block;
    height: 50px;
    padding: 0 0 0 50px;
    background: transparent url(images/icon-rss-big.png) no-repeat 5px 0;
    font-size: 1.1em;
    font-weight: bold;
  }

  #sidebar .widget {
    padding: 0 0 10px 10px;
    margin: 16px 0 10px 0;
    background: url(images/sidebar-headers.png) no-repeat left top;
    border-bottom: 1px solid #888;
  }

    #sidebar .widget h2 {
      display: block;
      height:25px;
      
      margin-bottom: 10px;
      padding: 3px 0 0 10px;
      color: #fff;
      font-size: 1.2em;
    }
    
    #sidebar .widget .SideBarWidgetToggle-shown,
    #sidebar .widget .SideBarWidgetToggle-hidden {
      display: block;
      float: left;
      width: 27px;
      height: 25px;
      
      margin: -1px 0px 0 -20px;
      padding: 0;
      border: 0;      
      
      text-decoration: none;
    }

    #sidebar .widget .SideBarWidgetToggle-shown {
      background: url(images/sidebar-header-hide.png) no-repeat top left;
    }

    #sidebar .widget .SideBarWidgetToggle-hidden {
      background: url(images/sidebar-header-show.png) no-repeat top left;
    }

  #sidebar #calendar_wrap {
    width: 141px;
    padding-bottom: 1em;
    margin-left: 3em;
  }
  
  #sidebar .textwidget {
    margin: 10px 10px 0 0;
    font-size: 13px;
    line-height: 14px;
  }
    
  #sidebar .widget_calendar table {
    width: 141px;
    padding: 0;
    margin: 0;
    border: 1px solid #A2ADBC;    
    font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #aaa;
    text-align: center;
    background-color: #fff;
    border-spacing: 0;
    border-collapse: collapse;
  }

  #sidebar .widget_calendar caption {
    margin: 0;
    padding: 0;
    width: 141px;
    background: #A2ADBC;
    color: #fff;	 
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
  }

  #sidebar .widget_calendar th {
    font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #616B76;
    background: #D9E2E1;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    border-top: 1px solid #A2ADBC;
  }

  #sidebar .widget_calendar td {
    height: 20px;
    text-align: center;
  }

  #sidebar .widget_calendar tbody td {
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    width: 20px;
    background: url(images/calendar-background.gif) no-repeat right bottom;
  }
  
  #sidebar .widget_calendar td a {
    text-decoration: none;
    font-weight: bold;
    display: block;
  }

  #sidebar .widget_calendar tbody td a:link, 
  #sidebar .widget_calendar tbody td a:visited {	
    background: url(images/calendar-background.gif) no-repeat;
  }

  #sidebar .widget_calendar td a:hover, 
  #sidebar .widget_calendar td a:active {
    color: #6aa3ae;
  }

  #sidebar .widget_calendar tbody td a:hover, 
  #sidebar .widget_calendar tbody td a:active {
    background: url(images/calendar-background.gif) no-repeat right top;
  }
  
  #sidebar .widget_categories li {
    background: transparent url(images/icon-category.gif) no-repeat 3px 0px;
    padding-left: 23px;
  }

  #sidebar .widget_archives li {
    background: transparent url(images/icon-archive.gif) no-repeat 5px 0px;
    padding-left: 23px;
  }
  
  #sidebar .widget_links li {
    background: transparent url(images/icon-link.gif) no-repeat 5px 0px;
    padding-left: 23px;
  }
  
  #sidebar .widget_recent_comments li {
    background: transparent url(images/icon-comments.gif) no-repeat 0px 0px;
    padding-left: 23px;
  }
  
  #sidebar #technorati-widget {
    margin-left: 78px;
  }
  
  
/*******************************************
*   Bottom (alternative Sidebar für IE6)   *
*******************************************/

#bottom {
  clear: both;
  float: left !important;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #031545;
  border-top: 1px solid #000;
  font-size: 0.9em;
  text-align: left;
  color: #fff;
  }

#bottom-left,
#bottom-mid,
#bottom-right {
  width: 236px;
  padding: 20px 0 20px 20px;
  float: left;
}

  #bottom h2 {
    margin: 0 0 10px 0;
    padding: 0 8px;
    font-size: 1.6em;
    color: #fff;
  }
  
    #bottom h2 span {
      color: #508fd2;
    }
    
  #bottom ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #031c5d;
  }
  
    #bottom ul ul {
      padding: 0 0 0 20px;
    }
    
    #bottom ul li {
      line-height: 26px;
      border-bottom: 1px solid #031c5d;
      display: block;
    }
    
      #bottom ul li a {
        padding: 0 10px;
        color: #fff;
        text-decoration: none;
      }
      
      #bottom ul li a:hover {
        background: #010b32;
      }
  
/**********************
*   Footer            *
***********************/

#footer {
  width: 100%;
  height: 74px;
  clear: both;
  background: #010b32;
  border-top: 1px solid #000;
  color: #fff;
}

#footer .rightcol {
  float: right;
  margin: 0;
  padding: 0;
  border: none;
  width: 160px;
  height: 74px;
  text-align: right;
}

#footer .rightcol .tr_authority_t_js {
  float: left;
  display: block;
  margin-top:23px;
}



#footer .feed {
  background: url(images/icon-feed.gif) no-repeat 0 0;
  padding: 0 5px 0 20px;
}

#footer p {
  margin: 0;
  padding: 13px 25px;
  font-size: 0.9em;
  line-height: 200%;
}
#footer p a:link,
#footer p a:visited {
  color: #a8cbff;
}
#footer p a:hover {
  color: #fff;
}
#footer p a:active {
  color: #9ad202;
}
