/*
 
   TODO: Bereinigen
 
 */
 
/* Basis */

html {

}

body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  min-width: 600px;
  max-height: 100%;
  font-family: Verdana, Tahoma,Arial,sans-serif;
  font-size: 12px;
  color: #4c4c4c;
  color: #ACACAC;
  background-color: #F2E7D7;
}

/* Anchor */

a {
  text-decoration: none;
  color: #666666;
  color: #A1A1A1;
}

a:hover, #pageContent a:hover {
  cursor: pointer;
  color: #FF50A7;

  color: #000000;
}

a.activeEntry, a.activeEntry:hover {
  cursor: arrow;
  color: #FF50A7;

  color: #000000;
}

/* Überschriften */

h1, h2, h3 {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  color: #444444;
}

h1 {
  font-size: 24px;
  padding: 0;
  margin: 16px 12px 4px 20px;

}

h2 {
  font-size: 16px;
  padding: 0;
  margin: 12px 12px 12px 18px;
}

h3 {
  font-size: 14px;
  padding: 0;
  margin: 12px 8px 0 18px;
}

/* Textabschnitte */

p {
  margin: 0px 20px 18px 12px;
  padding: 0 0 0 12px;
  color: #444444;

  font-size: 11px;
  line-height: 18px;
  
}

p.left {
  margin: 0;
  padding: 0 22px 8px 20px;
font-size: 12px;
line-height: 18px;
}

p.right {
font-family: Arial, Tahoma, Verdana, sans-serif;
  margin: 0;
  padding: 12px 36px 0px 18px;
font-size: 12px;
}

p.title {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555555;
  margin: 0;
  padding: 12px;
}

p.quote {
  font-family: Trebuchet, Georgia, Times, Tahoma, Verdana, serif;
  margin: 0;
  padding: 24px 80px 8px 24px;
  font-size: 18px;
  font-style: italic;
  line-height: 24px;
  color: #444444;
}

p.author {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  margin: 0;
  padding: 8px 36px 0px 40px;
  color: #444444;
font-size: 12px;
}

p.author a {
  color: #EFEFEF;
  color: #333333;
}

p.printsubject {
  font-family: Georgia, Times, Tahoma, Verdana, serif;
  margin: 0;
  padding: 32px 36px 0px 24px;
  font-size: 24px;
  font-style: italic;
  line-height: 24px;
  color: #444444;
}

p.printbody {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  margin: 0;
  padding: 12px 40px 0px 34px;
  color: #444444;
  font-size: 12px;
  max-width: 600px;
}

.overflow {
  overflow: auto;
}

.contentPress {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}

p.press {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  margin: 0;
  padding: 12px 40px 0px 24px;
  color: #444444;
  font-size: 12px;
  max-width: 85%; /*600px;*/
}

img {
  margin: 0;
  border: none;
}


/* Kopfbereich */

.page {
  margin: 0 24px 0 22px;
}

/* Kopfbereich */

#pageHeader {
  clear: both;
  float: right;
  width: 100%;
  top: 0; 
  left: 30px;
  right: 30px;
  width: 100%; 
  height: 140px;
  overflow: hidden;
  margin:0px;
  padding:0px;
}

/* Systemmenü */

.menu {
  float: right;
  width: 100%;
  margin: 12px 0 6px 0px;
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
  color: #666666;
}

/* skd-Menü */

.skd {
  float: left;
  width: 100%;
}

.skd .menuEntry {
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

/* Hautpmenü */

.productions {
  float: left;
  margin: 12px 0 0 0;
  padding: 0 0 0 0;
  color: #666666;
}

.productions .menuEntry {
  font-size: 11px;
  font-weight: bold;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 4px 0 0;
  margin: 0 0px 0 0;
}

#pageHeader .links {
  float: right;
  clear: both;
  margin: 18px 4px 0 0px;
  padding: 0 0 0 0;
}

#pageHeader .links a {
  text-decoration: none;
}

#pageHeader .links img {
  border: none;
  margin: 0 4px 0 0;
}

/* Inhaltsbereich */

#pageContent {
  position: fixed;
position: absolute;
  top: 135px; 
  left: 24px; 
  right: 30px;
  bottom: 0;
}

#pageContent #contentArea {
  position: relative;
  clear: both;
  float: left;
  height: 100%;
  width: 100%;
  display: block;
}

/* 2-Spalten-Layout */

#columnLeft, #columnContent {
position: relative;
  float: left;
  height: 95%;
  padding: 0;
  margin: 0;
  overflow: auto;
  border: 1px solid #EEEEEE;
  border: 1px solid #BBBBBB;
  border: 1px solid #6F6F6F;

  z-index: 10;
}

#columnLeft {
  overflow: auto;
}

#columnContent .playme {
position: absolute;
top: 0;
left: 0;
float: center;
text-align: center;
  width: 100%;
  height: 100%;
  margin: 20% auto 40% auto;
  z-index: 9999;
  opacity: 0.4;

}

.bodyimage img {
  float: left;
  padding: 0 8px 0 0;
  opacity: 0.4;
}

.bodyimage img:hover {
  opacity: 1.0;
  cursor: pointer;
}

#columnContent .playme:hover {
  opacity: 1.0;
  cursor: pointer;
}

#pageContent #contentArea #columnLeft {
  float: left;
  width: 26%;
  overflow: auto;
}

#pageContent #contentArea #columnContent {
  float: right;
  width: 72%;
padding: 0;
}


.contentMenu {
  float: left;
  clear: both;
  width: 90%;
  margin: 12px 24px 24px 18px;
  padding: 0 0 0 0;
}

.contentMenu a {
  text-decoration: none;
}

.contentMenu img {
  border: none;
  width: 32px;
  height: 32px;
  margin: 6px 4px 0 0;
}

.content {
  opacity: 0.2;
}

.content:hover {
  opacity: 1.0;
}

ul.menu {
  width: 100%;
  list-style:none;
  margin: 4px 0 0 0;
  padding: 0;

}

ul.menu li {
  float: left;
/*
  width: 48px;
  height: 48px;
  */
  margin: 0 4px 0 0;
/*  border: 1px solid red; */
text-align: center;
  opacity: 0.3;
}

ul.menu li a {
/*background: #FFFFFF;*/
padding: 0;
margin: 0;
}

ul.menu li a img {
margin: 0;
  padding: 0px;
  border: none;
width: 40px;
height: 30px;
}

ul.menu li:hover {
  opacity: 1;
/*  border: 1px solid green; */
}



.contentPhoto {
  width: 100%;
  margin: 0;
  padding: 0;
}

.contentPhoto img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.contentPhoto video {
  height: 100%;
  margin: 0;
  padding: 0;
}


.audio {
width: 100%;
  opacity: 0.7;
  margin: 24px 0 0 42px;
}

.gplus1 {
  float: right;
  margin: 1px 0 0 5px;
}

.circle {
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
}