/**
 * Grundsaetzliche Body-Angaben
 **/
body {
 	margin: 0px auto;
	padding: 20px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	background-color: #FFFCFC;
	color: #200;	
}

img {
	border: 0px;
}
/**
 * Alle Links auf den Webseiten sollen erst einmal
 * keine Unterstreichung erhalten
 **/
a,
a:link,
a:visited,
a:focus,
a:active {
	text-decoration: none;
	color: #200;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

/**
 * Ueber folgenden Selektor legen wir die Gesamtbreite
 * des Dokumentes fest. Somit wird ein Umbrechen der
 * einzelnen Container-Elemente verhindert
 **/
div#dokument {
	overflow:hidden;
	margin:0 auto;
	width:620px;
}

div.hintergrund {
	background: url("background.jpg") top right no-repeat;
}

/* Erste Seite Introbereich */
div#intro {
	height: 877px;
	width: 620px;
	text-align: center;
	background-image: url("flyer.jpg");
	cursor: pointer; /* IE zeigt sonst keine Hand */
}

/* Klassen für die Ueberschrift */
div.hh {
	padding: 18px 12px 0px 12px;
	font-size: 26px;
	font-weight: bold;
}
div.ht {
	padding: 14px 12px 0px 12px;	
	font-size: 18px;
}

/* Veranstallter, Impressum, etc. */
div#dokument p.info {
	margin: 12px 6px;
	font-size: 14px;
}

div#dokument a.info {
	font-size: 12px;
}


/* Das Programm */
div#programm {
	width: 620px;
	text-align: center;
	font-weight: bold;
}

div#inhalt {
	background: url("bottom.jpg") bottom left no-repeat;
	padding-bottom: 20px;
}

div.text {
	padding: 16px 12px;
	text-align: justify;
}
div.text img {
	float: right;
	margin: 0px 0px 6px 12px;
}
div.text img.foto {
	border: 1px solid #ffd;
}
table#programm td {
	padding: 16px 12px 0px 0px;
	vertical-align: top;
	border-top: 1px solid #CCC;
}
table#programm td a {
	background: transparent url("link.gif") top left no-repeat;
	padding-left: 16px;
	white-space: nowrap;
}

table#programm td.termin {
	border: none;
	padding-left: 10px;
	white-space: nowrap;
	font-size: 12px;
}

table#programm td.termin a {
	padding-left: 0px;
	background-image: none;
}