@charset "ISO-8859-1";

body {
	font-family: Arial, Helvetica, sans-serif; /* Text-Stil allgemein festlegen */
	background-color: #f1b727;
	font-size: 12px;
}

table 
	{
		margin: 10px 0 10px 0; border: none; border-spacing: 0px; outline:none; 
	}
	
	td {
			border: none; border-spacing: 0px; outline: none; vertical-align: top; border-top: 1px solid black;
		}

	th {
			border: none; border-spacing: 0px; outline:none; 
		}

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

#container /* alles umgebender Container */
	{
		margin: 2em auto; /* Abstand vom oberen Browserfenster-Rand */
		width: 600px; /* fixe Breite */
		height: auto; /* H?he passt sich dem Inhalt an */
		text-align: left; /* Textausrichtung generell linksb?ndig */
		background-color: none;
		border: none;
	}
	


/* -------------------------------------------------------------------- */
	
#header /* stageDates Kopfzeile */
	{
		height: auto; /* entsprechend der Bildgr??e */
		background-image: url(../../mw_pics/workshops/allgemein/hintergrund_head.jpg);
		background-repeat:repeat-y;
		border-bottom:solid #000000 1px;
		border-top:solid #000000 1px;
	}

/* -------------------------------------------------------------------- */
	
#termin /* wann und wo */
	{
		height: 20px; /* entsprechend der Bildgr??e */
	}

/* -------------------------------------------------------------------- */
	
#mainnav /* erste waagerechte Navigationsleiste */
	{
		margin-right: 13px; /* seitl. Abstand angepasst an Ende von Header-Bild */
		margin-left: 17px; /* seitl. Abstand angepasst an Anfang von Header-Bild ("S" von "Sommefest) */
		height: 25px; /* fixe H?he, stellt man auf "Auto", rutscht das "menu" mit hoch */
		width: auto;
		padding: 7px 0 0 0; /* Abstand der mainnav-Box zum Header */
		font-size: 15px;
		font-weight: bold;
	}
	
#mainnav ul
	{
		list-style: none; /* damit werden die automatischen Aufz?hlungszeichen weggenommen */
		text-align: left;
		margin: 0; /* muss auf "0" gesetzt sein, warum wei? ich nicht */
		padding: 0; /* muss auf "0" gesetzt sein, warum wei? ich nicht */
	}
	
#mainnav li
	{
		margin: 0; /* muss auf "0" gesetzt sein, warum wei? ich nicht */
		padding: 0; /* muss auf "0" gesetzt sein, warum wei? ich nicht */
		display: inline; /* dadurch stehen die einzelnen Punkte horizontal nebeneinander */
						/* mit "display: block" st?nde jeder Punkt in einer eigenen Zeile */
	}
	
#mainnav a:link, #mainnav a:visited, #mainnav b
	{
		float: left;  /* float sorgt daf?r, dass die einzelnen Punkte nicht in die n?chste Zeile umbrechen */
		margin: 0;
		padding: 2px 5px 0px 0px; /* Abstand der einzelnen Punkte nach oben, rechts, unten, links */
		color: #800000; /* Textfarbe */
		text-decoration: none;  /* damit Links nicht unterstrichen dargestellt werden */
		height: 1em; /* n?tig nur f?r IE, damit nicht nur die Buchstaben allein als Link reagieren */
		/* border-bottom: 2px solid #e5ad36 mit dieser Zeile wird unter dem Text ein Strich erstellt, der Hintergrundfarbe hat, wenn dann in #mainnav a:hover {border-color: #FFFFFF} gesetzt wird, dann erscheint beim mouse-over ein wei?er Balken unter dem Text */ 
	}
	
/*#mainnav span /* "span" verwendet, um Punkte die keinen Link haben, zu beeinflussen 
	{
		float: left; /* super wichtig, sonst umbricht die Zeile 
		color: #FFFFFF;
		margin: 0;
		padding: 2px 4px 0px 0px; 
	}*/
	
#programm #navPro a, #aktionen #navAkt a, #angebote #navAng a, #gewinne #navGew a, #aussteller #navAus a
{
	float: left; /* super wichtig, sonst umbricht die Zeile */
	color: #FFFFFF;
	margin: 0;
	padding: 2px 4px 0px 0px;
}

/* hier wird die H?he f?r alle anderen Browser wieder anstatt auf 1em auf auto gesetzt */	
html>body #mainnav a:link, #mainnav a:visited 
	{
		height:auto;
	}
	
#mainnav a:hover 
	{
		color: #FFFFFF;
	}

	
/* hier muss "float" von #mainnav a:link ... wieder r?ckg?ngig gemacht werden */	
#mainnav div
	{
		clear: left;
	}

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

#menu
	{
		margin: 13px;
		margin-left: 17px;
		height: 25px;
		background-color: none;
		font-size: 13px;
		font-weight: normal;
	}
	
#menu ul
	{
		list-style: none;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	
#menu li
	{
		margin: 0;
		padding: 0;
		display: inline;
	}
		
#menu a:link, #menu a:visited
	{
		float: left; 
		width: auto; /* geh?rt zu float, regelt, auf welche Breite die Punkte nebeneinander stehen k?nnen */
		margin: 0px 3px 0px 0px;
		padding: 2px 6px 2px 6px;
		color: #FFFFFF;
		text-decoration: none;
		height: 1em;
		background-color: #800000;
	}
	
#menu span  /*"span" verwendet, um Punkte die keinen Link haben, zu beeinflussen */
	{
		float: left; /* super wichtig, sonst umbricht die Zeile  */
		color: #e5ad36;
		margin: 0px 3px 0px 0px;
		padding: 2px 6px 2px 6px; 
		background-color: #800000;
	}
	
html>body #menu a:link, #menu a:visited 
	{
		height:auto;
	}
	
#menu a:hover 
	{
		color: #e5ad36;
	}
	
#menu div
	{
		clear: left;
	}

/* -------------------------------------------------------------------- */
	
/* gro?er Container, der ?ber die ganze Breite geht: */
#contents	
	{
		margin-top: 20px;
		margin-right: 13px;
		margin-left: 17px;
		height: auto;
		background-color: none;
	}
	

#contents_ws	
	{
		margin-top: 20px;
		margin-right: 0px;
		margin-left: 0px;
		height: auto;
		background-color: none;
	}

#contents a:link, #contents a:visited, #contents_ws a:link, #contents_ws a:visited	
	{
		color: #800000;
		text-decoration: underline;
	}

#content_links	
	{
		float: left;		
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		height: auto;
		width: 170px;
		background-color: none;
		clear:both;
	}

#content_links_ws	
	{
		float: left;		
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		padding-left:15px;
		height: auto;
		width: 170px;
		background-color: none;
		clear:both;
	}


#content_rechts	
	{
		float: right;		
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		height: auto;
		width: 380px;
		background-color: none;
	}

#content_rechts_ws	
	{
		float: right;		
		margin-right: 17px;
		margin-left: 0px;
		margin-bottom: 10px;
		height: auto;
		width: 380px;
		background-color: none;
	}


#content_komplett	
	{
		clear: both;
		float: left;		
		height: auto;
		width: 600px;
		margin-bottom:15px;
		background-color: none;
	}
	
#content_komplett_ws	
	{
		clear: both;
		float: left;		
		margin-left:0px;
		margin-right:0px;
		padding-top: 5px;
		border-top:solid 1px;
		height: auto;
		width: 600px;
		margin-bottom:5px;
		background-color: none;
	}
	
	
/* -------------------------------------------------------------------- */
	
#footer	
	{
		clear: left; /* sorgt daf?r, dass der Footer nicht umbricht */
		
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		text-align: left;
		font-size: 10px;
		clear: both;
		height: 17px;
		/* background-color: #800000; */
	}
	
#footer a:link, #footer a:visited, #footer b
	{
		float: left; 
		margin: 0;
		padding: 1px 0px 2px 10px;
		color: #FFFFFF;
		text-decoration: none;
		height: 1em;
	}
	
#footer a:hover 
	{
		color: #000000;
		
	}
	
#footer div
	{
		clear: left;
	}
	
/* -------------------------------------------------------------------- */
	
.head
	{
		padding:25px 5px 10px 0px; font-size: 26px; line-height: 25px; font-weight: bold; color: #800000; 
	}
	
.uhrzeit01
	{
		padding: 3px 5px 3px 18px; background-color: #800000; font-size: 13px; line-height: 13px; color: #FFFFFF; /*border-left: 4px solid #800000;*/ 
	}
	
.hersteller
	{
		padding: 0 0 0 15px; font-weight: lighter;  color: #FFFFFF; 
	}

.kuenstlername
	{
		font-size: 16px; line-height: 25px; font-weight: bold; color: #800000;
	}

.leerzeile
	{
		font-size: 4px; line-height: 5px; 
	}

.veranstaltung
	{
		font-size: 18px; line-height: 18px; font-weight: bold; color: #000000;
	}
	
.fett
	{
		font-size: 12px; font-weight: bold; color: #800000;
	}

.fett2
	{
		font-size: 15px; font-weight: bold; color: #800000;
	}

.butImage
	{
		padding: 23px 10px 0 0;
	}
	
.personImage
	{
		padding: 0 0 0 20px; float: right;
	}

.hersteller2
	{
		font-size: 14px; line-height: 16px; font-weight: bold; color: #000000;
	}
		
div.einzug1
	{
		margin: 0px 8px 0px 0px;
		padding: 0px 0px 2px 0px;
		width: 60px;
		float:left;
	}

div.erklaerung
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 2px 0px;
		width: 700px;
		float:left;
	}
	
.gewinn
	{
		height:240px;
		width:360px;
	}