/*
Lindenhof 2010

Farbwerte:
grau: #C5C6C8
heller gruen: #CAD7CB
gruen: #C8C9B8
rot: #CB051D


Versionsgeschichte:
2010-13-09 erstellt
2010-11-15 starttext situation neu organisiert
2010-11-18 pressestimmen und veranstalterinfo hinzu
2010-12-03 typ photos hinzu
2010-12-10 banner-titel schwarz statt rot, hg FABA00
2010-12-16 verbesserte fehlerdarstellung im kartenmodul
2011-08-30 pointer fuer LinkLike hinzu
*/

/*
The following properties apply to column and column-group elements:
'border' , 'background' , 'width' , 'visibility'

hellblau in der Infobox rechts.
Und den Rotton der Links.
Grauwert für die "Links nach dem Anklicken"

Hintergrund-Gelb: R 250 / G 186 / B 0
Info-Box-Hellblau: R 231 / G 242 / B 247
Schrift Hyperlinks-Rot: R 205 / G 7 / B 30
Schrift Hyperlinks "nach dem anklicken": RGB Code ist 156, 156, 156
*/

@import url("/admin/styles/logger_styles.css");


/* Borderboxmodel def */
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box !important;
	-ms-box-sizing:border-box;
	-khtml-box-sizing:border-box;
}

body {
	background-color: #CAD7CB;
	background-color: #FABA00;
	font-family: MS Sans Serif, Antiqua, Arial, Verdana, Helvetica;
	margin: 0px 0;
}

#sammelbox  {
	width: 960px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -480px;
	background-color: #CAD7CB;
	background-color: #FABA00;
	font-family: MS Sans Serif, Antiqua, Arial, Verdana, Helvetica;
	font-size: 0.8em;
}

h1, h2, h3 {
	margin-top: 0;
	font-family: MS Sans Serif, Antiqua, Arial, Verdana, Helvetica;
	font-weight: normal;
	font-size: 1.5em;
	color: #000;
}

h2 {
	letter-spacing: -1px;
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}
p {
	margin-bottom: 5px;
	margin-right: 0px;
}

/*Links*/
a img {
	border: 0;
}
a:link {
	text-decoration: none;
	color: #ED1B29;
	color: #CD071E;
}
a:hover {
	text-decoration: underline;
	color: #D60000;
	color: #CD071E;
}
a:visited {
	text-decoration: none;
	color: #D60000;
	color: #9C9C9C;
}
h1 a:link, h1 a:visited {
	text-decoration: none;
	color: #3F3062;
	font-weight: normal;
}
h1 a:hover {
	text-decoration: underline;
	color: #D60000;
}
.LinkLike , .LinkLike a {
	cursor: pointer;
}

.error , .warning , .notice , .IsOK, .success {
	padding: 0.4em 1em 0.4em;
	font-weight: bold;
}
.error {
	background-color: #F49595;
	background-color: #CB051D;
}
.warning {
	background-color: #D91515;
	background-color: #ED1B29;
}
.notice {
	background-color: #991515;
	background-color: #FF5306;
}
.IsOK, .success {
	background-color: #FF5306;
	background-color: #E3E4E4;
}


/*Kopf*/
#header {
	width: 960px;
	height: 102px;
	margin: 0;
	padding: 0px;
	background: #CAD7CB;
	background: #FABA00;
}


/*Logo*/
#logo img{
	float:left;
	border: 6px solid white;
	border: 0;
}

/*Menu*/
#menu {
	font-family: MS Sans Serif, Antiqua, Arial, Verdana, Helvetica;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 0 5px 0;
	position: absolute; top: 0px; left:160px;
	width: 640px;
}
#menufix {
	margin-top: 65px;
	font-size: 11px;
}
#menu ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
	list-style: none;
	display: inline;
}
#menu li {
	display: inline;
	/*background-color:#FFFFFF;*/
}
#menu a {
	padding: 5px;
	text-decoration: none;
	color: #000000;
}
#menu a:hover {
	color: #CB051D;
}
#menu .active a {
	color: #000000;
}

#menu li.MenuLevel1 ul {  margin-left: 2px; padding-left:0px;}
#menu li.MenuLevel2 ul { margin-left: 2px; padding-left:0px; }
/*menu-levels aufsteigend*/
#menu li.MenuLevel1 a { font-size:14px; /*font-weight:bold;*/}
#menu li.MenuLevel1 ul li.MenuLevel2 a { font-size:11px; color: #000000;}
#menu li.MenuLevel1 ul li.MenuLevel2 ul li.MenuLevel3 a { font-size:11px }



/*Newsletter*/
#NewsletterEintragen {
	padding: 40px 0px 0px 10px;
}
#NewsletterEintragen * {
	padding: 0px;
}
#NewsletterEintragen h2.title {
	font-size: 1.2em;
	/*font-weight: bold;*/
	color: #3F3062;
}

/*Kolumne*/
#kolumne {
	margin: 0 6px 0 6px;
	border: white 6px solid;
	font-size: 0.7em;
	height: 300px;
	overflow:hidden;
	background-color: #E7F2F7;
}
#kolumne .weiter-link {
	padding: 0;
}
/* Partner */
#partner {
	margin: 1em 6px 0 6px;
	border: white 6px solid;
	font-size: 0.7em;
	text-align: center;
	background-color: #FFF;
}


/* content (col1-3) */
#content {
	width: 960px;
	background-color: #cad7cb;
	background-color: #FABA00;
}
#content .dokumentListe {
	border: solid 6px #FFF;
	background-color: #E7F2F7;
}
#content .KategorieRepertoire .dokumentListe {
	width: 154px;
	height: 420px;
	border: 0;
	margin-bottom: 6px;
	margin-right: 6px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #FFF;
	float: left;
	font-size: 0.7em;
}
#content p a {
	background-repeat: no-repeat;
	background-position: left 40%;
}
#colOne {
	float: left;
	width: 160px;
	padding: 0;
	min-height: 1200px;
}
#colTwo {
	float: left;
	padding:10px 40px 0px 10px;
	width: 640px;
	margin-left: 0px;
	background-color: #FFF;
	border: 6px solid white;
}
#colThree {
	float: left;
	width: 154px;
	padding: 0px;
	margin: 0 0 0 6px;
	border: 6px solid white;
	background-color: #E7F2F7;
}

#colTwo.kolumne {
	background-color: #C8C9B8;
}
#colTwo.impressum {
	background-color: #C5C6C8;
}
#colTwo.starttext {
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-color: #CAD7CB;
	background-color: #FABA00;
	width: 640px;
}
#colTwo.starttext div.starttext {
	margin: 0px;
}
#colTwo.starttext p {
	margin-left: 10px;
	margin-right: 10px;
}
#colTwo.starttext p.RubrikStart {
	margin: 0px;
	border: 0px;
	float: none;
}
#colTwo.starttext p.RubrikStart img {
	width: 100%;
	border: 6px solid #FFF;
}

#colTwo.repertoire {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #CAD7CB;
	background-color: #FABA00;
}
#colTwo.repertoire div.stueckListe > * {
	position: relative;
	top: -43px;
}
#colTwo.repertoire div.stueckListe p.Piktogramme {
	/*piktos muessen noch nach unten rechts geschoben werden*/
	position: relative;
	top: 380px;
	height: 30px;
	text-align: right;
}
#colTwo.repertoire div.stueckListe p.DocReadMore {
	padding: 0;
	margin: 0;
}

#colTwo.stueck p.Piktogramme {
	width: 115px;
	height: 60px;
	margin-left: 500px;
	text-align: right;
}
#colTwo.stueck p.Piktogramme  img{
	border: 0px;
}
#colTwo.stueck p.Piktogramme  a{
	border: 0px;
}
#colTwo.stueck div.SingleDoc h1 {
	width: 260px;
	height: 0px;
	float: left;
}

#colTwo.personen {
	padding: 4px 0 4px 4px;
	margin: 0;
	border: 0;
	background-color: #FFF;
}
#colTwo.personen  img{
	border: 3px solid white;
}

#colTwo.photos {
	padding: 0;
}

.dokumentListe .mehr {
	margin-bottom: 20px;
	padding: 1px;
	text-align: right;
}
.dokumentListe .mehr a {
	color: #696969;
	font-weight: bold;
}
.dokumentListe .mehr a:hover {
	text-decoration: none;
}
.RubrikStart  {
	margin: -25px 0 0 -10px;
	float: left;
}
#colTwo .KategorieDokument form.EdithFormular input.InputText {
	width: 25em;
}
#colTwo .KategorieDokument form.EdithFormular textarea {
	width: 36em;
}
#colTwo .KategorieDokument form.EdithFormular input.InputSubmit {
	padding: 0 2em;
}
#colTwo hr , #colTwo table {
	width: 100%;
}
#colTwo .SingleDoc table caption {
	font-size: 1.2em;
}
#colTwo .SingleDoc p.RubrikStart {
	margin: -10px 0 0 -10px;
	float: left;
}

/* ohne piktogramme */
#colTwo.pressestimmen div.SingleDoc h1,
#colTwo.veranstalterinfo div.SingleDoc h1
{
/*fixe hoehe um z.B. p.StueckBilder sicher zu platzieren*/
	height: 40px;
}
/* Einzelstueck-ansicht und Einzelperson-ansicht */
#colTwo.stueck div.SingleDoc h1,
#colTwo.darsteller div.SingleDoc h1
{
/*fixe hoehe um z.B. p.StueckBilder sicher zu platzieren*/
	height: 60px;
}

#colTwo .KategoriePressestimmen p.StueckBilder,
#colTwo .KategorieVeranstalterinfo p.StueckBilder,
#colTwo .KategorieStueck p.StueckBilder,
#colTwo .KategorieDarsteller p.PersonBilder,
#colTwo .SingleDoc p.BildSpalteLinks
{
/* Bilder zum Stueck / Person liegen in einem p dem per style-selektor "StueckBilder" zugewiesen wird */
	position:relative;
	top: -90px;
	width: 240px;
	overflow: hidden;
	float: left;
	padding: 0px 6px 6px 0px;
	border: 0px;
	margin: 0px;
	/*background-color: #CCF;*/
}
#colTwo .KategoriePressestimmen p.StueckBilder,
#colTwo .KategorieVeranstalterinfo p.StueckBilder
{
	top: -60px;
}

#colTwo .KategoriePressestimmen p.StueckBilder img,
#colTwo .KategorieVeranstalterinfo p.StueckBilder img,
#colTwo .KategorieStueck p.StueckBilder img,
#colTwo .KategorieDarsteller p.PersonBilder img,
#colTwo .SingleDoc p.BildSpalteLinks img
{
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
}
#colTwo .KategoriePressestimmen > * ,
#colTwo .KategorieVeranstalterinfo > * ,
#colTwo .KategorieStueck > * ,
#colTwo .KategorieDarsteller > * ,
#colTwo .TextSpalteRechts
{
/* alle inhalte nach rechts, sonst fliesst der text unter dem bildblock wieder nach links */
	margin-left: 240px;
}
#colTwo.pressestimmen ,
#colTwo.veranstalterinfo ,
#colTwo.stueck ,
#colTwo.darsteller
{
	padding-left: 0 !important;
}
/* Spielplan eines Stuecks */
#colTwo .SingleDoc table.StueckSpielplan {
	width: auto;
}
#colTwo table td {
	text-align: left;
}
#colTwo .StueckSpielplan col.Wochentag {
	width: 1em;
}
#colTwo .StueckSpielplan col.Kalendertag {
	width: 1em;
}
#colTwo .StueckSpielplan col.Uhrzeit {
	width: 5em;
}
#colTwo .StueckSpielplan colgroup.Karten {
	width: 1em;
}
#colTwo table.StueckSpielplan th {
	text-align: left;
}
#colTwo table.StueckSpielplan .Element4 a img {
	border: 0;
}
/* Preiskategorien im Stueck-Spielplan */
.StueckSpielplan td , .StueckSpielplan th {
	font-size: 80%;
}
.StueckSpielplan td img.genre {
	width: 12px;
}
.PreisKategorien span {
	white-space: nowrap;
}
.PreisKategorien span span {
	font-size: 80%;
}
.PreisKategorien span.Label {
	font-weight: bold;
}
.PreisKategorien span.Value {
	margin-right: 1em;
}
#colTwo.spielplan table td.StueckPreisKategorie div.StueckPreisKategorie a {
	white-space: nowrap;
}

/* Spielplan */
#colTwo.spielplan {
	padding-left: 0px;
}
#colTwo.spielplan .SingleDoc table td div {
	font-size: 0.9em;
}
#colTwo.spielplan p.SpielplanBilder img {
	width: 148px;
	padding: 0 0 6px 0;
}
#colTwo.spielplan p.SpielplanBilder {
	padding: 0 0 0 0px;
	margin: 0px;
	width: 154px;
	float: left;
}
#colTwo.spielplan > * {
	margin-left: 160px;
}
#colTwo.spielplan .SingleDoc {
	margin-left: 10px;
}
#colTwo.spielplan {
	padding-right: 0px;
}
#colTwo.spielplan table {
	width: 460px;
	border-collapse:collapse;
}
#colTwo.spielplan table .Zeile1 td {
	border: 0;
	border-top: dashed 1px black;
	margin: 0;
}
#colTwo.spielplan table .Zeile2 td {
	padding-bottom: 8px;
}
#colTwo.spielplan table td {
	padding: 0 4px 0;
}
#colTwo.spielplan caption {
	text-align: left;
	margin-bottom: 1em;
}
#colTwo.spielplan table .StueckKategorie img , #colTwo.spielplan div.Legende img {
	width: 8px;
	height: 8px;
}
#colTwo.spielplan tr.premiere {
	color: red;
}
#colTwo.spielplan tr.premiere td {
	border-color: red;
}
#colTwo.spielplan div.Legende {
	display: inline;
	margin-left: 10px;
}
#colTwo.spielplan div.Legende img {
	vertical-align: middle;
	margin: 2px;
}


/* Karten / Bestellung */
.FormError {
	margin-top: 0;
	margin-bottom: 0;
}
#ThlKartenFormular div {
	margin-bottom: 4px;
}


/*Terminmodul*/
.Termin {
  text-align: left;
}
.Termin td.Datum {
  width: 20%;
  vertical-align: top;
}
.Termin td.Neu {
  display: none;
}


/*Suche*/
#suche {
	margin: 5px 0 0 800px;
	padding: 2px 0 2px 0;
	width: 160px;
}
#suche-submit {
	background: url(admin/lindenhof/styles/lindenhof2010/pics/suchen.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	height: 21px;
	width: 37px;
	border: 0;
}
#suche-eingabe {
	padding: 0px;
	margin: 0px;
	width: 117px;
	border: 1px solid black;
}

/*Banner*/
#colThree > div {
	padding: 0;
	margin: 1px;
}
#colThree > div p, #colThree > div a, #colThree > div img {
	padding: 0;
	margin: 0;
}
#colThree > div h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #CB051D;
	color: #000;
	padding: 1px;
}
#colThree > div p ,
#colThree > div div,
#colThree > div td
{
	font-size: 0.7em;
}
#colThree > div h2 {
	font-size: 0.9em;
}
#colThree > div a:link,
#colThree > div a:visited {
	text-decoration: none;
	color: #3F3062;
}
#colThree > div a:hover {
	text-decoration: underline;
	color: #CB051D;
}
#colThree > div .Tabelle {
	border-top: 2px dotted gray;
	padding-left: 0.2em;
}
#colThree > div .Tabelle .Element4 {
	display: block;
	padding-left: 12px;
	font-weight: bold;
}
#colThree > div p a {
	background-repeat: no-repeat;
	background-position: left center;
/*
	padding-left: 15px;
	padding-bottom: 0.2em;
	margin-left:0.2em;
*/
	color: #696969;
	font-weight: bold;
}
/* download-link */
#colThree > div {
	margin: 0;
}
#colThree p.download-link {
	padding: 6px 0 6px;
	background-color: #FFF;
}
#colThree p.download-link a {
	background-color: #FFF;
	padding-left: 15px;
	margin-left:0.2em;
}
#colThree p.download-link > * {
	background-image: url(/admin/lindenhof/styles/lindenhof2010/pics/sym_down.gif);
	background-repeat:no-repeat;
}
#colThree > div h1 {
	margin: 0px 0px 0px;
	padding: 6px 0px 6px;
}
#colThree > div h2.BlockElement {
	border-top: dashed 1px gray;
	margin: 0em 0 0;
	font-size: 90%;
	font-weight: bold;
}
/*
#colThree > div p.BlockElement {
	margin: 0.4em 0 0;
	font-size: 80%;
}
*/
#colThree div.preisliste p ,
#colThree div.preisliste h1 ,
#colThree div.preisliste h2 ,
#colThree div.preisliste td
{
	background-color: #E2F1F7;
	background-color: #E7F2F7;
}
#colThree .preisliste table {
	width: 100%;
	border-collapse:collapse;
}



/* Suche */
#colTwo #Suche .SuchTrefferTitel {
	border-top: dashed 1px gray;
}

/*fuss*/
#footer {
	margin: 0 auto;
	display: block;
	border: 0px green solid;
}


/*Verseitung*/
#PaginationLinks  a:visited {
	color: #D60000;
}
#PaginationLinks a.CurrentPage {
	background-color: #D60000;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	color: #FFF;
}
#PaginationLinks a {
	background-image: none !important;
	margin: 0px 0px 0px  !important;
	padding: 0px 3px 0px  !important;
}


/* Sonstiges */
.DebugFrontend , .debug {
	border: solid 2px blue;
}