body {
  width: 98%;
  text-align: center;
  margin: 0;
  padding: 0;
  background: #cccccc;
  font-size: x-small; /* für IE5/ Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-family: "Verdana", sans-serif;
  font-size: x-small /* für konforme Browser */
  }

html>body { /* sei nett zu Opera */
  font-size: small;
  }

#inhalt {
  width: 810px;
  margin: auto;
  background: #ffffff;
  padding: 0px;
  border: 2px solid #aaaaaa;
  text-align: left;
  }

.eco {font-weight: bold;}
.versum {font-style: italic; font-weight: bold;}
.note { font-size: 90%; font-family: "Verdana", sans-serif; font-style: italic;
  }

#header_index, header_01aktuell, header_02schulen, header_03beraten, header_04organisieren, header_05publizieren, header_06international,header_07wir, header_08wbilder,{
  width: 100%;
  margin: 0px;
  }

#header_index {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_01aktuell {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_02schulen {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_03beraten {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_04organisieren {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_05publizieren {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_06international {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_07wir {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_08bilder {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}
#header_09wir {background: url(img/Ecoversum_title_orange_02.jpg) no-repeat top left;}


#header h2 {
  display: none;
  margin: 0px;
  }

#header a {text-decoration: none; color: #F7A901;}

#navigation {
  margin: 10px 0px;
  padding: 0px;
  background: #ffffff;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
  }

#nav {
  margin: 0px 0px;
  padding: 8px 0px;
  text-align: center;
  list-style: none;
  }

.naviaktiv {
  background-color: #F7A901;
  }

#nav li {
  display: inline;
  margin: 0px 8px;
  font-size: 100%;
  }

#nav a {
  margin: 0;
  padding: 0;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
  }

#nav a:hover {
  color: #4444AA;
  text-decoration: underline;
  }

span a, p a, dl a, div a{
  color: #4444AA;
  text-decoration: none;
  }

h4 a {color: #000000;}

span a:hover, p a:hover, dl a:hover div a:hover{
  color: #4444AA;
  text-decoration: underline;
  }

#seitentop a {
  font-size: 90%;
  }

#seitentop {
  clear: both;
  padding: 10px;}

table {width: 95%;}

#th td {
 font-weight: bold;
 background-color: #F7A901;
 color: #ffffff;
 }

td  {
  padding: 2px;
  font-size: 85%;
  vertical-align: top;
  border: 1px solid #F7A901;
  }

#sidebar {
  background-image:url('img/bg_sidebar.jpg');
  background-repeat:repeat-x;
  float: left;
  width: 185px;
  margin: 0px;
  text-align: left;
  list-style: none;}

#sidebar a {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  }

#sidebar h3 {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
  font-size: 100%}
  
#sidebar a:hover {
  color: #000000;
  text-decoration: underline;
  }

.sidebaraktiv {
  padding: 20px;
  background-color: #F7A901;
  }

.subnav a {
  margin: 0px;
  padding: 0px;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
  }
#subnav a:hover {
  color: #4444AA;
  text-decoration: underline;
  }

h1 {margin: 30px 30px 30px 15px; font-size: 140%; font-weight: normal; line-height: 120%;}
h2 {margin: 30px 25px 0px 15px; font-size: 105%; line-height: 120%;}
h3 {margin: 30px 25px 0px 15px; font-size: 135%; font-weight: normal; line-height: 120%;}
h4 {margin: 40px 25px 0px 15px; color: #000000; background-color: #FFCC66;
    padding-left: 9px; padding-top: 12px; padding-bottom: 12px;
    font-size: 130%; font-weight: bold; line-height: 120%;}
#h4ausgebucht {margin: 40px 25px 0px 15px; padding-bottom: 25px;
           background-color: #FFCC66; background-image:url(img/kursausgebucht.jpg); background-repeat: no-repeat;
           background-position: top right;
           text-align:left; font-size: 130%; font-weight: bold; line-height: 120%;
           }
#h4laeuft {margin: 40px 25px 0px 15px; padding-bottom: 25px;
           background-color: #FFCC66; background-image:url(img/kurslaeuft.jpg); background-repeat: no-repeat;
           background-position: top right;
           text-align:left; font-size: 130%; font-weight: bold; line-height: 120%;
           }
#h4vorbei {margin: 40px 25px 0px 15px; padding-bottom: 25px;
           background-color: #FFCC66; background-image:url(img/kursvorbei.jpg); background-repeat: no-repeat;
           background-position: top right;
           text-align:left; font-size: 130%; font-weight: bold; line-height: 120%;
           }
#h4kommt {margin: 40px 25px 0px 15px; padding-bottom: 25px;
           background-color: #FFCC66; background-image:url(img/kurskommt.jpg); background-repeat: no-repeat;
           background-position: top right;
           text-align:left; font-size: 130%; font-weight: bold; line-height: 120%;
           }
#h4neu {margin: 40px 25px 0px 15px; padding-bottom: 25px;
           background-color: #FFCC66; background-image:url(img/kursneu.jpg); background-repeat: no-repeat;
           background-position: top right;
           text-align:left; font-size: 130%; font-weight: bold; line-height: 120%;
           }
p  {margin: 15px 25px 0px 15px;; font-size: 100%; line-height: 120%;}

.p_jetzt {margin: 15px 25px 0px 15px;; font-size: 100%; line-height: 120%;
            background-color: #FFFFFF; background-image:url(img/02_jetzt.jpg); background-repeat: no-repeat; background-position: top right;}
.p_nochanmelden {margin: 15px 25px 0px 15px;; font-size: 100%; line-height: 120%;
            background-color: #FFFFFF; background-image:url(img/02_nochanmelden.jpg); background-repeat: no-repeat; background-position: top right;}
.p_ausgebucht{margin: 15px 25px 0px 15px;; font-size: 100%; line-height: 120%;
            background-color: #FFFFFF; background-image:url(img/02_ausgebucht.jpg); background-repeat: no-repeat; background-position: top right;}
.p_laeuft{margin: 15px 25px 0px 15px;; font-size: 100%; line-height: 120%;
            background-color: #FFFFFF; background-image:url(img/02_laeuft.jpg); background-repeat: no-repeat; background-position: top right;}
.p_vorbei{margin: 15px 25px 0px 15px;; font-size: 100%; line-height: 120%;
            background-color: #FFFFFF; background-image:url(img/02_vorbei.jpg); background-repeat: no-repeat; background-position: top right;}
.p_ausgebuchtvorbei {margin: 15px 25px 0px 15px;; font-size: 100%; line-height: 120%;
            background-color: #FFFFFF; background-image:url(img/02_ausgebuchtvorbei.jpg); background-repeat: no-repeat; background-position: top right;}


ul li {margin: 5px 0px; list-style-type: square; line-height: 120%;}
table {margin: 25px 15px; line-height: 140%;}


#kontakt {
  margin: 0px 0px 0px 0px;
  text-align: center;
  color: #000000;
  font-weight: normal;
  font-size: 70%;
  }

.kontakt {
  font-weight: normal;
  }

#sidebar h4 {margin: 30px 0px 20px 0px; padding: 0px; font-weight: bold; background: none; color: #777777; font-size: 100%;}
#sidebar h3 {margin: 10px 0px 10px 12px; padding: 0px; font-style: normal; background: none; color: #777777; font-size: 90%;}

#content {
  float: right;
  width: 615px;
  margin: 0px;
  background: #ffffff;
  text-align: left;
  border-left: 1px solid #ccc;
  }

#content img {margin: 0px;}

.fotoreihe {margin: 0px; padding: 0px;}
.fotoreihe img {margin: 0px; padding: 0px;}
.img_text {width:200px; float:left;}
.publikation_img_h {width:150px; float:left;}

img {border: 0px;}

.hoch {width: 180px;}
.original {width: auto;}

#galerie {
  display: inline;
  }

.divimg {
  float: left;
  margin: 7px 3px 7px 3px;
  text-align: center;
  width: 187px;
  height: 225px;
  }

.leftimg {
  float: left;
  margin: 7px 7px 7px 0px;
  width: 187px;
  height: 250px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  }
  
.centerimg {
  float:left;
  margin: 7px 7px 7px 7px;
  width: 185px;
  height: 250px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  }

.rightimg {
  float: left;
  margin: 7px 0px 7px 7px;
  width: 185px;
  height: 250px;
  text-align: center;
  vertical-align: ;
  list-style: none;
  }

.download {margin: 5px; padding: 5px; color: #000000; font-size: 90%;}

.formimg {
  margin: 0px;
  padding:0px;
  }

.inputimg {
  text-align: center;
  margin: 0px;
  padding:0px;
  font-style:veranda;
  font-size:100%;
  background-color: #F6C969;
  line-height:120%;
  width: 140px;
  border:0;
  }

.textimg {
  margin: 0px;
  padding:2px;
  text-align: center;
  font-style:veranda;
  font-size:100%;
  background-color:#F6C969;
  line-height:120%;
  width: 148px;
  border:0px;
  }

.imgh {
  height:140px;
  text-align: center;
  }

.imgq {
  width:148px;
  text-align: center;
  }


.imgtext {
  margin:0px;
  padding: 0px;
  line-height: 120%;
  font-style: italic;
  font-size: 80%;
  }

#visible {
  z-index: 20;
  margin-left: 10px;
  position: fixed;
  background-color:#DDDDDD;
  text-align:center;
  height: 470px;
  width: 590px;
  padding: 0px;
  }

#hidden {
  display: none;
  }
  
.kontakt_div {
  float: left;
  width:615px;
  margin:0px;
  font-family: "Verdana", sans-serif;
  }

.kontakt_img {
  float:left;
  width:175px;
  margin: 20px;
  display: inline; /* fixt den Bug der Randverdopplung im IE/Win */
  }

.kontakt_img img {
  margin: 0 8px 0 0;
  padding: 10px;
  border:5px;
  hspace: 20px;
  width: 170px;
  border: 2px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #ffffff;
  }

.kontakt2_img {
  float:left;
  width:200px;
  margin: 20px;
  display: inline; /* fixt den Bug der Randverdopplung im IE/Win */
  }

.kontakt2_img img {
  margin: 0 8px 0 0;
  padding: 10px;
  border:5px;
  hspace: 20px;
  width: 170px;
  border: 2px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #ffffff;
  }

.kontakt_text {
  float:right;
  width:360px;
  text-align: right;
  }

.kontakt_text p {margin: 25px; padding: 0px; text-align: right; font-size: 100%; line-height: 120%;}
.kontakt_text span {padding: 2px 5px 2px 20px; background-color: #F6C969; font-size: 140%; line-height: 170%;}

.content_thema {
  float: left;
  width:590px;
  margin: 10px 0px;
  font-family: "Verdana", sans-serif;
  }

.content_img {
  margin: 20px 20px 20px 20px;
  float:left;
  width:200px;
  display: inline; /* fixt den Bug der Randverdopplung im IE/Win */
  }

.content_img img {
  float:left;
  margin: 0 8px 0 0px;
  width: 200px;
  border: 2px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #ffffff;
  }

.publikation_img_q {
  margin: 20px 20px 20px 20px;
  float:left;
  width:200px;
  display: inline; /* fixt den Bug der Randverdopplung im IE/Win */
  }

.publikation_img_q img {
  float:left;
  margin: 0 8px 0 0px;
  width: 200px;
  border: 2px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #ffffff;
  }

.publikation_img_h {
  margin: 20px 20px 20px 20px;
  float:left;
  width:200px;
  display: inline; /* fixt den Bug der Randverdopplung im IE/Win */
  }

.publikation_img_h img {
  float:left;
  margin: 0 8px 0 0px;
  width: 150px;
  border: 2px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #ffffff;
  }

.content_text {
  float:right;
  width:320px;
  text-align: left;
  }

#footer {
  clear: both;
  width: 780px;
  margin: 20px 15px;
  padding: 10px 0px;
  background: #ffffff;
  text-align: center;
  border-top: 1px solid #27754E;
  font-size: 110%;
  }

#footer p {
  font-size: 80%;
  }

#lan li {
  display: inline;
  margin: 0;
  padding: 10px 15px;
  font-family: "Verdana", "Sans Serif";
  font-size: 100%;
  text-decoration: none;
  }

#lan a{
  margin: 0;
  padding: 0;
  color: #999999;
  text-decoration: none;
  }

#lan a:hover{
  color: #F6C969;
  text-decoration: underline;
  }