/*
#ffffdb
				Hellgelb
				
#8a8a8a 
				Grau

#bcd6a8
        Gruen				
#dffdc6
				Hellgruen        
#80a066 
				Überschriften-Grün
				
  
#b3ceec 
        Blau
#cce6ff 
        Hellblau
        
#de84b5 
        Rosa
#f6c6e0 
        Hellrosa

#beaacf 
        Lila
#e5dbfe 
        Helllila  
*/


body {
  background-color: 	white;
  color:							#8a8a8a;
  font-family:      	Trebuchet Ms, Arial, Verdana;
  font-size:        	11pt;
  margin:							0 0 0 0;
} 
a { 
	color:							#de84b5;
	text-decoration:		underline;

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

img {
	border:	0;
}

a.test span	{
      display: none;
         }

a.test:hover span	{
        display:block;
		position:relative;
        top:0px;
        left:0px;
        padding:0px;
        text-decoration:none;
        border:0px;
        background-color:FFFFFF;
        margin-top:0px;
        z-index:2;
        text-align:center;
         }


/*--------------------------------------------------------------------------------*/
/* ----------------- Popups ------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*------ navigationshilfe --------*/

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

a#navi_help span {
	display:					none;
	position:					absolute;
} a#navi_help:hover span {
	display:					block; 
	left:							170px;
	top:							350px;
} a#navi_help span img {
	border:						0 none;
}


/*----- US-Fotos auf der index.php ----- */

a#popup span {
	display:					none;
	position:					absolute;
} a#popup:hover span {
	display:					block; 
	left:							300px;
} a#popup img {
	border:						1px solid #de84b5;
}

/*------ popup menue -----*/

div#navi a {
	border: 	1px solid red;
	display:	block;
	position: relative;
}

div#navi a#f {
	height: 	90px;
	width:		90px;
	left:			20px;
	top:			170px;
}
div#navi a#s {
	height: 	50px;
	left:			40px;
	top:			180px;
	width:		120px;
} 
div#navi a#k {
	height: 	90px;
	width:		90px;
	left:			20px;
	top:			190px;
}


div#navi a#f span {
	display:					none;
	position:					absolute;
} div#navi a#f:hover span {
	display:					block; 
	left:							50px;
	top:							-165px;
} div#navi a#f img {
	border:						0 none;
}

div#navi a#s span {
	display:					none;
	position:					absolute;
} div#navi a#s:hover span {
	display:					block; 
	left:							715px;
	top:							-392px;
} div#navi a#s img {
	border:						0 none;
}

div#navi a#k span {
	display:					none;
	position:					absolute;
} div#navi a#k:hover span {
	display:					block; 
	left:							132px;
	top:							-445px;
} div#navi a#k img {
	border:						0 none;
}

/*------------- Der ET-Counter ------------*/
span#counter {
	color:				#80a066;
	display:			none;
	font-size:		12pt;
	font-weight:	bold;
	height:				auto;
	left:					347px;
	position: 		absolute;
	top:					43px;
	width:				auto;
}



/*----------- photos.php -----------*/

p.foto {
	text-align: left;
}

a.fotolist {
	margin: 0 10px 0 0;
} 

img.foto {
	border: 1px solid #de84b5;
}

p.top {
	font-size: 	9pt;
	text-align: left;
}


/*--------------------------------------------------------------------------------*/
/* ----------------- Ueberschriften ----------------------------------------------*/
/*--------------------------------------------------------------------------------*/

h1, h2, h3, h4 {
  border-bottom:    1px dotted #bcd6a8;
  color:            #80a066;
  font-family:      Verdana;
  padding:          0;
  text-align:       left;  
} h1 {
  font-size:        16pt;
  font-weight:      normal;
  margin:			      20px 0 20px 0;
} h2 {
  font-size:        11pt;
  font-weight:      bold;
  margin:		        15px 0 15px 0;
} h3 {
	font-size:        10pt;
  font-weight:      bold;
  margin:		        15px 0 10px 0;
}


h4 {
	border-bottom:    0;
	font-size:        9pt;
  font-weight:      bold;
  margin:		        5px 0 12px 0;
}


/*--------------------------------------------------------------------------------*/
/* ----------------- Die obere-Spalte  -------------------------------------------*/
/*--------------------------------------------------------------------------------*/

div#oben {          
	background-image:	url(oben3.png);
	border-top:				0px dotted lightgrey;
	border-right:			0px dotted lightgrey;
	border-bottom:		0px dotted lightgrey;
	border-left:			0px dotted lightgrey;
  height: 					150px;
  padding:					0;
  text-align:				justify;
  width: 						1000px;
}


/*--------------------------------------------------------------------------------*/
/* ----------------- Die Navigations-Spalte  -------------------------------------*/
/*--------------------------------------------------------------------------------*/

img {
	border: 0;
}

div#navi {          
	background-image:	url(navi4.png);
	border:						0;
  float:            left;
  height: 					500px; /* 500 - padding unten/oben */
  margin:						0;
  padding:					0;
  width: 						200px;
} 


div#navi a {
	border: 	0px solid red;
	display:	block;
	position: relative;
}

a#f {
	height: 	90px;
	width:		90px;
	left:			20px;
	top:			170px;
}
a#s {
	height: 	50px;
	left:			40px;
	top:			180px;
	width:		120px;
} 
a#k {
	height: 	90px;
	width:		90px;
	left:			20px;
	top:			190px;
}

/*--------------------------------------------------------------------------------*/
/* ----------------- Die Content-Spalte: Inhalt, rechter Teil der Seite-----------*/
/*--------------------------------------------------------------------------------*/

div#content {       /* Gesamte rechte Spalte (Content) ************/
	border-top:				0px dotted lightgrey;
	border-right:			0px dotted lightgrey;
	border-bottom:		0px dotted lightgrey;
	border-left:			0px dotted lightgrey;
  float:            left;
  height:						475px; 												/* 500 - margins etc */
  margin:						25px 25px 25px 25px; 					/* o r u l*/
  padding:					0;
  text-align:				justify;
	width:						750px; 												/* 800 - margins etc */
}