/*

	Styles fuer www.musiksommer-chorin.de
	----------------------------------------------------------------------

*/



/*
	Globale Definitionen
	----------------------------------------------------------------------
*/

body {
	margin: 10px 0;
	padding: 0;
	background: #fff3c6 url(img-layout/page-background.png) repeat-y center top;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.95em;
}

h1, h2, h3 {
	margin: 0;
	padding: 10px 0;
	font-weight: normal;
	font-variant: small-caps;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.45em;
}

h3 {
	font-size: 1.1em;
}

p {
	margin: 0;
	padding: 10px 0;
}

p.kursiv {
	font-style: italic;
}

p.download-pdf {
	margin: 0;
	padding: 10px 0 10px 25px;
	background: url(img-layout/page_white_acrobat.png) 0 10px no-repeat;
}

p.link-extern {
	margin: 0;
	padding: 10px 0 10px 25px;
	background: url(img-layout/page.png) 0 10px no-repeat;
}

p.folder {
	margin: 0;
	padding: 10px 0 10px 25px;
	background: url(img-layout/folder_page_white.png) 0 10px no-repeat;
}

p.termin {
	margin: 0;
	padding: 10px 10px 10px 45px;
	border: 1px solid #c00;
	font-weight: bold;
	background: url(img-layout/exclamation.png) 5px 5px no-repeat;
}

a {
	color: #333;
}

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

.centered {
	text-align: center;
}

.space {
	margin-top: 1em;
}

.justified {
	text-align: justify;
}

img {
	border: 0;
}


/*
	Container fuer gesamte Page
	----------------------------------------------------------------------
*/

div#page {
	z-index: 2;
	position: relative;
	width: 942px;
	margin: 0 auto;
	padding: 1px;
}

/*
	Header
	----------------------------------------------------------------------
*/

div#header {
	z-index: 10;
	position: relative;
	width: 400px;
	margin: 10px auto;
	padding: 0;
}

/*
	Content
	----------------------------------------------------------------------
*/

div#contentcontainer {
	z-index: 10;
	position: relative;
	width: 420px;
	margin: 0 auto;
	padding: 0 20px;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	/* IE Boxmodel hack */
	voice-family: "\"\}\"";
	voice-family:inherit;
	width: 378px;
}

html>body div#contentcontainer {
	width: 578px;
}

div#content {
	z-index: 10;
	position: relative;
	margin: 0;
	padding: 0;
}

/* MSIE 3px, holly hack prevent from IE5mac \*/
* html #content {
	height: 1%;
}
/* end MSIE 3px, holly hack prevent from IE5mac */

div#content p img.left {
	float: left;
	margin: 0;
	padding: 15px 10px 5px 0;
}

div#content p img.right {
	float: right;
	margin: 0;
	padding: 15px 0 5px 10px;
}

div#content ul li {
	list-style-image: url(img-layout/listitem.gif);
}

div#content ul.programm {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

div#content dl {
	margin: 0;
	line-height: 1.2;
}

div#content dt img {
	float: left;
	width: auto;
}

div#content dt img {
	padding: 5px;
	border: 1px solid #ddd;
	color: #000;
	background-color: #fff;
}

div#content dd {
	float: left;
	width: 45%;
	margin: 5px 0 0 10px;
	font-style: italic;
	color: #333;
	background-color: #FFF7DA;
}

/* */

div#content dl.progr {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1.4;
}

div#content dl.progr dt {
	margin: 0;
	padding: 0;
	float: left;
	width: 6em;
	display: inline;
}

div#content dl.progr dd {
	margin: 0 0 0 4em;
	padding: 0;
	float: none;
	width: auto;
	display: block;
	font-style: normal;
}

/* */

div#content dl.list {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1.4;
}

div#content dl.list dt {
	margin: 0;
	padding: 0;
	float: left;
	width: 8em;
	display: inline;
}

div#content dl.list dd {
	margin: 0 0 0 8em;
	padding: 0;
	float: none;
	width: auto;
	display: block;
	font-style: normal;
}


div#content div.konzert {
	clear:both;
}

div#content div.konzert-img {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}

div#content div.konzert-img p {
	padding: 2px;

}

div#content div.konzert-txt {
	float:left;
	width: 365px;
}

/* Unterschriften */

div#content div.unterschrift {
	float: left;
	padding: 10px 20px 10px 0;
}

div#content div.unterschrift p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

div#content div.unterschrift_wolff {
	width: 140px;
}

div#content div.unterschrift_cordes {
	width: 95px;
}

div#content div.unterschrift_doebler {
	width: 87px;
	padding-right: 0;
}

/*
	Kartenorder-Formular
	----------------------------------------------------------------------
*/

form#orderform input.txt {
	margin: 0 0 3px 0;
	padding: 0;	
	width: 99%;
}

form#orderform input.cssCheckErr {
	background-color: #FF9F88;
}

form#orderform textarea {
	margin: 0 0 3px 0;
	padding: 0;	
	width: 99%;
	resize: vertical;
}

form#orderform label {
	margin: 0;
	padding: 0;
}

form#orderform .help {
	text-align: left;
	font-size: 0.9em;
}

div#content table.karten {
	width: 578px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000;
	text-align: center;
}

div#content table.karten th {
	padding: 2px;
	text-align: left;
	vertical-align: bottom;
}

div#content table.karten td {
	padding: 2px;
	text-align: left;
	vertical-align: bottom;
}

div#content table.karten td input {
	width: 2em;
	margin: 0;
	padding: 2px 2px 4px 2px;
	border: 1px solid #A7A6AA;
}

div#content table.karten td.pr input {
	border-color: #000;
}

div#content table.karten td input.bg-yellow {
	background-color: #F9DC1B;
}

div#content table.karten td input.bg-red {
	background-image: url(img-layout/input-bg-na.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div#content table.karten td input.bg-rk {
	background-image: url(img-layout/input-bg-rk.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div#content table.karten tr.odd {
	background-color: #fff3ca;
}

div#content table.karten tr.ca td {
	text-decoration: line-through;
}

div.userdata {
	margin: 0;
	padding: 0 10px;
	border: 1px solid #A7A6AA;
	background-color: #fff;
}

div.userdata h3 {
	margin: 10px 0;
	padding: 0;
}

div.userdata p.hinweis {
	margin: 0 0 10px 0;
	padding: 5px;
	color: #000;
	background-color: #fff;
	border: 1px solid #c00;
	font-size: 0.85em;
}

div#content ol.kategorie {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	list-style: upper-roman;
}

/*
	Menue
	----------------------------------------------------------------------
*/

#navleftcontainer, 
#navrightcontainer {
	z-index: 100;
	width: 125px;
	margin: 80px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
}

#navleftcontainer {
	float: left;
	display: inline;
}

#navrightcontainer { 
	float: right;
	display: inline;
}

#navleftcontainer ul, 
#navrightcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navleftcontainer li, 
#navrightcontainer li {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	height: 24px;
	font-size: 0.85em;
}

#navleftcontainer li {
	padding-left: 7px;
	text-align: left;
	background: #d20a11 url(img-layout/menue-background-left.gif) no-repeat right top;
}

#navrightcontainer li {
	padding-right: 7px;
	text-align: right;
	background: #d20a11 url(img-layout/menue-background-right.gif) no-repeat left top;
}

#navleftcontainer a, 
#navrightcontainer a {
	display: block;
	color: #fff3c6;
	line-height: 24px;
	text-decoration: none;
}

#navleftcontainer a:hover, 
#navrightcontainer a:hover {
	text-decoration: underline;
}


/* Auswahl Sprache */
div#navleftcontainer div#lanselect {
	margin: 15px 0 0 0;
	padding: 0;
	height: 24px;
	color: #000;
	background: #f0f0f0 url(img-layout/menue-bg-outline-left.gif) right top no-repeat;
}

div#navleftcontainer div#lanselect1 {
	margin: 15px 0 0 0;
	padding: 0;
	height: 24px;
	color: #000;
	background: #990000 url(img-layout/menue-background-left.gif) right top no-repeat;
}

div#navleftcontainer div#lanselect2 {
	margin: 15px 0 0 0;
	padding: 0;
	height: 24px;
	color: #000;
	background: none;
	border-bottom: 1px solid #900;
}

div#navleftcontainer div#lanselect1 ul,
div#navleftcontainer div#lanselect2 ul,
div#navleftcontainer div#lanselect ul {
	border-collapse: collapse;
	margin: 0 0 0 2px;
	padding: 0;
	white-space: nowrap;
	width: 100%;
	list-style: none;
	line-height: normal;
}

div#navleftcontainer div#lanselect1 ul li,
div#navleftcontainer div#lanselect2 ul li,
div#navleftcontainer div#lanselect ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 1em;
	color: #000;
	background-color: transparent;
	background-image: none;
}

div#navleftcontainer div#lanselect1 ul li a,
div#navleftcontainer div#lanselect2 ul li a,
div#navleftcontainer div#lanselect ul li a {
	height: 24px;
	background: url(de.gif) left center no-repeat;
	padding: 0 0 0 18px;
	margin: 0;
	font-weight: normal;
	line-height: 24px;
}

div#navleftcontainer div#lanselect1 ul li.de a,
div#navleftcontainer div#lanselect2 ul li.de a,
div#navleftcontainer div#lanselect ul li.de a {
	background-image: url(de.gif);
}
div#navleftcontainer div#lanselect1 ul li.de-na a,
div#navleftcontainer div#lanselect2 ul li.de-na a,
div#navleftcontainer div#lanselect ul li.de-na a {
	background-image: url(de-na.gif);
}
div#navleftcontainer div#lanselect1 ul li.en a,
div#navleftcontainer div#lanselect2 ul li.en a,
div#navleftcontainer div#lanselect ul li.en a {
	background-image: url(gb.gif);
}
div#navleftcontainer div#lanselect1 ul li.en-na a,
div#navleftcontainer div#lanselect2 ul li.en-na a,
div#navleftcontainer div#lanselect ul li.en-na a {
	background-image: url(gb-na.gif);
}
div#navleftcontainer div#lanselect1 ul li.pl a,
div#navleftcontainer div#lanselect2 ul li.pl a,
div#navleftcontainer div#lanselect ul li.pl a {
	background-image: url(pl.gif);
}
div#navleftcontainer div#lanselect1 ul li.pl-na a,
div#navleftcontainer div#lanselect2 ul li.pl-na a,
div#navleftcontainer div#lanselect ul li.pl-na a {
	background-image: url(pl-na.gif);
}

div#navleftcontainer div#lanselect1 ul li a span,
div#navleftcontainer div#lanselect2 ul li a span,
div#navleftcontainer div#lanselect ul li a span {
	height: 0;
	line-height: 0;
	font-size: 0;
	text-indent: -5000px;
}

/*
	Footer
	----------------------------------------------------------------------
*/

#footer {
	z-index: 10;
	position: relative;
	width: 420px;
	margin: 30px auto;
	padding: 0;
}

#footer p {
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 0.85em;
	border: 0; 
}

#footer p.footerimg {
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #333;
}

/*
	----------------------------------------------------------------------
*/

div#page div#content div.cancelled {
	background: #fff7da url(img-layout/hg_abgesagt.gif) 0 50px no-repeat;
}

div#page div#content div.cancelled,
div#page div#content div.cancelled h1,
div#page div#content div.cancelled h2,
div#page div#content div.cancelled h3,
div#page div#content div.cancelled dt,
div#page div#content div.cancelled dd,
div#page div#content div.cancelled li,
div#page div#content div.cancelled p {
	color: #333;
	background-color: transparent;
}

div#page div#content div.cancelled ul li {
	list-style-image: url(img-layout/listitem-gr.gif);
}

div#page div#content div.cancelled p.hinweis {
	color: #333;
	background-color: transparent;
	font-size: 1em;
	font-weight: bold;
}

/*
	----------------------------------------------------------------------
*/

div#page div#content div.accept {
	margin: 1em 0;
}

div#page div#content div.accept input {
	float: left;
}

div#page div#content div.accept p {
	position: relative;
	margin: 0 0 0 2em;
	padding: 0;
}


	/*	
		tooltips
		----------------------------------------------------------------------
	*/
	
	div.tooltip-content {
		display: none;        /* required */
		position: absolute;   /* required */
		width: 200px;
		font-weight: bold;
		padding: 0.5em 1em;
		margin: 0;
		color: #000;
		word-wrap: break-word;
		border: 1px solid #333;
		background-color: #ffe582;
	}
	
	div.tooltip-content p.link {
		font-weight: normal;
		font-size: 90%;
		display: block;
		padding-top: 5px;
	}	

	/*	
		tickets
		----------------------------------------------------------------------
	*/
	
	div#content p.ticket a {
		display: block;
		height: 38px;
		width: auto;
		margin: 0 auto;
		padding: 0 0 0 65px;
		background: url(img-layout/tickets.png) 0 0 no-repeat;
		line-height: 38px;
	}