/******************************************************************************
 *                                                                    2009-01 *
 * Project | Ramsar 2009                                                      *
 * Author  | Susanna Schneider <s.schneider@21torr.com>                       *
 *                                                                            *
 * Package | Content                                                          *
 ******************************************************************************/

div#content {
  width: 566px;
  margin: 6px 0 0 2px;
  float: left;
  padding-bottom: 40px;
}

body#homepage div#content {
  width: 768px;
  margin: -5px 0 0 2px;
}

* html body#homepage div#content { margin-left: 1px; } /* IE 6 */

div#content h1 {
  color: #23241c;
  margin: 28px 0 20px 8px;
  font-size: 2.1em;
  font-weight: normal;
  line-height: 1em;
}

body#homepage div#content h1 {
  margin: 16px 0 23px 22px;
}

body#nosub div#content h1 {
 margin: 28px 0 20px 21px;
}

div#content h2 {
  color: #23241c;
  margin: -15px 0 23px 8px;
  font-size: 1.3em;
  font-weight: normal;
}

body#homepage div#content h2 {
  margin: 17px 0 18px 0;
}

div#content h3 {
  font-size: 1.1em;
  margin: 0 0 2px 8px;
}

div#content p a { color: #3b5258; }
div#content p a:hover { color: #00bbdf; }

div#content ul {
  padding: 0 0 0 13px;
  margin: 18px 0 0 0;
}
*+html div#content ul { padding: 0 0 0 16px; } /* IE 7 */
* html div#content ul { padding: 0 0 0 16px; } /* IE 6 */

div#content img.leftimage {
  float: left;
  margin: 5px 10px 2px -8px;
}

div#content a.rightlink {
  display: block;
  float: right;
  font-size: 1.1em;
  color: #00bbdf;
  margin: 13px 0 0 0;
  padding-right: 10px;
  background: url(/ramsar/img/arrow.next.gif) right 5px no-repeat;
}

div#content a.rightlink:hover { color: #7a8739; }

div#content a.backlink {
  display: block;
  float: left;
  font-size: 1.1em;
  color: #00bbdf;
  margin: 13px 0 0 8px;
  padding-left: 10px;
  background: url(/ramsar/img/arrow.back.gif) 0 5px no-repeat;
}

div#content a.backlink:hover { color: #7a8739; }
* html div#content a.backlink { margin-left: 4px; } /* IE 6 */

div#content a.backlink2 {
  display: block;
  float: left;
  font-size: 1.1em;
  color: #00bbdf;
  margin: 25px 0 0 8px;
  padding-left: 10px;
  background: url(/ramsar/img/arrow.back.gif) 0 6px no-repeat;
}
div#content a.backlink2:hover { color: #7a8739; }
* html div#content a.backlink2 { margin-left: 4px; } /* IE 6 */

span.image-sub {
  display: block;
  color: #7a8739;
  font-style: italic;
  float: right;
}

div#home-visuals { white-space: nowrap; }
div#home-visuals img.play { margin: 0 0 19px -52px; }
div#home-visuals img.play:hover { cursor: pointer; }

div.home-col-1 {
  width: 345px;
  float: left;
  margin-left: 21px;
  font-size: 1.1em;
  line-height: 1.45em;
}

div.home-col-2 {
  width: 345px;
  float: left;
  margin-left: 39px;
  font-size: 1.1em;
  line-height: 1.45em;
}

* html div.home-col-1 { margin-left: 11px; } /* IE 6 */
div.home-col-1 span.linkindicator, div.home-col-2 span.linkindicator { color: #00bbdf; }
div.home-col-1 a, div.home-col-2 a { color: #00bbdf; }
div.home-col-1 a:hover, div.home-col-2 a:hover { color: #7a8739; }

div.news-list { font-size: 1.1em; line-height: 1.45em; margin-bottom: 23px; }
div.news-list img { float: left; margin: 3px 10px 0 0; }
div.news-list span { font-style: italic; }
div.news-list span.linkindicator { font-style: normal; color: #00bbdf; }
div.news-list a { color: #00bbdf; }
div.news-list a:hover { color: #7a8739; }
div.news-list h3 { font-size: 1em !important; margin: 0 !important; }
div.news-list h3 a, div.news-list h3 a:hover { color: #3b5258; text-decoration: none; }

div.news-list-noimage { font-size: 1.1em; line-height: 1.45em; margin-bottom: 23px; padding-left: 8px; }
div.news-list-noimage span { font-style: italic; }
div.news-list-noimage span.linkindicator { font-style: normal; color: #00bbdf; }
div.news-list-noimage a { color: #00bbdf; }
div.news-list-noimage a:hover { color: #7a8739; }
div.news-list-noimage h3 { font-size: 1em !important; margin: 0 !important; }
div.news-list-noimage h3 a, div.news-list-noimage h3 a:hover { color: #3b5258; text-decoration: none; }

div.news-details { font-size: 1.1em; line-height: 1.45em; margin: 0 0 6px 8px; }

div.news-details2 { font-size: 1.1em; line-height: 1.45em; margin: 0; }
div.news-details2 img.leftimage { margin: 3px 10px 0 0 !important; }

div.linklist { font-size: 1.1em; line-height: 1.75em; background: url(/ramsar/img/cont.dotted.gif) 0 14px repeat-x; margin: 0; padding-top: 17px; }
div.linklist h4 { font-size: 1em; color: #3b5258; padding: 0 0 1px 0; }
div.linklist a { display: block; color: #00bbdf; }
div.linklist a:hover { color: #7a8739; }

table.gallery { width: 566px; margin: 0; overflow: hidden; }
table.gallery td { padding: 0 10px 27px 0; font-size: 1.1em; vertical-align: top; }
table.gallery td a.textlink { display: block; color: #00bbdf; margin: 4px 0 0 7px; }
table.gallery td a.textlink:hover { color: #7a8739; }
table.gallery td span { display: block; margin: 3px 0 0 7px; }

table.gallery2 { width: 566px; margin: 0; overflow: hidden; }
table.gallery2 td { padding: 0 10px 27px 0; font-size: 1.1em; vertical-align: top; }
table.gallery2 td a { display: block; color: #3fa8bd; margin: 0; }
table.gallery2 td a.textlink:hover { color: #00bbdf; }
table.gallery2 td span { display: block; margin: 5px 0 0 7px; }
table.gallery2 td img { float: left; }
table.gallery2 td img.lupe { margin: 115px 0 0 -22px; }

div.gallery-nav { font-size: 1.1em; border-top: 1px solid #ebede1; margin: 18px 0 0 0; padding: 15px 8px 0 0; text-align: right; }
div.gallery-nav a { text-decoration: none; color: #3b5258; }

div.zoom-nav { text-align: center; font-size: 1.1em; font-weight: bold; border-top: 1px solid #ebede0; border-bottom: 1px solid #ebede0; overflow: hidden; padding: 5px 8px; }
div.zoom-nav a { color: #00bbdf; text-decoration: none; }
div.zoom-nav a.prev { float: left; color: #00bbdf; padding-left: 10px; background: url(/ramsar/img/arrow.gal1.gif) 0 6px no-repeat; }
div.zoom-nav a.next { float: right; color: #00bbdf; padding-right: 10px; background: url(/ramsar/img/arrow.gal2.gif) right 6px no-repeat; }
div.zoom-nav a:hover, div.zoom-nav a.next:hover, div.zoom-nav a.prev:hover { color: #7a8739; }

div.picture-box1 { border: 1px solid #ebede1; background-color: #ebede1; width: 276px; float: left; height: 267px; margin: 0 10px 9px 0; font-size: 1.1em; line-height: 1.45em; }
div.picture-box2 { border: 1px solid #ebede1; background-color: #ebede1; width: 276px; float: left; height: 267px; margin: 0 0 9px 0; font-size: 1.1em; line-height: 1.45em; }
div.picture-box1 h3, div.picture-box2 h3 { font-size: 1em; margin: 3px 7px; margin-left:1px; }
div.picture-box1 p, div.picture-box2 p { font-size: 1em; margin: 0 7px; margin-left:1px }
div.picture-box1 a.more, div.picture-box2 a.more { color: #00bbdf; margin: 0 0 0 1px; padding-right: 10px; background: url(/ramsar/img/arrow.pbox.gif) right 7px no-repeat; }
div.picture-box1 a.more:hover, div.picture-box2 a.more:hover { color: #7a8739; }
div.picture-box1 h3 a, div.picture-box2 h3 a { color: #3b5258; text-decoration: none; }

div.bluebox { font-size: 1.1em; line-height: 1.45em; border: 1px solid #ebede1; padding: 1px; margin-top: 15px; }
div.bluebox div { background-color: #dbedec; padding: 15px; }
div.bluebox div a { color: #3b5258; }
div.bluebox div a:hover { color: #00bbdf; }

div.documents1 { border-top: 1px solid #ebede1; float: left; width: 182px; color: #5d818a; font-weight: bold; padding-top: 5px; margin-bottom: 7px; }
div.documents1 img { float: left; margin: 2px 9px 0 20px; }
div.documents2 { border-top: 1px solid #ebede1; float: left; width: 374px; margin: 0 0 7px 10px; font-size: 1.1em; line-height: 1.45em; padding: 2px 0 0 0; }
div.documents2 h3 { font-size: 1em !important; margin: 0 !important; }
div.documents2 a { color: #00bbdf; display: block; float: left; padding-right: 10px; background: url(/ramsar/img/arrow.next.gif) right 8px no-repeat; }
div.documents2 a:hover { color: #7a8739; }

div.doc-nav { font-size: 1.1em; margin: 0; padding: 16px 8px 0 0; text-align: right; background: url(/ramsar/img/docnav.gif) 0 1px no-repeat; }
div.doc-nav a { text-decoration: none; color: #3b5258; }

div.contact-col { font-size: 1.1em; line-height: 1.75em; width: 173px; float: left; padding-left: 7px; margin-bottom: 15px; }
div.contact-line { clear: both; background: url(/ramsar/img/contactline.gif) 0 0 repeat-x; height: 2px; margin: 0 0 12px 0; }
select.contact { border: 1px solid #ebede1; background-color: #ebede1; padding: 1px; font-family: Frutiger, Arial, Helvetica, sans-serif !important; width: 182px; margin-right: 4px; }
div.alphabet { font-size: 1.1em; padding: 12px 0 42px 0; }
div.alphabet a { color: #00bbdf; padding-left: 9px; }
div.alphabet a:hover { color: #3fa8bd; }
div.alphabet span { padding-left: 9px; }
h5 { margin: 0 0 21px 0; font-weight: normal; padding-left: 9px; font-size: 2em; }

div.slidebox { border: 1px solid #ebede1; margin-bottom: 16px; }
div.slidebox div { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
div.slidebox div h4 { background-color: #b6bd93; margin: 0; font-size: 1.2em; border-bottom: 1px solid #fff; }
div.slidebox div h4.dark { background-color: #a0a971; }
div.slidebox div h4 a { color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 7px 6px 8px 6px; }
div.slidebox div h4 a.active { background-color: #7a8739; }
div.slidebox div div { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #fff; background-color: #ebede1; font-size: 1.1em; line-height: 1.45em; color: #7a8739; padding: 11px 21px 23px 21px; }

table.materials { margin: -10px 0 10px 0; }
table.materials td { vertical-align: top; width: 100%; font-size: 1.1em; line-height: 1.45em; }
* html table.materials td { width: 288px; }
html>body table.materials td img { margin-bottom: -4px; }
*+html table.materials td img { margin-bottom: 0 !important; }
* html table.materials td img { margin-bottom: 0 !important; }
table.materials td a { display: block; margin-left: 10px; color: #00bbdf; float: left; }
table.materials td a:hover { color: #7a8739; }
table.materials td span.linkindicator { color: #00bbdf; }
table.materials td i { display: block; margin-left: 10px; }
table.materials td h3 { margin: 0 0 20px 10px !important; }
table.materials td.image { vertical-align: middle; text-align: center; background: #f5f6ef url(/ramsar/img/lupe.material.gif) right bottom no-repeat; height: 152px; width: auto; }
* html table.materials td.image { width: 278px; }
table.materials td.image img { border: 1px solid #ebede1; }
table.materials td.image img.lupe { border: none; position: absolute; bottom: 9px; right: 5px; z-index: 999; }
table.materials td.image a { margin-left: 0; float: none; }