/*
 * ern-home-2.0.css
 * Stylesheet for the home page of the Euroregion Neisse website, version 2.0
 *
 * $Id: $
 *
 * Copyright (c) 2006-2008 AMC World Technologies GmbH
 * Fischerinsel 1, D-10179 Berlin, Deutschland
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of AMC World
 * Technologies GmbH ("Confidential Information"). You shall not disclose such
 * Confidential Information and shall use it only in accordance with the terms
 * of the license agreement you entered into with AMC World Technologies GmbH.
 */


/*===============================================
 *
 *
 * General style sheets
 *
 *
 *=============================================*/

@media all {

  /*-----------------------------------
   *
   * General page elements
   *
   *---------------------------------*/

  /* the photo bar */
  div#photo-bar {
    background-color: white;
    border-bottom: 10px solid #CED9A3;
    height: 270px;
    padding: 10px;
  }
  div#photo-bar div#photo-container {
    float: left;
    width: 680px;
  }
  div#photo-bar div#photo-sel-container {
    float: right;
    width: 200px;
  }
  div#photo-bar div#photo-sel-container h3 {
    color: #3F3F3F;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    margin: 0 0 3px 0;
  }
  div#photo-bar div#photo-sel-container h4 {
    color: #3F3F3F;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
  }
  div#photo-bar div#photo-sel-container ul#photoSel {
    list-style-type: none;
    margin: 40px 0 0 0;
    padding: 0;
  }
  div#photo-bar div#photo-sel-container ul#photoSel li {
    margin: 5px 0 0 0;
  }
  div#photo-bar div#photo-sel-container ul#photoSel li.top {
    margin: 0 0 10px 0;
  }
  div#photo-bar div#photo-sel-container ul#photoSel li.bottom {
  	margin-top: 10px;
  }
  div#photo-bar div#photo-sel-container ul#photoSel li a {
    color: #E0EDB2;
    display: block;
    font-weight: normal;
    padding: 0;
  }
  div#photo-bar div#photo-sel-container ul#photoSel li.active a,
    div#photo-bar div#photo-sel-container ul#photoSel li a:hover
  {
    color: #3F3F3F;
    text-decoration: none;
  }

  /* main area */
  body#home div#main-area div#main-frame h1#title {
    margin-bottom: 3px;
  }
  body#home div#main-area div#main-frame h3#subtitle {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 33px 0;   /* without upper-content: bottom=38px */
  }
  body#home div#main-area div#main-frame div#upper-content {
    min-height: 0;
    padding-right: 16px;
  }
  body#home div#main-area div#main-frame div#main-content {
    margin-top: 20px !important;
    min-height: 0;
    padding-right: 16px;
  }

  /* news area */
  div#main-area div#news {
    float: right;
    width: 200px;
  }
  div#main-area div#news h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
  }
  div#main-area div#news h3 {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 35px 0;
  }
  div#main-area div#news dl dt {
    font-size: 10px;
    margin-bottom: 5px;
  }
  div#main-area div#news dl dd {
    line-height: 150%;
    margin: 0 0 20px 0;
  }
  div#main-area div#news dl dd a {
    color: #3F3F3F;
    font-weight: normal;
  }

  /* page overview */
  div#overview div.section {
    float: left;
    margin-left: 9px !important;
    width: 215px;
  }
  div#overview div.section:first-child, div#overview div.section-first-child {
    margin-left: 0 !important;
  }
  div#overview div.section h2.title {
    color: white;
    font-size: 10px;
    margin: 0;
    padding: 6px 7px;
  }
  div#overview div.section h2.title a {
    color: white;
    font-size: 10px;
  }
  div#overview div.sec-links {
    background-repeat: no-repeat;
    color: #406A68;
    min-height: 160px;
    padding: 135px 7px 30px 8px;
  }
  div#overview div.sec-links ul {
    list-style-image: url("../img/list-arrow.gif");
    margin-left: 0;
    padding-left: 15px;
  }
  div#overview div.sec-links ul li {
    margin-top: 3px;
  }
  div#overview div.sec-links ul li:first-child,
    div#overview div.sec-links ul li.first-child
  {
    margin-top: 0;
  }
  div#overview div.sec-links ul li.more {
    margin-top: 20px;
  }
  div#overview ul.pri-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  div#overview ul.pri-links li {
    background-repeat: repeat-x;
    border-top: 1px solid white;
    color: white;
    height: 59px;
    padding: 0;
  }
  div#overview ul.pri-links li:first-child,
    div#overview ul.pri-links li.first-child
  {
    border-top: none;
  }
  div#overview ul.pri-links li div.icon {
    float: left;
    height: 59px;
    width: 45px;
  }
  div#overview ul.pri-links li div.title {
    padding: 7px 7px 2px 0;
  }
  div#overview ul.pri-links li div.description {
    padding: 0 7px 7px 0;
  }
  div#overview ul.pri-links li div.title,
    div#overview ul.pri-links li div.title a,
    div#overview ul.pri-links li div.description
  {
    color: white;
  }
  div#overview div#sect-people h2 {
    background-image: url("../img/sect-people-bg.gif");
  }
  div#overview div#sect-people div.sec-links {
    background-color: #EEF3E7;
    background-image: url("../img/overview-people.jpg");
  }
  div#overview div#sect-people ul.pri-links li {
    background-image: url("../img/btn-people-bg.gif");
  }
  div#overview div#sect-intern h2 {
    background-image: url("../img/sect-intern-bg.gif");
  }
  div#overview div#sect-intern div.sec-links {
    background-color: #F4F9E5;
    background-image: url("../img/overview-intern.jpg");
  }
  div#overview div#sect-intern ul.pri-links li {
    background-image: url("../img/btn-intern-bg.gif");
  }
  div#overview div#sect-fonds h2 {
    background-image: url("../img/sect-fonds-bg.gif");
  }
  div#overview div#sect-fonds div.sec-links {
    background-color: #ECF7F9;
    background-image: url("../img/overview-fonds.jpg");
  }
  div#overview div#sect-fonds ul.pri-links li {
    background-image: url("../img/btn-fonds-bg.gif");
  }
}



/*===============================================
 *
 *
 * Print style sheets
 *
 *
 *=============================================*/

@media print {
}