/* Allgemeine Elementanweisungen */
body {
  background: url(button/jungel2.jpg) #99cc99 repeat;
  color: #000;
  font-family: arial,helvetica, sans-serif;
  font-size: 100.01%;
  margin: 0;
  }

 div#Seite {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 800px;
	padding: 0 0 0 0px;
	background: #faf9ef;
	background-image: url(button/cabuhe_kopf.gif);
	background-repeat: no-repeat;
  }
  html>body div#Seite {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }

h1 { 
	font-family: helvetica,arial,serif; 
	font-size: 130%;
}

h2 { 
	font-family: helvetica,arial,serif; 
	font-size: 90%;
	font-weight:bold;
	line-height:0 em;
}
p,ul {font-size: 90%;
		}

a:link{color:#000;}
a:visited { color: #000; }
a:hover,
a:focus,
a:active {
 color: #F66;
}

img { border: 0; }

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}	


/* Menue Kopf*****************************************************/
/*Titel */	

h1.kopftitel{
   padding: 110px 0 0 370px ;
   color: #fff;
 /* background: red;*/
}


#menue {
  width: 650px;
  margin: 0px 0 0 110px ;

  
}

#menue ul {
  list-style: none;
  padding: 1em 0 0 0;
  margin: 1em 0 1.8em 0;
  
  }/* HINWEIS: Der IE braucht eine margin nach links von 0, damit das Menue ganz linksbuendig dargestellt wird! Mozilla dagegen braucht ein padding-left von 0. */

#menue ul a:link{color:#030; text-decoration:none; }
#menue ul a:visited { color: #030; text-decoration:none;}
#menue ul a:hover,
#menue ul a:focus,
#menue ul a:active { color: #fff;}

#menue li {
  display: inline;
  font-size: 110%;
  font-weight: normal;
  margin-right: 5px;
  color:#030;
  }
#menue li a{ text-dekoration: none; }

/* Inhalt ***************************************************** */
h2.startseitentitel {font-size: 140%;
margin-left:20px;}
#inhalt {
	width: 760px;
  	background: #faf9ef;
  	padding:10px; 
	margin:0 10px 0 10px;
	
}
.fotorechts{
	float: right;
	margin-left:10px;
	margin-right:10px;
}
.fotolinks{
	float: left;
	margin-right:10px;
}
.foto_start{
	width:415px;
	height:463px;
	float:right;
	margin-top:2px;
	margin-left:1px;
	
	
	
}
p.startseite{ 
width:290px;
line-height:1.9em;
margin-left:20px;
	}
p.letzter_start{
padding-bottom:2em;
}

table.projekte{
	width: 780px;
	padding:0; 
	border:0;
}
table.projekte td p{
	padding:0 10px ; 
	
}
table.projekte td img{
	border-bottom:1px dotted black ; 
	border-left:1px dotted black ; 
}		
a.grafik { color:#000000; }
.klein { font-size:80%; padding-left:10px;margin-left:10px;}
.disclaimer { font-size:60%; }
	/*  CAMI Seite mit schwarzer Hintergrund und weisser Schrift*/
.weiss { color:#ffffff;  }
table.hintweiss { background:#ffffff; cellpadding:5; border:1;}
/*  Formular auf kontaktseite*/

.kontaktkopf {margin-left:150px}
form {
  padding: 0;
  margin: 0;
}
.beschriftung {
  float: left;
  width: 9em;
  text-align: right;
}

.eingabefeld {
  float: left;
  width: 20em;
  max-width: 450px; /* maximale Breite, geht nicht im IE */
}

form p {
  font-size: 1em;
  margin: 14px 0;
}

label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
}


/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */

input,
textarea {
  width: 100%;
  background: #F7F7F7;
  font-family: verdana, arial, sans-serif;
  font-size: .9em;
  border: 1px solid #CCC;
}

/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #FCFCFC;
  border: 1px solid #999;
}

input:focus,
textarea:focus {
  background: #FFF;
  border: 1px solid #CC0000;
}