body {
 background-color: #333333;
 font-family: arial,sans-serif;
 font-size: 12px;
 width: 60em;
 margin:auto }


table {
  /* make <td> sizes relative to body size! */
  font-size: 13px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* bezieht sich auf den äußersten Container */
TABLE.BODY{
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-top: none;

 background-color: #6B6B6B;
}

/*bezieht sich die navigation*/
TABLE.menu{
 border: 2px solid #FFFFFF;
 background-color: #808080;
}

/*bezieht sich auf den container der alle alben beinhaltet*/
TABLE.menu2{
 border: 1px solid #FFFFFF;
 background-color: #6B6B6B;
 margin-top: 10px;
 
}

/* bezieht sich auf den link Fotoalbum */
FONT.te{
 color: #cccccc;
 font-weight: none;
 text-decoration: none;}

/*bezieht auf die Beschreibung des Vorschaubildes eines Hauptalbums*/
FONT.desc{
color: #CCCCCC;
text-decoration: none;
font-size: 0.9em;}

FONT.dirdesc{
color: #CCCCCC;
text-decoration: none;
}


/* image-size navigation*/
A:link.me{
 color: #ffffff;
 font-weight: none;
 text-decoration: none;}
A:visited.me{
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;}
A:hover.me{
 color: #FFFFFF;
 font-weight: none;
 BACKGROUND-COLOR: #6B6B6B;
 text-decoration: underline;}
A:active.me{
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;}
/* /image-size navigation*/


A:link.me3{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: none;}
A:visited.me3{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: none;}
A:hover.me3{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: underline;
 BACKGROUND-COLOR: #6B6B6B;
 }
A:active.me3{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: none;}


A:link.me4{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: none;}
A:visited.me4{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: none;
 BACKGROUND-COLOR: #6B6B6B;}
A:hover.me4{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: none;
 BACKGROUND-COLOR: #6B6B6B;
 }
A:active.me4{
 color: #CCCCCC;
 font-weight: none;
 text-decoration: none;}

A:link.me2{
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;}
A:visited.me2{
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;}
A:hover.me2{
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;
 BACKGROUND-COLOR: #6B6B6B;}
 
A:active.me2{
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;}

A:link.logo{
 font-size: 58;
 color: #DDCC88;
 font-weight: none;
 text-decoration: none;}
A:visited.logo{
 font-size: 58;
 color: #DDCC88;
 font-weight: none;
 text-decoration: none;}
A:hover.logo{
 font-size: 58;
 color: #DDCC88;
 font-weight: none;
 text-decoration: none;}
A:active.logo{
 font-size: 58;
 color: #DDCC88;
 font-weight: none;
 text-decoration: none;
 BACKGROUND-COLOR: #6B6B6B;}
 
/* die :: symbole */ 
TD{
color: #6b6b6b;
}
/* Alben - Conatiner*/
TD.boxhead {
color: #ffffff;
background-color: #9a9a9a;
}
/* /Alben-container*/

TD.boxbody {
color: #cccccc;
background-color: #808080;
}
FONT.photodesc {
color: #ffffff;
}
TD.thmb {
background-color: #6B6B6B;
}
/* hintergrund des bildes in originalgröße */
TD.photo {
background-color: #ffffff; }

TD.txt {
color: #FFFFFF;
}
TD.logo {
font-size: 72px;
color: #DDCC88;
background-color: #6B6B6B;
}
IMG.thmb {
border-color: #ffffff;
border-style: solid;
border-width: 2;
}
IMG.thmb_dir {
border-color: #ffffff;
border-style: solid;
border-width: 2;
}
IMG.movie {
border-color: #ffffff;
border-style: solid;
border-width: 0;
}

TABLE.F {
	border-style: solid;
	border-color: #9a9a9a;
	background-color: #6B6B6B;
}
TD.F {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;
}
TD.N {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 0.8em;
}
TR.H {
	background-color: #9a9a9a;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;
}
A:link.mex{
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;}
A:visited.mex{
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;}
A:hover.mex{
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: underline;
 BACKGROUND-COLOR: #6B6B6B;
 }
 
A:active.mex{
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;}
 
INPUT.login{
border: 1px solid #FFFFFF;
padding: 3px;
background-color: #808080;
color: #FFFFFF;
font-size: 0.9em;
font-weight: bold;
}
INPUT.login_btn{
border: 1px solid #FFFFFF;
padding: 2px;
background-color: #FFFFFF;
color: #808080;
font-size: 0.9em;
font-weight: bold;
}