@charset "UTF-8";


/* programm.css */


/* ===== Rahmen ===== */

div.programm { position: relative; margin-left: -21px; margin-right: -21px; }

div.programm-rahmen {
	position: absolute;
	top: -1px; left: -1px; right: 0px; bottom: 0px;
	border-right: 1px dotted #888;
	border-left: 1px dotted #888;
	border-bottom: 1px dotted #888;
	z-index: -1;
}

/* Spaltenlinien */

div.programm-rahmen-spalte {
	position: absolute;
	top: -1px; bottom: 0px; width: 0px; left: 419px;
	border-left: 1px dotted #888;
	z-index: -1;
}

@media print { div.programm-rahmen-spalte { display: none; } }

/* Tage */

div.tag {
	padding-left: 20px; padding-right: 20px;
	border-top: 1px dotted #888;
	margin-top: -1px;
}

@media screen { div.tag { width: 380px; float: left; } }


/* --- Ort --- */

div.ort {
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
}

div.ort div { position: absolute; right: 0px; top: -7px; }
div.ort p {
	line-height: 1.3em;
	min-height: 18px; margin-right: 34px;
	margin-bottom: 3px;
}

div.tag div.ort + h4.panel { margin-top: 10px; }

div.tag h4 + div.ort { margin-top: -15px;}

div.workshops ul + div.ort { margin-top: 2.5em; }



/* --- Programmpunkt --- */

div.programmpunkt {
	position: relative;
	margin-top: -1px;
	border-top: 1px dotted #888 /* Grau */;
	border-bottom: 1px dotted #888 /* Grau */;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 80px; /* Uhrzeitspalte */
	font-size: 12px;
}
div.programmpunkt.hell { background-color: #F1F1F1; }
div.programmpunkt.dunkel { background-color: #E8E8E8; }

div.programmpunkt p.uhrzeit {
	position: absolute; left: -95px; width: 80px; /* Uhrzeitspalte */
	margin-top: 11px;
	text-align: right;
	font-weight: bold;
}



/* ===== Textauszeichnung ===== */


/* Tag */

div.tag h3 {
	margin-top: 1.2em;
	border-bottom: 10px solid #9E1E1A /* Rot */;
	padding-bottom: 5px;
	margin-bottom: 1.6em;
}

div.ort + h4 { margin-top: 1em; }


/* Panel */

div.tag h4.panel {
	position: relative;
	margin-left: 6em;
	margin-top: 1.8em;
}

div.tag h4.panel span {
	display: block; position: absolute; left: -6em; top: -1px;
	color: #FFF;
	background-color: #9E1E1A; /* Rot */
	padding-top: 1px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px;
}


/* Vorträge */

div.programmpunkt h5 { margin-top: 11px; }

div.programmpunkt h5.vortrag, div.programmpunkt h5.workshop {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
	background-color: #FFFDFB; /* Naturweiß (Hintergrund) */
	border: 1px solid #999;
	padding-left: 8px;
	padding-right: 8px;
}

div.programmpunkt h5.vortrag {
	padding-top: 6px;
	padding-bottom: 8px;
}

div.programmpunkt h5.workshop {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

div.programmpunkt h5 b { font-weight: normal; }


/* Programmpunkt Textverhalten */

div.programmpunkt p { margin-bottom: .6em; }
div.programmpunkt.pause p { margin-top: 14px; }
div.programmpunkt p.intro { margin-top: 11px; }


/* Listen */

div.programmpunkt ul { list-style: square; padding-left: 1.4em; margin-top: 0px; }
div.programmpunkt div.ort + ul { margin-top: -8px; }

/* Gastredner */

div.programmpunkt p.gastredner { text-align: center; font-style: italic; }
div.programmpunkt p.gastredner span { font-weight: bold; font-style: normal; }
div.programmpunkt p.position { text-align: center; font-style: italic; margin-top: -.6em; }

div.programmpunkt#eroeffnung ul { margin-top: 1em; }
div.programmpunkt#eroeffnung li { margin-bottom: 1em; }
div.programmpunkt#eroeffnung p.art { text-decoration: underline; }
div.programmpunkt#eroeffnung p.gastredner,
div.programmpunkt#eroeffnung p.position { margin-left: -.5em; margin-right: .5em; }
div.programmpunkt#eroeffnung p.redethema { margin-left: -.5em; margin-right: .5em; text-align: center; }


/* Referenten */

div.programmpunkt p.referent { text-align: center;  font-style: italic; }
div.programmpunkt p.referent span { font-weight: bold; font-style: normal; }



/* ===== Trennelemente ===== */
div.tag p.rollen { margin-top: 5px; margin-bottom: 15px; }
div.tag p.rollen + p.rollen { margin-top: -13px; }



/* ===== Umbruchkontrolle ===== */

@media print { br.schmalumbruch { display: none; } }