/* globale CSS Datei für Homepage "www.computer-fotos.de"
   copyright: Helmut Westerdorf, Görresstr. 27, 12161 Berlin, Germany */


body          {background-color: black;
               font-family: Arial, Helvetica, sans-serif;
			   font-size: 12px;
			   margin: 0px;
			   padding: 0px;
			   border-width: 0px; 
			   color: white;
              }

div           {border-style: solid;
               background-color:black;
			   border-width: 2px;
               border-color: #555555;   
               padding: 0px;
               margin: 0px;
			   position: absolute;
               z-Index: 2;
			  }

/* ======================================= Bereich für Banner ========= */			  
#autor     {top: 10px;
               left: 10px;
               width: 136px;
               height: 18px;
			   padding: 8px 2px 2px 2px;   
			   font-weight: bold;
			   text-align: center;
			   color: red;
			   border-width: 2px 2px 0px 2px;
            }	
			 
#branche     {top: 38px;
               left: 10px;
               width: 136px;
               height: 64px;
			   padding: 6px 2px 2px 2px;    
			   font-weight: bold;
			   text-align: center;
			   color:yellow;
			   border-width: 0px 2px 2px 2px;    /*oben rechts unten links */
            }			 
			 		    
/* ======================================= Bereich für Kopfzeile ========= */
#kopf       {top: 10px;
               left: 152px;
               width: 1700px;
               height: 87px;
			   padding: 7px 2px 4px 4px;  /*oben rechts unten links */
              }

/* ======================================= Bereich für Kopfzeile 2 ========= */
#kopf_2       {top: 10px;
               left: 152px;
               width: 1700px;
               height: 96px;
			   padding: 4px 0px 0px 100px;  /*oben rechts unten links */
              }

/* ======================================= Bereich für Kopfzeile 2 ========= */
#kopf_3       {top: 10px;
               left: 152px;
               width: 1122px;
               height: 92px;
			   padding: 6px 0px 0px 4px;  /*oben rechts unten links */
              }
			  			  
/* ======================================= Bereich für Menusteuerung ============= */
#menu	  	{top: 110px;
               left: 10px;
               width: 136px;
               height: 430px;
			   padding: 2px;
			   z-index: 5;
			 }

/* ======================================= Bereich für Inhalt ================ */
#inhalt     {top: 113px;
               left: 154px;
               width: 1700px;
               height: 5500px;
			   padding: 2px;
			   border-width: 0px;   
              }
			  
/* ======================================= Bereich für Inhalt ================ */
#inhalt_2    {top: 113px;
               left: 154px;
               width: 1700px;
               height: 5500px;
			   padding: 20px 0px 0px 50px;  /*oben rechts unten links */
			   border-width: 0px;   
              }

/* ======================================= Bereich für Inhalt Übersichtsseiten ================ */
#inhalt_ue    {top: 113px;
               left: 164px;
               width: 1700px;
               height: 5500px;
			   padding: 20px 0px 0px 30px;
			   border-width: 0px;
              }

/* ======================================= Bereich für Santorini Übersichtsseite ============ */
#inhalt_li    {top: 113px;
               left: 164px;
               width: 850px;
               height: 5500px;
			   padding: 2px 0px 0px 30px;
			   border-width: 0px;
              }		
			   
/* ======================================= Bereich für Inhalt Reiseführer ============ */
#reisefuehrer {top: 111px;
               left: 1050px;
               width: 208px;
               height: 5500px;
			   border-width: 0px 2px 2px 2px;
               background-color: black;
			   padding: 30px 10px 10px 10px;  /*oben rechts unten links */
              }			
			
/* ==================== Inhalt für portfolio jscript ========================== */
/* ===== wird Transparentz wirklich noch benötigt? */

#transparenz       {top: 0px;
               left: 0px;
               width: 2000px;
               height: 5500px;
			   border-width: 0px;
               background-color: black;
         	   -moz-opacity: 0.8;
         	   filter: Alpha(opacity = 80); 
			   z-index: 300;
	}

   
#portfolio       {top: 40px;
               left: 60px;
               width: 1900px;
               height: 5500px;
			   border-width: 2px;
               background-color: black;
			   z-index: 300;
	} 
	
/* ===================== Bereich fuer Steuertasten bei Grossbildanzeige  ====== */
#tastenO      {padding-top: 10px;
               padding-bottom: 0px;
			   padding-left: 20px;
			   padding-right: 20px;
               top:20px;
               left:100px;
               width: 1700px;
               height: 26px;
			   border-width: 0px;
               background-color:white;
               z-Index: 1;
              }		
			  		  
/* ===================== Bereich Anzeige grosses Foto  ====================== */
#bigimg       {padding-top:0px;
               padding-left:0px;
               padding-right:0px;
			   padding-bottom:0px;
               top:56px;
               left:100px;
               width: 2000px;
               height: 5500px;
			   border-width: 0px;
               background-color:black;
               z-Index: 1;
              }	
			  
/* ===================== ganzer Bilschirm transparent überdecken  ====================== */
#ueberdecken       {padding-top:0px;
               padding-left:0px;
               padding-right:0px;
			   padding-bottom:0px;
               top:0px;
               left:0px;
               width: 2000px;
               height: 5500px;
			   border-width: 0px;
               background-color:black;
               z-Index: 1;
              }	
			   
/* ======================================= Bereich für ebook 1 ========= */
#ebook_1    {top: 300px;
               left: 500px;
               width: 500px;
               height:200px;
			   padding:0px 15px 2px 7px;
			   border-width: 2px;
               background-color:black;
               border-color: black;
			   border-width: 2px 2px 0px 2px;
			   z-index: 2;
              }
			  
			  /* ======================================= Bereich für ebook 2 ========= */
#ebook_2    {top: 700px;
               left: 500px;
               width: 500px;
               height:200px;
			   padding:0px 15px 2px 7px;
			   border-width: 2px;
               background-color:black;
               border-color: black;
			   border-width: 2px 2px 0px 2px;
			   z-index: 2;
              }
			  	       
/* ======================================= Farben an Links zuweisen ========== */

a:link        {color:yellow;
               text-decoration:underline;
              }
			  
a:hover       {color:green;
              text-decoration:underline;
              }
			  
a:visited     {color:#FFFF99;
               text-decoration:underline;
              } 
                  
/* ========= generelle Tabellen Definition ============ */

table         {border-style:solid;
               border-width:0px;
               border-color:black;
               border-collapse:collapse;
              }
              
/* ======================================= generelle Tabellen-Zellen Definition }==== */
td            {border-style:solid;
               border-width:0px;
               border-color:black;
               background-color:black;
               padding:0px;
               margin:0px;
              }
			  
/* ===========================================  Navigationsleiste ============== */

	ul.navigation {
	margin: 20px 2px 2px 5px; 
	padding: 0px;
	border: 0px;
	}

	ul.navigation li {
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	width: 110px;                          
	border: 2px;
	border-style: solid;
	border-top-color: white;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: white;
	background-color: #aaa;
	color: black;
	}	
		
	ul.navigation a {
	display: block;
	cursor: pointer;
	background-color: #aaa;
	padding: 0.5em 0.7em;
	color: #000;
	text-decoration: none;
	}	

	ul.navigation a:hover, ul.MenuBarVertical a:focus {
	background-color: #161;
	color: #FFF;
	}

/* =========================================== 2. Liste ==============================  */

	ul.navigation ul {
	padding: 0px 0px 0px 20px;
	width: 100px;
	background-color: black;
	}

	ul.navigation ul li {
	width: 100px;	
	}
	
/* ========================================= Schriften  ===========================  */

	 h1 { color: white; font-size: 16px;}
	 h2 { color: red; font-size: 16px;}
	 h3 { color: red; font-size: 40px; text-align:center;}
	 h4 { color: yellow; font-size: 20px;}
	 h5 { color: red; font-size: 40px;}
	 h6 { color: white; font-size: 24px;}
	 h7 { color: red; font-size: 30px;}