/* CSS Version 1.0 */

/* CSS Reset */
@import "reset.css";




/* SEITE
_____________________________________________________________________________________ */


body {
	background: #fff;
    font: 0.69em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}

/* horizontalen Scrollbalken abschalten */
* html {
    overflow-x: hidden;
}

/* Titel der Website und sonstige Elemente nicht anzeigen */
#title h1 span,
.hidden,
hr {
    display: none;
}

/* Elemente "clearen" */
.clear {
    clear: both;
}

h2 {
	background: #B5C5AF;
	color: #000;
	padding: 4px 5px;
	font-size: 1.18em;
	float: left;
}

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

a:hover,
a:active {
    color: #669966;
    text-decoration: underline;
}

input, select {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	margin: 1px 0;
	padding-left: 2px;
}

/* Linie als hr-Element */
.hr {
    height: 1px;
    border-bottom: 1px solid #999;
}


/* RAHMEN UND BREITEN
_____________________________________________________________________________________ */


/* Rahmen für den Inhalt, Breite auf 960 Pixel */
#contentframe {
    float: left;
    margin: 20px 0 20px 20px;
}

* html #contentframe {
    margin: 20px 0px 20px 10px;
}


/* Überschriften */
div#headlineframe {
    width: 100%;
	margin: 0 0 5px 0;
	background: #B5C5AF;
	float: left;
	border: 1px solid #000;
}

/* Breiten für den Inhalt */
#contentframe,
#content #main,
div#content table,
div#content form,
#datenav {
	width: 450px;
}


/* Navigationsleiste für Terminliste
_____________________________________________________________________________________ */


.datenav {
    float: left;
    margin: 0 0 10px 0;
    padding-bottom: 4px;
}

.datenav ul {
    margin-top: 5px;
}

.datenav .title,
.datenav h4 {
    color: #669966;
    font-weight: bold;
    font-size: 1.18em;
    display: block;
    padding: 0 10px 0 0;
}

.datenav ul li {
    float: left;
    padding: 0 10px 0 0;
}

.datenav ul li a {
    color: #000;
    padding-left: 12px;
    background: #fff url(../../images/datenav.gif) no-repeat center left;
    text-decoration: none;
}

.datenav ul li a.back {
    background: #fff url(../../images/datenav_back.gif) no-repeat center left;
}

.datenav ul li a.top {
    background: #fff url(../../images/datenav_top.gif) no-repeat center left;
}

.datenav ul li a:hover,
.datenav ul li a:active,
.datenav ul li a#active {
    color: #CD4B1D;
    background: #fff url(../../images/datenav_active.gif) no-repeat center left;
}

.datenav ul li a:hover.back,
.datenav ul li a:active.back {
    background: #fff url(../../images/datenav_back_active.gif) no-repeat center left;
}

.datenav ul li a:hover.top,
.datenav ul li a:active.top {
    background: #fff url(../../images/datenav_top_active.gif) no-repeat center left;
}


/* CONTENT
_____________________________________________________________________________________ */


/* Inhalt */
#content {
    float: left;
    margin: 0;
    width: 100%;
}

#content #main {
    float: left;
    margin-top: 10px;
}

div#content {
	clear: left;
}

/* Suchebegriffe in der Anzeige der Veranstaltungstermine */
div#content #searchkey {
    border: 1px solid #999;
    background: #EAEAEA;
    padding: 5px;
    margin-bottom: 20px;
}

/* Tabelle im Content */

/* Tabellenkopf, Spaltenüberschriften */
div#content table thead th {
	padding: 3px 5px;
	border-bottom: 1px solid #999;
	text-align: left;
	background: #EAEAEA;
	color: #fff;
}

/** Tabellenzellen */
div#content table tbody td {
	padding: 5px;
	margin-bottom: 10px;
	vertical-align: top;
	background: #EAEAEA;
	border-bottom: 3px solid #fff;
}

div#content .datatable h3 {
    background: #DEDFD0;
	color: #000;
	font-size: 1.18em;
	font-weight: bold;
	border-bottom: 1px solid #999;
	padding: 3px 5px;
	text-align: left;
}

div#content .datalist h3 {
    background: #DEDFD0;
    padding: 3px 5px;
    color: #000;
    font-size: 1.18em;
    font-weight: bold;
    border-bottom: 1px solid #999;
}

/* abweichende Überschrift in Listenansicht für Datum */
div#content h3.date {
    margin: 20px 0;
    color: #000;
    font-size: 1.27em;
    background: none;
    border: none;
    padding: 0;
}

/* Veranstaltungseinträge in der Listenansicht */
div#content .item {
    margin: 20px 0;
    font-size: 1em;
}

/* Titel der Veranstaltungseinträge */
div#content .item .title,
div#content .item .title a {
    color: #669966;
    font-size: 1.18em;
    font-weight: bold;
    text-decoration: none;
}

/* Spaltenbreiten */
.th20, .td20 {
    width: 20%;
}

.th25, .td25 {
    width: 25%;
}

.th30, .td30 {
    width: 30%;
}

.th70, .td70 {
    width: 70%;
}

.th75, .td75 {
    width: 75%;
}

.th80, .td80 {
    width: 80%;
}


/* Formular im Content */

div#content form {
	padding: 0;
	margin: 0;
	background: #EAEAEA;
}

div#content form fieldset {
	padding: 0;
	margin: 0;
	border-bottom: 4px solid #fff;
}

div#content form fieldset ul {
	list-style: none;
}

div#content form fieldset ul li {
	clear: left;
	float:left;
	width: 100%;
}

/* Überschrift für legend-Element */
div#content form fieldset h3 {
	background: #DEDFD0;
	color: #000;
	padding: 3px 5px;
}

div#content form fieldset ul {
	border-top: 1px solid #999;
}

div#content form fieldset label {
	display: block;
	clear: both;
	float: left;
	width: 130px;
	padding: 3px 10px 0px 0px;
	text-align: right;
}

div#content form fieldset p.error {
	margin-left: 130px;
	padding: 5px 0px 2px 10px;
	color: #f00;
}

div#content form fieldset p.description {
	display: inline;
	padding: 0 5px;
}

div#content form input.button {
    background: #DEDFD0;
    border: 1px solid #999;
    margin: 3px 0;
    padding: 0px 2px 2px 2px;
    height: 1.9em;
}


/* Feldlängen Formulare */

div#content form .f100 {
    width: 70px;
}

div#content form .f200 {
    width: 95px;
}

div#content form .f500 {
    width: 300px;
}


/* DIV für Listen, Tabellen und Formulare */

#datalistframe, .datalist, .datatable, .dataform {
    float: left;
    width: 100%;
}

#datalistframe {
    margin: 8px 0 0 0;
}

#datalistframe table img.thumbnail {
    margin: 3px 3px 3px 0;
}

.datalist {
    margin: 7px 0 0 0;
 }

 .dataform {
     margin: 15px 0 0 0;
 }


 /* CALENDAR
_____________________________________________________________________________________ */



/* Hintergrundfarbe und Rahmen */
#content .date_selector {
    margin-left: 96px;
}

/* Monatsname, Wochentage */
#content .date_selector .month_name,
#content .date_selector th {
    color: #000;
}