* {
  font-family:Arial,sans-serif;
  font-size:14px;
}

body {
  background:url("images/bg_new.gif") #F3E7B4 no-repeat left top;
  margin:0px;
  padding-right:10%;
}


body.noimage {
  background-image:none;
  margin:10px;
  padding-right:0;
}

a {
	color:#001F95;
}

/* Nur zur Auswahl einer Standardklasse */
.standard {
}


#topnavigation {
	margin:10px;
}

#topnavigation a {
  font-size:90%;
  padding-left:15px;
  margin-left:5px;
  background:url("images/punkt.gif") center left no-repeat;
}

a:hover {
	color:#d54900;
}

#topnavigation a.menuaktiv {
  font-weight:bold;
}


/* Menü */
#menu {
	margin:0px;
  padding:0px;
  border-width:0px;
	position:absolute;
  top:215px;
  left:23px;
}

#menu span {
	position:absolute;
	margin-top:15px;
	display:block;
  width:100px;
  text-align:right;
  font:bold 12px arial;
}

#menu a {
  text-decoration:none;
	display:block;
  height:60px;
  width:175px;
  margin-bottom:4px;
  color:#E0AF97;
}

#menu a.menuaktiv,
#menu a:hover {
  color:#ffffff !important;
}


#menu1 {	background:url("images/frosch_menu.gif") no-repeat right; }
#menu2 {	background:url("images/fledermaus_menu.gif") no-repeat right; }
#menu3 {	background:url("images/specht_menu.gif") no-repeat right; }
#menu4 {	background:url("images/eule_menu.gif") no-repeat right; }


#submenu {
	position:absolute;
  top:240px;
  padding-left:270px;
	left:50%;
}

#submenu a {
  margin-top:10px;
	padding-left:35px;
  display:block;
  background:url("images/blatt_hell.gif") center left no-repeat;
}

#submenu a.menuaktiv {
  font-weight:bold;
  background-image:url("images/blatt.gif");
}

#submenu a:hover {
  background-image:url("images/blatt.gif");
}



/* Content */

#inhalt {
  position:absolute;
  top:240px;
  left:270px;
  width:45%;
  color:#444;
}

#veranstaltungen {
  position:absolute;
  top:240px;
  left:270px;
  width:50%;
  color:#444;
  font-sze: 10px;
  margin: 0;
    border: 0;
  padding: 3px;
  background: #f3cd84;
}

#head {
 font-weight: bold;
 line-height: 18px;
   padding: 10px;
}

#veranstaltungen td {
 border-bottom: 3px solid #F3E7B4;
   vertical-align: top;
}

#veranstaltungen a img {
border: 0;
background: url("picts/mehr.gif") 0 0 no-repeat;
}

#veranstaltungen a img:hover {
  cursor:pointer;
  background: url("picts/hover.gif") 0 0 no-repeat;
}

#veranstaltungen a, #veranstaltungen a:visted {
	background: url("picts/mehr.gif") 0 0 no-repeat;
}

#veranstaltungen a:hover {
}

#veranstaltung {
background: url("img/Logo_ev_Web.jpg") 0 0 no-repeat #f3cd84;
  position:absolute;
  top:240px;
  left:270px;
  width:50%;
  color:#444;
  font-sze: 10px;
  margin: 0;
  border: 0;
  padding: 10px;
}

#inhalt p {
	clear:both;
}

#inhalt a img {
	margin:3px;
  padding:4px;
  background-color:#eee;
  border:1px solid #ccc;
}

#inhalt a img:hover {
  background-color:#fff;
  border:1px solid #888;
  cursor:pointer;
}

h1,h3, .spruch {
	font-family:"Kristen ITC", "Comic Sans MS",Arial;
}

.spruch {
	font-weight:bold;
}

/* Hauptseitenüberschrift */
h1 { font-size:24px; margin-top:20px;}

/* Einleitender Text unter Hauptüberschrift */
h2 { font-size:16px; }

/* Unterüberschriften innerhalb von Text */
h3 {
	font-size:14px;
  margin-bottom:5px;
}


#head-img-left {
	float:left;
  margin-right:30px;
}

#head-img-right {
	float:right;
  margin-left:30px;
}

.liste {
	border:1px solid #888;
  border-collapse:collapse;
}

.liste td,
.liste th {
	width:33%;
	text-align:left;
  vertical-align:top;
  border:solid #888;
  border-width:0px 1px;
  padding:2px 6px 2px 4px;
}

.name {
	font-weight:bold;
  font-style:italic;
}

.quelle {
  font:italic 12px arial;
}

table.steckbrief td {
	padding:1px 5px;
}

/* Nur die erste Spalte der Tabelle soll fett sein. Hierzu werden zwei
Anweisungen definiert */
table.steckbrief tr > td {
	font-weight:bold;
}

table.steckbrief tr td + td {
	font-weight:normal;
}

.hinweis, .hinweis *{
	font-size:11px;
}

.hinweis {
  color:#888;
}


.button, .button-active {
	border: 1px solid #888;
  display:block;
  float:left;
  background-color:#ddd;
	font-weight:bold;
  padding:2px 10px;
  margin:4px;
}

.button:hover {
  background-color:#fff;
}

.button-active {
  background-color:#fff;
  color:#d54900 !important;
}

.imggroup {
  margin-top:10px;
  margin-bottom:20px;
}


#copyright {
	margin:0px;
	position:absolute;
	left:30px;
  top:510px;
  font-family:arial;
  font-size:12px;
  color:#999;
}

#copyright #realisierung {
  color:#bbb;
  display:block;
  font-size:10px;
  margin-top:10px;
}

#copyright a {
  font-size:10px;
  color:#aaa;
}

a#impressum {
  display:block;
	color:#001F95;
  font-size:12px;
}

/* rma 20100202 */
/*
#submenu {
	position:absolute;
  top:260px;
  left:220px;
  width: 200px;
  padding: 0;
}


#inhalt {
  position:absolute;
  top:240px;
  left: 450px;
  width:45%;
  color:#444;
}
*/
#topnavigation a {
  font-size:100%;
 }
#copyright {
  top:570px;
 }
 
#submenu a {
  margin-top:8px;
	padding-left:32px;
  font-size: 12px;
  text-decoration: none;
}

#menu {
  left:45px;
}

#menu a {
	color: #edbba2;
}


#submenu {
  padding-left:325px;
	left:51%;
}
#inhalt {
  width:55%;
}