html,body,div,h1,h2,h3,h4,p,ul,ol,li {
	margin: 0;
	padding: 0;
}

html,body {
	background-color: #e9c42c;
	color: #142864;
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

html {height: 100.2%; }

h1,h2,h3,h4 {
	margin: 1em 0 0.5em 0;
}

h1 {
	font-size: 1.8em;
}

h1 .subtitle {display: block; font-size: 0.8em; padding-top: 0.5em;}

h2 {
	font-size: 1.2em;
}

p {
	margin: 0.5em 0;
}

img {border: none;}
/*  ##################### Seitenaufbau 	###################################### */

#wrapper {
	max-width: 60em;
	margin: auto;
}

#navi {
	float: left;
	width: 16em;
	min-width: 200px;
	margin-right: 0.5em;
}

#content {
	background-color: #f2df91;
	color: #142864;
	overflow: auto;
	margin-top: 1em;
	padding: 0.5em 1em;
	min-height: 30em;
}

/* ############### Navigation ##################### */
#navi {
	list-style: none;
}

#navi li {
	margin: 1em 0;
	font-size: 1.2em;
}

#navi li a {
	display: block;
	color: #f2df91;
	background-color: #142864;
	font-weight: bold;
	text-decoration: none;
	padding: 0.2em;
}

#navi #logo {display: block; width: 100%;
 background-color: #e9c42c; 
border: 0.3em solid #e9c42c;
position: relative; 
top: -0.2em;
left: -0.2em;
}


#navi .active {padding: 0.2em;}

#navi li a:hover,#navi li a:focus,#navi li a:active {
	background-color: #f2df91;
	color: #142864;
}

/* ################# Programm ############### */

.event {padding: 1em 0; border-bottom: 3px solid #e9c42c;
}

.event h3 {margin: 0.5em 0; font-size: 1em; font-weight: bold;}

.event .ort {font-style: italic;}

.event .illu {width: auto;}

.tixooLink {font-size: 1.3em; border: 1px solid #e9c42c; border-width: 1px 0; padding: 0.3em; margin: 0.5em 0;}

/* sonderfall fuer die vorbestellungsseite */
.tixooLink p {font-size: 0.8em; margin-top: 3em;}

/* ###################### Links #################### */

.linkliste ul {
	list-style: circle;
	margin-bottom: 2em;
}

.linkliste li {
	margin: 0.5em 1.5em;
}

.linkliste a {
	text-decoration: none;
	font-weight: bold;
	color: #142864;
}

.linkliste a:hover, .linkliste a:focus, .linkliste a:active {
	text-decoration: underline;
}

/* ########## Illustrationen ############## */

.illu {width: 400px; margin: 1em auto;}
.illu .caption {font-size: 0.9em; display: block;}