/*
Autor: Maximilian Busch
Agentur: buschhochzwei GbR
Projekt: bodhiTrees.de
*/

/*** HTML ***/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../layout/body_bg.gif) repeat-y 76px 0;
	color: #555;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
}

p { margin-top: 0; }
p.align-left { text-align: left; }
p.align-center { text-align: center; }
p.align-right { text-align: right; }

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	color: #442220;
	font-weight: bold;
}

a:link, a:visited, a:hover, a:active {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #442220;
	text-decoration: none;
}

input, textarea, select, option {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

/*** ALLGEMEINES ***/
.csc-textpic-caption {
	padding: 7px 0;
	font-size: 11px; 
}

/*** LAYOUT ***/
/* SHOP-AKTION */
a#link-shop { display: block; position: absolute; top: 80px; left: 40px; z-index: 10000; }
a#link-shop img { border: 0; }

div#page {
	position: relative;
	min-height: 100%;
}

* html div#page { /* Für IE */
	height: 100%;
}

div#header {
	margin: 0;
	padding: 0;
	width: 1216px;
	height: 213px;
	background: transparent url(../layout/header.jpg) no-repeat;
	float: none;
}

div#content {
	margin: 10px 0 0 140px;
	padding: 0;
	width: 453px;
	min-height: 438px;
	position: relative;
	top: 0;
	left: 182px;
	z-index: 10;
}

* html div#content {
	height: 438px;
}

div#footer {
	margin: 0 0 0 182px;
	padding: 0 0 317px 0;
	width: 753px;
	height: 69px;
	background: transparent url(../layout/footer.gif) no-repeat;
	clear: left;
	z-index: 9;
}

div#buehne {
	position: relative;
	left: 76px;
	width: 1010px;
	height: 315px;
	background: transparent url(../layout/footer_buehne.gif) no-repeat;
	margin-top: -315px;
	z-index: 6;
}

div#ivan {
	position: relative;
	left: 5px;
	bottom: 150px;
	width: 312px;
	height: 633px;
	background: transparent url(../layout/footer_ivan.gif) no-repeat;
	margin-top: -633px;
	z-index: 7;
}

div#ali_jonas {
	position: relative;
	left: 780px;
	bottom: 150px;
	width: 432px;
	height: 628px;
	background: transparent url(../layout/footer_ali_jonas.gif) no-repeat;
	margin-top: -628px;
	z-index: 8;
}

/*** NAVIGATION - TOP ***/
ul#topnavi {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 154px;
	left: 445px;
	list-style: none;
}

ul#topnavi ul { width: 150px; }

ul#topnavi li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

ul#topnavi li a:link, ul#topnavi li a:visited, ul#topnavi li a:hover, ul#topnavi li a:active {
	margin: 0 4px 0 0;
	padding: 0 8px 0 8px;
	color: #cecbbf;
	display: block;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}

ul#topnavi li a:hover {
	background: #cecbbf;
	color: #442220;
	text-decoration: underline;
}

ul#topnavi li.active a:link, ul#topnavi li.active a:visited, ul#topnavi li.active a:hover, ul#topnavi li.active a:active {
	margin: 0 4px 0 0;
	padding: 0 8px 0 8px;
	background: #cecbbf;
	color: #442220;
	display: block;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}

ul#topnavi li.active a:hover {
	background: none;
	color: #cecbbf;
	text-decoration: underline;
}

/*** NAVIGATION - BOTTOM ***/
ul#bottomnavi {
	margin: 0;
	padding: 43px 0 0 140px;
	position: relative;
	list-style: none;
	z-index: 11;
}

ul#bottomnavi li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#bottomnavi li a:link, ul#bottomnavi li a:visited, ul#bottomnavi li a:hover, ul#bottomnavi li a:active {
	margin: 0 4px 0 0;
	padding: 0 12px 0 12px;
	color: #cecbbf;
	display: block;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
}

ul#bottomnavi li a:hover {
	background: #cecbbf;
	color: #442220;
	text-decoration: underline;
}

ul#bottomnavi li.active a:link, ul#bottomnavi li.active a:visited, ul#bottomnavi li.active a:hover, ul#bottomnavi li.active a:active {
	margin: 0 4px 0 0;
	padding: 0 20px 0 20px;
	background: #cecbbf;
	color: #442220;
	display: block;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
}

ul#bottomnavi li.active a:hover {
	background: none;
	color: #cecbbf;
	text-decoration: underline;
}

/*** EVENTS ***/

/* Allgemein */
.optionBox {
	font-size: 10px;
	background-color: #442220;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #FFF;
}
.select {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	clear: both;
}
.search {}
.listRow {
	margin-bottom: 10px;
	padding: 5px 10px;
	border: 1px solid #442220;
}

/* Liste */
.tx-mjseventpro-pi1-listViewField-image {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	clear: both;
}
.tx-mjseventpro-pi1-listViewField-title p {
	color: #442220;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.tx-mjseventpro-pi1-listViewField-bdate, .tx-mjseventpro-pi1-listViewField-btime, .tx-mjseventpro-pi1-listViewField-time { font-size: 10px; }

/* Einzelansicht */
#posterBox {
	margin: 0 10px 10px 0;
	position: relative;
	top: -9px;
	left: -11px;
	float: left;
	clear: both;
}
#titleBox, #descrBox, #adDataBox { 
	margin-bottom: 10px; 
	margin-left: 0px; 
	padding: 8px 10px; 
	clear: right; 
	border: 1px solid #442220;
}
#bdate, #entrytime, #edate { padding-right: 20px; float: left }
#btime, #etime, #edatetime { margin-left: 110px }

.tx-mjseventpro-pi1-singleViewField-title {
	color: #224440;
	font-size: 24px;
	font-weight: bold;
	text-transform:	uppercase; 
	margin-bottom: 10px;
}
.tx-mjseventpro-pi1-singleViewField-teaser { 
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 10px;
}

.tx-mjseventpro-pi1-singleViewField-image {
	font-size: 9px;
	margin: 0;
	padding: 10px;
	clear: both;
}
.tx-mjseventpro-pi1-singleViewField-imgcap {
	font-size: 9px;
	margin: 0;
	padding: 0 10px 10px;
}

.tx-mjseventpro-pi1-singleViewField-bdate, .tx-mjseventpro-pi1-singleViewField-entrytime, .tx-mjseventpro-pi1-singleViewField-btime, .tx-mjseventpro-pi1-singleViewField-edate, .tx-mjseventpro-pi1-singleViewField-etime, .tx-mjseventpro-pi1-singleViewField-cat, .tx-mjseventpro-pi1-singleViewField-type, .tx-mjseventpro-pi1-singleViewField-descr, .tx-mjseventpro-pi1-singleViewField-internalrefs, .tx-mjseventpro-pi1-singleViewField-location, .tx-mjseventpro-pi1-singleViewField-files, .tx-mjseventpro-pi1-singleViewField-links, .tx-mjseventpro-pi1-singleViewField-promoter, .tx-mjseventpro-pi1-singleViewField-location, .tx-mjseventpro-pi1-singleViewField-area, .tx-mjseventpro-pi1-singleViewField-status, .tx-mjseventpro-pi1-singleViewField-priority, .tx-mjseventpro-pi1-singleViewField-fees, .tx-mjseventpro-pi1-singleViewField-ticketlink, .tx-mjseventpro-pi1-singleViewField-age, .tx-mjseventpro-pi1-singleViewField-edatetime {
	margin-bottom: 10px;
}

.tx-mjseventpro-pi1-singleViewHeader-bdate, .tx-mjseventpro-pi1-singleViewHeader-entrytime, .tx-mjseventpro-pi1-singleViewHeader-btime, .tx-mjseventpro-pi1-singleViewHeader-edate, .tx-mjseventpro-pi1-singleViewHeader-etime, .tx-mjseventpro-pi1-singleViewHeader-title, .tx-mjseventpro-pi1-singleViewHeader-teaser, .tx-mjseventpro-pi1-singleViewHeader-cat, .tx-mjseventpro-pi1-singleViewHeader-type, .tx-mjseventpro-pi1-singleViewHeader-descr, .tx-mjseventpro-pi1-singleViewHeader-internalrefs, .tx-mjseventpro-pi1-singleViewHeader-location, .tx-mjseventpro-pi1-singleViewHeader-image, .tx-mjseventpro-pi1-singleViewHeader-imgcap, .tx-mjseventpro-pi1-singleViewHeader-files, .tx-mjseventpro-pi1-singleViewHeader-links, .tx-mjseventpro-pi1-singleViewHeader-promoter, .tx-mjseventpro-pi1-singleViewHeader-location, .tx-mjseventpro-pi1-singleViewHeader-area, .tx-mjseventpro-pi1-singleViewHeader-status, .tx-mjseventpro-pi1-singleViewHeader-priority, .tx-mjseventpro-pi1-singleViewHeader-fees, .tx-mjseventpro-pi1-singleViewHeader-ticketlink, .tx-mjseventpro-pi1-singleViewHeader-age, .tx-mjseventpro-pi1-singleViewHeader-edatetime {
	font-size: 10px;
	border-top: 1px dotted #FFF;
}

/* Archiv */
.tx-mjseventpro-pi1-archiveViewField-title p {
	font-weight: bold;
	text-transform: uppercase;
}
.tx-mjseventpro-pi1-archiveViewField-bdate  {
	font-size: 10px;
	width: 160px;
	float: left; 
	clear: both;
}

/*** GAESTEBUCH ***/
.tx-veguestbook-pi1 {
        font-size:100%;
    }
  
/* error handling */
.tx-veguestbook-pi1 p.tx-guestbook-form-error {
	font-weight:bold;
	color:#990000;
}

/* display of result count */
.tx-veguestbook-pi1 .tx-guestbook-result {
	font-weight:bold;
	float:left;
}

/* pagination */
.tx-veguestbook-pi1 .tx-guestbook-pagination {
	font-weight:bold;
	float:right;
}

/* styles for list mode */
.tx-veguestbook-pi1 h2.tx-guestbook-header {
	clear:both;
	background:#442220;
	color:#FFF;
	display:block;
	font-size: 14px;
	font-weight:bold;
	padding: 10px;
	margin: 5px 0 0 0;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
	border-left: 1px solid #442220;
	border-right: 1px solid #442220;
	clear: both;
	background:#FFF;
	padding: 10px;
}
	
.tx-veguestbook-pi1 .tx-guestbook-right {
	border: 1px solid #442220;
	border-top: 0;
	clear: both;		
	padding: 10px;
}

/* form styles */
.tx-veguestbook-pi1 .tx-guestbook-field {
	clear:both;
	width:100%;
	display:block;
	padding: 1em 0;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
	clear: both;
	display: block;
	float: left;
	width: 12em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
	float:left;
	width:10em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
	float:left;
	width:20em;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
	width: 30em;
	display: block;
	float: left;
}

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
	color:#990000;
}

.tx-veguestbook-pi1 fieldset {
	border:none;
}

.tx-veguestbook-pi1 legend {
	display:none;
}

.tx-srfreecap-pi2-image { margin: 0; padding: 0 0 10px 0; }
	
.tx-veguestbook-pi1 .tx-guestbook-clear {
	clear:both;
	display:block;
}

.tx-veguestbook-pi1 input.tx-guestbook-submit {
	width:auto;
	display:block;
} 

/*** MAILFORM ***/
.fehlertext { color: #FF0000; font-weight: bold; }

fieldset { margin: 0 0 15px 0; }
fieldset legend { color: #224440; font-weight: bold; }

div#mailform_kontakt {}

div#mailform_kontakt fieldset { padding: 5px; }

div#mailform_kontakt input#name { width: 120px; }
div#mailform_kontakt input#surname { width: 120px; }
div#mailform_kontakt input#email { width: 250px; }
div#mailform_kontakt input#tel { width: 250px; }
div#mailform_kontakt textarea#bemerkung { width: 250px; height: 100px; }
div#mailform_kontakt input#captcha { width: 80px; }

div#mailform_gewinnspiel {}

div#mailform_gewinnspiel fieldset { padding: 5px; }

div#mailform_gewinnspiel input#name { width: 120px; }
div#mailform_gewinnspiel input#surname { width: 120px; }
div#mailform_gewinnspiel input#email { width: 250px; }
div#mailform_gewinnspiel input#strasse { width: 250px; }
div#mailform_gewinnspiel input#plz { width: 65px; }
div#mailform_gewinnspiel input#ort { width: 180px; }
div#mailform_gewinnspiel input#captcha { width: 80px; }