﻿BODY
{
	font-family: Arial, sans-serif;
	height:100%;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	background-image: url('../images/hintergrund.jpg');
	background-repeat:no-repeat;
	background-position: right top;
	background-attachment:fixed;
	background-size:cover
}
/* Hyperlink-Formatvorlagen */
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
.naviimage
{
	border-width: 0px;	
}
.navitext
{
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 1.1em;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
}
.naviaktiv
{
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 1.1em;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
}
H1
{
	FONT-FAMILY: Verdana, sans-serif;
	FONT-SIZE: 16px;
	FONT-WEIGHT:bold;
	COLOR: #000000;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
	padding: 10px 0 5px 0;
}
H2
{
	FONT-FAMILY: Verdana, sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT:bold;
	COLOR: #000000;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
	padding: 0 0 5px 0;
}
H3
{
	FONT-FAMILY: Verdana, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    MARGIN: 0px;
    COLOR: #000000;
    TEXT-DECORATION: none;
    TEXT-ALIGN: left;
}
.inhalt
{
	font-family: Verdana, sans-serif;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: normal;
    COLOR: #000000;
    TEXT-DECORATION: none;
	TEXT-ALIGN: left
}

.schlagzeile
{
	font-family: Verdana, sans-serif;
    FONT-SIZE: 1.0em;
    FONT-WEIGHT: bold;
    COLOR: #404597;
    MARGIN-Top: 0px;
    TEXT-DECORATION: none;	
	TEXT-ALIGN: center;
}
.hervorgehoben
{
	font-family: Verdana, sans-serif;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none;
	TEXT-ALIGN: center;

}
.info
{
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	margin-bottom: -5px;
	/*text-decoration: none;*/
	text-align: center;
}
.info2
{
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	margin-bottom: -5px;
	/*text-decoration: none;*/
	text-align: center;
}
.infotext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.infodatum
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    FONT-WEIGHT: normal;
    COLOR: #000000;
    TEXT-DECORATION: none;
	TEXT-ALIGN: right
}

A:link
{
    color: #000000;
    text-decoration: none
}
A:visited
{
    color: #000000;
    text-decoration: none
}
A:hover
{
    color: #000000;
    text-decoration: underline
}

/* Galeriedefinitionskrams*/
/* photo klasse - container erstellen */
   .photo {
      width:635px;
      height:365px;
      text-align:left;
      position:absolute;
      margin:0 auto;
/*      background:#000000;   */
   }

/* Listenbereich Topic erstellen */
   .photo ul.topic {
      padding:0;
      margin:0 0 0 40px;
      list-style:none;
      width:635px;
      height:auto;
      position:relative;
      z-index:10; 
   }

/* Aufzaehlungsbereich erstellen und Aufzaehlungszeichen aendern, sowie mit Farbe ausfllen */
   .photo ul.topic li.set ul   {
      display:block;
      position:absolute;
      left:0; top:31px;
      list-style:none;
      padding:0;
      margin:0;
      height:auto;
      background:#FFDD79;
      width:464px;
      padding:30px 60px;
      border:20px solid #FF9900;
      z-index:1;
   }

/* Aeusserer Rand */
   .photo ul.topic li ul li   {
      display:inline;
      width:112px;
      height:95px;
      float:left;
      /*border:1px solid #FF9900;*/
      margin:1px;
   }

/* Innerer Rand */
   .photo ul.topic li ul li a {
      display:block;
      width:110px;
      height:85px;
      margin:5px 0 0 -8px;
      cursor:default;
      float:left;
      text-decoration:none;
      background: #FFDD79;
      border:1px solid #FFDD79;
/*      background:#000000;         */
   }

/* Bild */
   .photo ul.topic li ul li a img {
      display:block;
      width:100px;
      height:75px;
      border:5px solid #FF9900;
/*      background:#000000;         */
   }

/* Maus ueber Link */
   .photo ul.topic li.set ul li a:focus {
      white-space:normal;    /* automatischer Zeilenumbruch */
      position:relative;      /* absolute, fixed, relative, static */
/*      width:112;                */
   }
   
/* Maus ueber Bild */
/* Anzeigen und positionieren des vergroesserten Bildes */
   .photo ul.topic li a:focus img {
      position:absolute;
      left:-50px;
      top:-32px;
      width:320px;
      height:240px;
      border-color:#FF9900;
   }
#galleryspacer

/* Platzhalter fÃ¼r die Galerie */
{
height:500px;
}

/* Werte fÃ¼r die Bilder bzw. Umfeld in der Kontaktseite */
tr.bildl
{
display:block;
}
.bildl
/* Einstellungen fÃ¼r die Tabelle fÃ¼r Bilder+Adresse */
{
vertical-align:top;
text-align:left;
padding-left:10px;
}
