/*
_____________________________________________________________________
-------------------------------------------------------------------------------------------------------------------------
    CASCADING STYLESHEET    
______________________________________________________________________
--------------------------------------------------------------------------------------------------------------------------*/


/* ---------------------------------------------------------------------------------------------------| anfang |--BODY--*/

body{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* Schriftart - Änderbar in: alle möglichen Schriftarten (Vorsicht: keine exotischen Schriftarten verwenden - nur Standart bzw weit verbreitete!) */
	font-style : normal;
	/* Schriftstil - Änderbar in: "normal", "italic", "oblique" */
	font-size : 14pt;
	/* Schriftgröße -Änderbar: */
	font-weight : bold;
	/*Fettigkeitsgrad - Änderbar in:"normal","bold", "bolder", "lighter", "100" (extra dünn)...,"200" , "300", "400", "500", "600", "700", "800", "900"...(extra fett) */
	color : #4682B4;
	/* Schriftfarbe - Änderbar in: alle 216 webfarben (empfohlen) */
}
a:link{
	color: #66CCFF;
}
h1{
	font-family : "Cordia New";
	font-style : normal;
	font-size : 70pt;
	font-weight : normal;
	color : #6699FF;
}
h2{
	font-family :Verdana;
	font-style : normal;
	font-size : 30pt;
	font-weight : normal;
	color : #6699FF;
}
h3{
	font-family :Verdana;
	font-style : normal;
	font-size : 16pt;
	font-weight : bold;
	color : #6699FF;
}
h4{
	font-family :Verdana;
	font-style : normal;
	font-size : 14pt;
	font-weight : normal;
	color : #6699FF;
}
h5{
	font-family :Verdana;
	font-style : normal;
	font-size : 12pt;
	font-weight : normal;
	color : #66CCFF;
}
p{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* Schriftart - Änderbar in: alle möglichen Schriftarten (Vorsicht: keine exotischen Schriftarten verwenden - nur Standart bzw weit verbreitete!) */
	font-style : normal;
	/* Schriftstil - Änderbar in: "normal", "italic", "oblique" */
	font-size : 12pt;
	/* Schriftgröße -Änderbar: */
	font-weight : normal;
	/*Fettigkeitsgrad - Änderbar in:"normal","bold", "bolder", "lighter", "100" (extra dünn)...,"200" , "300", "400", "500", "600", "700", "800", "900"...(extra fett) */
	color : #6699FF;
	/* Schriftfarbe - Änderbar in: alle 216 webfarben (empfohlen) */
}

/*----------------------------------------------------------------------------------------------| anfang |--GALLERY--*/

font.gallery{
	/* Schriftdefinition (in den Tabellen) - Gültig für alle Galleryseiten bzw. referenziert durch den Tag "< font class="gallery" >" */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* Schriftart - Änderbar in: alle möglichen Schriftarten (Vorsicht: keine exotischen Schriftarten verwenden - nur Standart bzw weit verbreitete!) */
	font-style : normal;
	/* Schriftstil - Änderbar in: "normal", "italic", "oblique" */
	font-size : 10pt;
	/* Schriftgröße -Änderbar: */
	font-weight : bold;
	/*Fettigkeitsgrad - Änderbar in:"normal","bold", "bolder", "lighter", "100" (extra dünn)...,"200" , "300", "400", "500", "600", "700", "800", "900"...(extra fett) */
	color : #6699FF;
	/* Schriftfarbe - Änderbar in: alle 216 webfarben (empfohlen) */
}
#gallery{                                                                                                /* Name des Tags der die Schriftausrichtung (in der Tabelle "left" definiert) Gültig für alle Galleryseiten. Referenziert durch: "<div id="gallery">" */
	margin-top : 10px;                                                                            /* Abstand der Schrift zum oberen Rand - Änderbar */
	margin-left : 20px;                                                                             /* Abstand der Schrift zum linken Rand - Änderbar */
	margin-right : 0px;                                                                            /* Abstand der Schrift zum rechten Rand - Änderbar */
	margin-bottom : 0px;                                                                        /* Abstand der Schrift zum unteren Rand - Änderbar */
}
#universe{
	margin-top: 40px;
}
font.date{                                                                                              /* Schriftdefinition (in den Tabellen) - Gültig für diese Seite bzw. referenziert durch den  Tag "< font class="date" >" */
	    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;       /* Schriftart - Änderbar in: alle möglichen Schriftarten (Vorsicht: keine exotischen Schriftarten verwenden - nur Standart bzw weit verbreitete!) */
		font-size:10pt;                                                                               /* Schriftgröße in Punkt - Änderbar: */
		font-style:normal;                                                                         /* Schriftstil - Änderbar in: "normal", "italic", "oblique" */
		font-weight:normal;                                                                     /* Fettigkeitsgrad - Änderbar in:"normal","bold", "bolder", "lighter", "100" (extra dünn)...,"200" , "300", "400", "500", "600", "700", "800", "900"...(extra fett) */
		color:#000000;                                                                             /* Schriftfarbe - Änderbar in: alle 216 webfarben (empfohlen) */
     }
/*--------| Tabellen |-----------mit Hilfe von Quyen:
  _______________________________________________
 |  dt.top                  DATUM      (HintergrundBild: ...Up)                 |          Das sind die verschachtelten Tabellen einer ' Karte'  
 |   ____________________________________________   |           sowie die verwendeten Klassen und Namen. Durch
 |  |  dt.left                                                    |  dt.right                       |   |          dt.top (dt : ist der Tag, der Befehl mit dem Zellen erzeugt;
 |  |                                                                |   _____________    |   |                      werden.
 |  |                                                                |  | dt.inright 1          |   |   |                     .top : ist der definierte Name des Befehls. Durch
 |  |                                                                |  |---------------------- |   |   |                      ihn kann man nun den Befehl im HTML-dokument 
 |  |                           TEXT                           |  |  dt.inright 2         |   |   |                      ansprechen und Eigenschaften geben bzw. ändern.)
 |  |                                                                |  |                              |   |   |           kann man zum Bsp. die Zelle mit der Klasse: class="top"
 |  |                                                                |  |     BILDER          |   |   |           ansprechen und über die URL ein neues Hintergrundbild
 |  |                                                                |  |                              |   |   |           zuweisen.
 |  |                                                                |  |---------------------- |   |   |
 |  |                                                                |  |  dt.inright 3         |   |   |                         
 |  |                                                                |  |_____________|   |   |
 |  |___________________________.|________________|   |
 |_______________________________________________|
 |    dt.bottom              (HintergrundBild:... Down                             |
 |----------------------------------------------------------------------------------|
 |  space                Bild: pixel                                                               |
 |_______________________________________________|
*/

td.top{                                                                                                    /* Definitionen der Tabellenzelle in der das Datum steht (Zelle Klasse "top" ) Referenziert durch: "<dt class="top">" */
	background-image : url(pics/dt4Up.gif);                                     /* Hintergrundbild, URL -Änderbar (nicht empfohlen) in: none*/
	background-repeat : no-repeat;                                                    /* Darstellung des Hintergrundbilds als Muster (es wiederholt sich) - Änderbar (nicht empfohlen) in: repeat, repeatx, repeaty */
}
td.bottom{
	background-image : url(pics/dt660000Down.gif);
	background-repeat : no-repeat;
}
td.left{
	background-color : #660000;
}
td.right{
	background-color : #660000;
	padding-top : 10px;
}
td.inright1{                                                                                               /* Die Spalte "td.imgbg1" ist Teil der Tabelle die in Zelle "td.right" liegt (verschachtelt)*/
	background-image : url(pics/img696969bg1.gif);
	background-repeat: no-repeat;
}
td.inright2{
	background-color: #696969;
}
td.inright3{
	background-image : url(pics/img696969bg3.gif);
	background-repeat : no-repeat;
}
#pic1{
	margin-left:0px;
	margin-bottom:0px;
}
#pic2{
    margin-top:5px;
	margin-bottom:0px;
}
#pic3{
	margin-top:5px;
	margin-bottom:0px
}
#space{
	margin-bottom:40px
}
/*--------| Tabellen -Ende|------------------------------------*/

td.picAngaben{
	/* Definition der Tabelle mit den Angaben für die Bilder im Großformat*/
	background-color : #D3D3D3;
	font-family : Verdana;
	font-size : 9pt;
	color : #696969;
	font-weight:700;
}

img.alph{
	filter : Alpha(opacity=100, finishopacity=0, style=2)
}
/*--------| planet-Ende|-----------*/