body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color:#ffebb0;*/
	background-color:#ffb05a;
	overflow-y:scroll;
}


/* -------------------------------------------------------
// Grundelemente
// ------------------------------------------------------- */

#page {
	border:5px solid #fff;
	width:1024px;
	margin:0em auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background-color:#fff;
}

#header {
	height: 120px;
	/*background-color:#ffb05a;*/
	background-color:#ffebb0;
	border-bottom: 5px solid #f84322;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;
}

#main {
	background-color: #fff8e3;
}

#left {
	width: 215px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	color:#f84322;
}

#right {
	width:769px;
	background-color: #fff;
	padding-left:10px;
	padding-right:20px;
	-moz-border-radius-bottomleft:8px;
	line-height:16px;
}

h1 {
	line-height:28px;
}

#index {
	width:769px;
	background-color: #fff;
	padding-left:10px;
	padding-right:20px;
	-moz-border-radius-bottomleft:8px;
	text-align: center;
	line-height:16px;
}

#footer {
	background-color: #fff8e3;
	text-align:center;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	color:#d68c37;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
}

/* -------------------------------------------------------
// Navigation
// ------------------------------------------------------- */

#left ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#left ul li {
	position: relative;
	margin-bottom:2px;
}

#left ul li a
{
	text-align: left;
	text-decoration: none;
	color: #d68c37;
	border-left:5px solid #ffb05a;
	padding-left:5px;
	height:16px;
	display:block;
	padding-top:2px;
}

#left ul li a:hover {
	color: #f84322;
	border-left:5px solid #f84322;
}

#left ul li ul li {
	position: relative;
	margin-bottom:2px;
}

#left ul li ul li a {
	text-align: left;
	text-decoration: none;
	color: #d68c37;
	margin-left:5px;
	border:none;
}

#left ul li ul li a:hover {
	color: #f84322;
	border:none;
}

#left .termine p {
	border-left:5px solid #ffb05a;
	padding-left:5px;
}

#left .termine p:hover {
	border-left:5px solid #f84322;
}

#left .termine p a {
	color: #d68c37;
	text-decoration:none;
	display:block;
}

#left .termine p a:hover {
	color: #f84322;
}

/* -------------------------------------------------------
// Schriftelemente
// ------------------------------------------------------- */

#footer a {
	color:#d68c37;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#left h3, #right h3 {
	color:#f84322;
	margin-bottom:5px;
}


#right h1, .rightbox h1 {
	font-size:20px;
}

#right h2 {
	font-size:13px;
	margin-bottom:0px;
	margin-top:-8px;
}

#right h3, #index h3 {
	font-size:13px;
	margin-bottom:0px;
	margin-top:25px;
	line-height:0px;
	color:#000;
}

#right h1 a, .rightbox h1 a, #right h1 a:hover, .rightbox h1 a:hover {
	text-decoration:none;
	color:#4d4d4d;
}

#right a, #index a {
 	color:#d68c37;
	text-decoration:none;
}

#right a:hover, #index a:hover  {
	text-decoration:underline;
}

.hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
	border-bottom:none;
}
.hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	border-bottom:none;
}

.textfeld {
	background-color:#DBE6EC;
	color:#678694;
	border:1px solid #7497a5;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	padding:1px;
}

.textfeld:focus {
	background-color:#e4eff5;
}

.button {
	background-color:#678694;
	color:#DBE6EC;
	border:1px solid #7497a5;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	cursor:pointer;
}

.button:hover {
	background-color:#DBE6EC;
	color:#678694;
	cursor:pointer;
}

/*
-------------------- Tabelle --------------------
*/

.table /* Allgemeine Definitionen für die Tabelle */
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	margin-left:-2px;
}

.table td  /* Allgemeine Definition für alle Tabellenzellen */
{
	color: #4d4d4d;
	font-size: 11px;
	padding: 4px;
	padding-left: 8px;
}

.table tr td a {
	color: #4d4d4d;
}

.table a /* Allgemeine Linkformatierung innerhalb der Tabelle */
{
	color: #4d4d4d;
	text-decoration: none;
}
.table a:hover /* Hover-Verhalten von Links in der Tabelle */
{
	text-decoration: underline;
}

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

.table .headline th	/* Betrifft nur die Zellen in der Headline der Tabelle */
{
	background-color: #fff;
	background-image: url(../img/table/head_back.gif);
	height: 22px;
	padding: 0;
	padding-left: 8px;
	color: #4d4d4d;
	font-weight: bold;
	text-align:left;
}

.table .headline td	/* Betrifft nur die Zellen in der Headline der Tabelle */
{
	background-color: #fff;
	background-image: url(../img/table/head_back.gif);
	height: 22px;
	padding: 0;
	padding-left: 8px;
	color: #4d4d4d;
	text-align:left;
}
.table .headline div /* Betrifft den Div-Container innerhalb einer Zelle in der Kopfzeile */
{
	background-image: url(../img/table/head_end.gif);
	background-position: right;
	height: 18px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 8px;
}

.table .headline a /* Färbt die Links in der Kopfzeile weiss */
{
	color: #4d4d4d;
}


.table tr /* Grundfarbe für alle Tabellenzeilen */
{
	background-color: #81a8b8;
}

.table .odd /* Farbvariation für Tabellenzeilen */
{
	background-color: #313131;
}

.table tr:hover, .table .odd:hover /* Hebt Tabellenzeilen hervor, über welcher sich der Mauszeiger befindet */
{
	background-color: #8cb8c9;
}



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

.img {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#DBE6EC;
	border:1px solid #7497a5;
	padding:3px;
}

.box {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	padding:10px;
	background-color:#f2f2f2;
}

.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%;
}

.colorchange:hover {
	background-color:#eee;
}

.nocolorchange:hover {
	background-color:#fff;
}

.borderright {
	border-right:1px solid #000;
}

.highlight {
	background-color:#fff8e3;
	font-weight:bold;
}

.nolink {
	color:#000;
	text-decoration:none;
}

.nolink:hover
{
	text-decoration:none;
}

.kalender {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	font-size:11px;
}

.width30 {
	width:40px;
}

.width70 {
	width:80px;
}

.width50 {
	width:60px;
}

.width40 {
	width:50px;
}

.width20 {
	width:30px;
}