/* ############################################################################################ */
/* Allgemeine Informationen zu diesem Misch-Layout aus JAlbum und eigenen Änderungen:
   Die Seite wird zentriert auf einem einfarbigen Hintergrund dargestellt und gliedert sich in
   die Bereiche
   Oben mit Kopfbild und Navigationsbereich
   Links für variable Inhalte aus Pixelpost - Rechts für statische Inhalte und Linkverweise
   Unten */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der
   http://creativecommons.org/licenses/by/2.0/ */
/* Ergänzungen durch Hans Sendker "http://www.60plus.sendker.de/ */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der
   http://creativecommons.org/licenses/by/3.0/deed.de */
/* ############################################################################################ */

/* ---------------------------------------------------------- */
/* JAlbum Formatierungen */
/* ---------------------------------------------------------- */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	background-color: #9f9f9f;
	margin: 0px;
	padding: 0px;
}

a:link {
	text-decoration: none;
 	color: #888888;
}

a:visited {
	text-decoration: none;
	color: #888888;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

.current {
 	color: #000000;
	background-color: #cccccc;
}

.cthumb {
	background-color: #ffffff;
	border: 0px;
}

.thumb {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}

.image { border: 1px solid #aaaaaa;}
a:link .image {  border-color: #aaaaaa;}
a:visited .image {  border-color: #aaaaaa;}
a:hover .image { border-color: #ffffff;}

.mthumb { border: 1px solid #aaaaaa;}
a:link .mthumb {  border-color: #aaaaaa;}
a:visited .mthumb {  border-color: #aaaaaa;}
a:hover .mthumb { border-color: #ffffff;}

.slideImage { border-width: 8px; border: 8px solid; border-color: #ffffff;}
a:link .slideImage { border-color: #ffffff;}
a:visited .slideImage { border-color: #ffffff;}

.title {
	font-size: 120%;
	font-weight: bold;
	color: #888888;
}

.title a:link {
	text-decoration: none;
	color: #888888;
}

.title a:visited {
	text-decoration: none;
	color: #888888;
}

.title a:hover {
	text-decoration: none;
	color: #000000;
}

.infotable {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	border-collapse: collapse;
}

.infotable td {
	border: 1px solid #cccccc;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

.dirname {
	font-size: 100%;
	font-weight: bold;
	color: #aaaaaa;
}

.comment {
	color: #444444;
	font-weight: bold;
	font-size: 100%;
}

.smalltxt {
	color: #888888;
	font-size: 90%;
}

.xsmalltxt {
	color: #aaaaaa;
	font-size: 80%;
}

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #888888;
}


/* ----------------------------------------------------------------------- */
/* Zusätzliche eigene Formatierungen  */
/* ----------------------------------------------------------------------- */

/* .............................. */
/* Seiten Layout allgemein */
/* .............................. */


#seite{
 background:#fff;
 margin:0 auto;
 padding:10px 10px 5px 5px;
 text-align:left;
 width:820px
}


#oben{
 background:#fff;
 clear:both;
 height:150px;
 width:805px;
 padding: 0 0 0 15px;
}

#links{
 float:left;
 margin:0px 0px 20px 2px;
 width:600px;
}

#rechts{
 float:left;
 font-size:85%;
 margin:10px 0px 0px 20px;
 width:185px;
 overflow:hidden;
}

#unten{
 background:#9F9F9F;
 clear:both;
 height:20px;
 width:818px;
 text-align:center;
 font-size:90%;
}
/* Sonstige Formatierungen */
.logo{
 float:right;
 width:88px;
 padding:0 12px 4px 0
}

.logo img{
 border:0
}
.aktuelles{
 font-size:120%;
 line-height: 1.4em;
 }
/* ........................................... */
/* Formatierungen Navigationsleiste */
/* ........................................... */

#navigation{
 background:#fff;
 float:left;
 width:690px;
 padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 4px 0 0
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #5F5F5F;
 color:#800000;
 font-size:95%;
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 color:#5F5F5F;
 border-bottom:4px solid #800000
}

/* .............................................. */
/* Formatierungen Navigation (Rechte Spalte) */
/* .............................................. */

#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li {
 display:block;
 margin:0 0px 0 0;
 padding:0 0 0 10px;
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#000;
  border-bottom:1px solid #800000;
}

/* .............................................. */
/* Formatierungen chCounter */
/* .............................................. */


.chcTable
{
  width: 180px;
  border-spacing: 1px;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
  text-align: left;
  background-color: #BDD2D9;
}
.chcHeaderRow
{
  background-color: #0780BC;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
}
.chcLeftRow
{
  background-color: #F2F0F0;
  color: #000000;
  font-size: 10px;
  padding: 3px;
}
.chcLeftRowAlt
{
  background-color: #E0DFDF;
  color: #000000;
  font-size: 10px;
  padding: 3px;
}
.chcRightRow
{
  background-color: #F2F0F0;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding: 3px;
  text-align: right;
}
.chcRightRowAlt
{
  background-color: #E0DFDF;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding: 3px;
  text-align: right;
}
.chcA a
{
  font-size: 10px;
}



/* ---------------------------------------------------------------------- */
/* Ende Formatangaben */
/* ---------------------------------------------------------------------- */