/* ------------------- */
/* allg. Definitionen  */
/* ------------------- */

html { 
  padding:0px;
  margin:0px;
  background-color: #ccc;
}

body {
  background-color: #eed;
  font-size: .8em;
  font-family: 'Lucida Grande', Verdana, Geneva, Arial, SunSans-Regular, Sans-Serif;
  color:#888;  
  padding: 10px;
  border: 1px solid black;
}

html > body { 
  padding:0px;
  margin:10px; 
}

h2 {
 font-family: verdana, arial, helvetica, sans-serif;
 color: #03c;
 font-size: 0.9em;
 text-align: center;
}

h1 { 
font: italic normal 28pt georgia, 'Lucida Grande', Verdana, Geneva, Arial, SunSans-Regular, Sans-Serif;
}

/* ------------------- */
/* Header              */
/* ------------------- */
#header { 
  height: 57px;
  background-color: #eec;
  border-bottom: 1px solid #333;
}

/* ------------------- */
/* Footer              */
/* ------------------- */
#footer {  
  padding-top: 10px;
  border-top: 1px solid #333;
}

/* ------------------- */
/* linke Spalte        */
/* ------------------- */
#links {
/*  position:absolut;*/
  float:left;
  color: #564b47;
  margin: 0px;
  padding: 0px;
  margin-top:20px; 
  background-color: #eed; 
}


/* ------------------- */
/* rechte Spalte       */
/* ------------------- */
#rechts {
color: #564b47;
margin: 0px; 
padding: 10px;
margin-top:20px; /* IE spez. */
float:right;
float:left;
}

/* --------------------------- */
/* Inhalt (mittlerer Bereich)  */
/* --------------------------- */

#inhalt {
  width: 100%; /* IE spezifisch */
  padding: 10px;
  background-color: #ffe;    
  border: 1px solid #333;
  margin: 20px 100px 10px 250px;
}

body > #inhalt {
  /* px, da Opera und FF %-Werte unterschiedlich interpretieren */ 
  width: 600px; 
}

#inhalt > a {
color: #f05;
font-weight: bold;
text-decoration: none;
}

#inhalt * a {
color: #f05;
font-weight: bold;
text-decoration: none;
}

#inhalt * a:hover {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
background-color: #fff;
}

#inhalt > a:hover {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
background-color: #fff;
}

#inhalt * a:visited {
color: #f05;
}

#Hinweis {
background-color: #eef;
color:#000;
font-size: 1em;
border:1px solid #000;
padding:10px;
}

/* ------------------- */
/* Das Banner          */
/* ------------------- */
#banner {
position: absolute;
/* horizontal */
top: 11px;
left: 11px;
width: 550px;
height: 55px;
background-image: url('../images/chilihead_horiz.jpg');
background-repeat: no-repeat;
float: left;
}

/* ------------------- */
/* Hintergrund         */
/* ------------------- */
#plant { 

}

#flames { 
position: absolute;
top: 90px;
left: 32px;
right:0%;
width: 40px;
height: 300px;
background-image: url('../images/flammen2.jpg');
}

#links > #flames { 
left: 40px;
}

/* ------------------- */
/* Container fır Menıs */
/* ------------------- */
#menucontainer_l {
  width:150px;
  width:13em;
  padding:5px;
  margin:0px 0px 0px 65px;
}

#menucontainer_r {
  padding:5px;
  margin:0px 0px 0px 10px;
  width:10em;
  border: 1px dotted black;
}


/* ------------------- */
/* Menıeintrag         */
/* ------------------- */
.menu { 
display: block;
padding: 5px;
color: #888;
}
a.menu { 
text-decoration: none;
font-weight: bold;
font-size: 0.8em;
font-family: georgia, Sans-Serif;
}
a.menu:hover { 
background-color: #ffe;
color: #03c;
}

/* ------------------- */
/* Content textbezogen */
/* ------------------- */
#textualcontent {
}

#textualcontent a{
padding: 2px 2px;
}

#textualcontent a:hover {
}

#textualcontent table {
 empty-cells: show;
 border-spacing: 1px;
 border-style: solid;
 border-width: 1px;
 border-color: #000;
 background-color: #000;
}

#textualcontent table th {
 background-color: #eed;
 padding-left: 5px;
 padding-right: 5px;
}

#textualcontent table tr {
}

#textualcontent table td {
 background-color: #eed;
 padding: 5px;
}

.chapter { 
  border-left:1px solid #bbb;
  border-top:1px solid #bbb;
  border-right:1px solid #222;
  border-bottom:1px solid #222;
  padding: 20px;
  padding-top: 5px;
  margin-bottom: 10px;
}

#textualcontent ul {
list-style-type: circle;
}

/* ------------------- */
/* externe Links       */
/* ------------------- */
p.extern {
  display: block;
}

a.extern:before {
  content:url(../images/externer-link.png); 
  display:inline; 
  width:15px; 
  height:7px;
  padding-top: 0.5em;
}

/* ------------------- */
/* Content Galerie     */
/* ------------------- */

div.float {
  float: left;
  width: 120px;
  width: 25%;
  height: 150px;
  padding: 10px;
  margin: 10px;
  border-left:1px solid #bbb;
  border-top:1px solid #bbb;
  border-right:1px solid #222;
  border-bottom:1px solid #222;
}
  
div.float p {
  text-align: left;
  font-size: 90%;
}

div.tcontainer {
}

div.spacer {
  clear: both;
}

/* ------------------- */
/* Definition Fehler   */
/* ------------------- */
#errortext {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 10%;
  margin-right: 10%;
}


td {
font-size: .7em; 
color: #666;
}

.infodiv {
  position:absolute; 
  visibility:hidden; 
  z-index:20; 
  top:0px; 
  left:0px;
  }

.infotable {
  border-width:1px;
  border-color:#000000;
  border-style:solid;
  border-spacing:0px;
	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

  }

.infohead {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size:11px;
  line-height:12px;
  text-align:center;
  color:#FFFFFF;
  background-color:#CC9900;
  border-width:0px 0px 1px 0px;
  border-color:#000000;
  border-style:solid;
  }

.infocell {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  color:#000000;
  background-color:#FFDD77;
  }