/* Stylesheet made by Kenneth Culano */
/* Copyright. All rights reserved. Kenneth Culano */
/* http://www.kenneth.se */


/* GENERAL STYLING */

body						
  {
    scrollbar-base-color:           #ffffff; 
    scrollbar-shadow-color:         #eeeeee; 
    scrollbar-3dlight-color:        #ffffff; 
    scrollbar-highlight-color:      #eeeeee; 
    scrollbar-darkshadow-color:     #000000;
    scrollbar-track-color:          #ffffff; 
    scrollbar-arrow-color:          #000000;
		font-family: 					          Verdana, Arial, Helvetica, sans-serif;
		color:					                #000000;
		font-size:					            12px;
	  background-color:               #ffffff;
  }
hr
  {
    width:                          100%;
    height:                         1px;
    color:                          #000000;
  }
  
hr.Stripe
  {
    filter:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFBD0F', EndColorStr='#FFF0C0');
    width:                          90%;
    height:                         1px;
    text-align:                     center;
  }
  
h1,h2,h3,h4,h5,h6
  {
    color:                          #000000;
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    text-align:                     left;
  }

h1 
  {
    font-size:                      16pt;
    font-weight:                    bold;
    margin-top:                     30px;
    margin-bottom:                  5px;
    text-indent:                    0em;
    text-align:                     center;
  }

h2 
  {
    font-size:                      14pt;
    font-weight:                    bold;
    margin-top:                     30px;
    margin-bottom:                  5px;
    text-indent:                    0em;
    text-align:                     center;
  }

h3 
  {
    font-size:                      12px;
    font-weight:                    bold;
    text-align:                     center;
  }

h4 
  {
    font-size:                      10px;
    font-weight:                    bold;
    text-indent:                    5em;
  }

img
  {
    border:                         none;
  } 
  
legend
  {
    color:                          #bb8800;
  }   
  
fieldset
  {
    width:                          80%; 
    padding:                        10px; 
    margin:                         10px; 
    text-align:                     left;
    border:                         1px solid #bb8800;
  }

/* General links */
    
a:link            
  { 
    text-decoration:                none;
    color:                          #000088;
  }
  
a:visited         
  { 
    text-decoration:                none;
    color:                          #000088;
  }

a:hover         
  { 
    text-decoration:                underline;
    color:                          #000088;
  }
  
/* Form styling */


  
/* Text styling */

.Small	
  {
		font-size:					            10px;
  }
  
.Big	
  {
		font-size:					            14px;
  }
  
.Bigger	
  {
		font-size:					            16px;
  }

.hintbox
  { 
    font-family:                    Verdana, Arial, Helvetica, sans-serif;
    font-size:                      10px;
    width:                          100%;
    color:                          #000000;
  }

.BlueMarker           
  { 
    background:                     #0000ff; 
    color:                          #ffffff;
  }
  
.YellowMarker           
  { 
    background:                     #ffff00; 
  }

.Alert
  {
    color:                          #ff0066;
  }

p.Design
  {
    text-align:                     center;
    vertical-align:                 bottom;
    width:                          100%;
    background:                     #454590; 
    color:                          #ffffff; 
    font:                           10pt Georgia, Verdana, Arial, sans-serif;
  }
  
a.Black:link
  {
    text-decoration:                underline;
    color:                          #000000;   
  }
  
a.Black:visited  
  {
    text-decoration:                underline;
    color:                          #000000;     
  }
  
a.Black:hover            
  { 
    text-decoration:                none;
    color:                          #000000;
  }
  
a.Blue:link
  {
    text-decoration:                underline;
    color:                          #00007e;   
  }
  
a.Blue:visited  
  {
    text-decoration:                underline;
    color:                          #00007e;     
  }
  
a.Blue:hover            
  { 
    text-decoration:                none;
    color:                          #00007e;
  }
  
a.MyLink:link
  {
    text-decoration:                none;
    color:                          #000088;   
  }
  
a.MyLink:visited  
  {
    text-decoration:                none;
    color:                          #000088;   
  }
  
a.MyLink:hover            
  { 
    text-decoration:                underline;
    color:                          #00cccc;   
  }
  
a.menu:link           
  { 
    text-decoration:                underline;
    color:                          #000000;
    font-weight:                    bold;  
  }
  
a.menu:visited          
  { 
    text-decoration:                none;
    color:                          #000000;
    font-weight:                    bold;
  }

a.menu:hover            
  { 
    position:                       relative; 
    width:                          100%; 
    height:                         100%; 
    filter:                         glow(Color=#000088, Strength=2); 
    color:                          #ffffff; 
  }

/* Table styling */

td       
  { 
    font-size:                      12px;
  }
  
th       
  { 
    font-weight:                    bold;
    color:                          #ff0000;
  }

.bgTable
  {
    height:                         100%; 
 }
  
td.Text           
   { 
    vertical-align:                 top;
    border-color:                   transparent;
    filter:                         progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cccccc', EndColorStr='#eeeeee');
  }
  
/* Image link styling */  
  
#foto a:hover img
  {
    border-right:                   #919c71 6px solid;
    border-top:                     #919c71 5px solid;
    margin-top:                     6px;
    margin-left:                    6px;
    border-left:                    #919c71 6px solid;
    border-bottom:                  #919c71 5px solid;
    background-color:               #000;
  }

#foto a img,#foto_list a:visited img
  {
    border-right:                   #d6d9d0 6px solid;
    border-top:                     #d6d9d0 5px solid;
    margin-top:                     6px;
    display:                        block;
    margin-left:                    6px;
    border-left:                    #d6d9d0 6px solid;
    border-bottom:                  #d6d9d0 5px solid;
}
  
/* Lightbox styling */  
    
#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); 
    display:                        block; 
  }
#prevLink 
  { 
    left:                           0; 
    float:                          left;
  }
#nextLink 
  { 
    right:                          0; 
    float:                          right;
  }
#prevLink:hover, #prevLink:visited:hover 
  { 
    background:                     url(../images/prevlabel.gif) left 15% no-repeat; 
  }
#nextLink:hover, #nextLink:visited:hover 
  { 
    background:                     url(../images/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; 
  }