body {
	background-color: #f5f5f5;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	margin: 0px;
}

/* ------------------------------------------------------------------------------------------------------ */

       /* Tabelle mit Foto zum srollen */

div.scrollen {
        overflow: auto;
        width: 910; 
        height: 100%;
}

/* ------------------------------------------------------------------------------------------------------ */

        /* Beginn Gaestebuch */

  .guestbook_table {
	font-size: 10px;
	font-weight: 100;
	font-family: verdana, helvetica, sans-serif;
       color: #000000;
       background-color: #ffffff;
  }

  .guestbook_table2 {
	font-size: 10px;
	font-weight: 100;
	font-family: verdana, helvetica, sans-serif;
       color: #000000;
  }

td.text {
	font-size: 10px;
	font-weight: 100;
	font-family: verdana, helvetica, sans-serif;
       text-align: justify;
	color: #000000;
}
 
        /* Ende Gaestebuch */

/* ------------------------------------------------------------------------------------------------------ */

a {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #465D32;
	text-decoration: underline;
	border-color: #ffffff;
}

a:hover {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #333333;
	text-decoration: underline;
}

hr {
	height: 1px; 
	color: #465D32;
	background-color: #ffffff;
}

ul, li, p, td {
	font-size: 11px;
	font-weight: 100;
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
}

/* ---------------------------------------------------------------------------- */
/* Rahmenfarbe der Fotos - egal ob Hyperlink oder nicht */

img { 
	border-color: #afafaf;
}

/* ---------------------------------------------------------------------------- */
/* Tabelle oben header, Hintergrundfarbe */

.tablehead {
	background-image: url(images/logo-fussballfotos-1.jpg);
	height: 150px;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 0px solid #afafaf;
}

/* ---------------------------------------------------------------------------- */
/* Ausrichtung des Suchfeldes im Headbereich */

.searchhead {
	padding-top: 100px; /* Abstand von oben */
       padding-right: 9px; /* Abstand von links */
       padding-bottom: 0px; /* Abstand von unten */

}

/* ---------------------------------------------------------------------------- */
/* Tabelle für die horizontale Navigation */

.navbar-links {
	background-image: url(images/bg_navigation_gruen.gif);
	height: 25px;
	text-align: left;
       padding-top: 0x; /* Abstand von oben */
       padding-left: 10px; /* Abstand von links */
       padding-bottom: 3px; /* Abstand von unten */
}

.navbar-rechts {
	background-image: url(images/bg_navigation_gruen.gif);
	height: 25px;
	text-align: right;
       padding-top: 0x; /* Abstand von oben */
       padding-right: 10px; /* Abstand von links */
       padding-bottom: 3px; /* Abstand von unten */
}

/* ---------------------------------------------------------------------------- */
/* Rahmenfarbe der Haupttabelle um das gesamte Layout */

.bordercolor {
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

/* ---------------------------------------------------------------------------- */
/* Tabelle unten footer, Hintergrundfarbe */

.tablebottom {
	background-color: #ffffff;
}

/* ---------------------------------------------------------------------------- */
/* Hintergrundfarbe der Haupttabelle */

.tablebgcolor {
	background-color: #ffffff;
}

/* ---------------------------------------------------------------------------- */
/* Tabellen-Zellen Fotobeschreibung */

.row1 {
	background-color: #e1e1e1;
	color: #000000;
	height: 20;
       padding-top: 2px; /* Abstand von oben */
       padding-left: 5px; /* Abstand von links */
       padding-right: 5px; /* Abstand von links */
       padding-bottom: 5px; /* Abstand von unten */
}

.row2 {
	background-color: #efefef;
	color: #000000;
	height: 20;
       padding-top: 2px; /* Abstand von oben */
       padding-left: 5px; /* Abstand von links */
       padding-right: 5px; /* Abstand von links */
       padding-bottom: 5px; /* Abstand von unten */
}


/* ---------------------------------------------------------------------------- */
/* Tabelle Mitte Tabellenüberschrift , Hintergrundfarbe */

.head1 {
	background-image: url(images/bg_tabelle.gif);
	height: 24;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, helvetica, sans-serif;
	color: #465D32;
       padding-top: 0x; /* Abstand von oben */
       padding-left: 6px; /* Abstand von links */
       padding-bottom: 2px; /* Abstand von unten */
}

.head1:hover {

	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #004c75;
	color: #465D32;
}

/* Tabelle Kategorienuebersicht mit vielen Tumbnails, Tabelle neue Fotos, - Rahmenfarbe */

.head2 {
	background-color: #afafaf;
}

/* ---------------------------------------------------------------------------- */
/* Hintergrundfarbe der einzelnen Zellen */

/* ???????????????? */
.imagerow {
	background-color: #ffffff;
}

.imagerow1 {
	background-color: #ffffff;
}

/* .imagerow2 - Zellen - Text, Hintergrundfarbe #EEEEEB */

.imagerow2 {
	background-color: #F7F7F7;
}

/* ---------------------------------------------------------------------------- */
/* Hintergrundfarbe der Zellen Auflistung Kategorien */

.catbgcolor {
	background-color: #ffffff;
}

/* ---------------------------------------------------------------------------- */
/* Hperlink und Text in der horizentalen Navigation oben */

.clickstream {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #ffffff;
}

a.clickstream {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #ffffff;
	text-decoration: underline;
}

a.clickstream:hover {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #ffffff;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------- */
/* Überschrift der Kategorie */

.title {
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/* ---------------------------------------------------------------------------- */
/* Text unter den Hyperlink-Kategorien */

.smalltext {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
}

.new {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #ff0000;
}


/* ---------------------------------------------------------------------------- */
/* Hyperlink der Kategorien und Unterkategorien */

a.maincat {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #465D32;
	background-color: #;
	text-decoration: underline;
}

a.maincat:hover {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #333333;
	background-color: #;
	text-decoration: underline;
}

a.subcat {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #465D32;
	background-color: #;
	text-decoration: underline;
}

a.subcat:hover {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #333333;
	background-color: #;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------- */

/* Hyperlink der Kategorien und Unterkategorien */

a.fotogross {
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: #465D32;
	text-decoration: underline;
}

a.fotogross:hover {
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: #333333;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------- */

/* Komentar */

.commentrow1 {
	background-color: #ffffff;
}

.commentrow2 {
	background-color: #EEEEEB;
}

.commentspacerrow {
	background-color: #afafaf;
	color: #000000;
}

.commenttextarea {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	width: 270px;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

.commentinput {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	width: 270px;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}



/* ---------------------------------------------------------------------------- */
/* Beginn Kontaktformular */

/*  Der Button - Kontakt  */
.button-absenden {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	background-color: #d7d7d7;
	width: 100;
	height: 17;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
}


/*  Der Button - Kontakt  */
.button-reset {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	background-color: #d7d7d7;
	width: 100;
	height: 17;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
}

/* ---------------------------------------------------------------------------- */
/* Beginn Suchmaschine */


/*  Textfeld für die Suche im Header  */
.searchinput {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	width: 150;
	height: 17;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

/*  Der Button - Suchen  */
.button-suche {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	background-color: #d7d7d7;
	width: 60;
	height: 17;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
}

/*  Textfeld für die Suche und search.php  */
.input {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	width: 250;
	height: 17;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

/*  Der Text unter dem Suchfeld - Erweiterte Suche  */
.searchinput-text {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #E3E3E3;
}

/* ---------------------------------------------------------------------------- */
/* DropDown Menüs */

/*  Der Button - Go  */
.button-dropdown {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	background-color: #d7d7d7;
	width: 30;
	height: 17;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
}

/* Das Kategorien-Auswahlfeld */
.categoryselect {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	background-color: #ffffff;
	height: 17;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

/* Markiert die oberste Kategorien des Auswahlfeldes */
.dropdownmarker {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	background-color: #ffffff;
}

/* Dropdown Menü Anzahl der Fotos */
.setperpageselect {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	background-color: #ffffff;
	width: 50;
	height: 17;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

/* Dropdown Menü Fotos bewerten */
.select {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	background-color: #ffffff;
	height: 17;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

/*  Der Button - bewerten der Fotos  */
.button-bewerten {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	text-align: middle;
	background-color: #d7d7d7;
	width: 70;
	height: 17;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
}

/* search_form.html das Selectfeld Überschriften */
.optgroup {
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;}

/* ---------------------------------------------------------------------------- */

.marktext {
	color: #FF0000;
	background-color: #000000;
}

form {
	font-size: 11px;
	font-weight: 100;
	font-family: verdana, helvetica, sans-serif;
}

.logininput {
	font-size: 11px;
	font-weight: 100;
	font-family: verdana, helvetica, sans-serif;
	background-color: #ffffff;
	color: #0f5475;
	width: 130px;
}

.textarea {
	font-size: 11px;
	font-weight: 100;
	font-family: verdana, helvetica, sans-serif;
	color: #0f5475;
	width: 230px;
}

/* ---------------------------------------------------------------------------- */