/* ***************************************************************************** */
 /* *             CSS File for Portfolio @ alive-photography.de                 * */
 /*	*              Copyright 2006 by Joerg und Nicole Wiessner                  * */
 /* ***************************************************************************** */
	

	/* Div-Element mit der Klasse "zentrierung" formatieren */
      	div.zentrierung{
            position:absolute; width:900px; height:580px; left:50%; top:50%;
            margin-left:-450px; margin-top:-290px;
         }


	/* Div-Element mit der Klasse "logo" formatieren */
      	div.logo{
            position:absolute; width:900px; height:40px; left: 0px; top: 0px;
            background-image: url('../images/index_log.jpg');
         }		

	
	/* Div-Element mit der Klasse "menu" formatieren */
				div.menu {
					position:absolute; width:900px; height:30px; left: 0px; top: 40px; text-align: center; 
					background-color:#443d3e; color: #ffffff;
					}		


	/* Div-Element mit der Klasse "Navigation" formatieren */

				#nav1 { 
					position:absolute; height: 30px; width: 101px; left:147px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") 0px -30px no-repeat; 
					}
				#nav1 a	{
					position:absolute; height: 30px; width: 101px; left:0px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") 0px 0px no-repeat; 
					}
				#nav1 a:hover {
					background-image: none;
					}
					
				#nav2 { 
					position:absolute; height: 30px; width: 101px; left:248px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -101px -30px no-repeat; 
					}
				#nav2 a	{
					position:absolute; height: 30px; width: 101px; left:0px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -101px 0px no-repeat; 
					}
				#nav2 a:hover {
					background-image: none;
					}

				#nav3 { 
					position:absolute; height: 30px; width: 101px; left:349px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -202px -30px no-repeat; 
					}
				#nav3 a	{
					position:absolute; height: 30px; width: 101px; left:0px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -202px 0px no-repeat; 
					}
				#nav3 a:hover {
					background-image: none;
					}

				#nav4 { 
					position:absolute; height: 30px; width: 101px; left:450px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -303px -30px no-repeat; 
					}
				#nav4 a	{
					position:absolute; height: 30px; width: 101px; left:0px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -303px 0px no-repeat; 
					}
				#nav4 a:hover {
					background-image: none;
					}

				#nav5 { 
					position:absolute; height: 30px; width: 101px; left:551px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -404px -30px no-repeat; 
					}
				#nav5 a	{
					position:absolute; height: 30px; width: 101px; left:0px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -404px 0px no-repeat; 
					}
				#nav5 a:hover {
					background-image: none;
					}

				#nav6 { 
					position:absolute; height: 30px; width: 101px; left:652px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -505px -30px no-repeat; 
					}
				#nav6 a	{
					position:absolute; height: 30px; width: 101px; left:0px; top:0px; display: table-cell; border: 0; 
					background: url("../images/index_nav.gif") -505px 0px no-repeat; 
					}
				#nav6 a:hover {
					background-image: none;
					}

		
	/* Div-Element mit der Klasse "main" formatieren */
      	div.main {
					position:absolute; width:900px; height:400px; left: 0px; top: 70px;
					background-image: url('../images/index_img.jpg');
					}			


	/* Div-Element mit der Klasse "footer" formatieren */

      	div.footer{
					position:absolute; width:900px; height:110px; left: 0px; top: 470px;
					background-color:#332c2d; color: #ffffff;
					border-top-width: 1px; border-top-style:solid; border-top-color:#999999;
         }		

	/* Div-Element mit der Klasse "alive-seo" formatieren */

      	div.alive-seo{
					position:absolute; width:900px; height:0px; left: 0px; top: 580px;
					font-family:Arial, Helvetica, sans-serif; font-size:1px;
					background-color: transparent; color: #716b66; text-align: center;
         }		
        div.alive-seo a:link{ 
					font-family:Arial, Helvetica, sans-serif; font-size:1px; text-decoration:none;
					background-color: transparent; color: #716b66; text-align: center;
				}
        div.alive-seo a:visited{ 
					font-family:Arial, Helvetica, sans-serif; font-size:1px; text-decoration:none;
					background-color: transparent; color: #716b66; text-align: center;
				}
        div.alive-seo a:hover{ 
					font-family:Arial, Helvetica, sans-serif; font-size:1px; text-decoration:none;
					background-color: transparent; color: #716b66; text-align: center;
				}
        div.alive-seo a:active{ 
					font-family:Arial, Helvetica, sans-serif; font-size:1px; text-decoration:none;
					background-color: transparent; color: #716b66; text-align: center;
				}

	
	/* Schriftarten für die Bildinformationen definieren */

				.Text { 
					font-family:Arial, Helvetica, sans-serif; font-size:12px; 
					background-color: transparent; color: #999999; text-align: center; 
					}
				a:link { text-decoration:none; color:#cccccc; }
				a:visited { text-decoration:none; color:#cccccc; }
				a:hover { text-decoration:none;  color:#ffffff; }
				a:active { text-decoration:none;  color:#cccccc; }
				a:focus { text-decoration:none;  color:#cccccc; }