BODY {
	background-color: #fbf6eb;
	padding: 0; margin: 0; border: 0;
	font-size: 0.8em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @group Design-Elemente */

#header {
	height: 120px;
	background: url("images/header_background.png") top repeat-x;
	padding: 20px;
}

#logo {
	margin: 0 auto;
	width: 642px;
}

#logo_ri {
	position: absolute;
	left: 30px;
	top: 30px;
}
#logo_ai {
	position: absolute;
	top: 30px;
	right: 30px;
}

#navigation {
	position: absolute;
	left: 90px; top: 0px;
	padding: 150px 17px 0 17px;
	width: 250px;
	color: #330033;
	background: url("images/navigation_background.png") repeat-y center;
	z-index: -1;
}
#navigation_shadow {
	width: 284px; min-height: 120px;
	margin: 100px -17px 0 -17px;
	background: url("images/navigation_shadow.png") no-repeat center top #fbf6eb;
}

#content {
	position: absolute;
	top: 140px;
	left: 420px;
	right: 80px;
	max-width: 900px;
	line-height: 1.6em;
	text-align: justify;
}

#footer {
	margin-top: 50px;
	clear: both;
	font-size: 0.8em;
}

/* @end */

/* @group Hauptnavigation */

#main_nav a, #main_nav a:link,
#main_nav a:visited, #main_nav a:active {
	color: #330033;
	text-decoration: none;
}

#main_nav ul { list-style-type: none; padding: 0; margin: 0; }
#main_nav ul li { padding: 5px 0; font-weight: bold; }
#main_nav ul li.active {
	background: url("images/navigation_active_background.png") no-repeat top left;
	margin-left: -13px; margin-right: -13px; padding-left: 13px;
}
#main_nav ul li.active a:link, #main_nav ul li.active a:visited { color: #ffffff; }

#main_nav ul.sub { margin-top: 5px; background: none !important; }
#main_nav ul.sub li { padding: 3px 0; font-weight: normal; }
#main_nav ul.sub li a:link, #main_nav ul.sub li a:visited { color: #330033; }
#main_nav ul.sub li.current {
	background: url("images/navigation_sub_background.png") no-repeat top left;
	margin-left: -13px; margin-right: -13px; padding-left: 13px;
}

/* @end */

.c50l { float: left; }
.c50r { float: right; }
.c50l, .c50r { width: 48%; }
.subcl, .subcr { text-align: left; }

/* @group Headings */

h1 { font-size: 1.5em; line-height: 0.8em; color: #691843; }
h2 { font-size: 1.2em; line-height: 0.8em; color: #eba824; }
h3 { font-size: 1.0em; line-height: 0.8em; color: #691843; margin: 5px 0; }

/* @end */

/* @group Links */

a:link, a:visited, a:active { color: #000055; text-decoration: underline; }
a:hover { text-decoration: none; }

/* @end */

/* @group Veranstaltungen */

.whitebox {
	background: #fff;
	border: 1px solid #eee;
	padding: 4px;
	margin: 5px 0;
}

/* @group EventBox */

#eventhead_fixed {
	color: #eba824;
	font-weight: bold;
	height: 22px;
	padding: 3px 10px;
	background: url("images/headbox_red_background.png") repeat-x top;
	border: 1px solid #691843;
}
#eventhead_fixed a:link, #eventhead_fixed a:visited { color: #eba824; text-decoration: none; }
#eventhead_free {
	color: #691843;
	font-weight: bold;
	height: 22px;
	padding: 3px 10px;
	background: url("images/headbox_yellow_background.png") repeat-x top;
	border: 1px solid #eba824;
}
#eventhead_free a:link, #eventhead_free a:visited { color: #691843; text-decoration: none; }
#eventhead_fixed a:hover, #eventhead_free a:hover {	text-decoration: underline; }

.eventbox {
	background: #ffffff url("images/eventbox_background_i.png") repeat-x bottom;
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #691843;
}
.eventbox table tr td {
	vertical-align: top;
}
.eventbox table { border-bottom: 1px solid #ccc; margin-bottom: 9px;}
.event_title { font-weight: bold;}
.event_date { font-size: 0.8em; text-align: right;}
.event_host { font-size: 0.9em;}
.event_number { font-size: 0.9em; color: #ababab; text-align: right;}
.event_image_right { float: right; margin: 0 5px;}
.event_image_left { float: left; margin: 0 5px;}



/* @end */

/* @end */

/* @group Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* @end */

/* @group Tabellen */

td.caption { font-weight: bold; }

th { font-weight: bold; background-color: #691843; color: #eba824; padding: 1px 5px; text-align: center; }
tfoot td { background-color: #691843; color: #fff; padding: 0px 10px 0px 3px; font-size: 0.8em; text-align: right; }
tfoot td a:link, tfoot td a:visited, tfoot td a:active { color: #fff; text-decoration: none; }
tfoot td a:hover { text-decoration: underline; }
tr.odd { background-color: rgba(136,136,136,0.25); }

/* @end */

div.error {
	background-color: #fff;
	border: 1px solid #f00;
	padding: 10px;
	line-height: 1.1em;
}