/*Gästebuch hat ein eigenes CSS /Gästebuch/Gästebuch/style.css */

/* damit der Scrollbalken in Safari und Firefox immer fix dargestellt wird und die Tabellen nicht verrutschen*/
html {height: 100%; 
      margin-bottom: 1px}

/*Darstellung der Links*/
a:link {text-decoration:none; color:#000000; font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif}
a:visited {text-decoration:none; color:#000000; font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif}
a:active {text-decoration:none; color:#000000; font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif}

/*Hintergrund der kompletten HP*/
body {background-color: #CCCCCC; 
      margin:20px 0px 0px 0px; 
      padding:0px} 

/*NUR 1. SEITE BITTE EINTRETEN*/

/*Tabelle der Hauptseite*/
table.hs {border:0px; 
          border-collapse:collapse; 
          width:800px; 
          height:600px}

/*Titel der Homepage auf der allerersten Seite*/
h1.style2 {font:italic bold 40px "Comic Sans MS",comic,fantasy,verdana,sans-serif; 
           letter-spacing:10px; 
           color:#000000; 
           padding:0px; 
           margin:0px} 
		   
/*Link für Impressum*/		   
a.style3 {font-size: 14px; 
          font-weight: bold; 
          padding:0px; 
          margin:0px;
          font-family: Verdana, Arial, Helvetica, sans-serif}
		  
/*Spaltendarstellung Impressum*/		  
td.impr {padding:0px 0px 0px 0px; 
         margin:0px 0px 0px 0px; 
         text-align:center}
		 
/*Link für Bitte eintreten auf Hauptseite*/		 
a.style1 {font: italic bold 30px "Comic Sans MS", comic,fantasy,verdana, sans-serif; 
          color:#000000; 
          letter-spacing:5px; 
          padding:0px; margin:0px} 

/*Spalten Darstellung Bitte eintreten*/
td.hsb {background-color:#FFFFCC; 
        border-style:groove; 
        width:800px; 
        text-align:center; 
        border-width:medium; 
        border-color:#FFFFFF; 
        padding: 2px 2px 6px 2px} 

/*Spalten Darstellung Hauptseite Überschrift*/		
td.hsue {background-color:#FFFFCC; 
         border-style:groove; 
         text-align:center; 
         border-width:medium; 
         border-color:#FFFFFF; 
         padding: 5px 5px 15px 5px; 
         width:800px} 

/*Tabellen Darstellung Mittelteil (Kamera)*/
table.hsm {border-collapse:collapse; 
           width:800px} 

/*Spalten Darstellung einzellne Teile des Mittelteils(Kamera)*/
td.hsm{padding:0px} 

/*IMPRESSUM*/

/*Tabelle Impressum*/
table.imp {width:400px; 
           border:0px; 
           padding:0px; 
           border-collapse:collapse; 
           background-color:#FFFFCC} 
		   
/*Spalten Darstellung für Überschrift Impressum*/		   
td.iue {text-align:center; 
        font-size:36px; 
        font-family: Verdana, Arial, Helvetica, sans-serif} 

/*Spalten Darstellung für den Rest*/		
td.irest {font-size:16px; 
          text-align:left;
          font-family: Verdana, Arial, Helvetica, sans-serif} 

/*Spalten Darstellung für Optimierung*/		
td.iopt {font-size:13px; 
          text-align:left;
          font-family: Verdana, Arial, Helvetica, sans-serif} 
		  
/*Link Darstellung Email*/
a:link.email {font-size:18px; 
              text-align:left;
              font-family: Verdana, Arial, Helvetica, sans-serif} 
a:visited.email {font-size:18px; 
                 text-align:left;
                 font-family: Verdana, Arial, Helvetica, sans-serif} 
a:active.email {font-size:18px; 
                text-align:left;
                font-family: Verdana, Arial, Helvetica, sans-serif} 
		 	 
body.imp {background-color: #FFFFCC} /*Body im Impressum passt sich an die Farbe der Tabelle an*/	

/*HAUPTSEITE*/

/*1. Überschrift der HP für alle Seiten ausser EintrittSeite*/
h1.style1 {font: italic bold 32px Verdana; 
           padding:0px; 
           margin:0px; 
           color:#000000} 
		    
a.style2 {font-weight:bold} /*"aktiver Link", zeigt an auf welcher Seite man sich befindet*/		

/*2. Überschrift (Willkommen und für 4 Hauptmenüs*/
h2.style1 {font: italic bold 24px Verdana; 
           padding:0px; 
           margin:0px} 

/*Zeilendarstellung 2. Überschrift (Willkommen und 4 Hauptseiten)*/		   
td.sue {width:493px; 
        border:0px} 
		
/*Dardstellung der Haupttabelle*/		
table.main {border:0px; 
            border-collapse:collapse; 
            width:776px}  
			
/*Spalte im Main oben links*/			
td.mtl {background-color: #CCCCCC; 
        padding:10px} 
		
/*Spalte im Main oben rechts*/		
td.mtr {background-color: #FFFFCC; 
        border: 1px solid black; 
        border-bottom:0px; 
        padding:10px}

/*!Tabelle im Main oben rechts für den Titel*/		 
table.mt {background-color: #FFFFCC; 
          width:493px; 
          padding: 5px 5px 5px 5px} 
		  
/*Spalte im Main unten rechts*/		  
td.mbr {background-color: #FFFFCC; 
        border: 1px solid black; 
        border-top:0px; 
        width:493px; 
        padding:10px; 
        vertical-align:top} 

/*Tabelle im Body unten rechts*/
table.body {background-color: #FFFFCC; 
            width:493px} 
			
/*alle Seiten mit Infos, Tabelle im Body für die Darstellung der Informationen*/
table.info {background-color: #FFFFCC; 
            border:0px; 
            width:483px; 
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size:13px; 
            padding:0px} 
			
/*jegliche Aufzählung*/
ul, li {list-style:disc outside; 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size:13px}

td.bnc {background-color: #CCFF66; text-align:center} /*Zeile im Body für Navigation, die Zeile ist farblich hinterlegt*/
img.hs {width:354px; height:266px} /*Fixe Bildgröße auf der Seite Home*/
img.wqf {width:480px; height:323px} /*Fixe Bildgröße für Querformat Fotos auf den Wissensseiten*/
img.whf {width:188px; height:283px} /*Fixe Bildgröße für Hochformat Fotos auf den Wissensseiten*/


/*MENÜ*/

/*!Spalte im Main unten links*/
td.mbl {background-color: #CCCCCC; 
        vertical-align:top; 
        width:243px; 
        padding:10px} 

/*Tabelle für das Menü*/
table.menu {background-color: #CCCCCC; 
            border:1px solid black; 
            width:237px} 
			
/*!Zeilen Formatierung für das Menü*/
td.menu1 {border:1px solid black; 
          background-color: #CCFF66; 
          width:237px} 
		  
/*!Tabelle für den Menüpunkt Wissen*/		  
table.mw {border:1px solid black; 
          background-color: #CCFF66; 
          width:229px} 
		  
/*!Tabelle für den Menüpunkt Persoenliches*/		  
table.mp {border:1px solid black; 
          background-color: #CCFF66; 
          width:229px} 
		  
/*Tabelle für den Unterpunkt Kamera*/		  
table.mpk {border:0px; 
           background-color: #CCFF66; 
           width:210px} 

/*!Tabelle für den Menüpunkt Galerie*/
table.mgal {border:1px solid black; 
            background-color: #CCFF66; 
            width:229px} 

/*!Tabelle für den Menüpunkt Gästebuch*/
table.mgaeste {border:1px solid black; 
               background-color: #CCFF66; 
               width:229px} 

/*ALLE HAUPTSEITEN MIT FOTOS*/

/*!Tabelle im Body für die Darstellung der Fotos auf den Hauptseiten*/
table.bp {background-color: #FFFFCC;
          border:0px; 
          width:483px} 
		  
/*Bilder für die Hauptseiten in der linken Spalte*/
img.hl {width:239px; 
        height:161px;  
        border:0px} 
		
/*Bilder für die Hauptseiten in der rechten Spalte*/
img.hr {width:238px; 
        height:161px;  
        border:0px} 

/*ALLE KAMERASEITEN*/

/*Tabelle im Body für die Informationen auf den Kamera Seiten*/
table.bki {background-color: #FFFFCC; 
           font-family:Verdana, Arial, Helvetica, sans-serif; 
           font-size:13px; 
           width:473px; 
           border:0px} 
		   
/*linke Spalte*/
td.row2 {font-weight: bold; 
         vertical-align:text-top; 
         padding-right:10px; 
         font-family:Verdana, Arial, Helvetica, sans-serif}
		 
/*rechte Spalte*/		 
td.row3 {vertical-align:text-top; 
         text-align:left; 
         font-family:Verdana, Arial, Helvetica, sans-serif} 

/*Kameraseite PentaxK10D Objektive*/
img.thumb {border: 2px solid black}

/*KONTAKTFORMULAR*/
span.akf {text-align:center; 
          font-size:18px; 
          font-family: Verdana, Arial, Helvetica, sans-serif}

/*GALERIE*/
table.hg {width:483px; border:0px} /*Tabellendarstellung der Galerie*/
table.gz {width:473px; border:0px} /*Tabellendarstellung in jeder Zeile der Galerie*/
td.gzb {text-align:center} /*jedes Bild in der Mitte*/
img.thumbqf {width:90px; height:60px; border: 2px solid black} /*Größe der Querformat Thumbnails und Rahmen*/
img.thumbhf {width:40px; height:60px; border: 2px solid black} /*Größe der Hochformat Thumbnails und Rahmen*/

/*ZOOM*/
table.close {border:1px solid black; 
             padding: 1px;             
             background-color: #FFFFCC;
             width:750px;
             font-size:6px; 
             font-family: Verdana, Arial, Helvetica, sans-serif}
table.forflash {border:0px;
                padding: 1px;                  
                background-color: #CCCCCC; 
                width:750px}
table.flash {border:0px; 
             width:750px; 
             background-color:#CCCCCC;               
             padding:0px 0px 0px 0px}