@charset "utf-8";
/*
Theme Name: hubspe
Theme URI: http://www.webdesign-passau.com/wordpress/index.php
Description: Das WordPress-Theme fuer meine Website
Version: 1.0
Author: Klaus Scharwaechter aka Hubspe
Author URI: http://www.webdesign-passau.com
*/

/* CSS Document */

/*---------------------------------------------------------------
Stylesheets fuer www.webdesign-passau.com/wordpress/
Datei:    style.css
Version: 1.0
Datum:  
Ersteller: KS webdesign
----------------------------------------------------------------*/

/*###########################################

 INHALTSVERZEICHNIS:
1.Allgemeine Selektoren
2.Allgemeine Hyperlinks
3.Layout allgemein + #startseite
        3.1 #umhang
        3.2 #kopf
        3.3 #topnavi
        3.4 #mittelbereich
        3.5 #inhalt (index.php)
                3.5.1 Beitragsinfo Artikelseite
                3.5.2 Der Beitrag
                3.5.3 Kommentarbereich
        3.6 #sidebar
        3.7 #fuss
4. Layout Unterseiten
        4.1 Archivseite
        4.2 Linkseite
        4.3 Kontaktseite
5. Sonstige Klassen

###########################################*/

/*========================================
   1. Allgemeine Selektoren
   ========================================*/
*  {
	padding:0;
	margin:0;
}
html  {
	height:100%;
}
body  {
      color:#505050;
      background:#c4c6c8 url(images/body_hg.png) repeat-y center top;
      font:100%/1.4 arial, verdana, sans-serif;
}
p, li, dt, dd, input, textarea  {
     font-size:1em;
}
p  {
    margin-bottom:0.5em;
}
li  {
    list-style-type:none;
}
img  {
	border:none;
}
a img  {
    border:none;
}
h1  {
        color:#bbbaba;
        font:3.4em Georgia, "Times New Roman", Times, serif;
        letter-spacing:2px;
        padding-top:0.4em;
}
h1 span  {
        color:#f1f1f1;
        font-style:italic;
}
h2  {
        font:1.5em Georgia, "Times New Roman", Times, serif;
        padding-top:0.5em;
}
h3  {
        font:1.2em Georgia, "Times New Roman", Times, serif;
}
h4  {
        font:1.1em Georgia, "Times New Roman", Times, serif;
}
   
 /*========================================
   2. Allgemeine Hyperlinks
   ========================================*/
a:link  {
	color:#226372;
	background-color:#f1f1f1;
}
a:visited  {
	color:#497b87;
	background-color:#f1f1f1;
}
a:focus, a:hover  {
	color:#656421;
	background-color:#f1f1f1;
	text-decoration:none;
}
a:active  {
	color:#000;
	background-color:#f1f1f1;
}
 .aktiv  {
     color:#656421;
	 background-color:#f1f1f1;
}

/*------------Linkgrafik fuer moderne Browser----------------------------*/
 a[title*="Externer"]  {
    background: url(images/linkzeiger_normal.png) no-repeat left bottom;
	padding-left:1em;
        margin-left:0.2em;
}
a[title*="Externer"]:visited {
    background: url(images/linkzeiger_normal.png) no-repeat left bottom;
}
a[title*="Externer"]:focus  {
    background: url(images/linkzeiger_hover.png) no-repeat left bottom;
}
a[title*="Externer"]:hover  {
    background: url(images/linkzeiger_hover.png) no-repeat left bottom;
}

/*========================================
   3. Layout allgemein # #startseite
   ========================================*/

/*:::::::::::::::::::3.1 #umhang::::::::::::::::::::::::::::::*/

#umhang  {
        width:56em;
        background-color:#f1f1f1;
        border:1px solid #226372;
        padding:1px;
        margin:0 auto 0 auto;
}

/*:::::::::::::::::::3.2 #kopf::::::::::::::::::::::::::::*/
#kopf  {
        position:relative;
        width:56em;
        height:9.38em;
        background:#336699 url(images/kopf_hg.png) repeat-x left top;
        text-align:center;
}
#kopf p  {
        text-align:left;
        padding:0.3em 0 0 1em;
}
#kopf p a  {
        color:#bbbaba;
        background:transparent;
        font:1em Georgia, "Times New Roman", Times, serif;
        font-weight:bold;
        padding:0.4em;
}
#kopf p.skiplink a  {
        color:#000;
        background-color:#fff;
}
#kopf a:focus,
#kopf a:hover  {
        color:#adf2bf;
}

/*:::::::::::::::::::3.3 #topnavi::::::::::::::::::::::::::::*/
#topnavi  {
        float:left;
        width:100%;
        background:#336699 url(images/topnavi_hg.png) repeat-x left top;
        margin-top:1px;
}
#topnavi ul  {
        float:left;
        width:37em
}
#topnavi li  {
        float:left;
}
#topnavi a  {
        display:block;
        color:#e4e5e6;
        background:transparent;
        font:1.2em Georgia, "Times New Roman", Times, serif;
        font-weight:bold;
        padding:0.8em 0.5em 0.8em 2em;
}
#topnavi a:focus,
#topnavi a:hover,
#topnavi a:active  {
        color:#adf2bf;
}
#topnavi .aktiv,
#topnavi .current_page_item a  {
       color:#adf2bf;
       text-decoration:none;
}
#topnavi form  {
        float:right;
        width:17em;
        padding-top:0.8em;
}
#topnavi #s  {
        width:10em;
        font-size:1em;
}
#topnavi #s:focus,
#topnavi #s:hover,
#topnavi #s:active  {
        color:#226372;
        background-color:#f7f7d3;
}
#topnavi .such-button  {
        width:5em;
}
#topnavi .such-button:hover,
#topnavi .such-button:focus,
#topnavi .such-button:active  {
        background-color:#adf2bf;
}

/*:::::::::::::::::::3.4 #mittelbereich::::::::::::::::::::*/
#mittelbereich  {
        clear:both;
        width:56em;
}

/*:::::::::::::::::::3.5 #inhalt (index.php):::::::::::::::::::::::::::*/
#inhalt  {
        float:left;
        width:35.5em;
        padding:1em 0 1em 1em;
}
#inhalt h2  {
        background:transparent url(http://webdesign-passau.com/wordpress/wp-content/themes/hubspe/images/logo_klein.png) no-repeat 0 0;
        padding-left:1em;
        padding-top:0.7em;
}
#inhalt h2 a  {
        background:transparent;
}
#inhalt .beitrags-info  {
        font-size:0.8em;
        font-style:italic;
        padding:0.4em 0 1em 2.1em;
}
#inhalt .feedback  {
        font-size:0.8em;
        padding-bottom:1em;
}
#inhalt .bilderrahmen  {
	border:4px solid #cfcdcd;
}
#inhalt .bildbeschriftung  {
	margin-bottom:2.1em;
}

/*------------ 3.5.1 Beitragsinfo Artikelseite -------------- */
#inhalt .beitrags-info2  {

        -moz-border-radius:8px;   /* CSS 3 */
	-webkit-border-radius:8px;   /* CSS 3 */
	border-radius:8px;            /* CSS 3 */
        margin:1.8em 0 1em 1.5em;  /* Beitragsinfokasten nach links gerückt, damit er bündig mit h2-Text oben ist */
}
#inhalt .beitrags-info2 a  {
        background:transparent;
}
#inhalt .beitrags-info2 dl  {
        background-color:#e3ebe3;
        line-height:1.9;
        padding:0.5em;
        border:1px solid #b6bdb6;
        -moz-border-radius:8px;   /* CSS 3 */
	-webkit-border-radius:8px;   /* CSS 3 */
	border-radius:8px;            /* CSS 3 */
}
#inhalt .beitrags-info2 dt  {
        float:left;
        width:5.8em;
        margin-right:0.4em;
        clear:left;
}
#inhalt .beitrags-info2 dt  {
        float:left;
        clear:left;
}
#inhalt p.center  {
        /*margin-left:1.5em;*/ /* Text nach links gerückt, damit Text bündig mit h2-Text oben ist */
        font-size:0.8em;
        text-align:center;
        margin-top:1.5em;
}

/*-------------------3.5.2 Der Beitrag -------------------*/
#tutorial_hinweis  {
       background-color:#f0f0e7;
       font-size:0.9em;
       padding:1em;
       border:2px solid #fbdb6b;
       -moz-border-radius:8px;   /* CSS 3 */
	-webkit-border-radius:8px;   /* CSS 3 */
	border-radius:8px;            /* CSS 3 */
       margin:1em 0 1.1em 0;
}
#inhalt .der-beitrag  {
        padding-left:1.5em; /* Beitragstext nach links gerückt, damit Text bündig mit h2-Text oben ist */
}

#inhalt .der-beitrag h3  {
	color:#000;
	margin-bottom:0.4em;
	margin-top:1.6em;
}
#inhalt .der-beitrag h4  {
	color:#000;
	margin-bottom:0.4em;
	margin-top:1.6em;
}
#inhalt .der-beitrag h5  {
	color:#000;
	margin-bottom:0.4em;
	margin-top:1.8em;
}
#inhalt .der-beitrag dt  {
		margin-top:0.5em;
}
#inhalt a.more-link  {
        display:block;
        background:transparent url(http://webdesign-passau.com/wordpress/wp-content/themes/hubspe/images/logo_klein_rechtsunten.png) no-repeat right 5px;
        padding-bottom:2.1em;
        margin-left:27.6em; /* den Weiterlesen-Link nach rechts gerueckt */
}
code  {
        color:#9d0202;
	font-size:0.9em; 
}
.kommentarfarbe  {
	color:#1d8a04;
}
.beitragscode  {
        overflow:auto;
        white-space:nowrap; /* Text bricht sonst im IE und Opera um */
        width:31em;
        background-color:#f1f5f1;
        padding-left:0.5em;
        border-left:4px solid #e3ebe3;
        margin-bottom:1em;
}
.codeeinrueckung  {
        margin-left:1.5em;
}
.codeeinrueckung2  {
        margin-left:3em;
}
.abstandunten  {
        margin-bottom:1em;
}
.abstandunten0  {
	margin-bottom:0;
}
.abstandunten2  {
	margin-bottom:1.8em;
}
.abstandoben2  {
	margin-top:1.8em;
}
.abstandoben  {
        margin-top:1em;
}
.schriftkleiner  {
	font-size:0.7em;
}
.listenzeichen  {
        background:url(images/listenzeichen.png) no-repeat left 0.3em;
	padding:0 0 0 1.5em;
	margin:0 0 0.3em 0;
}
.bilderrahmen  {
	border:3px solid #b6bdb6;
        margin-top:4.4em;
}

/*------------------- 3.5.3 Kommentarbereich -------------*/
#inhalt h3.commentnumber  {
        margin:2em 0 1em 1.5em;  /* Text nach links gerückt, damit Text bündig mit h2-Text oben ist */
}

#inhalt ol#comments  {
        margin-bottom:2em;
	margin-left:1.5em;   /* Kommentarkasten nach links gerückt, damit er bündig mit h2-Text oben ist */
}
#inhalt ol#comments li  {
        background-color:#ebeded;
        color:#000;
        padding:0.5em 0.5em 0 0.5em;
        border:1px solid #b6bdb6;
        margin:1.5em 0;
}
#inhalt ol#comments li.autor  {
       background-color:#fdfdef;
       border:1px solid #a7aea7;
} /* Anderes Aussehen der Kommentarbox des Autors */

#inhalt ol#comments li blockquote p:before  {
	content:" Zitat: ";
        color:#706b54;
        font-style:italic;
        font-weight:600;
}
#inhalt ol#comments li blockquote p  {
        color:#6d6541;
        background-color:#ecebe6;
        font-size:0.9em;
        font-style:italic;
        padding:0.4em 0.8em;
}
#inhalt ol#comments li.autor blockquote p  {
        background-color:#f6f3e2;
}


#inhalt ol#comments li p cite img.avatar  {
        padding:2px;
        border:1px solid #b6b6b7;
        margin-right:1em;
}
#inhalt ol#comments li a  {
        background:transparent;
}
#inhalt ol#comments li p  {
        font-size:1em;
}
#inhalt ol#comments li p cite  {
        font-size:0.9em;
}
.commentinfo  {
        color:#9d0202;
}
#inhalt p.einruecken  {
        margin-left:1.5em; /* Textlinks nach links gerückt, damit Text bündig mit h2-Text oben ist */
}
#inhalt h3#postcomment  {
        color:#cb0952;
        margin:1em 0 0.3em 1.5em;  /* Text nach links gerückt, damit Text bündig mit h2-Text oben ist */
}
#inhalt #formularcontainer  {
        border:2px solid #b6bdb6;
	margin-left:1.5em;  /* Formularcontainer für Kommentare nach links gerückt, damit Text bündig mit h2-Text oben ist */
}
#inhalt #commentform  {
        background-color:#e3ebe3;
        padding:0.8em;
        margin:2px;
}
#inhalt #commentform a  {
        background:transparent;
}
#inhalt #commentform p #author,
#inhalt #commentform p #email,
#inhalt #commentform p #url  {
        width:13.7em;
        border:1px solid #226372;
}
#inhalt #commentform p #author:hover,
#inhalt #commentform p #email:hover,
#inhalt #commentform p #url:hover  {
         background:#adf2bf;
}
#inhalt #commentform p #author:focus,
#inhalt #commentform p #email:focus,
#inhalt #commentform p #url:focus  {
        background:#f7f7d3;
}
#inhalt #commentform p  {
        line-height:1.2;
}
#inhalt #commentform #ed_toolbar  {
        margin-top:1em;
}
#inhalt #commentform #ed_toolbar .ed_button:hover,
#inhalt #commentform #ed_toolbar .ed_button:focus,
#inhalt #commentform #ed_toolbar .ed_button:active  {
        background-color:#adf2bf;
}
#inhalt #commentform span.maskierung  {
        font-weight:bold;
        color:#cb0952;
}
#inhalt #commentform textarea  {
        width:100%;
        border:1px solid #226372;
}
#inhalt #commentform textarea:hover  {
        background:#adf2bf;
}
#inhalt #commentform textarea:focus  {
        background:#f7f7d3;
}
#inhalt #commentform #submit  {
        width:12em;
        background:#f1f1f1;
        border:1px solid #226372;
        margin-top:0.5em;
}
#inhalt #commentform #submit:hover  {
        background:#adf2bf;
}
#inhalt #commentform p.subscribe-to-comments  {
        padding-top:0.7em;
}
#inhalt ul  {
	margin-bottom:0.5em;
}

/*:::::::::::::::::::3.6 #sidebar:::::::::::::::::::::::::*/
#sidebar  {
        float:right;
        width:17.5em;
        padding:0 0 1em 1em;
}
#sidebar h2  {
        font-size:1.2em;
        border-bottom:1px solid #bbbaba;
        padding-top:1.5em;
        margin:0 1em 0.5em 1em;
}
#sidebar .abo  {
        margin-left:1.2em;
}
#sidebar .sidebar-kategorien  {
        margin-left:1em;
}
#sidebar ul.abo li a  {
        background:url(images/feed-icon-16x16.gif) no-repeat left top;
        padding-left:1.5em;
}
#sidebar .cat-item  {
        background:url(images/listenzeichen_sidebar.png) no-repeat left 0.3em;
	padding:0 0 0 1.5em;
	margin:0 0 0.3em 0;
}
#sidebar .sidebar-kategorien li  {
        font-size:0.9em;
}
#sidebar .letzte-kommentare li  {
        font-size:0.9em;
        padding:0.4em 1em 0.4em 1.3em;
        margin-bottom:0.6em;
}
#sidebar .letzte-kommentare li em  {
        color:#000;
}
#sidebar .letzte-kommentare li:nth-child(even)  {
	background-color:#f5f5f3;
} /* Funktioniert nicht im IE6/7/8 und FF2 */

#sidebar .letzte-kommentare li a  {
        background:transparent;
}

/*:::::::::::::::::::3.7 #fuss:::::::::::::::::::::::::::::*/
#fuss  {
        position:relative;
        width:56em;
        color:#f1f1f1;
        background:url(images/fuss_hg.png) repeat-x left top;
}
#fuss-innen  {
        background:transparent url(images/fuss-hg-oranghalbkugel.png) no-repeat 720px bottom;
}
#fuss a  {
        color:#f1f1f1;
        background-color:transparent;
}
#fuss a:focus,
#fuss a:hover  {
        color:#adf2bf;
        text-decoration:none;
}
#fuss ul li.skiplink a  {
        color:#000;
        background-color:#fff;
}
#fuss-tags  {
        width:40em;
        padding-bottom:0.6em;
        border-bottom:1px dotted #bbbaba;
        margin:0.7em 0 0 1.5em;

}
#fuss-tags h4  {
        color:#bbbaba;
        border-bottom:1px dotted #bbbaba;
        padding-top:0.6em;
}
#fuss-tags a  {
        padding-left:0.3em;
}

#fuss p  {
        padding:0.6em 0 0.8em 1.5em;
        margin-bottom:0;
}
/*==========================================
   4. Layout Unterseiten
  =========================================*/

/*::::::::::::::::: 4.1 Archivseite ::::::::::::::::*/
#archiv-inhalt h3  {
       margin:1em 0 0.3em 0;
}
#archiv-inhalt .archivbeitraege  {
        border-top:1px dotted #bbbaba;
}
#archiv-inhalt ol.monatsarchiv  {
	padding-bottom:2em;
}
#archiv-inhalt .monatsarchiv li  {
    display:inline;
    padding-right:1em;
}
#archiv-inhalt .archivbeitraege li  {
      padding:0.4em;
      border-bottom:1px dotted #bbbaba;
}

/*::::::::::::::::: 4.2 Linksseite ::::::::::::::::*/
#links-inhalt h2  {
        margin-bottom:1em;
}
#links-inhalt ul  {
        margin:0.6em 0 2em 0;
}
#links-inhalt li  {
        margin-bottom:0.3em;
}

/*::::::::::::::::: 4.3 Kontaktseite ::::::::::::::::*/

#kontakt-inhalt  h2  {
        margin-bottom:1em;
}
#kontakt-inhalt address  {
        margin-bottom:1.6em;
}
#kontakt-inhalt h3  {
        margin-bottom:0.6em;
}

/*========================================
   5. Sonstige Klassen
   ========================================*/
.nachoben  {
        margin:0.7em 0;
}

.blaettern  {
        text-align:center;
}
.skiplink  {
     position:absolute;
     top:-9999px;
     left:-9999px;
     width:0px;
     height:0px;
     display:inline;
}
.skiplinktab:focus,
.skiplinktab:active  {
    position:absolute;
	top:9999px;
	left:9999px;
	display:inline;
	width:13em;
	height:auto;
	background-color:#fff;
	color:#000;
	padding:0.6em;
	border:2px solid #000;
}
.clear  {
	clear:both;
	height:1px;
	width:0;
	visibility:hidden;
	border:0;
}