/**
 * Stylesheet fuer die Schlossfestspiele
 *
 * seitenblick interaktive medien gmbh
 * Koenigstrasse 16, 70173 Stuttgart
 * fon: 0711/8599818-0
 * fax: 0711/8599818-40
 * e-Mail: info@seitenblick.de
 *
 * Version 2.2 (Janurar 2010)
 *      
 */

/******************************************************************************/
/*--- Allgemeine Definitionen für HTML-Elemente ------------------------------*/
/******************************************************************************/
* {
  padding: 0;
  margin: 0;
}

html, body,
p, div,
ul, ol, li,
dl, dt, dd,
table, tr, th, td,
form, legend, input, textarea, select, optgroup, option, button, label {
 font-family: Verdana, Arial, Helvetica, sans-serif !important;
 font-size: 1em;
 color: #000; /*747474*/
}

html, body {
  font-size: 100.01%;
  background: #fff;
}

body {
  height: 100%;
  margin: 0;
}

h1 {
  font-size:1.25em;
  font-weight:bold;
}

h2 {
  color: #93824F;
  font-size: 0.8125em;
  font-weight: bold;
  padding: 0 0 5px 0;
  line-height: 1.308em;
}

h3 {
  font-size: 0.625em;
  font-weight: bold;
  margin: 18px 0 2px 0;
}

p {
  line-height: 1.5;
  margin: 0 0 6px 0;
}

a {
  color: #93824f;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.intern_link {
  font-weight: bold;
}

a.linkbutton {
  background-color: #fff;
  border: 2px solid #93824F;
  cursor: pointer;
  color: #000;
  display: block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px !important;
  height: 14px;
  padding: 0px; 
  margin: 0 0 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: 106px;
}

/* sind nur bei aktivem JS sichtbar */
.link_to_animate,
.link_to_close {
  display: none;
}

.link_to_animate,
.link_to_close, 
.link_bold {
  font-weight: bold;
}

img {
  border: none;
}

/* Allgemeine Definition fuer Listen */
ul {
  list-style-type: none;
}

li li, td td {
  font-size: 1em;
}

ol {
  font-size: 0.625em;
  line-height: 1.6em;
  margin: 10px  0 10px 20px;
}

/* Allgemeine Definition fuer Formulare */
form {
  color: #000;
}

form .option {
  color: #000;
  font-size: 0.625em;
}

input {
  color: #000;
  font-size: 0.875em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  height: 18px;
  margin-bottom: 10px;
}

input.sendbutton {
  background-color: #fff;
  border: 2px solid #93824F;
  cursor: pointer;
  color: #000;
  display: block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px !important;
  height: 18px !important;
  padding: 0 0 2px 0 !important; 
  text-align: center;
  text-transform: uppercase;
  width: 106px;
}

input.sendbutton.right {
  float: right;
}

input.abschicken.left {
  float: left;
}

#newsletterbutton {
  clear: both;
  padding: 10px 0 0 0;
}
/******************************************************************************/
/*--- Helperklassen ----------------------------------------------------------*/
/******************************************************************************/
.c {
  clear: both;
}

.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 line-height: 1%;
 font-size: 0px;
 margin-bottom: -1px;
}

.l {
  float: left;
}

.r {
  float: right;
}

.x {
 display: none;
}

.gold {
  color: #93824f;
}

.upper {
 text-transform: uppercase;
}

.nospacing {
 margin: 0 !important;
 padding: 0 !important;
}

/* Nur beim Ausdruck sichtbar */
.print {
  display: none;
}

/******************************************************************************/
/*--- Layout -----------------------------------------------------------------*/
/******************************************************************************/

/* Wrapper um die komplette Seite */
#main {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 100%;
  width: 996px;
}

/* Header */
#head {
 height: 178px;
 padding-left: 214px;
 margin-bottom: 40px;
 text-align: center;
}

.logo {
  border: none;
  height: 143px;
  margin: 16px 0 0 0;
  text-align: center;
  width: 779px;
}

/* Wrapper der Contentspalten */
#wrapper {
  float: left;
  margin: 0 0 20px 0;
  text-align: left;
  width: 998px;
}

/* nur auf Startseite (volle Breite) */
#startseite {
  float: left;
  font-size: 0.625em;
  text-align: center;
  padding-left: 20px; 
  margin: 0 0 170px 0; /* Der Footer und Abstand nach unten */
  position: relative;
  width: 784px;
}

#startseite img {
  margin-bottom: 10px; 
}


/*---------- Social Media Icons/Links ----------------------------------------*/

#social_media {
  height: 18px;
  left: 134px;
  position: absolute;
  text-align: right;
  top: 0px;
  width: 50px;
}

#social_media img {
  border: 0px;
}

/******************************************************************************/
/* --- Navigation ----------------------------------------------------------- */
/******************************************************************************/
#navigation {
  float: left;
  font-size: 0.625em;
  margin-left: 10px;
  width: 174px;
}

#navigation ul#navi {
  text-transform: uppercase;
  width: 174px;
}

/*Nicht selektierte Unterpunkte werden ausgeblendet*/
#navigation ul#navi .unselected {
  display: none;
}

#navigation ul#navi .noborder {
  border: none;
}

#navigation ul#navi li {
  border-top: 1px solid #93824f;
  color: #93824f;
  height: 100%;
}

#navigation  a:hover,
#footer_fixed a:hover {
  font-weight: bold;
}

#navigation a {
  color: #93824f;
  display: block;
  padding: 3px 0 3px 3px; 
}

/* Selektiertes wird eingefärbt */
#navigation ul#navi li.act,
#navigation ul#navi li.act a,
#navigation ul#navi li .act a {
  background-color: #93824f;
  color: #fff;
  height: 100%;
}

#navigation ul#navi li ul li.act a,
#navigation ul#navi li ul li .act a{
  background-color: #BDB76B;
  color: #000;
}

#navigation ul#navi li ul li ul li.act a{
  background-color: #F0E68C;
  color: #000;
}

#navigation ul#navi li.keypoint {
  margin-bottom: 0;
}

/* Uberpunkte */
#navigation ul#navi li.keypoint ul {
	display: none;
  margin-left: 10px;
}

#navigation ul#navi li.show_sub ul {
 display: block;
}

#navigation ul#navi li.show_sub ul ul {
 display: none;
}

#navigation ul#navi li.show_sub ul li.show_sub ul {
 display: block;
}

#navigation ul#navi .firstnav {
  border-top: none;
}

#navigation ul#navi .lastnav {
  border-bottom: 1px solid #93824f;
}

/******************************************************************************/
/*--- Hauptbereich neben der Navigation --------------------------------------*/
/******************************************************************************/

/*--- Linke Spalte -----------------------------------------------------------*/
#teaser_left {
  color: #000;
  float: left;
  margin-left: 30px;
  margin-right: 19px;
  text-align: right;
  width: 185px;
}

#teaser_left p {
  color: #000;
  font-size: 0.625em;
  line-height: 1.125em !important;
  margin-bottom: 15px;
}

/* Box mit den Spielzeiten */
#teaser_left #playtimebox {
  margin-top: 24px;
}

/*--- Mittlere Spalte (Text etc.) --------------------------------------------*/
#content {
  border-left: 1px solid #93824f;
  color: #747474;
  float: left;
  padding-left: 18px;
  width: 298px;
}

#content.wide {
  width: 398px;
}

#content.widexl {
  border: none;
  padding-left: 0;
  width: 567px;
}

#content h1 {
  color: #93824F;
  margin: -4px 0 8px 0;
}

#content p {
  color: #000;
  font-size: 0.625em;
  line-height: 1.6em;
}

/* Seiten mit erhoetem Paragrapehenabstatz */
#content.paragraph p,
#content.sponsor p {
  margin-bottom: 15px;  
}

/* JS-Einblendebox */
#content .extend {
  display: block;
  float: left;
}

/******************************************************************************/
/*--- Rechte Spalte ----------------------------------------------------------*/
/******************************************************************************/
#teaser_right {
  float: left;
  margin-left: 28px;
  width: 222px;
}

#teaser_right h3 {
  color:#93824F;
  font-size: 1.25em;
  padding-bottom: 8px;
}

#teaser_right a {
  color: #000;
}

#teaser_right p {
  color: #000;
  font-size: 0.625em;
  line-height: 1.55em;
}

/* Untertitel in Teaser right und in der Teamseite */
.subtitle {
  color: #000;
  font-size: 0.5625em;
  margin-top: 3px;
}

/* Goldene makierungen */
#teaser_right span {
  color: #93824F;
  font-weight: bold;
}

/*------------------ Footer Navigation ----------------*/			
#footer_fixed {
  background-image: url(/img/navi_footer_border.gif);
  background-repeat: x-repeat;
  left: 0;
  bottom:0;
  position: fixed;
  height: 20px;
  padding-top: 2px;
  margin-right: 20px;
  text-align: left;
  text-transform:uppercase;
  z-index: 3;
}

#footer_end {
  background-image: url(/img/navi_footer_end.gif);
  background-repeat: no-repeat;
  bottom:0;
  right: -20px;
  position: absolute;
  text-align: left;
  height: 22px;
  text-transform:uppercase;
  width:20px;
}

ul#navifooter a {
  color: #000;
}

ul#navifooter li {
  border-right: 1px solid #93824f;
  font-size: 10px !important;
  float: left;
  padding: 5px;
}

ul#navifooter li.act {
  background-color: #93824f;
  color: #fff;
}

ul#navifooter li.act a {
  color: #fff;
}

ul#navifooter li.last {
  border: none !important;
}

ul#navifooter li#footeragb { width: 30px; padding-left: 15px; }
ul#navifooter li#footerdatenschutz { width: 85px; }
ul#navifooter li#footerimpressum { width: 75px; }
ul#navifooter li#footernewsletter { width: 75px; }

/* IE 6 Bugfix */

* html, * html body {
	bottom: 0;
  height: 100%;
  overflow: hidden;
}

* html #main {
	top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0;
	overflow: auto;
	position: absolute;
	width: 100%;
}

* html #footer_fixed {
  left: 0;
  margin: 0;
  padding: 0 0px 0 0;
  position: absolute;
  width: 350px;
}

* html #footer_end {
  left: 350px;
  margin: 0;
  padding: 0px 0 0 0;
}
/******************************************************************************/
/*--- 3 Spaltige Artikel definitionen ----------------------------------------*/
/******************************************************************************/
/* Einzelne Eintraege */
#content .article {
  border-left: 1px solid #93824f;
  padding: 0 0 0 18px;
  margin: 0 0 20px 0;
  width: 548px;
}

#content .article.small {
  width: 450px;
}

/* Text-Absatz nach Headline */
#content .article .middle  {
  float: left;
  width: 298px;
}

#content .article .right  {
  float: left;
  margin-left: 28px;
  width: 222px;
}


/******************************************************************************/
/*--- ANPASSUNG EINZELNER SEITENTYPEN ----------------------------------------*/
/******************************************************************************/

/******************************************************************************/
/*--- Abo --------------------------------------------------------------------*/
/******************************************************************************/
/* Bild auf der Aboseite */
#content .abobild {
  float: right;
  font-size: 0.625em;
  margin: 16px 0 5px 30px;
}

/* Vorspantext in den Aboseiten */
#content p.leap {
  font-weight: bold;
  margin: 9px 0 0 0;
}

#content .concerts.small {
  margin: 15px 0 0 0;
}
/* Anpassungen fuer Veranstalung */
#content .concerts.small .event_left {
  margin: 0 8px 10px 0;
  width: 87px;
}

#content .concerts.small .event_left p.leap {
  font-size: 0.625em;
  font-weight: bold;
  line-height:1.6em;
  margin: 10px 0 0 0;
}

#content .concerts.small .event_left p {
   line-height: 1em;    
}

#content .concerts.small .event_middel {
  padding-left: 8px;
}

#content .concerts.small .event_middel h3 {
  font-size: 0.8125em;
  padding: 0;
  margin: 0 0 7px 0;
}

#content .concerts.small .event_middel .event_artists {
  line-height: 1.4em;
  margin: 0;
}


#content .concerts.small .event_middel p.prize {
  margin: 11px 0 0 0;
}

#content .concerts.small .event_right {
   top: 10;
}

/******************************************************************************/
/*--- Fotoservicer -----------------------------------------------------------*/
/******************************************************************************/
#content form.fotoservice input {
  margin-bottom: 5px;
  width: 142px;
}

#content form.fotoservice #login {
  margin-bottom: 4px;
  margin-top: 7px;
  width: 110px;
}

/******************************************************************************/
/*--- Fotoservicer - Detail --------------------------------------------------*/
/******************************************************************************/
#content .middle.fotodetail img {
  border:1px solid #93824F;
}

#content .middle.fotodetail p {
  margin-bottom: 7px;
}

/******************************************************************************/
/*--- Pressekarten -----------------------------------------------------------*/
/******************************************************************************/
#content form.pressekarten {
  display: block;
  width: 312px;
}

#content form.pressekarten p {
  clear: both;
  float: left;
  padding: 2px 0 2px 0;
  margin: 0 0 0 0;
  width: 312px;
}

#content form.pressekarten p label {
  display: block;
  float: left;
  padding: 0 0 3px 0;
  width: 94px;
}

#content form.pressekarten p input {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  height: 16px;
  padding: 2px 0 0 2px;
  margin: 0;
  width: 210px;
}

#content form.pressekarten p select {
  background: #93824F;
  color: #fff;
  font-size: 1.3em;
  width: 217px;
}

#content form.pressekarten p textarea  {
  height: 107px;
  width: 210px;
}

#content form.pressekarten p input#id_strasse { width: 164px; }
#content form.pressekarten p input#id_strassen_nr { width: 34px; }
#content form.pressekarten p input#zip_field { width: 34px; }
#content form.pressekarten p input#town_field { width: 164px; }
#content form.pressekarten p #kartenwunschlabel { margin-top: 50px; }

/******************************************************************************/
/*--- Pressestimmen  ---------------------------------------------------------*/
/******************************************************************************/
#content .news_date {
  color:#000000;
  font-size:0.625em;
  line-height:1.6em;
  text-transform: uppercase;
}

/******************************************************************************/
/*--- Radio und TV  ----------------------------------------------------------*/
/******************************************************************************/
#content .teasertext {
  font-size: 0.625em;
  font-weight: bold;
  margin: 0 0 3px 0;
  text-transform: uppercase;
}

/******************************************************************************/
/*--- Spielorter - Ludwigsburg ------------------------------------------------*/
/******************************************************************************/
#content .link_to_animate_alternative,
#content .link_to_close_alternative {
  font-weight: bold;
}
/******************************************************************************/
/*--- Themen -----------------------------------------------------------------*/
/******************************************************************************/
/* Der Inhaltbereich ist nicht ueber die volle laenge */
#content .article.themen {
  width: 300px;
}

#content .article.themen h2 {
  margin-bottom: 7px;
}

#content .article.themen p {
  line-height: 1.2em;
  margin-bottom: 12px;
}

/******************************************************************************/
/*--- Newsletter -------------------------------------------------------------*/
/******************************************************************************/
#content .option input {
  margin-top: 0px;
  height: 10px;
}

#content #newsletterdescription {
  font-size: 0.625em;
  line-height: 1.6em;
  margin: 5px 0 22px 0;
}

#content form input#formmail {
  font-size: 0.8125em;
}

#abbonieren, 
#abbestellen {
  float: left;
  margin: 0 7px 0 0;
}

#content .newsletterlabel {
  font-size: 0.625em;
  float: left;
  margin: 0 12px 0 0;
}

#sendnewsletter {
  margin: 8px 0 0 0;
}
/******************************************************************************/
/*--- Shop -------------------------------------------------------------------*/
/******************************************************************************/
#content .article .middle .componist {
  font-size: 0.625em;
  text-transform: uppercase;
  margin: 0 0 2px 0;
}

#content .article .middle .leap {
  font-weight: bold;
  line-height:1.6em;
  margin-bottom: 9px;
}

#content .article .middle .shopdescription {
  margin-top: 11px;
}

#content .article .middle .shoplabel {
  margin-top: 12px;
}

#content .article .middle .price {
  font-size: 0.625em;
  margin: 13px 0 10px 0;
}

#content .article .middle .shopmoreinfos{
  font-size: 0.625em;
  margin-top: 0px;
}

#content .article .middle .price input {
  font-size: 1.3em;
  margin: 0;
}

#content .article .right img {
  border: 1px solid #93824f;
}

#content .article .right object {
  margin: 5px 0 0 0;
}


/*--- Bestellformular --------------------------------------------------------*/
table.shop-articles {
  border-collapse: collapse;
  font-size: 0.6875em;
  margin: 10px 0 0 0;
  width: 100%;
}

table.shop-articles td {
  border: 1px solid #93824f;
  padding: 3px;
}

.error,
#content p.error {
  color: #c00;
  font-weight: bold;
}

.btn-zurueck,
.btn-senden {
  background: #fff;
  border: 1px solid #93824f;
  color: #000;
  font-size: 0.6875em;
  padding: 2px;
}

.btn-zurueck:hover,
.btn-senden:hover {
  background: #93824f;
  border: 1px solid #93824f;
  color: #fff;
}

.btn-zurueck {
  margin: 0 10px 0 0;
}

#content h2.large_padding {
  padding: 20px 0 5px 0;
}

#content form.bestellformular {
  display: block;
  width: 398px;
}

#content form.bestellformular p {
  clear: both;
  float: left;
  padding: 2px 0 2px 0;
  margin: 0 0 0 0;
  width: 396px;
}

#content form.bestellformular p.bottom_distance {
  margin: 0 0 5px 0;
}

#content form.bestellformular p input {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  height: 16px;
  padding: 2px 0 0 2px;
  margin: 0;
}

#content form.bestellformular p input.radio_btn {
  float: left;
  margin: 1px 0 0 0;
  width: 20px;
}

#content form.bestellformular p input.wide_field { width: 282px; }
#content form.bestellformular p input.zip_field { width: 50px; }
#content form.bestellformular p input.town_field { width: 222px; }

#content form.bestellformular p label {
  display: block;
  float: left;
  padding: 0 0 3px 0;
  width: 105px;
}

#content form.bestellformular[class] p label { width: 108px; }

#content form.bestellformular p label.radio_label {
  cursor: pointer;
  padding: 2px 0 0 0;
  width: 300px;
}

#content form.bestellformular p label span {
  float: right;
}

#content form.bestellformular p select {
  background: #93824F;
  color: #fff;
  font-size: 1.3em;
  width: 301px;
}

#content form.bestellformular p select option {
  background: #93824F;
  color: #fff;
}

.submit {
  text-align: right;
}

#content form.bestellformular p textarea {
  font-size: 1.3em;
  height: 80px;
  overflow: auto;
  width: 297px;
}

/* Bestellbestaetigung */
/*
Auskommentiert 19-02-10 cf: Wird momentan nicht verwendet.  
div#layer {
  background: #93824F;
  filter: alpha(opacity=80);
  height: 100%;
  left: 0;
  opacity: 0.8;
  -moz-opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}

div.send_notice {
  background: #ffffff;
  border: 1px solid #000;
  filter: alpha(opacity=100);
  margin: 145px auto 0 auto;
  opacity: 1.0;
  -moz-opacity: 1.0;
  padding: 10px 10px 10px 10px;
  width: 500px;
}
*/
div.send_notice h2 {
  font-weight: bold;
}

div.send_notice p {
  font-size: 0.875em;
  margin: 0;
}

.bestaetigung {
  border: 1px solid #93824F;
  margin: 0 0 40px 0;
  padding: 10px;
}

#content .bestaetigung p {
  font-size: 0.8125em;
  margin: 0;
}

/******************************************************************************/
/*--- Spielplan und Karten ---------------------------------------------------*/
/******************************************************************************/
/* Event Wrapper */
.concerts {
  float: left;
  width: 700px;
}

/* Einzelnes Event */
.teaseritem {
  padding-bottom: 10px;
  width: 100%;
}

/*--------- Kalender  --------------------------------------------------------*/
/* Tage ohne Vorstellung */
.event_middel h2#date {
  color: #93824F;
  font-size: 0.8125em;
  font-weight: bold;
  margin: 0 0 4px 0;
}

#calendar {
  margin: 6px 0 0 0;
}

#calendar span {
  background-color: #fff;
  border: 2px solid #CCCC88;
  color: #bbb;
  display: block;
  font-size: 10px;
  float: left;
  font-weight: bold;
  height: 14px; 
  margin: 0 2px 4px 0;
  text-align: center;
  width: 14px;
}

/* Wochendende */
#calendar span.weekend {
  background-color: #BFB495;
  border: 2px solid #93824F;
  color: #000;
}

/* Aktuell ausgewaehlter Tag*/
#calendar .act {
  background-color: #000;
  border: 2px solid #93824F;
  color: #fff;
}

/* Aktiver Tag */
#calendar a {
  background-color: #fff;
  border: 2px solid #93824F;
  color: #000;
  display: block;
  font-size: 10px;
  font-weight: bold;
  float: left;
  height: 14px; 
  margin: 0 2px 4px 0;
  text-align: center;
  width: 14px;
}

#skipmonth a {
  color: #000;
  font-size: 0.625em;
  font-weight: bold;
  margin: 4px 0 0 0;
}

#skipmonth span {
  font-size: 0.625em;
}

/*--- Linke Eventspalte ------------------------------------------------------*/
.event_left {
  float: left;
  margin: 0 19px 10px 30px;
  width: 186px;
}

.event_left strong {
  padding: 0 0 2px 0;
}

.event_left#headline {
  text-align: right;
}

.event_left h2 {
  font-size:1.25em;
  font-weight:bold;
}

.event_left p {
  color: #000;
  font-size: 0.625em;
  padding: 4px 0 0 0;
  line-height: 1.3em; 
  text-align: right;
}

.event_left .place {
  text-transform: uppercase;
}

/*--- Mittlere Eventspalte ---------------------------------------------------*/
.event_middel {
  border-left: 1px solid #93824f;
  color: #747474;
  float: left;
  padding-left: 19px;
  position: relative;
  margin-bottom: 10px;
  width: 298px;
}

.event_middel.calendar {
  width: 430px;
}

.event_middel h3 {
  color: #93824f;
  font-size: 1.25em;
  margin-top: 0;
}

.event_middel p {
  color: #000;
}

.event_middel p.event_subtitle {
  font-size: 0.75em;
  margin-top: 8px;
}

.event_middel p.event_artists {
  font-size: 0.625em;
  line-height: 1.3em;
  margin: 15px 0 0 0;
}

/*--- Rechte Eventspalte -----------------------------------------------------*/
.event_right {
  position: absolute;
  left: 340px;
  top: 5px;
  width: 126px;
}

.event_right img {
  margin-top: 5px;
}

/******************************************************************************/
/*--- Sponsor -------------------------------------------------------------*/
/******************************************************************************/
/* Ueberschifr hat hier einen hoeheren Abstand */
#content.sponsor h2 {
  margin-bottom: 10px;
}

#content #sponsoren img {
  margin: 0 0 20px 0;
}

/******************************************************************************/
/*--- Startseite -------------------------------------------------------------*/
/******************************************************************************/
#blurstartseite {
  background: #fff; /* IE Bebug*/
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  display: none;
  border: 1px #000 solid;
  color: #000;
  height: 585px;
  position: absolute;
  width: 800px;
  z-index: 5;
}

#home_footer1 {
  position: absolute;
  left: 20px;
  top: 580px;
}

/* Der Notizzettel */ 
#home_footer2 {
  position: absolute;
  left: 601px;
  top: 0;
}

/* Infobox zu den einzelnen Personen*/
#indexdetail {
  background-color: #fff;
  display: none;
  padding: 0 0 12px 0;
  position: absolute;
  left: 230px;
  top: 35px;
  z-index: 50;
}

#indexdetail .border {
  /*background-image: url(/img/home_shaddow.gif);
  background-repeat: no-repeat*/;
  padding: 31px;
  width: 300px;
}


#indexdetail .artistname, 
#indexdetail .quotation {
  color:#93824F;
  font-size:2em;
  font-weight:bold;
  text-align:center;
}

#indexdetail .quotation p {
  color:#93824F;
}

#indexdetail .quotation {
  font-size: 1.25em;
}

#indexdetail .quotation.small {
  font-size: 1.25em;
}
/******************************************************************************/
/*--- Neue Startseite --------------------------------------------------------*/
/******************************************************************************/
#person_background {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#startseite_new {
  float: left;
  font-size: 0.625em;
  /*padding-top: 533px;*/
  position: relative;
  width: 780px;
}

#home_layer {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
}

#home_img_1 {
  left: 40px;
  position: absolute;
  top: 22px;
  display: inline;
}

#home_img_2 {
  left: 268px;
  position: absolute;
  top: 58px;
}

#home_img_3 {
  left: 24px;
  position: absolute;
  top: 284px;
}

#home_img_4 {
  left: 304px;
  position: absolute;
  top: 274px;
}

#home_img_5 {
  left: 555px;
  position: absolute;
  top: 252px;
}

#home_badge {
  left: 570px;
  position: absolute;
  top: 35px;
  z-index: 11;
}

#home_footer {
  margin: 20px 0 0 20px;
}

#indexdetail .person {
  width: 362px;
}


#collage {
  position: relative;
  float: left;
  height: 533px;
  width: 780px;
}



/******************************************************************************/
/*--- Freundeskreis (Formular) -----------------------------------------------*/
/******************************************************************************/
#content form.freundeskreis {
  display: block;
  width: 398px;
}

#content form.freundeskreis p {
  clear: both;
  float: left;
  padding: 2px 0 2px 0;
  margin: 0 0 0 0;
  width: 396px;
}

#content form.freundeskreis p.bottom_distance {
  margin: 0 0 5px 0;
}

#content form.freundeskreis p.trenner {
  border-left: 1px solid #93824f;
  border-right: 1px solid #93824f;
  border-top: 1px solid #93824f;
}

#content form.freundeskreis p.trenner span {
  float: right;
  margin: 0 10px 0 10px;
}

#content form.freundeskreis p.trenner.tr_bottom {
  border-bottom: 1px solid #93824f;
  border-left: 1px solid #93824f;
  border-right: 1px solid #93824f;
  border-top: 1px solid #93824f;
  margin: 0 0 8px 0;
}

#content form.freundeskreis p input {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  height: 16px;
  padding: 2px 0 0 2px;
  margin: 0;
}

#content form.freundeskreis p input.radio_btn {
  float: left;
  margin: 1px 0 0 0;
  width: 20px;
}

#content form.freundeskreis p input.wide_field { width: 295px; }
#content form.freundeskreis p input.zip_field { width: 50px; }
#content form.freundeskreis p input.town_field { width: 235px; }

#content form.freundeskreis p label {
  display: block;
  float: left;
  padding: 0 0 3px 0;
  width: 92px;
}

#content form.freundeskreis[class] p label { width: 95px; }

#content form.freundeskreis p label.radio_label {
  cursor: pointer;
  padding: 2px 0 0 0;
  width: 300px;
}

#content form.freundeskreis p label span {
  float: right;
}

#content form.freundeskreis p select {
  background: #93824F;
  color: #fff;
  font-size: 1.3em;
  width: 301px;
}

#content form.freundeskreis p select option {
  background: #93824F;
  color: #fff;
}

#content form.freundeskreis p.submit {
  text-align: right;
}

#content form.freundeskreis p textarea {
  font-size: 1.3em;
  height: 80px;
  overflow: auto;
  width: 297px;
}
/******************************************************************************/
/*--- Veranstaltungen Detail -------------------------------------------------*/
/******************************************************************************/
#content .event_description {
  font-size: 0.75em;
  margin: 5px 0 10px 0;
}

/******************************************************************************/
/*--- 404 Fehlerseite  -------------------------------------------------------*/
/******************************************************************************/
#content .errorsietexttop {
  padding: 0;
  margin: 12px 0 0 0;
}

#content ul#fehlerseite {
  font-size: 0.625em;
  list-style-type: disc;
  line-height: 1.6em;
  margin: 2px 0 0 14px;
}

#content .errorsitefooter {
  padding: 0;
  margin: 16px 0 0 0;
}

/******************************************************************************/
/*--- Definitionen fuer CakePHP-----------------------------------------------*/
/******************************************************************************/
.cake-sql-log {
 background: #fff;
 border-collapse: collapse;
 font-size: 0.75em;
 margin: 20px;
}

.cake-sql-log th,
.cake-sql-log td {
 border: 1px solid #ccc;
 padding: 2px 4px;
}