/* _ 1/3 _______ kleine spezialisierte Textabschnitte _________ */

.ruck { margin-left:6em; }
.black{ color:black; }
em    { color:black; font-style:normal; }
#laut { color:#333;  font-size:220%; font-weight: bold;}
#XXL  { color:#333;  font-size:350%; }
q     { color:#ff0000;  font-style:normal; }
a     { color:#FF0000;  text-decoration:none; }
#pink {color:#FF00de; font-size:300%; }

div.durchblick a {      /* Links im "durchblick" */
    border-bottom:1px dashed #bbb; display:inline-block; margin: 1px 1px 1px;
    }
div.durchblick a:hover { /* Links im "durchblick" solange der Mauszeiger drüber schwebt*/
    text-transform:capitalize;
    border-bottom:1px solid #FF00FF;border-top:1px solid #ff4400; display:inline-block; margin: 1px 1px 0px;
    }
span.normal {           /* wenn z.B. ein Link aussehen soll wie normaler Text */
    color:navy; text-decoration:none; font-style:normal;
    }
.center {               /* zentrierter Textabschnitt */
    display:block; margin-left:auto; margin-right:auto; text-align:center;
    }
.right {               /* rechts ausgerichteter Textabschnitt */
    display:block; margin-left:auto; margin-right:2; text-align:right;
    }
.warnung {
    font-size:120%; color:#510; font-weight: bold;
    display:block; margin:12px; padding:3px; padding-left:5px; padding-right:5px;
    border: 1px solid red;
    }
.medium {
    font-size:110%; color:#FF4400; font-weight: bold;
    display:block; margin-left:auto; margin-right:auto; text-align:left;
    }
.anmacher {
    font-size:130%; color:#FF4400; font-weight: bold;
    display:block; margin-left:auto; margin-right:auto; text-align:left;
    }/Users/wanja/Sites/maidenmonsters/backup/index.html

legend#upload {         /* Beschriftung an der Formular-Abschnitts-Umrandung */
    font-size:120%;
    }
.legende {              /* Erklärungen am Bandfoto */
    margin-left: auto; margin-right: auto;
    font-size:8pt; text-align:center;
    margin-top:5px; padding-top:0px; border:0px;
    }
.hervorheben{
    font-size:120%;
    display:inline-block;
    border:1px outset; margin: 2px;
    color:black; background-color:#f0f0ff;
    padding: 2px;
    }
code{
    display:inline-block;
    border:1px inset; margin: 2px;
    color:#111; background-color:#f0f0f0;
    font-family:sans-serif;
    /*font-size:10pt;*/
    padding-left: 2px; Padding-right:2px;
    }
.filesize{
    font-weight: bold;
    }

/* _ 2/3 _______ grosse Bereiche _________ */

body {
    font-family: Verdana, Arial, Tahoma, Albany, Helvetica, sans-serif;
    font-size:11px; line-height:14px;
    color:black;
    margin:0px; padding:0px;
    background-image:URL(img/bg3.jpg);
    }
div.durchblick {        /* transparent */
    background:white; opacity:.80; -moz-opacity:.80; filter:alpha(opacity=80);
    }
div#tablett {           /* enthält alles außer der navigation */
    width:1200px; left:50%; margin-left:-600px;
    min-height:700px;
    top:15%;            /*  20% ist weiter oben als 25% */
    margin-top:-140px;  /* -190 ist weiter oben als -180 */
    position:absolute;
    }
div#haupt {             /* TextBereich */
	top:43px;
	left:325px;
	position:absolute;
	width:559px;
	padding:12px;
	height: 600px;
    }
div#medien {
	top:550px;
	left:433px;
	position:absolute;
	width:550px;
	padding:12px;
    }
div#navarea           { position:absolute; top:550px; left:50%; margin-left:-540px; bottom:24px; right:0px; }

body#band div#navarea { position:absolute; top:650px; left:50%; margin-left:-540px; bottom:24px; right:0px; }

/* _ 3/3 _______ Bilder ________ */

img#navimage {
    position:absolute; bottom:0px; left:70px;
    height:75px; width:1002px;
    }
img#logo {
	position:absolute;
	left: 0px;
	top: 140px;
    }
img#bandplatzhalter { 
    width:536px; height:261px;
    display:block; margin-left:auto; margin-right:auto;
    margin-bottom:0px; padding-bottom:0px;
    }
img#bandfoto {
	position:absolute;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	left: 400px;
	top: 74px;
    }
img { 
    border:0px;
    behavior: url("pngbehavior.htc"); /* PNG-Teil-Transparenz f. Internet Explorer vor 7 */
    }
wanja