/* Kalibrierung, Erzwingen einer Bildlaufleiste */
* {padding: 0; margin: 0;}

/* Abstand nach unten */
h1, h2, h3, h4, p, ul, li, hr { margin-bottom: 1em;}
/* Verschachtelte Listen und Aufzählungen ohne Abstand */
ol li {margin-bottom: 0;}
/* Abstand von links */
li {margin-left: 1em;}
ol {margin-left: 1em; margin-bottom: 1em;}

html {height: 101%;}


/* Festlegung des Hintergrundbilds */


body {
     background-image: url(dismember.jpg); 
     background-repeat: no-repeat;
     background-position: top center;
     background-attachment: fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     width: 100%;
     min-height:100%;
     background-color: #000000;
     color: #FFFFFF;
}



/* Festlegung der Boxen */

div#theBox {
     background-image: url(bg.png);
     border: #00F033 0px solid; /* 1 macht sichtbar */
     width: 75%;
     margin: auto;
     margin-top: 3em;
     margin-bottom: 3em;
     padding: 1em;
}


div#NavBox {
     border: #FF0000 0px solid; /* 1 macht sichtbar */
     float: left; 
     width: 7em;
     padding: 1em;
}


div#TextBox {
     border: #00FFFF 0px solid; /* 1 macht sichtbar */
     margin-left: 12em;
     padding: 1em;
}


div#MetaBox {
     clear: both;
     border: #FF8000 0px solid; /* 1 macht sichtbar */
     border-top: #BBBBBB 3px solid;
     margin: 5em; 
     margin-top: 1em;
     padding: 1em;
}



/* Festlegung spezieller Elemente */

div#welcome {text-align: center; padding-bottom: 1em;}
div#neu {font-size: 80%;}
div#Impressum {font-size: 70%;}

p, li, h1, h2, h3, h4 {font-family: Helvetia, Arial, Verdana, sans-serif; font-size: 90%; color: #FFFFFF;} 



A:link {color: #FFFF00; font-weight: bold; text-decoration: none;} 
A:visited {color: #FFFF00; font-weight: bold; text-decoration: none;} 
A:hover {color: #FFFFFF; font-weight: bold; text-decoration: none;}
A:active {color: #FFFFFF; font-weight: bold; text-decoration: none;}

A[href^="http"] {color: #FF6000;}

#aktuell a {color: #FFFFFF; text-decoration: overline underline;} 
#superior a {color: #FFFFFF; text-decoration: overline underline;}
/* id="aktuell" bzw. id="superior" ergänzen im html */





h1 {font-weight: bold; font-style: italic; font-size : 120%;}
h2 {font-weight: bold; font-style: italic; font-size : 100%;}
h3 {font-weight: bold;}
h4 {font-style: italic;}


.zitat {font-style: italic; text-align: right; margin-right: 3em; padding-left: 7em;}
.interview {margin-left: 2em;}


#TextBox img {display: block; margin: 0 auto;}
#TextBox img.txt {margin: 1em;  float: right;}
#TextBox iframe.youtube {display: block; margin: 0 auto; width: 420px; height: 345px; border: none;}
#TextBox iframe.guestbook {display: block; margin: 0 auto; width: 80%; height: 100em; border: none;}


#NavBox ul {list-style-type: none;}
#NavBox li {font-size: 110%; margin-left: 0em;}
#NavBox ul ul {list-style-type: disc; margin-left: 1em;}
#NavBox ul ul li {font-size: 70%; font-style: italic; margin-bottom: 0;}
#NavBox a:hover {text-decoration: overline underline;}


#MetaBox ul {list-style-type: none;}
#MetaBox li {font-size: 80%; display: inline;}
#MetaBox a:hover {text-decoration: overline underline;}

div#Sitemap {padding-bottom: 1em;}
#Sitemap .Spalten {float: left; width: 10em; padding-right: 2em;}
#Sitemap ul {list-style-type: circle;}
#Sitemap ul ul {list-style-type: disc; margin-left: 1em;}
#Sitemap ul ul li {font-size: 70%; font-style: italic; margin-bottom: 0;}

div#LineUp {clear: both; padding-bottom: 1em;}
#LineUp .Member {float: left; width: 140px; padding-right: 5px; text-align: center;}
div#Fragmente {clear: both;}


.zwischen {width: 70%; margin: auto; margin-top: 2em; margin-bottom: 2em;}