/**
-------------------------------------------------------------
Medien:         Bildschirme und Projektoren
Autor:          Anja Beuth
------------------------------------------------------------- */

/**
-------------------------------------------------------------
Regeln für allgemeine Elemente
------------------------------------------------------------- */
* {} /* Safari-Bugfix */
* {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 12px/18px Arial, sans-serif;
}
td, th {
  f\ont-size: 100%;
}
html {
  height: 100%;
  }
body {
  background: #d3bf96 url('/binary.ashx?id=10308') repeat-x center top;
  padding-bottom: 50px;

}

/* Weleda-Schriftart einbinden */
@font-face {
  font-family: NeoSans;
  src: url('/binary.ashx?id=10775');
  src: local("Neo Sans"), url('/binary.ashx?id=10778') format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: NeoSansBold;
  src: url('/binary.ashx?id=10773');
  src: local("Neo Sans Bd"), url('/binary.ashx?id=10776') format('truetype');
  font-weight: bold;
}


/* Links allgemein */
a {
  color: #0b2a7a;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #000000;
}
a img {
  border: none;
}
strong {
  color: #333333;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  color: #0a2b78;
  text-align: center;
  margin-bottom: 20px;
}
h1 {
  font-size: 2.2em;
  line-height: 1.2em;
  margin-top: 10px;
}
h2 {
  font-size: 1.4em;
  margin-top: 20px;
  font-weight: normal;
}
h3 {
  font-size: 1.3em;
}

table {
  margin-left: 1px;
}
table td {
  border: 1px solid #DFDFDF;
  padding: 5px;
}


/**
-------------------------------------------------------------
Regeln für bestimmte Bereiche
------------------------------------------------------------- */
#top {
  width: 914px;
  margin: 0 auto;
  
}
* html #top {
  width: 900px;  
}
#main {
  padding: 10px 30px;
  background: transparent url('/binary.ashx?id=10345') repeat-y center top;
  overflow: hidden;
}
#home #main {
  padding: 0 7px;
}
* html #main {
  background: none;
  background-color: white;
}
* html #home #main {
  padding: 0;
}

.beforeMain {
  margin: 110px 0 0 0;
  background: transparent url('/binary.ashx?id=10347') no-repeat center top;
  width: 914px;
  height: 15px;
}
#home .beforeMain {
  height: 7px;
}
  
.afterMain {
  background: transparent url('/binary.ashx?id=10348') no-repeat center top;
  width: 914px;
  height: 15px;
}
* html .beforeMain,
* html .afterMain {
  background: none;
  background-color: white;
  width: 900px;
}
* html .beforeMain {
  margin-top: 157px;
}

#content {
  color: #7f735a;
  font-family: Arial, sans-serif;
}

.footer {
  width: 270px;
  margin: 0 auto;
  margin-top: 23px;
}

/** Helpers
------------------------------------------------------------- */
.invisible {
  position: absolute;
  left: -9999px;
}

/** PNG-Fix
-------------------------------------------------------------*/

#logo img,
.footer img,
#banner img,
#nav li.over ul
{
behavior:url(/~default.htc/10661) !important;
}

#header {
  position: absolute;
  top: 0;
  width: 914px;
  color: #7f735a;
  font-family: Arial, sans-serif;
  font-size: 0.9em;
  padding-top: 5px;
}
#logo {
  position: absolute;
  left: 420px;
  top: 31px;
  z-index: 2;
}

div.separator {
  float: right;
  margin: 3px 8px 0 0;
}
* html div.separator {
  margin-left: -6px;
}

/* Fähnchen */
#banner {
  position: absolute;
  right: 7px;
  top: 116px;
  z-index: 3;
}
#banner img {
  margin: 1px 20px 0 0;
}

#home .footer img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#regionSelector
{
  overflow: hidden;
  position: relative;
  height: 160px;
  border-bottom: 1px solid #c7bfb2;
  margin-bottom: 40px;
  font-family: 'Arial';
}
#regionSelector div.left, #regionSelector div.middle{
  border-top: 1px solid #e2e0e1;
  position: absolute;
  width: 250px;
  top: 20px;
  padding-top: 20px;
}

#regionSelector div.right{
  border-top: 1px solid #e2e0e1;
  position: absolute;
  width: 250px;
  top: 20px;
}

#regionSelector div.left
{
  left: 20px;
  text-align: center;
}
div.left span
{
  color: #3e4e82;
  font-size: 17px;
}
#regionSelector div.middle
{
  left: 300px;
  font-size: 12px;

}
#regionSelector div.right
{
  left: 600px;
  overflow: hidden;
  font-size: 12px;
  color: #8a8985;

}
#regionSelector ul
{
  list-style: none outside none;
}
#regionSelector ul a,
#regionSelector ul li
{
  color: #8a8985;
  font-weight: normal;
}

#regionSelector ul a:hover
{
  color: #5d5b4c;
  text-decoration: underline;
}
#regionSelector ul a.active
{
  color: #5d5b4c;
  font-weight: bold;
}

#regionSelector #continents
{
  margin-top: 10px;
}

#regionSelector .middle div
{
  overflow: hidden;
  position: relative;
}
#regionSelector .middle div.hidden
{
  display: none;
}

#regionSelector .middle ul
{
  float: left;
  margin-left: 10px;
  
}

#regionSelector .right div
{
  overflow: hidden;
  position: relative;
}
#regionSelector .right div.hidden
{
  display: none;
}