/* 
 * CSS for E-POLIS
 * 
 */




/* MISC --------------------------------------------------- */

body
{
  background: #d1e485;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 820px;
}

a
{
  color: #2b4157;
  text-decoration: none;
}

div.page
{
  background: #fff url(images/page_background.png) repeat-x;
  float: left;
  padding: 0 0 20px;
  width: 100%;
}

img
{
  vertical-align: top;
}




/* HEADER ------------------------------------------------- */

p.header
{
  background: url(images/header_background.png) no-repeat center top;
  height: 72px;
  margin: 0 auto;
  padding: 4px 30px;
  width: 760px;
}

a.language,
span.language
{
  border: 2px transparent solid;
  float: right;
  margin: 4px 0 0 6px;
}

span.language
{
  border-color: #fff;
}

a.logo
{
  float: left;
  margin: 20px 0 0;
}

a.efa
{
  clear: right;
  float: right;
  margin: 10px 2px 0;
}

ul.navigation
{
  background: url(images/navigation_background.png) no-repeat center top;
  clear: both;
  height: 30px;
  margin: 0 auto;
  padding: 0 10px;
  width: 740px;
}

ul.navigation li
{
  background: url(images/navigation_item_background.png) no-repeat right top;
  float: left;
  font-size: 160%;
  font-weight: bold;
  height: 20px;
  list-style: none;
  margin: 0 10px 0 0;
  padding: 5px 40px 0 0;
}

ul.subnavigation
{
  border-bottom: 1px #abc863 solid;
  clear: both;
  margin: 0 auto;
  padding: 5px 10px;
  width: 740px;
}

ul.subnavigation:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

ul.subnavigation
{
  _height: 1%;
}

ul.subnavigation li
{
  float: left;
  font-size: 120%;
  font-weight: bold;
  padding: 5px 30px 0 0;
}

ul.navigation li a.active,
ul.subnavigation li a.active
{
  color: #ABC863;
}




/* CONTENT ------------------------------------------------ */

div.content
{
  margin: 0 auto;
  width: 760px;
}

div.content strong
{
  font-weight: bold;
}

div.content em
{
  font-style: italic;
}

div.content p,
div.content ul,
div.content ol,
div.content h5
{
  font-size: 120%;
  line-height: 140%;
  margin: 1em 10px;
  width: 460px;
}

div.content div.text p,
div.content div.text ul,
div.content div.text ol,
div.content div.text h5
{
  width: auto;
}

div.content ul li
{
  list-style-image: url(images/bullet.png);
  margin: 0.5em 0 0.5em 30px;
}

div.content ol li
{
  list-style: decimal;
  margin: 0.5em 0 0.5em 30px;
}

div.content p.teaser
{
  background: #eff2e3;
  font-size: 140%;
  font-weight: bold;
  margin: -1em 0 1em;
  padding: 0.5em 290px 0.5em 10px;
}

div.content p a,
div.content ul.links a,
dd a
{
  text-decoration: underline;
}

h1, h3
{
  color: #3c6900;
  font-family: Georgia, "Times new Roman", Times, serif;
  font-size: 240%;
  font-weight: bold;
  line-height: 140%;
  margin: 0.5em 0;
  padding: 0 10px;
}

div.text h3
{
  font-size: 160%;
}

h2
{
  border-bottom: 3px #abc863 solid;
  clear: both;
  color: #abc863;
  font-size: 140%;
  font-weight: bold;
  line-height: 140%;
  margin: 1.5em 0 0;
  padding: 5px 10px 0;
}

h4
{
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin: 0 10px;
  width: 100px;
}

div.content h5
{
  font-size: 140%;
  font-weight: bold;
}

div.teaser
{
  float: left;
  background: #eff2e3;
  margin: 0 0 1em;
  padding: 10px 0;
  width: 100%;
}

div.teaser p
{
  float: left;
  height: 60px;
  margin-right: 30px;
  overflow: hidden;
  width: 300px;
}

div.column_half_left
{
  margin: 0 40px 0 0;
}

div.column_half
{
  float: left;
  width: 360px;
}

/*
div.content ul
{
  margin: 1em 0 0;
}

div.content ul li
{
  margin: 0 0 1em;
}
*/

div.content ul.ngos,
div.content div.view-all-ngos ul
{
  font-size: 100%;
  width: auto;
}

div.content ul.ngos li,
div.content div.view-all-ngos ul li
{
  border-bottom: 1px #abc863 solid;
  clear: left;
  float: left;
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 5px 0;
  width: 100%;
}

div.content ul.ngos li:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

div.content ul.ngos li
{
  _height: 1%;
}

div.column_half p,
div.column_half h3,
div.column_half h5
{
  width: auto;
}

/*div.content ul li:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

div.content
{
  _height: 1%;
}*/

div.content ul li p
{
  float: left;
  margin: 0 10px;
}

div.content ul.links
{
  float: right;
  font-size: 120%;
  margin: 0 50px 20px;
  width: auto;
}

div.content ul.links li
{
  display: block;
}

div.column_half ul.links
{
  float: right;
  font-size: 110%;
  margin: 0;
  width: auto;
}

div.column_half ul.links li
{
  display: inline;
  padding: 0 3px;
}

dl
{
  margin-bottom: 20px;
}

dl:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

dl
{
  _height: 1%;
}


dt
{
  clear: left;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin: 3px;
  text-align: right;
  width: 144px;
}

dd
{
  float: left;
  font-size: 120%;
  margin: 3px;
  width: 144px;
}

div.ngo_details
{
  background: #eff2e3;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 10px;
  width: 300px;
}

div.text
{
  float: left;
  width: 430px;
}

div.article p
{
  width: 460px;
}

div.article div.teaser p
{
  font-size: 140%;
  font-weight: bold;
}

div.photo
{
  clear: both;
  float: right;
  margin: 0 0 10px;
  width: 268px;
}

div.photo div
{
  background: #ccc;
  border: 1px #ABC863 solid;
  float: left;
  height: auto;
}

div.photo div div,
div.photo div h2
{
  background: transparent;
  border: none;
  float: none;
}

div.photo p
{
  font-size: 110%;
  margin: 1em 0 1em 140px;
  width: 130px;
}

a.zoom,
a.language_de,
a.language_en
{
  background: left center no-repeat;
  clear: left;
  float: left;
  padding: 0 0 1px 20px;
  text-decoration: underline;
}

a.zoom
{
  background-image: url(images/icons/zoom.png);
}

a.language_de
{
  background-image: url(images/flags/de.png);
}

a.language_en
{
  background-image: url(images/flags/en.png);
}

div.article ul.languages
{
  float: right;
  margin: 6px 10px;
  width: 120px;
}

div.article div.teaser
{
}

div.content_item
{
  border-bottom: 1px #ABC863 solid;
}

div.item-list ul
{
  width: 100%;
}

table.views-view-grid td
{
  border-bottom: 1px solid #ABC863;
  width: 50%;
}

table.views-view-grid td div.content_item
{
  border-bottom: none;
}

table.views-view-grid td p,
table.views-view-grid td ul,
table.views-view-grid td h5
{
  width: auto;
}




/* FOOTER ------------------------------------------------- */

div.footer
{
  background: url(images/footer_background.png) repeat-x;
  clear: both;
  height: 50px;
}

div.footer ul
{
  margin: 0 auto;
  padding: 5px 30px 20px;
  width: 740px;
}

div.footer ul:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

div.footer ul
{
  _height: 1%;
}


div.footer li
{
  float: left;
  margin: 0 20px 0 0;
}








div.yui-editor-container ul,
div.yui-editor-container ol
{
  width: auto;
}

span.yui-toolbar-ngo,
span.yui-toolbar-photo,
span.yui-toolbar-class
{
  width: auto !important;
}

span.yui-toolbar-ngo a,
span.yui-toolbar-photo a
{
  padding-left: 6px !important;
}