/*
Theme Name: Hunde-Schlafplatz (DoggyBed)
Theme URI: http://www.whykiki.de
Description: Theme for Wordpress 2.x, <a href="http://www.whykiki.de">Christian Schuelling</a>. 
Version: 1.0 (10. November 2009)
Author: Christian Schuelling (Whykiki)
Author URI: http://www.whykiki.de

	INHALTSVERZEICHNIS:

    1. ...... Allgemeine bzw. Dokumentweite Angaben
    2. ...... Kontainer sog. Wrapper
    2.1 ..... Kopf bzw. Header
    2.2. .... Mitte (Middle) (beinhaltet die Seitenleiste und den Inhalt)
    2.2.1 ... Seitenleiste aka Sidebar
    2.2.2 ... Inhalt (Content)
    2.2.3 ... Kommentarbereich
    2.3 ..... Fuss bzw. Fu� aka Footer
    3. ...... Spezielle Formatierungen (z.B. fuer Plugins)

 1. Allgemeine bzw. Dokumentweite Angaben */
html {
    height: 100%;
}

body {
    background: #b1d2e4 url(img/BG.jpg) repeat-x;
    text-align: center;
    font: 11px Verdana; /* Hoch lebe das heilige Pixel! Nieder mit dem b�sen em-Tyrann ;-) */
    margin: 0;
    padding: 0;
    height: 100.01%; /* Ich hasse solche "Konstrukte, aber leider notwendig */
}


a {
    color: #444;
    text-decoration: none;
}
a:hover {
    color: #444;
    text-decoration: underline;
}

img {
    border: none;
}

#clearer {
    clear: both;
}


.center {
    text-align: center;
}

/* small */
.klein {
    font-size: .9em;
}
/* smaller */
.kleiner {
    font-size: .8em; /* Und jetzt brauchst du eine Lupe */
}

/* Hiermit "positioniert" man die Bilder (links = left; rechts = right) */
.bild-links {
    float: left;
    margin: 2px 10px 5px 0;
}

.bild-rechts {
    float: right;
    margin: 2px 0 5px 10px;
}

/* Kontainer sog. Wrapper */
#kontainer {
    width: 980px; /* "Die Rente ist sicher" ... "Ja, dieses Layout ist elastisch" */
    background: url(img/Content_BG.jpg) repeat-y;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
}

/* 2.1 Kopf bzw. Header */
#kopf {
    
    background: url(img/Header.jpg) no-repeat;
    height: 251px;
    width: 980px;
    margin: 0 auto;
}



/* 2.2 Mitte (beinhaltet die Seitenleiste und den Inhalt) */
#mitte {
    padding: 10px 15px 15px 20px;
}

/* 2.2.1 Seitenleiste aka Sidebar */
#seitenleiste {
    margin-top: 20px;
    margin-left: -16px;
    width: 234px;
    float: left;
    line-height: 1.55;
    color: #868686;
    background: transparent;
}

#seitenleiste h2 {
    margin: 5px 0;
    text-transform: uppercase;
   text-indent: -9999px;
    padding: 1px 5px;
    color: #444;
    font-size: 14px;
}

#seitenleiste ul {
    list-style: none;
    padding: 0;
    width: 234px;
    margin-top: -50px !important;
}
#seitenleiste li {
    text-indent: 25px;
}

#seitenleiste ul li a {
   
    display:block;
    text-indent: 45px;
    line-height: 30px;
    font-size: 10px;
    background: url(img/button.gif);
    background-position: top left;
    width: 234px;
    height: 33px;
    color: #444;
}

#seitenleiste ul li a:hover {
    text-indent: 45px;
    text-decoration:none;
    background: url(img/button.gif);
    background-position: bottom left;
    height: 33px;
}

#seitenleiste li li {
    margin-left: 10px;
}

/* 2.2.2 Inhalt */
#inhalt {
    float: right;
    text-align: justify;
    width: 680px;
    padding-right: 20px;
    padding-bottom: 15px;
    line-height: 1.45;
    color: #444;
    background: transparent;
}
#inhalt p {
    margin-top: 1em;
    margin-bottom: 1.1em;
}

#inhalt a {
    border-bottom: 1px solid #eee;
}
#inhalt a:hover {
    border-bottom: 1px solid #555;
}

#inhalt h1 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    color: #444;
}

#inhalt h2 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    color: #444;
}

#inhalt h3 {
    font-size: 15px;
    margin: 17px 0 5px 0;
    padding: 0;
    color: #333;
    border-bottom: 1px dotted #999;
}

#inhalt h4 {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    margin: 17px 0 5px 0;
}

#inhalt h2 a, #inhalt h2 a:hover {
    border-bottom: none;
}

#inhalt h2.beitrags-titel {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.1;
}
#inhalt .beitrags-info, #inhalt .beitrags-info2 {
    font-size: 11px;
    color: #555;
    line-height: 1.2;

}
#inhalt .beitrags-info2 {
    border-top: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding: 2px 0;
}

#inhalt #beitrag-info-box {
    font-size: 11px;
    margin: 20px 0;
    padding: 10px;
    background: #eee;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}


/* 2.3 Fuss bzw. Fu�bereich aka Footer */
#fuss {
    background:  url(img/Footer.jpg) no-repeat;
    color: #555;
    margin: 0 auto;
    width: 980px;
    height: 64px;
    padding-bottom: 20px;
}

#fuss p {
    margin: 0;
 
}

/* 3. Spezielle Formatierungen z.B. nur f�r Plugins */
#ed_toolbar input {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 11px;
    margin-right: 1px;
    padding-top: 0;
    padding-bottom: 0;
}

#wp_grins {
    margin-top: 2px;
}

.pagebar {
    text-align: center;
    line-height: 1.4;
    padding-bottom: 10px;
}

.pagebar .this-page {
    font-weight: bold;
}


#inhalt .pagebar a {
    border-bottom: 1px solid #ccc;
    border: 1px solid #ccc;
    background: #eee;
    padding: 2px 5px;
    margin-bottom: 5px;
}

#inhalt .pagebar a:hover {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}

#tag_cloud{
    width: 980px;
    margin: 0 auto;
}

.tag_cloud_head{
    background: url(img/tag_cloud_head.jpg);
    background-repeat: no-repeat;
    height: 13px;
}

.tag_cloud_content{
    background: url(img/tag_cloud_content.jpg);
    background-repeat: repeat-y;
}

.tag_cloud_foot{
    background: url(img/tag_cloud_foot.jpg);
    background-repeat: no-repeat;
    height: 13px;
}

#beschreibung_produkt p{
text-align:left !important;
}

#shop_button{
    margin-left: 20px;
}