﻿/*****************************
      MASTER CONTENT PAGE
*****************************/

    /* Der äußerste Container, der alle Inhalte enthält. */
    .MasterContentPage_Table
    {
        border-style:                   none;
        border-collapse:                collapse;
        width:                          100%;
    }
    
    /* Die oberste Zelle, die das Logo etc. enthält. */
    .MasterContentPage_HeaderCell
    {
        font-size:                      9pt;
        width:                          50%;        
        padding-left:                   5pt;
        padding-top:                    5pt;
        padding-right:                  5pt;
        padding-bottom:                 5pt;
    }
    
    /* Die Zeile, die in drei Zellen (Navigationsmenü, Inhalt, Werbung) gesplittet ist. */
    .MasterContentPage_ContentRow
    {
        width:                          100%;
    }
    
    /* Die Zelle der Inhaltszeile, die das Navigationsmenü enthält. */
    .MasterContentPage_NavigationMenuCell
    {
        width:                          22%;
        text-align:                     center;
        vertical-align:                 top;
        padding-left:                   5pt;
        padding-top:                    5pt;
        padding-right:                  5pt;
        padding-bottom:                 5pt;
    }
    
    /* Die Zelle der Inhaltszeile, die den Inhalt enthält. */
    .MasterContentPage_ContentCell
    {
        width:                          58%;
        text-align:                     center;
        vertical-align:                 top;
        padding-left:                   5pt;
        padding-top:                    5pt;
        padding-right:                  5pt;
        padding-bottom:                 5pt;        
    }
    
    /* Die Zelle der Inhaltszeile, die Werbungen enthält. */
    .MasterContentPage_AdCell
    {
        width:                          20%;
        vertical-align:                 top;
        padding-left:                   5pt;
        padding-top:                    5pt;
        padding-right:                  5pt;
        padding-bottom:                 5pt;
    }


/*****************************
         STEUERELEMENTE
*****************************/

    /* TEXTBOX */
    /***********/
    
        /* Ein Textfeld mit vererbtem Text */
        .InputBox
        {            
            border-style:                   solid;
            border-width:                   1pt;
            border-color:                   #CECBC6;
            padding-left:                   3pt;
            padding-top:                    2pt;
            padding-right:                  3pt;
            padding-bottom:                 2pt;
        }
    
        /* Ein Textfeld mit kleinem Text */
        .InputBox_Normal
        {
            font-family:                    Verdana;
            font-size:                      9pt;
            border-style:                   solid;
            border-width:                   1pt;
            border-color:                   #CECBC6;
            padding-left:                   3pt;
            padding-top:                    2pt;
            padding-right:                  3pt;
            padding-bottom:                 2pt;
        }              
    
        /* Ein Textfeld mit kleinem Text */
        .InputBox_Small
        {
            font-family:                    Verdana;
            font-size:                      8pt;
            border-style:                   solid;
            border-width:                   1pt;
            border-color:                   #CECBC6;
            padding-left:                   3pt;
            padding-top:                    2pt;
            padding-right:                  3pt;
            padding-bottom:                 2pt;
        }                


/*****************************
         LINESPACER
*****************************/
    
    /* Ein Linespacer mit halber kleiner Schriftgröße */
    .Linespacer_Tiny
    {
        font-family:                    Verdana;
        font-size:                      4pt;
    }
    
    /* Ein Linespacer mit halber großer Schriftgröße */
    .Linespacer_Normal
    {
        font-family:                    Verdana;
        font-size:                      5pt;
    }


/*****************************
            BLOGS
*****************************/

    .BlogTitle
    {
        font-family:                    Verdana;
        font-size:                      14pt;
        font-weight:                    bold;
        color:                          #284775;
    }
    
    .BlogSubTitleCaption
    {
        font-family:                    Verdana;
        font-size:                      10pt;
        font-style:                     italic;
        color:                          #284775;
    }
    
    .BlogSubtitle
    {
        font-family:                    Verdana;
        font-size:                      12pt;
        color:                          #284775;
    }


/*****************************
         HYPERLINKS
*****************************/
    
    /* Ein Hyperlink mit vererbter Schriftgröße */
    .Hyperlink
    {
        color:                          #284775;        
        text-decoration:                underline;
    }                
    
    /* Ein weißter Hyperlink mit vererbter Schriftgröße */
    .Hyperlink_White
    {
        color:                          white;       
        text-decoration:                underline;
    }
    
    /* Ein Hyperlink mit großer Schriftgröße */
    .Hyperlink_Big
    {
        font-family:                    Verdana;
        font-size:                      12pt;
        color:                          #284775;        
        text-decoration:                underline;
    }
    
    /* Ein Hyperlink mit normaler Schriftgröße */
    .Hyperlink_Normal
    {
        font-family:                    Verdana;
        font-size:                      9pt;
        color:                          #284775;        
        text-decoration:                underline;
    }
    
    /* Ein fetter Hyperlink mit normaler Schriftgröße */
    .Hyperlink_Normal_Bold
    {
        font-family:                    Verdana;
        font-size:                      9pt;
        font-weight:                    bold;
        color:                          #284775;        
        text-decoration:                underline;
    }
    
    /* Ein Hyperlink mit kleiner Schriftgröße */
    .Hyperlink_Small
    {
        font-family:                    Verdana;
        font-size:                      8pt;
        color:                          #284775;        
        text-decoration:                underline;
    }



/*****************************
           LABELS
*****************************/
    
        /* Ein Text für eine Fehlermeldung */
        .Label_Error
        {
            color:                          #9E1924;            
        }
        
        /* Ein Text für eine Warnmeldung */
        .Label_Warning
        {
            color:                          #B78609;            
        }
        
        /* Ein Text für eine Informationsmeldung */
        .Label_Information
        {
            color:                          #118923;
        }
        
        /* Ein fetter Text */
        .Label_Strong
        {
            font-weight:                    bold;
        }
        
        /* Ein kleiner Text */
        .Label_Small
        {
            font-family:                    Verdana;
            font-size:                      8pt;
        }


/*****************************
         CONTAINER
*****************************/

    /* ALLGEMEIN */
    /*************/           
        
        
        /* Ein Container ohne Rahmen */
        .Container
        {
            font-family:                    Verdana;
            font-size:                      9pt;            
            border-style:                   none;
            border-collapse:                collapse;
            border-width:                   0pt;            
        }
        
        /* Ein Container mit einem Rahmen */
        .Container_Bordered
        {
            font-family:                    Verdana;
            font-size:                      9pt;  
            border-style:                   solid;
            border-collapse:                collapse;
            border-width:                   1pt;
            border-color:                   #CECBC6;            
        }
                       
        /* Eine Zelle eines Containers für den Titel */
        .ContainerCell_Title
        {
            background-color:               #5D7B9D;
            color:                          White;
            font-family:                    Verdana;
            font-size:                      10pt;
            font-weight:                    bold;
            padding-left:                   7pt;
            padding-top:                    5pt;
            padding-right:                  7pt;
            padding-bottom:                 5pt;            
        }
        
        /* Eine Zelle eines Containers für einen Untertitel */
        .ContainerCell_Subtitle
        {
            background-color:               #CE9000;
            color:                          white;
            font-family:                    Verdana;
            font-size:                      8pt;
            font-weight:                    bold;
            padding-left:                   7pt;
            padding-top:                    3pt;
            padding-right:                  7pt;
            padding-bottom:                 3pt;            
        }
        
        
    /* GRAY */
    /********/
                
        /* Eine Zelle eines Containers für den eigentlichen Inhalt mit kleiner Schriftart, die ganz oben platziert ist */
        .ContainerCell_TopContent_Normal
        {
            background-color:               #F7F6F3;
            font-family:                    Verdana;
            font-size:                      9pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;                        
        }
                    
        /* Eine Zelle eines Containers für den eigentlichen Inhalt mit kleiner Schriftart, die ganz oben platziert ist */
        .ContainerCell_TopContent_Small
        {
            background-color:               #F7F6F3;
            font-family:                    Verdana;
            font-size:                      8pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
            
            
        /* Eine Zelle eines Containers für den eigentlichen Inhalt */
        .ContainerCell_Content_Normal
        {
            background-color:               #F7F6F3;
            font-family:                    Verdana;
            font-size:                      9pt;
            padding-left:                   6pt;
            padding-top:                    1pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
        
        /* Eine Zelle eines Containers für den eigentlichen Inhalt */
        .ContainerCell_Content_Small
        {
            background-color:               #F7F6F3;
            font-family:                    Verdana;
            font-size:                      8pt;
            padding-left:                   6pt;
            padding-top:                    1pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }       
        
        /* Eine Zelle eines Containers für den eigentlichen Inhalt, die sowohl ganz oben als auch ganz unten platziert ist */
        .ContainerCell_SingleContent_Normal
        {
            background-color:               #F7F6F3;
            font-family:                    Verdana;
            font-size:                      9pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
                    
        /* Eine Zelle eines Containers für den eigentlichen Inhalt mit kleiner Schriftart, die sowohl ganz oben als auch ganz unten platziert ist */
        .ContainerCell_SingleContent_Small
        {
            background-color:               #F7F6F3;
            font-family:                    Verdana;
            font-size:                      8pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
        
    /* COLORED */
    /***********/
    
        /* Eine Zelle eines Containers für den eigentlichen Inhalt mit kleiner Schriftart, die ganz oben platziert ist */
        .ContainerCell_Colored_TopContent_Normal
        {
            background-color:               #EAE7E3;
            font-family:                    Verdana;
            font-size:                      9pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
                    
        /* Eine Zelle eines Containers für den eigentlichen Inhalt mit kleiner Schriftart, die ganz oben platziert ist */
        .ContainerCell_Colored_TopContent_Small
        {
            background-color:               #EAE7E3;
            font-family:                    Verdana;
            font-size:                      8pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }                
            
        /* Eine Zelle eines Containers für den eigentlichen Inhalt */
        .ContainerCell_Colored_Content_Normal
        {
            background-color:               #EAE7E3;
            font-family:                    Verdana;
            font-size:                      9pt;
            padding-left:                   6pt;
            padding-top:                    1pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
        
        /* Eine Zelle eines Containers für den eigentlichen Inhalt */
        .ContainerCell_Colored_Content_Small
        {
            background-color:               #EAE7E3;
            font-family:                    Verdana;
            font-size:                      8pt;
            padding-left:                   6pt;
            padding-top:                    1pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }                      
        
        /* Eine Zelle eines Containers für den eigentlichen Inhalt, die sowohl ganz oben als auch ganz unten platziert ist */
        .ContainerCell_Colored_SingleContent_Normal
        {
            background-color:               #EAE7E3;
            font-family:                    Verdana;
            font-size:                      9pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
        
        /* Eine Zelle eines Containers für den eigentlichen Inhalt, die sowohl ganz oben als auch ganz unten platziert ist */
        .ContainerCell_Colored_SingleContent_Normal_Wide
        {
            background-color:               #EAE7E3;
            font-family:                    Verdana;
            font-size:                      9pt;
            padding-left:                   24pt;
            padding-top:                    5pt;
            padding-right:                  24pt;
            padding-bottom:                 5pt;
            text-align:                     center;            
        }
                    
        /* Eine Zelle eines Containers für den eigentlichen Inhalt mit kleiner Schriftart, die sowohl ganz oben als auch ganz unten platziert ist */
        .ContainerCell_Colored_SingleContent_Small
        {
            background-color:               #EAE7E3;
            font-family:                    Verdana;
            font-size:                      8pt;
            padding-left:                   6pt;
            padding-top:                    5pt;
            padding-right:                  6pt;
            padding-bottom:                 5pt;            
        }
        

/*****************************
         LIGHTBOX
*****************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.fly2pilots.com/Cms/Ui/Images/LightBox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.fly2pilots.com/Cms/Ui/Images/LightBox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }