@import "ear_form.css";

html, body, * {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica;
  color: #00a650;
}

html, body {
  min-height: 100%;
}

body {
  background-color: #eef9ed;
  background-image: url('back.gif');
  background-position: top left;
  background-repeat: repeat-x;
  margin-bottom: 20px;
  margin-top: 21px;
  min-height: 100%; 
}

#pagecontainer {
  margin: 0 auto;
  width: 92%;
  min-width: 780px;
  min-height: 1200px;
  
  border-style: solid;
  border-width: 1px;
  border-color: #00a650;
  
  background-color: #f8fdf7;
  
  margin-bottom: 0;
  
  position: relative;
  
 /* overflow: hidden;*/
}

#head {
  width: 100%;
  height: 229px;
  background-image: url('top_center.gif');
  background-position: left top;
  background-repeat: repeat-x;
}

#headleft {
  width: 100%;
  height: 229px;
  background-image: url('left_top.png');
  background-position: left center;
  background-repeat: no-repeat;
}

#headright {
  width: 100%;
  height: 229px;
  background-image: url('right_top.png');
  background-position: right top;
  background-repeat: no-repeat;
}

#navigation {
 /* float: left;
  width: 170px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 3.45em; 
  display: inline; */   
  
  position: absolute;
  width: 200px;
  left: 20px;
  padding:0px;
  margin-top: 3.55em;
  
  clear: both;
  
  z-index: 5;
}

#content {
  margin-left: 240px;
  margin-right: 20px;
  margin-bottom: 30px;
}

h2 {
  text-align: left;
  font-size: xx-large;
  color: #00a650;
  border-bottom-style: solid;
  border-color: #00a650;
  border-width: 1px;
}

#content div.newsentry {
  border-style: solid;
  border-color: #00a650;
  border-width: 1px;
  margin-top: 1em;
  padding-bottom: 0.5em;
  width: 100%;
  clear: right;
  overflow: hidden;
  position: relative;
}

#content div.newsentry h3 {
  color: #00a650;
/*  font-size: x-large; */
  font-size: 140%;
 /* border-bottom-style: solid;*/
  border-color: #00a650;
  border-width: 1px;
  padding-left: 10px;
}

#content p {
  font-size: small;
  padding: 0.5em;
  text-align: justify;
 /* line-height: 1.3em;*/
  padding-left: 10px;
  padding-right: 10px;
  color: #000000;
}

/*#content p:hover {
  background-color: #FFFFFF;
}*/

#content div.newsentry > ul li {
  font-size: small;
  text-align: justify;
}

#content div.newsentry > div {
  float: right;
  clear: right;
  width: 25%;
  min-width: 180px;
  background-color: #eef9ed;
  border-style: solid;
  border-color: #00a650;
  border-width: 1px;
  margin: 5px;
  padding: 5px;
  margin-bottom: 0;
  margin-left: 10px;
  
  text-align: right;
  font-size: small;
  display: inline;
}

#content div.newsentry div.einrwechseln {
  min-width: 320px;
  min-height: 4em;
}

#content div.newsentry div.bildinfo {
  float: right;
  clear: right;
  width: 25%;
}

#content div.newsentry div.bild {
  float: left;
  clear: left;
  width: 55%;
}

#content div.newsentry div.galeriebild {
  float: left;
  clear: none;
}

#content div.newsentry div.galerieinfo {
  width: auto;
  float: none;
  clear: right;
  display: block;
}

#content div.newsentry div.galerieinfo p {
  float: none;
  text-align: left;
}

#content div.newsentry > div * {
  text-align: inherit;
  font-size: inherit;
  width: 100%;
  border-style: none;
  margin: 0;
  padding: 0;
}

#content a:hover {
  color: #000000;
}

div.clear, hr {
 /* width: 99% ! important;*/
  height: 1px ! important;
  margin: 0 ! important;
  padding: 0 ! important;
  clear: right ! important;
  border-style: none ! important;
  float: none ! important;
  background-color: transparent;
  visibility: hidden;
}

#content div.newsentry > hr {
  visibility: visible;
  color: #00a650;
  background-color: #00a650;
  height: 1px;
  margin: 0;
  padding: 0;
  clear: none ! important;
  float: none ! important;
  margin-top: 1em;
  margin-bottom: 1em;
/*  width: auto  ! important;*/
}

#content div.newsentry > ul {
  margin-left: 1em;
  padding-left: 1em;
  list-style-type: disc;
}

#content div.newsentry > div > ul {
  list-style-type: none;
}

#content div.newsentry > ul > li.list2 {
  list-style-type: none;
}

#content div.newsentry > ul > li > ul {
  margin-left: 1em;
  padding-left: 1em;
}

#content div.newsentry > ul li {
  color: #000000;
}

#navigation ul, #navigation li {
  list-style: none;
}

#navigation ul {
  padding-bottom: 1em;
}

#navigation ul li {
  display: block;
  background-color: #eef9ed;
  border-style: solid;
  border-color: #00a650;
  border-width: 1px;
  margin-bottom: 5px;
  /*padding: 2px;*/
  padding: 0.1em;
  padding-left: 15px;
  /*height: 18px;*/
/*  height: 1.2em;*/
  background-image: url('navi.gif');
  background-position: top left;
  background-repeat: no-repeat;
  
  font-size: medium;
}

#navigation ul li:hover {
  background-image: url('navi_blank.gif');
}

#navigation ul li.lvl1 {
padding-left: 15px;
margin-left: 15px;
}

#navigation ul li.active {
  background-color: #00a650;
}

#navigation ul li a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  color: #00a650;
  font-size: medium;
}

#navigation ul li.active a {
  color: #f8fdf7;
  font-weight: bold;
}

#navigation div {
  width: 100%;
  background-color: #eef9ed;
  border-style: solid;
  border-color: #00a650;
  border-width: 1px;
  margin-bottom: 1em;
  
  text-align: left;
  font-size: small;
  overflow: hidden;
}

#navigation div div, #navigation div p{
  border-style: none;
  border-bottom-style: solid;
  border-color: #00a650;
  border-width: 1px;
  margin: 0;
  padding: 2px;
  
}

#navigation div > a {
  display: block;
  text-align: center;
  text-decoration: none;
}

#navigation div > a:hover {
  font-weight: bold;
}

#navigation div img {
  width: 160px;
  border-style: none;
  margin: 4px;
}

#footer {
  width: 100%;
  background-color: #00a650;
  margin-top: 1em;
  color: #f8fdf7; 
  clear: both;
  
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; 
  
 /* position: relative;*/
  
  z-index: 15;
}

#footer * {
  font-size: x-small;
  font-weight: bold;
  padding: 3px;
  color: #f8fdf7; 
}

#footer span.claims {
  white-space: pre;
}

#footer span.claims a {
  text-decoration: none;
}

#footer span.claims a:hover {
  font-weight:bold;
}

#footer span.claims a:before {
  content: '[';
}

#footer span.claims a:after {
  content: ']';
}

#jump {
  position: absolute;
  left: 3px;
  top: 3px;
}

#jump a {
  font-size: small;
  color: #f8fdf7; 
}

#jump a:hover, #jump a:focus, #jump a:active {
  background-color: #FFFFFF;
  color: #000000;  
} 

#navigation h2 {
  display: none;
}

h1 {
  display: none;
}

#content div.newsentry fieldset {
  border-style: solid;
  border-width: 1px;
  border-color: #00a650;
  margin: 10px;
  padding: 10px;
  font-size: small;
}

#content div.newsentry fieldset label {
  display: block;
  width: 25%;
}

#content div.newsentry fieldset label + input {
  width: 50%;
}

#content div.newsentry fieldset input, #content div.newsentry fieldset select {
  width: 50%;
  margin: 2px;
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #00a650;
  background-color: transparent;  
  color: #000000;
}

#content div.newsentry * + h3, #content div.newsentry * + * + h3 {
  margin-top: 0.5em;
  border-style: none;
  border-top-style: solid;
}

#content div.newsentry *:first-child + h3 {
  margin-top: 0;
  border-style: none;
}

#content div.newsentry * + p.jumpup + h3 {
  margin-top: 0;
  border-style: none;
  border-top-style: solid;
}

#content div.newsentry fieldset input:active, #content div.newsentry fieldset input:focus {
  background-color: #00a650;
  color: #FFFFFF;
  background-image: url('input_right.gif');
  background-position: right;
  background-repeat: repeat-y;
}

#content div.newsentry form fieldset textarea {
  width: 100%;
  border-style: inset;
  background-color: #FFFFFF;
  color: #000000;
  overflow: auto;
  height: auto;
  min-height: 300px;
  max-height: 600px; 
  border-color: #00a650;
}

#content div.newsentry form fieldset textarea:focus {
  border-style: outset;
  background-color: #eef9ed;
}

#loginout {
  text-align: right;
  margin: 0;
  padding: 0;
  margin-right: 10px;
}

#loginout a {
  color: #000000;
  font-size: x-small;
}

#content div.newsentry ul + p.jumpup {
  bottom: 0.4em;
  
}

#content div.newsentry p.jumpup {
  margin: 0;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  text-align: right;
  position: relative;
  bottom: 1em;
}

#content div.newsentry p.jumpup a {
  text-decoration: none;
}

#content div.newsentry p.jumpup a:hover {
  font-weight: bold;
}

#content div.newsentry table.usradmin {
  width: 100%;
  font-size: small;
}

#content div.newsentry table {
  width: 100%;
  font-size: small;
}

#content div.newsentry table.usradmin tr > td,
#content div.newsentry table.usradmin tr > th {
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}

#content div.newsentry table.usradmin tr > td:first-child,
#content div.newsentry table.usradmin tr > td:first-child + td,
#content div.newsentry table.usradmin tr > td:first-child + td + td,
#content div.newsentry table.usradmin tr > th:first-child,
#content div.newsentry table.usradmin tr > th:first-child + th,
#content div.newsentry table.usradmin tr > th:first-child + th + th {
  text-align: left;
}

#content div.newsentry table.typeadmin tr > td:first-child,
#content div.newsentry table.typeadmin tr > th:first-child {
  text-align: left;
}

#content div.newsentry table.typeadmin tr > td:first-child + td,
#content div.newsentry table.typeadmin tr > td:first-child + td + td,
#content div.newsentry table.typeadmin tr > th:first-child + th,
#content div.newsentry table.typeadmin tr > th:first-child + th + th {
  text-align: center;
}

#content div.newsentry table.einradmin tr > td {
  text-align: center;
}

#content div.newsentry table.einradmin tr > td:first-child,
#content div.newsentry table.einradmin tr > td:first-child + td,
#content div.newsentry table.einradmin tr > td:first-child + td + td,
#content div.newsentry table.einradmin tr > th:first-child,
#content div.newsentry table.einradmin tr > th:first-child + th,
#content div.newsentry table.einradmin tr > th:first-child + th + th {
  text-align: left;
}

#content div.newsentry table.newsadmin tr > td,
#content div.newsentry table.newsadmin tr > th {
  text-align: center;
}

#content div.newsentry table.newsadmin tr > td:first-child,
#content div.newsentry table.newsadmin tr > th:first-child,
#content div.newsentry table.newsadmin tr > td:first-child + td + td,
#content div.newsentry table.newsadmin tr > th:first-child + th + th {
  text-align: left;
}  

#content div.newsentry table.pageadmin {
  text-align: center;
}
  
#content div.newsentry table.pageadmin tr > td:first-child,
#content div.newsentry table.pageadmin tr > th:first-child {
  text-align: left;
}

#content div.newsentry table.galadmin {
  text-align: center;
}

#content div.newsentry table.galadmin tr > td:first-child, 
#content div.newsentry table.galadmin tr > th:first-child,
#content div.newsentry table.galadmin tr > td:first-child + td,
#content div.newsentry table.galadmin tr > th:first-child + th {
  text-align: left;
}

#content div.newsentry table.caladmin tr > td,
#content div.newsentry table.caladmin tr > th {
  text-align: left;
}

#content div.newsentry table.caladmin tr > td:first-child + td + td + td,
#content div.newsentry table.caladmin tr > th:first-child + th + th + th {
  text-align: center;
}

#content div.newsentry table.extadmin tr > td,
#content div.newsentry table.extadmin tr > th {
  text-align: left;
}

#content div.newsentry table.extadmin tr > td:first-child,
#content div.newsentry table.extadmin tr > td:first-child + td + td + td,
#content div.newsentry table.extadmin tr > th:first-child,
#content div.newsentry table.extadmin tr > th:first-child + th + th + th {
  text-align: center;
}

#content div.newsentry table.log {
  text-align: center;
}

#content div.newsentry table.log tr th + th + th + th,
#content div.newsentry table.log tr td + td + td + td {
  text-align: left;
}

#content div.newsentry div.pic_edit {
  clear: none;
  float: left;
}

#content div.newsentry div.gallerylist {
  width: auto; 
  clear: both;
  float: none;
  margin-top: 0;
  margin-bottom: 0.5em;
  display: block;
  text-align: left;
  
}

#content div.newsentry div.gallerylist * {
  display: block;
}

#content div.newsentry div.gallerylist img {
  width: 20%;
  clear: none;
  float: none;
  display: inline;
  text-align: left;
  margin: 2px;
  padding: 2px;
   border-style: solid;
  border-color: #00a650;
  border-width: 1px;
  vertical-align: top;
}

#content div.newsentry form.log fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

#content div.newsentry div.gallerylist p {
  float: right;
  width: 50%;
  clear: right;
  margin-top: 0.5em;
}

#content div.newsentry p.logdiff {
  background-color: #FFFFFF;
  color: #000000;
  font-size: x-small;
}

#content div.newsentry p.logdiff del {
  color: #FF0000;
}

#content div.newsentry p.logdiff ins {
  color: #0000FF;
}

#content div.newsentry.einrichtungsheader {
  text-align: justify;
  overflow: hidden;
  height: 1em;
}

#content div.newsentry.einrichtungsheader span {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: small;
  font-weight: bold;
}

#content div.newsentry.einrichtungsheader span a.active {
  text-decoration: none;
}

#content div.newsentry.einrichtungsheader span.blocksatz {
  margin: 0;
  padding: 0;
  margin-left: 99%;
  line-height: 1px;
  font-size: 1px;
}