/***************************************
* Meine wichtigsten Farben der Homepage
****************************************/
/*
#016278 = Darkblau
#444250 = Darkblau(1)
#1D353E = Darkblau(2)
#1D353D = Sehr dunkles Blau(1)	
#1D353C = Sehr dunkles Blau(2)	
#1D353A = Sehr dunkles Blau(3)	
#1D353C = Sehr dunkles Blau(3)	
#024656 = Sehr dunkles Darkblau	
#024652 = Sehr dunkles Darkblau(1)
#02464F = Sehr dunkles Darkblau(2)
#02464D = Sehr dunkles Darkblau(3)
#013A41 = Sehr dunkles Darkblau(4)
#01474F = Sehr dunkles Darkblau(5)
#01444A = Sehr dunkles Darkblau(6)


#A92465 = Weinrot 
#9D0751 = Dark-Weinrot 
#980749 = Dark-Weinrot(1)
#7F184B = Dark-Weinrot(2)
#660F39 = Dark-Weinrot(3)
#650433 = Dark-Weinrot(4)

#000E13 = Sehr dunkles Anthrazit    
#1D3536 = Sehr dunkles Grün
#000000 = Schwarz 
#F8F8FF = Ghostwhite
*/

/******************************
* Dokument
******************************/

/* Alles wird auf "0" gesetzt */
html, body, div, p, span, a, table, td, img, {
margin: 0;
padding: 0;
font-family: 'comic sans ms', arial, helvetica, verdana;
cursor: crosshair;
}


/* Textkörper allgemein */
body {
background-color: #000000; /* schwarz */
color: #F8F8FF; /* Ghostwhite */
font-family: 'comic sans ms', arial, helvetica, verdana;
font-style: normal;
font-size: 8pt;
cursor: crosshair;

 /* Scrollbalkenfarben */
scrollbar-base-color:#000000; /* schwarz */
scrollbar-3dlight-color: #000000; /* schwarz */
scrollbar-arrow-color: #650433; /* Dark-Weinrot(4) ++ Verschiebepfeil ++ */
scrollbar-darkshadow-color: #000000; /* schwarz */
scrollbar-face-color: #050505; /* schwarz Variante */
scrollbar-highlight-color: #444250; /* Darkblau(2) */
scrollbar-shadow-color: #4444250; /* Darkblau(2) */
scrollbar-track-color: #000000; /* schwarz */
}

/* Textboxen mit Rahmen */
.text {
text-align: justify;
font-size: 11pt;
color: #016278;
font-weight: 600;
border-style: solid;
border-width: 2px;
border-left-width: 8px;
border-color: #650433; /* Dark-Weinrot(4) */
padding: 15px;
background-color: #000000;
}

.text1 {
text-align: justify;
font-size: 11pt;
color: #016278;
font-weight: 600;
border-style: double;
border-width: 5px;
border-color: #650433; /* Dark-Weinrot(4) */
padding: 15px;
background-color: #000000;
}

/* FORMATE der Textboxen */
.textbox {
border-style: double;
border-width: 5px;
padding: 4px;
border-color: #650433; /* Dark-Weinrot(4) */
}

.textbox1 {
border-style: solid;
border-width: 2px;
border-color: #650433; /* Dark-Weinrot(4) */
padding: 2px;
}

/* FORMATE der Boxlinien */
.linieO {
border-top-style: solid;
border-color: #650433; /* Dark-Weinrot(4) */
border-width: 5px;
}
.linieR {
border-right-style: solid;
border-right-color: #650433; /* Dark-Weinrot(4) */
border-width: 5px;
}
.linieU {
border-bottom-style: solid;
border-bottom-color: #650433; /* Dark-Weinrot(4) */
border-width: 5px;
}
.linieL {
border-left-style: solid;
border-left-color: #650433; /* Dark-Weinrot(4) */
border-width: 5px;
}

/* Schriften FORMATE */
/* Schrift ROT #650433 */
.fontROT {
border-style: solid;
border-color: #016278; /* Dark-Weinrot(4) */
border-width: 1px;
text-align: justify;
font-weight: 200; 
font-size: 12pt;
padding: 10px;
color: #650433; /* Dark-Weinrot(4) */
}

/* Farbe BLAU - Hintergrund ROT */
.fontBR {
text-align: center;
font-weight: 900; /* sehr fett */
font-size: 18pt;
color: #016278;
background-color: #650433; /* Dark-Weinrot(4) */
}

/* Farbe BLAU  */
.fontBLAU {
text-align: justify;
font-weight: 200; /* FETT Wert 700 */
font-size: 12pt;
color: #016278;
padding: 10px;
}

/* Linkeigenschaften */
a {
color: #016278; /* DarkBlau */
font-size: 12pt;
text-decoration:none; 
}

/* Schriftgroesse 0 (gross) */
.sect { 
font-family: 'comic sans ms',Arial; 
font-size: 18pt; 
font-style: italic;
font-weight: bold;
margin: 0px; margin-top: 35px; margin-bottom: 20px; 
}

/* Schriftgroesse1 (mittel) */
.sect1 { 
font-family: 'comic sans ms',Arial; 
font-size: 16pt; 
font-style: italic;
font-weight: bold;
margin: 0px; margin-top: 35px; margin-bottom: 20px; 
}

/* Schriftgroesse2 (klein) */
.sect2 { 
font-family: 'comic sans ms',Arial; 
font-size: 12pt; 
font-style: italic;
font-weight: bold;
margin: 0px; margin-top: 35px; margin-bottom: 20px; 
}

.rot { color: #650433; /* Weinrot */ }
.blau { color: #016278;  /* Darkblau */}
.bold  { font-weight: bold }
.big   { font-size: 26pt }
.small { font-size: 8pt; font-family: 'comic sans ms'; }

/* -- POSITIONEN Der Textboxen, Linien und Bilder -- */
/* -- Bild mit der Perücke - "renesw.jpg" -- */
#bild1 {
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 320px;
	width: 200px;
	height: 280px;
}

/* -- Feuer Links "f1.gif" -- */
#fire1 {
	z-index: 2;
	position: absolute;
	top: 148px;
	left: 90px;
	width: 59px;
}

/* -- Feuer Rechts "f1.gif" -- */
#fire2 {
	z-index: 2;
	position: absolute;
	top: 64px;
	left: 180px;
	width: 59px;
}

/* -- Linie 1 über der Textbox Meine Musikszene "linieo.jpg" -- */
#line1 {
	z-index: 2;
	position: absolute;
	top: 370px;
    left: 80px;
}

/* -- Textbox Meine Musikszene -- */
#box1 {
	z-index: 2;
	position: absolute;
	top: 420px;
	left: 10px;
	width: 550px;
	height: 170px;
}

/* -- Linie 2 unter der Textbox Meine Musikszene "linieu.jpg" -- */
#line2 {
	z-index: 3;
	position: absolute;
	top: 600px;
    left: 80px;
}

/* -- Bild "Iluminated.jpg" -- */
#bild2 {
	z-index: 2;
	position: absolute;
	top: 650px;
	left: 30px;
	width: 500px;
	height: 420px;
}

/* -- Feuer "f2.gif" im Bild "iluminated.jpg" -- */
#fire3 {
	z-index: 2;
	position: absolute;
	top: 745px;
	left: 170px;
	width: 82px;
}

/* -- Linie 3 "linieu.jpg" unter dem Bild "iluminated.jpg" -- */
#line3 {
	z-index: 3;
	position: absolute;
	top: 1040px;
    left: 80px;
}

/* -- Bild Der Metalbereich "metal.jpg" -- */
#bild3 {
	z-index: 2;
	position: absolute;
	top: 1090px;
	left: 10px;
	width: 400px;
}

/* -- Textbox Metalbereich -- */
#box2 {
	z-index: 2;
	position: absolute;
	top: 1160px;
	left: 10px;
	width: 540px;
	height: 5410px;
}


/* -- Bild "friedhof.jpg" im Metalbereich -- */
#bild4 {
    z-index: 2;
    position: absolute;
    top: 1950px;
    left: 230px;
    width: 260px;
    height: 170px;
}

/* -- Bild "gothic.jpg " im Metalbereich -- */
#bild5 {
	z-index: 2;
	position: absolute;
	top: 2260px;
	left: 340px;
	width: 150;
	height: 200px;
}

/* -- Bild "penta.jpg" im Metalbereich -- */
#bild6 {
	z-index: 2;
	position: absolute;
	top: 2550px;
	left: 340px;
	width: 175px;
}

/* -- Textbox -- "Swallow The Sun" mit Bild -- */
#box3 {
	z-index: 2;
	position: absolute;
	top: 2870px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "My Dying Bride" mit Bild -- */
#box4 {
	z-index: 2;
	position: absolute;
	top: 3480px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "Crowbar" mit Bild -- */
#box55 {
	z-index: 2;
	position: absolute;
	top: 3810px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "Bolt Thrower" mit Bild -- */
#box5 {
	z-index: 2;
	position: absolute;
	top: 4370px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "RAMMSTEIN" mit Bild -- */
#box6 {
	z-index: 2;
	position: absolute;
	top: 4650px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "Subway to Sally" mit Bild -- */
#box7 {
	z-index: 2;
	position: absolute;
	top: 4910px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "Lacrimas Profundere" mit Bild -- */
#box8 {
	z-index: 2;
	position: absolute;
	top: 5220px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "Scream Silence" mit Bild -- */
#box9 {
	z-index: 2;
	position: absolute;
	top: 5350px;
	left: 270px;
	width: 250px;
}

/* -- Textbox -- "Scream Silence" -- */
#box10 {
	z-index: 2;
	position: absolute;
	top: 5600px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "Gothminister" mit Bild -- */
#box11 {
	z-index: 2;
	position: absolute;
	top: 5800px;
	left: 25px;
	width: 520px;
}

/* -- Textbox -- "InExtremo" mit Bild -- */
#box12 {
	z-index: 2;
	position: absolute;
	top: 6250px;
	left: 25px;
	width: 500px;
}

/* -- Linie 4 unter der Textbox Metalbereich "linieu.jpg" -- */
#line4 {
	z-index: 3;
	position: absolute;
	top: 6610px;
    left: 70px;
}

/* -- Bild Der Darkwavebereich "darkwave.jpg" -- */
#bild7 {
	z-index: 2;
	position: absolute;
	top: 6700px;
	left: 10px;
	width: 500px;
}

/* -- Textbox Darkwavebereich -- */
#box13 {
	z-index: 2;
	position: absolute;
	top: 6770px;
	left: 10px;
	width: 540px;
	height: 1020px;
}

/* -- Bild Nebelmacht "nm.jpg" im Darkwavebereich -- */
#bild8 {
    z-index: 2;
    position: absolute;
    top: 7060px;
    left: 250px;
}

/* -- Bild Gothickirche "gothicimg.jpg" im Darkwavebereich -- */
#bild9 {
    z-index: 1;
    position: absolute;
    top: 7560px;
    left: 250px;
}

/* -- Bild Kapelle "kapelle.jpg" unter dem Darkwavebereich -- */
#bild10 {
	z-index: 2;
	position: absolute;
	top: 7840px;
	left: 60px;
	width: 480px;
}

/* -- Linie 5 Ende "linieu.jpg" und "top.jpg" -- */
#line5 {
	z-index: 2;
	position: absolute;
	top: 8140px;
	left: 70px;
	width: 480px;
	height: 100px;
}
/******************************
* ENDE  Dokument
******************************/