/**********************/
/*** Positionierung ***/
/**********************/

html, body, h1, h2, h3, p, ul, li, a {
        margin: 0;
        padding: 0;
        }

html, body {
        height: 100%;
         width: 100%;
        text-align:center;
         }
/*
html { margin-bottom: 1px; }
*//*
This adds a tiny amount of vertical scroll (1px no less), so users won’t think that there is content that they’re missing. This will also work on any resolution screen. I’ve tested this in Safari, Omniweb 5, Firefox on OS X, and it works like a dream! The only browser I could find that had a problem with it was (guess!) IE 5 Mac
http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better
*/

h4.balken,
.balken,
#indiemitte,
#t_wrapper,#wrapper,
#t_inhalt,#inhalt,
#titellinks,#menu,
#titel,#text,
#titelrechts,#spalte,
#fussindiemitte,#fusslinks,#fuss,
#fussnote,
.pagecomments {
        position: relative;
        }

#indiemitte,
#fussindiemitte {
        width: 970px;
        text-align: left;
        padding: 0px 100px 0px 0px;
        margin: 0 auto;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 870px;
        }

html>#indiemitte,
html>#fussindiemitte {
        width: 870px;
        }

#indiemitte {
        min-height: 100%;      /*footer*/
        }

* html #indiemitte {             /*footer*/
         height: 100%;
        }

#t_wrapper {
        height:70px;
        padding-top: 20px;
        width: 100%;        /* 873px */
        }

#wrapper {
        margin-bottom: 105px;   /*70 Platz für den Fuss */
        }

#inhalt,
#t_inhalt,
#fuss,
.tx-pagecomments {
        width:720px;
        float: right;
        }

.pagecomments {
        width:700px;
        float: right;
        }

#t_inhalt {
        height: 70px;     /* Platz für die Hintergrundfarbe */     /*
        border-bottom: 0px solid #fff;                             */
        }

/*
#inhalt, #spalte, #wrapper {
        height: 100%;
        }
*/

#menu,
#titellinks,
#fusslinks {
        float: left;
     /*        display:inline;   */
        width:146px;
        margin-right: 4px;
        }


#menu {
        margin-top: 7px;
        }

#text,
#titel {
        width:540px;
        float:left;
        margin: 0px 4px;
        }
        
.banner {
        margin: 5px 0 0 1px;
        }
        
#text,
#spalte {
        margin-bottom: 30px;
        }
        
* html #text,
* html #titel {height:1%;} /* fix 3 pixel jog */

#spalte, #titelrechts {
        width: 168px;
        overflow: hidden;
        float: right;
       /*  margin: 4px 1px 0px 0px;
        padding der Spaltenelemente im #spalten-Feinschliff weiter unten   */
        }
        
.spalte,
#spalte {
         padding-top: 10px;
         }

#titelrechts {
/* hier gab es irgendwie Probleme mit einer springenden Fußzeile im IE, wohl verursacht durch das letter-spacing: 1px und daraus folgend eine zu große Breite? Nicht nachvollziehber, sonst die Breite um 1px verringern..*/
/*
         height: 20px; */
         margin-top: 10px;
         padding: 0px 4px;               /*   Abstand vom #text-Block */
         voice-family: "\"}\"";
         voice-family:inherit;
         width: 160px;
         }

html>#titelrechts {
         width: 160px;
         }

/* footer: http://www.themaninblue.com/writing/perspective/2005/08/29/  */
#fussindiemitte {
        margin: -105px auto 0 auto;    /*70 -6em */
        height: 105px;
        }

/* #fuss,   */
#fussnote {
         width: 720;
         margin-left: 119px; /* 150px - #fusshoch*/
         padding: 0px 4px;
         clear: both;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 712px;
         }

/* html>#fuss,  */
html>#fussnote {
        width: 712px;
         }

#fusshoch {
         position: relative;
         top: -17px; /*
         left: -22px;  */
         display: inline; /**/
         }

#fussnote {
    /*        line-height: 2em;        */
      /*  height: 4.5em;  3.9em;*/
         }  /**/


 /*************************/
 /*** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php ***/
 /*************************/

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        width:0;
        clear: both;
        visibility: hidden;
        }

.clearfix {
        display: inline-table;
        }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/****************/
/*printer styles*/
/****************/

@media print {



#menu,
#pfad,
.banner {display:none;}

#twocols, #maincol{width:100%; float:none;}
}

/* nur im Druck und ohne css sichtbar: */


#hide {
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;  /* for the benefit of IE5 Mac */
        }



/*************************************Positionierung-BUGFIX Rasterhintergrund********
#fussindiemitte,
fussnote,
#fuss {
        z-index: 5;
         }

#wrapper {
        background: url(background20hell.gif);
        }

#indiemitte {
        background: url(background20hell.gif);
        }
                                                      *//*
#fuss, #spalte, #titelrechts {
        background: url(background20.gif);
        }

#titel, #text {
        background: url(background20dunkel.gif);
        }


#fusslinks {
        background: url(background20hell.gif);
         }

#fussindiemitte {
        background: url(background20dunkel.gif);
         }
      */