/* Global Styles */

body {
	margin:0px;
	background-color: #6581b1;
	background-image:url(higru.jpg);
	}
	
td {
	font:11px arial;
	color:#333333;
	}
	
a {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #000000;
	text-decoration:underline;
	}
	
img {
    border:none;
	}
	
/* ID Styles */
	
#navigation a {
	font:10px arial;
	color: #000000;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navigation a:hover {
	color: #000000;
	text-decoration:underline;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#weekdays th {
	font:10px arial;
	color: #333333; /*ffffff*/
	letter-spacing:.2em;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {
	font:18px times new roman;
	color: #333300;
	letter-spacing:.4em;
	font-weight:bold;
	}

.sidebarText {
	font:10px georgia;
	color: #330000;
	line-height:18px;
	background-color: #6581b1;
	text-align:center;
	}
	
.bodyText {
	font:11px arial;
	line-height:24px;
	color:#333333;
	background-color: #FFFFFF;
	padding-left:5px;
	}
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	text-align:center;
	}
	
.subHeader {
	font:14px georgia;
	color: #FFFFFF;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	background-color: #CCC087;
	}
	
.navText {
	font:10px arial;
	color: #000000;
	letter-spacing:.2em;
	background-color: #6581b1;
	text-align:center;
	}
	

	
#main {
	margin: auto;
	background-color: #DAE7E7;
	margin-top:15px;
	margin-bottom: 15px;
}

#galcontent {
	background-color: #FFFFFF;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:11px;
	letter-spacing:.1em;
	color:#00325B;
	line-height:17px;
	background-image:url(galerie-dateien/bgr.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:bottom;
}

#content {
	background-color: #FFFFFF;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:11px;
	letter-spacing:.1em;
	color:#00325B;
	line-height:17px;
}

#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(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; 
       }
	
.galerie.subHeader.img {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #0000000;
}
.galerie img {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E1E88C;
	padding: 8px;
	margin: 3px;
}