/*  Uwe Roebkes 15.02.2007
    Basis aus http://de.selfhtml.org/css/layouts/anzeige/kopfundfuss.htm
    Verschiedene Dinge ausprobiert und auf meine Belange angepasst.
*/    

/*    ORIGINAL SCRIPT-BLOCK als Referenz hier geparkt
  h1 {
    font-size: 1.5em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: #fed;
    border: 2px ridge silver;
  }
  html>body h1 {
    border-color: gray; */
 /* Farbangleichung an den Internet Explorer  */
/*  }



  ul#Navigation {
    font-size: 0.83em;
    float: left; width: 18em;
    margin: 0 0 1.2em; padding: 0;
    border: 1px dashed silver;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: #eee;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #eee;
  }
  ul#Navigation a:hover {
    color: black; background-color: white;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }

  div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #eee; border: 1px dashed silver;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

*/


/* noch zu verbauende "Features" 

cursor:url(cursor.cur)    http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#cursor

*/

/*  Eigene und angepasste definitionen */

/************************************************************************************/
/***************************         BODY          **********************************/
/************************************************************************************/

body                                                    /* Hauptbereich definieren */
  {
    color: #004040;                                     /* Textfarbe */
    background-color:#333;                              /* Hintergrundfarbe */
    font-size: 10px;                                    /* Schriftgroesse 10 Pixel */ 
    font-family: Arial,Helvetica,serif;                 /* Schriftarten */
    margin: 0; 				                                  /* Aussenrandabstand */ 
    padding: 5px;                                       /* Innenabstand */
    min-width: 41px;                                    /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

/************************************************************************************/
/***************************         KOPF          **********************************/
/************************************************************************************/


div#kopf 				                                        /* Kopfbereich der oben als Erstes angezeigt wird */
  {
    color: #ccc;                                        /* Textfarbe */
    font-size: 10px;                                    /* Schriftgroesse */
    margin: 5px 5px 10px;                               /* Aussenabstand oben, rechts und links, unten   */
    padding: 3px;                                       /* Innenabstand */
    text-align: left;                                   /* Textausrichtung */              
    background-color: #004040;                          /* Hintergrundfarbe */
    border: 2px solid #ccc;                             /* Rahmen  */
    height: 100px;                                       /* Höhe */ 
  }

  * html div#kopf                                       /* STAR-HTML-Hack schließt alle Browser, außer den IE aus. */
  {
    height: 104px;                                       /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }

/************************************************************************************/
/***************************        RECHTS         **********************************/
/************************************************************************************/

 div#rechts                                             /* Rechter Navigtionsbereich   */ 
  {
    color: #ccc;                                        /* Textfarbe */
    font-size: 10px;                                    /* Schriftgroesse */
    float: right;                                       /* Element rechts, soll links umflossen werden.  */
    width: 120px;                                       /* Breite */ 
    margin: 0px 5px 10px;                               /* Aussenabstand oben, rechts und links, unten   */
    padding: 3px;                                       /* Innenabstand */
    background-color: #004040;                          /* Hintergrundfarbe */
    border: 1px solid #ccc;                             /* Rahmen  */
  }

 div#rechts h1                                          /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {                                                      
    background-color: #005050;                          /* Hintergrundfarbe */
		font-size:13px;                                     /* Schriftgroesse */
    text-align: center;                                 /* Textausrichtung */              
    padding: 5px;                                       /* Innenabstand */
    margin: 5px 1px 5px;                                /* Aussenabstand oben, rechts und links, unten   */
	}
  
 div#rechts h2                                          /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {
    font-size: 13px;                                    /* Schriftgroesse */
    margin: 2px 2px;                                    /* Aussenabstand oben und unten, rechts und links   */
  }


 div#rechts h4                                          /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {                                                      
    background-color: #003030;                          /* Hintergrundfarbe */
		font-size:13px;                                     /* Schriftgroesse */
    text-align: center;                                 /* Textausrichtung */              
    margin: 5px 1px 5px;                                /* Aussenabstand oben, rechts und links, unten   */
	}

 div#rechts h5                                          /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {                                                      
    background-color: #003030;                          /* Hintergrundfarbe */
		font-size:11px;                                     /* Schriftgroesse */
    text-align: center;                                 /* Textausrichtung */              
    margin: 5px 1px 5px;                                /* Aussenabstand oben, rechts und links, unten   */
	}


 div#rechts p				                                    /* Textabsatzdefinition innerhalb rechter Navigation */ 
  {
    font-size: 10px;                                    /* Schriftgroesse */
    margin: 2px;                                        /* Aussenabstand alle vier Ränder gleich   */
  }

 div#rechts a:link     { text-decoration:none; color:#ccc ; }
 div#rechts a:visited  { text-decoration:none; color:#ccc ;}
 div#rechts a:hover    { text-decoration:underline; color:#ddd ;}


/************************************************************************************/
/***************************         LINKS         **********************************/
/************************************************************************************/


div#links                                               /* linker Navigtionsbereich   */ 
  {
    color: #ccc;                                        /* Textfarbe */
    font-size: 10px;                                    /* Schriftgroesse */
    float: left;                                        /* Element links, soll rechts umflossen werden.  */
    width: 120px;                                       /* Breite */ 
    margin: 0px 5px 10px;                               /* Aussenabstand oben, rechts und links, unten   */
    padding: 3px;                                       /* Innenabstand */
    background-color: #004040;                          /* Hintergrundfarbe */
    border: 1px solid #ccc;                             /* Rahmen  */
  }
  
 div#links h1                                          /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {                                                      
    background-color: #005050;                          /* Hintergrundfarbe */
		font-size:13px;                                     /* Schriftgroesse */
    text-align: center;                                 /* Textausrichtung */              
    padding: 5px;                                       /* Innenabstand */
    margin: 5px 1px 5px;                                /* Aussenabstand oben, rechts und links, unten   */
	}

 div#links h2                                           /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {
    font-size: 13px;                                    /* Schriftgroesse */
    margin: 2px 2px;                                    /* Aussenabstand oben und unten, rechts und links   */
  }

 div#links h4                                          /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {                                                      
    background-color: #003030;                          /* Hintergrundfarbe */
		font-size:13px;                                     /* Schriftgroesse */
    text-align: center;                                 /* Textausrichtung */              
    margin: 5px 1px 5px;                                /* Aussenabstand oben, rechts und links, unten   */
	}


 div#links h5                                          /* Ueberschriftsdefinition innerhalb rechter Navigation */ 
  {                                                      
    background-color: #003030;                          /* Hintergrundfarbe */
		font-size:11px;                                     /* Schriftgroesse */
    text-align: center;                                 /* Textausrichtung */              
    margin: 5px 1px 5px;                                /* Aussenabstand oben, rechts und links, unten   */
	}


 div#links p				                                    /* Textabsatzdefinition innerhalb rechter Navigation */ 
  {
    font-size: 10px;                                    /* Schriftgroesse */
    margin: 2px;                                        /* Aussenabstand alle vier Ränder gleich   */
  }

 div#links a:link     { text-decoration:none; color:#ccc ; }
 div#links a:visited  { text-decoration:none; color:#ccc ;}
 div#links a:hover    { text-decoration:underline; color:#ddd ;}


/************************************************************************************/
/***************************         MITTE         **********************************/
/************************************************************************************/

div#mitte                                               /* Informationstext in der Mitte   */ 
  {
    font-size: 12px;                                    /* Schriftgroesse */
    color: #004040;                                     /* Textfarbe */
    margin: 5px 140px 10px;                             /* Aussenabstand oben, rechts und links, unten   */
    padding: 3px 3px;                                   /* Innenabstand */
    background-color:#ccc;                              /* Hintergrundfarbe */
    border: 2px solid #ccc;                             /* Rahmen  */
    min-height: 500px;                                  /* Mindesthöhe  verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

  div#mitte h1 
  {
    font-size: 16px;                                    /* Schriftgroesse */
    margin: 2px;                                        /* Aussenabstand alle vier Ränder gleich   */
  }
  
  div#mitte h2 
  {
    font-size: 14px;                                    /* Schriftgroesse */
    margin: 2px;                                        /* Aussenabstand alle vier Ränder gleich   */
  }
  
  div#mitte p 
  {
    font-size: 12px;                                    /* Schriftgroesse */
    margin: 2px;                                        /* Aussenabstand alle vier Ränder gleich   */
  }

/************************************************************************************/
/***************************       FUSSZEILE       **********************************/
/************************************************************************************/


  p#Fusszeile 
  {
    clear: both;
    color: #ccc;                                        /* Textfarbe */
    font-size: 10px;                                    /* Schriftgroesse */
    margin: 5px 5px 10px;                               /* Aussenabstand oben, rechts und links, unten   */
    padding: 3px;                                       /* Innenabstand */
    text-align: center;                                 /* Textausrichtung */              
    background-color: #004040;                          /* Hintergrundfarbe */
    border: 1px solid #ccc;                             /* Rahmen  */
  }

/************************************************************************************/
/***************************                       **********************************/
/************************************************************************************/


/*****  ALTE WELT ****/

#logo {
		position:absolute;														/* absolute Positionierung, gemessen am Rand des Elternelements, aber scrollbar */
		top:10px;																/* Absolute Startposition von oben */
		left:10px;																/* Absolute Startposition von links */
		}
		

#logo	h1 {
		font-size:60px;
		font-style:italic;
    color:#005050;

		}


#seitenzahl 
    {																	                  /* individualformat */
background-color: #004040;                              /* Hintergrundfarbe */
font-size:14px;
float: right;                                           /* Element rechts, soll links umflossen werden.  */
margin: 0px 5px 10px;                                   /* Aussenabstand oben, rechts und links, unten   */
padding: 3px;                                           /* Innenabstand */
background-color: #004040;                              /* Hintergrundfarbe */
text-align: center;                                     /* Textausrichtung */              
  	}

div#dunkelgrauer_block   
    {
	  background:rgb(180,180,180);									      /* hintergrundbild immer wiederholen */
    margin:10px 0px 0px 0px;                            /* Aussenabstand oben, rechts ,unten und links   */
		padding:10px 10px 10px 10px; 	 									    /* Innenabstand oben, rechts ,unten und links   */
		font-size:18px;
		text-align:center;
    }


div#hellgrauer_block   
    {
	  background:rgb(220,220,220);							          /* hintergrundbild immer wiederholen */
		margin:0px 0px 10px 0px; 	 											    /* Aussenrand Abstand oben */
		padding:10px 10px 10px 10px; 	 									    /* Aussenrand Abstand oben */
    }


div#hellgrauer_block2   
    {
	  background:rgb(240,240,240);										    /* hintergrundbild immer wiederholen */
		margin:10px 3px; 	          	    				  	      /* Aussenabstand oben und unten, rechts und links  */
		padding:10px 10px; 	          									    /* Innenabstand oben und unten, rechts und links  */
    }

div#hellgrauer_block3   
    {
	  background:rgb(240,240,240);										    /* hintergrundbild immer wiederholen */
		margin:10px 3px; 	          	    				  	      /* Aussenabstand oben und unten, rechts und links  */
		padding:10px 10px; 	          									    /* Innenabstand oben und unten, rechts und links  */
    }

div#hellgrauer_block4   
    {
	  background-color: #E5E5E5;   										    /* hintergrundbild immer wiederholen */
		margin:10px 3px; 	          	    				  	      /* Aussenabstand oben und unten, rechts und links  */
		padding:10px 10px; 	          									    /* Innenabstand oben und unten, rechts und links  */
    }




div#linker_bilderblock  
    {
    float: left;                                        /* Element links, soll rechts umflossen werden.  */
	  background:rgb(120,120,120);		      				      /* hintergrundbild immer wiederholen */
    margin:10px;                                         /* Aussenabstand alle Seiten   */
		padding:3px 3px; 	          									    /* Innenabstand oben und unten, rechts und links  */
    }



  #gbuch_links 	
    {
		background:rgb(220,250,220);														/* Hintergrundfarbe */
                padding:5px; 
		position: relative;
		left:10px;
		top:10px;
		width:10px;
		border:3px solid rgb(90,200,90);
    		text-align:center;
                float:left;
		}


  #gbuch_rechts	
    {
		background:rgb(220,250,220);														/* Hintergrundfarbe */
                padding:5px; 
		position: relative;
		right:10px;
		top:10px;
		width:10px;
		border:3px solid rgb(90,200,90);
    		text-align:center;
                float:right;
		}


  #gbuch_mitte  
    {
		background:rgb(220,250,220);														/* Hintergrundfarbe */
		top:10px;
                left:50px;
                padding:5px; 
		border:3px solid rgb(90,200,90);
                float:center;
                }

  #gbuch_gblock 
    {
		position:relative;														/* absolute Positionierung, gemessen am Rand des Elternelements, aber scrollbar */
	        background:rgb(240,240,240);												/* hintergrundbild immer wiederholen */
		margin:0px 10px 0px 10px; 	 													/* Aussenrand Abstand oben */
		padding:10px 10px 10px 10px; 
         	font-family:Arial; 
		font-style:normal; 
		font-size:12px; 
	 													/* Aussenrand Abstand oben */

                }