html, body {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 0.9em;
  font-family: Lucida Grande, Lucida, Arial, sans-serif; 
  line-height: 150%;
  color: #444;}

img {border: 0; max-width: 100%; height: auto}

#bookmarks {
  position: fixed!important; /* Firefox, Opera & CO */
  position: absolute; /* IE 6, 7, 8 */  
  right: 0;
  top: 180px;
  width: 30px;
  padding: 0 10px;
  margin: 0;
  z-index: 1000;
  /* Fallback */
  background: #ffffff;
  /* RGBa with opacity */
  background: rgba(255, 255, 255, 0.5);
  -webkit-animation-name: FadeIn;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-duration: 2s;  
  -moz-animation-name: FadeIn;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-duration: 2s;}

#bookmarks a {opacity: 0.7}
#bookmarks a:hover {opacity: 1.0}

#newwebsite {
  width: 100%;
	display: block;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  clear: both;
  background: #ff6600;
	color: #fff;
	font-size: 2em;
}

#newwebsite a {
	color: #fff;
	text-decoration: underline;
}

#container {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  clear: both;}

#header {
  width: 1000px;
  height: 25px;  
  padding: 5px 0 0 0;
  margin: 0;
}

#logo  {
  width: 600px;
  clear: both;
  height: 155px;
  padding: 0;
  margin: 0;  
  float: left;
}

#navi {
  width: 740px;
  height: 35px;
  margin: 0;
  padding: 0;
  clear: both;
  text-align: left;
  color: #fff;
  font-size: 11px;   
  float: left; 
}

#navi .table{
  border-top: 1px solid #b2d9e3;
  border-bottom: 1px solid #b2d9e3;
  border-right: 1px solid #b2d9e3;
  text-align: center;
  height: 22px;
  width: 740px;
  padding: 0;
  margin: 0;
  border-spacing:0;
  border-collapse: collapse;
}

#news {
  width: 1000px;
  height: 360px;
  margin: 0;
  padding: 0;
  clear: both;
}

#wrapper {
  float: left;
  width: 1000px;
  margin: 0;
  padding: 0;
  text-align: left;
  z-index: 10;  
  clear: both; 
}

#content {
  float: left;
  width: 510px;
  margin: 0px 15px 0px 15px;
  padding: 30px 0 20px 0; 
  text-align: left;
}

#content .listing { width: 510px; margin: 1em 0 1em 0; clear: both}
#content .list-box1 { width: 85px; margin: 5px 15px 1em 0; padding: 0; float: left}
#content .list-box2 { width: 410px; margin: 0 0 1em 0; padding: 0; float: left}
#content .list-box2 p { margin: 0; padding: 0; font-size: 0.9em}
#content .list-pub1 { width: 70px; margin: 5px 15px 1em 0; padding: 0; float: left}
#content .list-pub2 { width: 425px; margin: 0 0 1em 0; padding: 0; float: left}
#content .list-pub2 p { margin: 0; padding: 0; font-size: 0.9em}
#content .list-partner1 { width: 260px; margin: 0 10px 1em 0; padding: 0; float: left}
#content .list-partner1 p { margin: 0; padding: 0; font-size: 0.9em}
#content .list-partner2 { width: 240px; margin: 0 0 1em 0; padding: 0; float: left}
#content .list-search1 { width: 85px; margin: 0 15px 0 0; padding: 0; float: left}
#content .list-search2 { width: 410px; margin: 0; padding: 0; float: left}
#content .back { width: 40%; margin: 5px 0; padding: 0; float: left}
#content .next { width: 40%; margin: 5px 0; padding: 0; float: right; text-align: right}

#content p {clear: both; text-align: left;}

#content a.orange {background: #ff9933; color: #fff; padding: 5px; text-decoration: none}
#content a:hover.orange {background: #ff6600; color: #fff; padding: 5px; text-decoration: none}

#home {
  float: left;
  width: 710px;
  margin: 0px 15px 0px 15px;
  padding: 10px 0 20px 0;
}

#home h2 {font-size: 1.4em; border-bottom: 1px solid #003399; padding: 10px 0 6px 0; clear: both}

#home .listing { width: 710px; margin: 1em 0 1em 0; clear: both}
#home .list-box1 { width: 85px; margin: 5px 15px 1em 0; padding: 0; float: left}
#home .list-box2 { width: 610px; margin: 0 0 1em 0; padding: 0; float: left}
#home .list-box2 p { margin: 0; padding: 0; font-size: 1.0em}
#home .list-pub1 { width: 70px; margin: 5px 15px 1em 0; padding: 0; float: left}
#home .list-pub2 { width: 625px; margin: 0 0 1em 0; padding: 0; float: left}
#home .list-pub2 p { margin: 0; padding: 0; font-size: 1.0em}

#left {
  float: left;
  width: 200px;
  margin: -4px 0 0 0;
  padding: 35px 0 0 0;
}

#right {
  float: left;
  width: 240px;
  margin: -9px 0 50px 20px;
  padding: 0;
}

#search {
  float: left;
  width: 240px;
  margin: -22px 0 15px 0;
  padding: 0;
}

#footer {
  width: 510px;
  clear: both;
  text-align: center;
  font-size: 12px;
  color: #003399; 
  padding-top: 5px;
  margin-top: 600px!important; /* Firefox, Opera & CO */
  margin-top: 0; /* IE 5.01, 5.5, 6 */
  margin-bottom: 40px!important; /* Firefox, Opera & CO */
  margin-bottom: 0; /* IE 5.01, 5.5, 6 */
  margin-left: 215px;
}

#homefooter {
  width: 710px;
  clear: both;
  text-align: left;
  font-size: 12px;
  color: #777;
  border-top: 1px solid #ccc;  
  padding-top: 5px;
  margin-top: 600px!important; /* Firefox, Opera & CO */
  margin-top: 0; /* IE 5.01, 5.5, 6 */
  margin-bottom: 40px!important; /* Firefox, Opera & CO */
  margin-bottom: 0; /* IE 5.01, 5.5, 6 */
  margin-left: 15px;
}


/* Additional styles */

a.wecfabout1 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0;  
  margin: 0;
  border-left: 1px solid #b2d9e3;}
a.wecfabout1:link    { color:#fff; background: #003399; text-decoration:none; }
a.wecfabout1:visited { color:#fff; background: #003399; text-decoration:none; }
a.wecfabout1:hover   { color:#fff; background: #003399; text-decoration:none; opacity: 0.85}

a.wecfabout2 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0;  
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfabout2:link    { color:#fff; text-decoration:none; }
a.wecfabout2:visited { color:#fff; text-decoration:none; }
a.wecfabout2:hover   { color:#fff; background: #003399; text-decoration:none; }

a.wecfenergy1 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfenergy1:link    { color:#fff; background: #fac619; text-decoration:none; }
a.wecfenergy1:visited { color:#fff; background: #fac619; text-decoration:none; }
a.wecfenergy1:hover   { color:#fff; background: #fac619; text-decoration:none; opacity: 0.85}

a.wecfenergy2 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfenergy2:link    { color:#fff; text-decoration:none; }
a.wecfenergy2:visited { color:#fff; text-decoration:none; }
a.wecfenergy2:hover   { color:#fff; background: #fac619; text-decoration:none; }

a.wecfchemicals1 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left: 1px solid #b2d9e3;}
a.wecfchemicals1:link    { color:#fff; background: #e06f11; text-decoration:none; }
a.wecfchemicals1:visited { color:#fff; background: #e06f11; text-decoration:none; }
a.wecfchemicals1:hover   { color:#fff; background: #e06f11; text-decoration:none; opacity: 0.85}

a.wecfchemicals2 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfchemicals2:link    { color:#fff; text-decoration:none; }
a.wecfchemicals2:visited { color:#fff; text-decoration:none; }
a.wecfchemicals2:hover   { color:#fff; background: #e06f11; text-decoration:none; }

a.wecfwater1 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfwater1:link    { color:#fff; background: #2da29c; text-decoration:none; }
a.wecfwater1:visited { color:#fff; background: #2da29c; text-decoration:none; }
a.wecfwater1:hover   { color:#fff; background: #2da29c; text-decoration:none; opacity: 0.85}

a.wecfwater2 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfwater2:link    { color:#fff; text-decoration:none; }
a.wecfwater2:visited { color:#fff; text-decoration:none; }
a.wecfwater2:hover   { color:#fff; background: #2da29c; text-decoration:none; }

a.wecfbio1 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfbio1:link    { color:#fff; background: #96bf19; text-decoration:none; }
a.wecfbio1:visited { color:#fff; background: #96bf19; text-decoration:none; }
a.wecfbio1:hover   { color:#fff; background: #96bf19; text-decoration:none; opacity: 0.85}

a.wecfbio2 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfbio2:link    { color:#fff; text-decoration:none; }
a.wecfbio2:visited { color:#fff; text-decoration:none; }
a.wecfbio2:hover   { color:#fff; background: #96bf19; text-decoration:none; }

a.wecfgender1 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfgender1:link    { color:#fff; background: #bc3b74; text-decoration:none; }
a.wecfgender1:visited { color:#fff; background: #bc3b74; text-decoration:none; }
a.wecfgender1:hover   { color:#fff; background: #bc3b74; text-decoration:none; opacity: 0.85}

a.wecfgender2 {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 23px;
  text-decoration: none;
  padding: 5px 0 2px 0; 
  margin: 0;
  border-left:  1px solid #b2d9e3;}
a.wecfgender2:link    { color:#fff; text-decoration:none; }
a.wecfgender2:visited { color:#fff; text-decoration:none; }
a.wecfgender2:hover   { color:#fff; background: #bc3b74; text-decoration:none; }

a.large {font-size: 15px;}


h1 {
  color: #003399;
  font-size: 1.4em;
  line-height: 150%;
  margin: 0 0 15px 0;
}

h2 {
  color: #003399;
  font-size: 1.2em;
  margin: 15px 0;
}


h3 {
  color: #444;
  font-size: 1.1em;
  margin: 5px 0;
}

ul      { list-style-image:url(/images/wecf/dot_mozilla.gif); }

li      { margin-bottom: 5px; margin-left: -20px; line-height: 150%; }

hr      { color: #ccc; background-color: #ccc; height: 1px; border: none; }

td      { font-size: 0.83em; line-height: 150%; }

a       { color: #003399; text-decoration: none; }


a:hover { color: #003399; text-decoration: underline; }
a:focus {border: 0; outline: 0; -moz-outline:0;}
a img { border: 0 }

.red  {font-size: 12px; line-height: 150%; color: #ff0000; padding: 5px}

a.white {font-size: 12px; color:#fff; text-decoration: none}
a.white.hover {color:#fff; text-decoration: underline}

a.white2  {font-size: 11px; color:#fff}
a.white2.hover   {color:#fff; text-decoration: underline}

.blue  {font-size: 11px; line-height: 150%; color: #003399; }
a.blue {color:#003399; text-decoration: none; font-size: 12px; line-height: 140%}
a.blue:hover{color:#7f99cc; text-decoration: none}

.blue2 {color:#003399; text-decoration: none; font-size: 11px; line-height: 140%}
a.blue2 {color:#003399; text-decoration: none; font-size: 11px; line-height: 140%}
a.blue2:hover{color:#7f99cc; text-decoration: none}

.grey1 {font-size: 12px; color:#444; text-decoration: none; line-height: 150%}
.grey2 {font-size: 11px; color:#444; text-decoration: none; line-height: 120%}
a.grey {color:#444; text-decoration: none; font-size: 12px; line-height: 140%}
a.grey:hover{color:#003399; text-decoration: none}

a.footer {color:#003399; text-decoration: none; font-size: 12px; line-height: 140%}
a.footer:hover{color:#003399; text-decoration: underline}

.suche1 { 
  width: 210px;
  background-color: #ccdeea;
  height: 24px;
  font-size: 12px;
  padding: 4px 3px!important; /* Firefox, Opera & CO */
  padding: 4px 3px 0px 3px; /* IE 5.01, 5.5, 6 */  
  color: #003399;
  border: 0;
}

.suche2 {
  width: 22px;
  height: 24px;
  background: #ccdeea;
  font-size: 10px;
  font-weight: normal;
  color: #003399;
  display: inline;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border: 0;  
}

.boxposition { margin: 10px 0 0 0; padding: 0px; width: 240px; clear: both}
.box { padding: 0px; color: #444; font-size: 11px; line-height: 150%; margin-top: 10px; }
.box2 { padding: 3px; color: #666; font-size: 11px; line-height: 120%; background: #c4d3ea; margin-top: 10px;}

.boxlink { 
  font-size: 11px;
  display: block;
  width: 230px!important; /* Firefox, Opera & CO */
  width: 240px; /* IE 5.01, 5.5, 6 */
  margin: 0;
  padding: 0 5px;
  text-decoration: none;
  border: 0;
  color:#003399;
  background-color: #fff;
  font-weight: normal;
  filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;  -khtml-opacity:0.7 }
a.boxlink:link    { color:#003399; text-decoration: none; filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;  -khtml-opacity:0.7}
a.boxlink:visited { color:#003399; text-decoration: none; filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;  -khtml-opacity:0.7}
a.boxlink:hover   { color:#fff; background: #003399;  text-decoration: none; filter: alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;  -khtml-opacity:1.0}

.box_header { padding: 4px; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 150%; background: #990066; color: #fff }

.box_container { padding: 4px; color: #fff; font-size: 11px; line-height: 150%; background: #fff; color: #555;}


/*---------------------------- Slider Video ---------------------------*/


div.video {border: 0px; margin: 0; padding: 0; clear: both }
div.video.one {width: 240px; }  
div.boxvideo_container { height: 175px; }

/*---------------------------- Slider Donor ---------------------------*/


div.donor {border: 0px; margin: 0; padding: 0; clear: both }
div.donor.one {width: 240px; }  
div.boxdonor_container { height: 135px; }

/*---------------------------- Slider Banner ---------------------------*/


div.banner {border: 0px; margin: 0; padding: 0; clear: both  }
div.banner.one {width: 240px; }  
div.boxbanner_container { height: 135px; }
div.homebanner_container { height: 128px; }
div.homebanner2_container { height: 128px; }

/*---------------------------- Top-Navigation ---------------------------*/


ul#topmenu {
  padding: 0;
  margin: 0;
  width: 100%;
}

ul#topmenu li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.2em;
  line-height: 1.4em;
  float: left;}

ul#topmenu li a {
  text-decoration: none;
  margin: 0;
  padding: 6px 10px;
  display: inline;
  color: #fff;
  font-weight: normal;
}

ul#topmenu li a.current {
  text-decoration: none;
  color: #fff;
  background: #003399;
}

ul#topmenu li a:hover {
  color: #fff;
  background: #003399;
}

ul#topmenu li ul {
  margin: 0;
  padding: 0;
}


/*---------------------------- Navigation ---------------------------*/


ul#menu {
  padding-left: 0px;
  margin: 0px;
}

ul#menu li a.current {
  text-decoration: none;
  display: block;
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 1px;
  color: #fff;
  font-weight: normal;
}

ul#menu li a {
  text-decoration: none;
  display: block;
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 1px;
  color: #003399;
  font-weight: normal;
}

ul#menu li a:hover {
  color: #fff;
}

ul#menu li ul li a.current {
  text-decoration: none;
  display: block;
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 1px;
  color: #fff;
  font-weight: normal;
}

ul#menu li ul li a {
  text-decoration: none;
  display: block;
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 1px;
  color: #003399;
  font-weight: normal;
}

ul#menu li ul li a:hover {
  color: #fff;
}

ul#menu li {
  margin: 0 0 0 10px!important; /* Firefox, Opera & CO */
  margin: 0; /* IE 5.01, 5.5, 6 */
  padding: 0px;
  list-style: none none;
  font-size: 1.0em;
}

ul#menu li ul {
  margin-bottom: 0px;
  padding: 0;
}

ul#menu li ul li {
  margin: 0 0 0 10px!important; /* Firefox, Opera & CO */
  margin: 0 0 0 -20px; /* IE 5.01, 5.5, 6 */
  padding: 0px;
  list-style: none none;
  font-size: 0.90em;
}

ul#menu li ul li ul {
  margin-bottom: 4px;
  padding: 0;
}

ul#menu li ul li ul li {
  margin: 0 0 0 10px!important; /* Firefox, Opera & CO */
  margin: 0 0 0 -20px; /* IE 5.01, 5.5, 6 */
  padding: 0;
  list-style: none none;
  font-size: 0.90em;;
}


/*---------------------------- Twitter ---------------------------*/

#twitter  {
  width: 240px;
  padding: 0;
  margin: 0;  
}



/*---------------------------- Fade ---------------------------*/


@-webkit-keyframes FadeIn {0% {opacity:0;} 100% {opacity:1;}}
@-moz-keyframes FadeIn {0% {opacity:0;} 100% {opacity:1;}}