html { 
overflow-y: scroll;
} 

body{
  background: #000000;
}



/******* Definition der Div-Bereiche *******/

/* main ist Feld, das mit Header, Navi und Textfeld gefuellt wird */
#main {
/*  background: #0000FF; */  /* nur zu Demonstrationszwecken ;-) */
  text-align: left;

  position: relative;
/*  margin: 10px; */
  padding: 10px;

  width: 990px;
  height: 560px;
}


/* header und text relative, dann kein top-margin bei text,
   header und text absolute, dann Hintergrundfarbe main weg... top-margin text muss auf 150px */


#header {
  position: absolute;   /* mit main */
 /* position: static; */ /* ohne main */

  background: url(Kempo-Header3.png) no-repeat;
  margin-left: 275px; /* 300px mit Header2, 375px mit Header3*/
  height: 130px; /* 150px mit Header2 */
  width: 650px; /*800px mit Header2 auch für min,max-width*/

  min-width: 650px;
  max-width: 650px;

 /* margin-right: 150px;*/
 /* width: 100% -300px;*/

  z-index: 0;
}




#nav {
	position: absolute;
	background-color: black;
	/* color: white;  Farbe der Listenpunkte, falls vorhanden */
	margin-top: 150px;
}

#nav ul {
	background-color: black; /* Farbe Umrandung der Navi */
	width: 168px; /* Breite Navi-Button */
	padding-left: 25px; /* Abstand nach rechts (und links, oben, unten) */
}

#nav li {
	list-style: none; /* keine Aufzaehlungspunkte */
	padding: 3px; /* Abstand zwischen Navi-Buttons */
	/* color: green;  kein Einfluss?!*/
	color: #ffd700;
}

#nav li#sel a {
  background: #333333;
  color: red;
}

#nav li#sel a:hover {
  background: #444444;
  color: red;
}

#nav a {
	display: block;
	color: #ffd700;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background: #222222;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #111111;
	border-bottom: 1px solid #111111;
}

#nav a:hover {
	background: #333333;
	color: red;
}


#nav ul ul{
  position: static;
  font-size: 0.8em;
  line-height: 1.2em;
  margin-left: 10px;
  width: 155px;
  padding: 3px;
}








#text {

  background: rgb(255,255,204);
  text-align: left;
  padding: 10px;
  display: block;


  width: 750px;
  min-width: 700px; 
  max-width: 750px; /* neu: löst Problem beim Herauszoomen */
  min-height: 400px;


/* mit main: */

  position: absolute; 
  margin-left: 210px;
  margin-top: 140px;

  font-family: Cambria, TimesNewRoman, Calibri, Arial;
  font-size: 16px;
/* ohne main: 
	margin-top: 20px; wenn ohne main bzw. header relative/static
*/


/*
  position: relative;
  margin-left: 310px;
  margin-top: 20px;
*/

}

#text p, ul, td, tr, h5 {
	font-family: Cambria, TimesNewRoman, Calibri, Arial;
	font-size: 16px;
}


#text h2.reise, h4.reise {
	font-family: Cambria, TimesNewRoman, Calibri, Arial;
	font-weight: bold;
	text-align: center;
	color: rgb(153,0,0);	
}


#text p.reise, span.reise {
	color: rgb(128,0,0); /* Die Reise: rgb(153,0,0), Was ist Kempo: rgb(128,0,0)*/
}


/******* Formatierung der Schrift für Überschriften, Links, ... *******/


#text span.stimmen {
	font-weight:bold; 
	font-size: 16px;
}

#text p.stimmentext {
	font-style:italic;
	font-size: 14px;
}


/******* Für Links zu Teilnehmerstimmen *******/
a[href].teil {
  color: #330000;
  font-weight: bold;
  text-decoration: none;
}

a[href].teil:hover {
  color: #AA0000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}


#bilder{
	border: 2px solid rgb(128,0,0);
}

#bilderfeedback{
	/* border: 2px solid rgb(128,0,0); */
	border: 2px solid rgb(255,204,0); 
	/*border: 2px solid rgb(255,215,0); */
	/*border: 2px solid rgb(184,134,11); */
}


#bg {
	background-color: rgb(255,255,153);
}