/* 
   General
*/

/* farbpalette: */

/*		schwarz	blau	rot	orange */
/* Schwarz        	000000  000000  000000 */
/* 20%	         	000033  330000  330000 */
/* 40%	         	000066  660000  660000 */
/* 60%	         	000099  990000  993300 */
/* 80%	         	0000CC  CC0000  CC6600 */
/* satt		000000	0000ff  ff0000	ff9900 */
/* 80%		333333	3333ff  ff3333	ff6633 */
/* 60%		666666	6666ff  ff6666	ff9966 */
/* 40%		999999	9999ff  ff9999	ffcc99 */
/* 20%		cccccc	ccccff  ffcccc	ffffcc */
/* weiss	ffffff	ffffff	ffffff	ffffff */



/*Link 					#ffd698	*/
/*Link aktiv  				#ffad32	*/
/*Rahmen				#665d51 */
/*Rahmen aktiv				#998c7a */

body {	
	font-family: Helvetica, Arial, Verdana;
	background-color:#333333;
/*	background-color:#353535; */
	color: #cccccc;
	font-size:100%;
	}

a:link{
    	text-decoration: none;
/*    	color: #ffad32;	20%	cccccc	ccccff  ffcccc	ffffcc */
    	color: #ffc266;	/* 60%	cccccc	ccccff  ffcccc	ffffcc */
	}

a:visited{
    	text-decoration: none;
/*    	color: #ffd698; 40%	999999	9999ff  ff9999	ffcc99 */
    	color: #ffe1b2;	/* 30%	999999	9999ff  ff9999	ffcc99 */
	}ffd698

h1 {	font-size:120%;
	}


caption {

	}
table {
 	border-style: none;
 	border-spacing:1px;

	}
	
table.dirtable {
 	border-spacing:16px;
	}
  
td,p { 	font-family: Helvetica, Arial, Verdana;
	color: #cccccc;
	font-size:100%;
	}

img {
	}

/* 
   Text
*/
 
.headline { 
	  font-size:110%;
	}
.caption { 
	  font-size:100%;
	}
.date { 
	  font-size:80%;
	}

.filename { 
	  font-size:80%;
	  color: #666666;
	  font-style:italic;	
	}
a.autor { 
	  font-size:80%;
	  font-style:italic;	
	  color: #666666;
	}
a.autor:hover { 
	  font-size:80%;
	  color: #999999;
	  font-style:italic;	
	}


.footer {
	font-size:90%; 
	font-style:italic;	
	}
	
/* 
   Images
http://www.stefanheymann.de/galerie/
http://forum.stefanheymann.de/bb/viewtopic.php?p=152&
*/


td.tdimgdir {
   text-align: center;
   vertical-align: top;
   background-color: #665d51;	

   padding: 8px 8px 20px 8px;
   width: 166px;
   border: 1px solid;
   border-color: #CCCCCC #666666 #666666 #CCCCCC;
} 

td.tdimgdir:hover {
   text-align: center;
   vertical-align: top;
   background-color: #998c7a;	

   padding: 8px 8px 20px 8px;
   width: 166px;
   border: 1px solid;
   border-color: #CCCCCC #666666 #666666 #CCCCCC;
} 

a.imgdir img { 
	border: 1px solid;
   	border-color: #666666 #CCCCCC #CCCCCC #666666;
	padding: 1px;
	background: #000000;
/* 
	margin: 2px; 
	border-bottom: 40px solid #707070;
	border-style: double;
	border-style: inset;
	border: thin solid #000000; 
      	padding: 10px;
      	-moz-border-radius: 10px;
	box-shadow: 1.2em 1.2em #000070;
*/
	}
a.imgdir:hover img { 
	border: 1px solid;
   	border-color: #666666 #CCCCCC #CCCCCC #666666;
	padding: 1px;
	background: #000000;
/* 
	margin: 2px; 
	border: thin solid #707070; 
*/
	} 

a.imgthum img { 
	margin: 6px;
	border: thin solid #000000; 	
	}
	
a.imgthum:hover img { 
	border: thin solid #999999; 
	margin: 6px;  
	} 

.imgbig { 
	border: thin solid #000000; 
	margin: 6px; 
	margin-bottom: 20px; 
	text-align: center
	}