/* ******************************************** */
/* *****   CSS-Layout für fehler-404.de   ***** */
/* *****   Designed by Meinhrd Hoffmann   ***** */
/* *****           aka rEd-HeaD           ***** */
/* *****      ©2007 by fehler-404.de      ***** */
/* *****     http://www.fehler-404.de     ***** */
/* *****     webmaster@fehler-404.de      ***** */
/* ******************************************** */

body {
     font-family:verdana;
     font-size:10px;
     color:#e5e5e5;
     background-color:#000;
     scrollbar-base-color:#000;
     scrollbar-3dlight-color:#2b2b2b;
     scrollbar-arrow-color:#1b1b1b;
     scrollbar-darkshadow-color:#1b1b1b;
     scrollbar-face-color:#1b1b1b;
     scrollbar-highlight-color:#666;
     scrollbar-shadow-color:#2b2b2b;
     scrollbar-track-color:#1b1b1b;
     margin-top:10px;
     }
     
body#back-bilder {
     background-repeat:no-repeat;
     /*background-attachment:fixed;*/
     }
     
td { 
     line-height:150%;
     font-family:verdana;
     font-size:10px;
     color:#e5e5e5;
     }
     
td.mainpage {
     width:717px;
     text-align:left;
     /*background-color:#232323;*/
     padding-top:20px;
     padding-bottom:20px;
     padding-left:0px;
     padding-right:0px;
     }
     
td.menu {
     width:717px;
     font-family:verdana;
     font-size:10px;
     color:#e5e5e5;
     border-bottom-color: white; 
     border-bottom-style: groove; 
     border-bottom-width: thin;
     }
     
td.tdHead {
     font-family:verdana;
     font-size:10px;
     font-weight:bold;
     text-align:center;
     color:#e5e5e5;
     height:25px;
     border-bottom-color: white; 
     border-bottom-style: groove; 
     border-bottom-width: thin;
     border-top-color: white; 
     border-top-style: groove; 
     border-top-width: thin;
     }
     
td.footer {
     width:717px;
     font-family:verdana;
     font-size:10px;
     color:#e5e5e5;
     line-height:150%;
     border-bottom-color: white; 
     border-bottom-style: groove; 
     border-bottom-width: thin;
     border-top-color: white; 
     border-top-style: groove; 
     border-top-width: thin;
     }
     
td.copyright {
     font-family:verdana;
     font-size:10px;
     font-weight:bold;
     /*color:#C51E21;*/
     color:#A76100;
     line-height:150%;
     text-align:right;
     }
     
td.memberpage_pic {
     background-color:#1b1b1b;
     text-align:left;
     vertical-align:top;
     height:200px;
     width:150px;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
td.memberpage_descript {
     background-color:#232323;
     text-align:left;
     vertical-align:top;
     height:250px;
     }
     
td.links_dark {
     background-color:#1b1b1b;
     text-align:left;
     width:717px;
     vertical-align:top;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
td.links_dark_gb {
     background-color:#1b1b1b;
     text-align:left;
     width:717px;
     vertical-align:top;
     padding-top:3px;
     padding-bottom:3px;
     padding-left:3px;
     padding-right:3px;
     margin: 0px; 
     border-bottom: 1px solid #C51E21;     
     }
     
td.links_light {
     background-color:#232323;
     text-align:left;
     width:717px;
     vertical-align:top;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
td.down_dark {
     background-color:#1b1b1b;
     text-align:left;
     vertical-align:top;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
td.down_light {
     background-color:#232323;
     text-align:left;
     vertical-align:top;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
td.idmenu {
     background-color:#1b1b1b;
     text-align:left;
     line-height:200%;
     /*width:130px; */
     vertical-align:top;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
td.bg_dark {
     background-color:#1b1b1b;
     text-align:left;
     width:717px;
     vertical-align:top;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
td.notifier {
     background-color:#330000;
     text-align:left;
     width:717px;
     vertical-align:top;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;     
     }
     
img {
     border:0px;
     }
     
img.down {
     border:0px;
     height:70px;
     }
     
h1 {
     color:#C51E21;
     font-size:12px;
     text-decoration:none;
     }
     
h2 {
     color:#C51E21;
     font-size:10px;
     text-decoration:none;
     }
     
h3 {
     color:#e5e5e5;
     font-size:10px;
     text-align:left;
     text-decoration:none;
     margin-bottom:5px;
     margin-top:20px;
     border-bottom-color: white; 
     border-bottom-style: groove; 
     border-bottom-width: thin;
     border-top-color: white; 
     border-top-style: groove; 
     border-top-width: thin;
     }
     
h4 {
     color:#a30000;
     font-size:20px;
     font-weight:bold;
     text-align:left;
     text-decoration:none;
     margin-bottom:5px;
     margin-top:20px;
     border-top-color: white; 
     border-top-style: groove; 
     border-top-width: thin;
     }

h5   {
     border-bottom-color: white; 
     border-bottom-style: groove; 
     border-bottom-width: thin;     
     font-size:10px;
     font-weight:normal;
     text-align:right;
     margin-top:0px;
     }
     
h3.welcome {
     color:#e5e5e5;
     font-size:10px;
     text-align:center;
     text-decoration:none;
     margin-bottom:5px;
     margin-top:20px;
     border-bottom-color: white; 
     border-bottom-style: groove; 
     border-bottom-width: thin;
     border-top-color: white; 
     border-top-style: groove; 
     border-top-width: thin;
     }
     
sup {
     font-family:verdana;
     font-size:8px;
     font-weight:bold;
     color:#ff0000;
     }
     
.mainmenu {
     font-size:10px; 
     color:#e5e5e5
     }
     
a.mainmenu {
     font-size:10px;
     text-decoration:none;
     color:#e5e5e5;
     }
     
a.mainmenu:visited {
     font-size:10px;
     text-decoration:none;
     color:#e5e5e5;
     }
     
a.mainmenu:hover{
     font-size:10px;
     text-decoration:underline;
     color:#e5e5e5;
     }
     
a.special {
     font-size:10px;
     text-decoration:none;
     color:#A76100;
     }
     
a.special:visited {
     font-size:10px;
     text-decoration:none;
     color:#A76100;
     }
     
a.special:hover{
     font-size:10px;
     text-decoration:underline;
     color:#A76100;
     }
     
input.eingabefeld {
     background-color:#3b3b3b;
     color:#fff;
     font-family:verdana;
     font-size:10px;
     border:1px;
     width:200px;
     }
     
input.humanizer {
     background-color:#3b3b3b;
     color:#fff;
     font-family:verdana;
     font-size:10px;
     border:1px;
     width:25px;
     }    

input.button {
     background-color:#2b2b2b;
     color:#fff;
     font-family:verdana;
     font-size:10px;
     font-weight:bold;
     }
     
textarea.eingabefeld {
     background-color:#333; 
     color:#fff; 
     border:0;
     }
     
/* ************************************* */     
/* ****       Online-Kalender       **** */
/* ************************************* */

a {
     font-size:10px;
     text-decoration:none;
     color:#e5e5e5;
     }
     
a:visited {
     font-size:10px;
     text-decoration:none;
     color:#e5e5e5;
     }
     
a:hover{
     font-size:10px;
     text-decoration:underline;
     color:#e5e5e5;
     }

table.dat {
     background-color:#000;
     }
     
td.dat,li.dat,input.dat {
     color:#fff;
     background-color:#2b2b2b;
     }
     
td.dae {
     color:#e5e5e5;
     background-color:#2b2b2b;
     }
     
a.dat,a.dat:link,a.dat:active,a.dat:visited {
     color:#e5e5e5;
     text-decoration:none;
     }
     
a.dat:hover {
     color:#e5e5e5;
     text-decoration:underline;
     }

td.tit {
     color:#e5e5e5;
     background-color:#1b1b1b;
     font-weight:bold;
     }
     
a.tit,a.tit:link,a.tit:active,a.tit:visited {
     color:#e5e5e5;
     text-decoration:none;
     }
     
a.tit:hover { 
     color:#e5e5e5;
     text-decoration:underline;
     }

td.dru {
     border-width:1px;
     border-style:solid;
     border-color:#999999;
     background-color:#FFFFFF;
     color:#000000;
     }

.ok {
     color:#008000;
     font-weight:bold;
     }
     
.err {
     color:#CC0000;
     font-weight:bold;
     }
     
.mel {
     font-weight:bold;
     }
     

/* lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: 10%;
	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: transparent url(../images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}