/* CSS Document */

body,html {
	border: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background-color: #F7F6E7;
	background-image: url(left.jpg);
	background-repeat: repeat-y;
	background-position: 25px;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 120px;
	width: 100%;
	background-color: #F7F6E7;
	z-index: 35;	
}

#headertop {
	position: absolute;
	background-image: url(ueberschrift.jpg);
	z-index: 40;
	margin-left: 160px;
	margin-top: 25px;
	background-repeat: no-repeat;
	height: 80px;
	width: 418px;
}

#headerlogo {
	position: absolute;
	background-image: url(Logos.jpg);
	right: 13px;
	top: 17px;
	height: 94px;
	width: 184px;
	z-index: 45;
	background-repeat: no-repeat;
}

#images {
	background-image: url(left.jpg);
	height: 100%;
	width: 80px;
	left: 25px;
	z-index: 50;
	background-repeat: repeat-y;
	position: absolute;
}

#line {
	position: absolute;
	background-color: #ffd737;
	width: 100%;
	height: 10px;
	top: 120px;
	z-index: 30;
}

#content {
	position: absolute;
	background-color: #F7F6E7;
	height: 100%;
	width: 100%;
	z-index: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-attachment: fixed;
}

#title {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	top: 170px;
	right: 220px;
	color: #2C1703;
	font-weight: bold;
}

#inhalt {
	position: absolute;
	background-color: #F7F6E7;
	z-index: 5;
	top: 220px;
	right: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	line-height: 10pt;
	clip:   rect(auto auto auto auto);
	clear: none;
	list-style-position: inside;
	list-style-type: circle;
	left: 150px;
	float: left;
	text-indent: 0px;
}

#inhalt a {
	color: #2C1703;
}

#inhalt a:hover {
	color: #ffd737;
}

#inhalt li.ACT, 
#inhalt li.CUR {
	font-size: 14px;
	position: relative;
	color: #ffd737;
}

#info {
	position: absolute;
	top: 137px;
	z-index: 25;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: right;
	font-style: normal;
	font-weight: lighter;
	right: 0px;
}

#info a {
	color: #2C1703;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
}

#info a:hover {
	color: #ffd737;
}

#info li.ACT,
#info li.CUR {
	font-size: 12px;
	position: relative;
	color: #ffd737;
}

#right {
	position: absolute;
	background-color: #F7F6E7;
	right: 0px;
	z-index: 10;
	height: 100%;
	width: 180px;
	bottom: 0;
	color: #FFD737;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: left 100%;
}

#rahmen {
	position: absolute;
	background-image: url(rahmen.jpg);
	height: 100%;
	bottom: 0;
	width: 16px;
	z-index: 20;
	background-repeat: no-repeat;
}

#navi {
	position: absolute;
	width: 165px;
	z-index: 15;
	right: 0px;
	padding-top: 180px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: right;
	text-indent: 15px;
	color: #2C1703;
	line-height: 15pt;
}

#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #2C1703;
}

#navi li {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2C1703;
}

#navi li a {
	color: #2C1703;
}

#navi li a:hover {
	color: #ffd737;
}

#navi li a:active {
	font-size: 12px;
	position: relative;
	color: #ffd737;
}

#navi li.NO {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2C1703;
}

#navi li.ACT {
	font-size: 12px;
	position: relative;
	color: #ffd737;
} 

#navi li.CUR {
	font-size: 12px;
	position: relative;
	color: #ffd737;
}


#navi li.NO1 {
	font-size: 11px;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#navi li.ACT1 {
	font-size: 11px;
	position: relative;
	color: #ffd737;
	font-weight: lighter;
}

#navi li.CUR1 {
	font-size: 11px;
	position: relative;
	color: #ffd737;
	font-weight: lighter;
}	

#searchbox {
	position: absolute;
	padding-top: 565px;
	color: #2C1703;
	padding-left: 20px;	
}

#searchbox a {
	color: #2C1703;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
}

#searchbox a:hover {
	color: #ffd737;
}

#searchbox li.ACT,
#searchbox li.CUR {
	font-size: 12px;
	position: relative;
	color: #ffd737;
}

h2 {
	color: #666666;
}

label {
	width: 180px;
	display: block;
	float: left;
}

input {
	display: inline;
}

table {
	width: 500px;
	font-size: 13px;
}

.csc-mailform-field:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.csc-mailform-field {display: inline-block;}

.csc-mailform-label {margin-bottom: 5px; margin-top: 5px;}

/* Hides from IE-mac \*/
* html .css-mailform-field {height: 1%;}
.csc-mailform-field {display: block; padding-bottom: 2px;}
/* End hide from IE-mac */

.tx-guestbook-list-table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:  1px solid #CCCCCC;
	width: 100%;
}
.tx-guestbook-list-header {
	background-color: #ffd737;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2C1703;
}
.tx-guestbook-list-small {
	line-height: 17pt;
}
.tx-guestbook-list-rowleft {
	background-color: #FFFFFF;
}
.tx-guestbook-form-inputfield-med {
	border: 1px solid #CCCCCC;
}
.tx-guestbook-form-inputfield-big {
	border: 1px solid #CCCCCC;
}
.tx-guestbook-form-textarea {
	border: 1px solid #CCCCCC;
}

/* Month */
#headerTc2lCalMonth {margin:10px 0; text-align: center;}
#detailMonth {text-align:center; font-size:20px; margin-left:20px; margin-right:20px;}
#detailMonth a {color:black; text-decoration:none;}
#contentMonth {margin-top:20px;}
#contentMonth table {width:100%; border-collapse:collapse;}
#contentMonth table tr {}
#contentMonth table tr th {border:#C0C0C0 solid 1px; height:50px;}
#contentMonth table tr th a {text-decoration:none;}
#contentMonth table tr th a:link {color:white;}
#contentMonth table tr th a:visited {color:white;}
#contentMonth table tr td {border:#C0C0C0 solid 1px; text-align:left; vertical-align:text-top; height:50px;}
#contentMonth table tr td a, #contentMonth table tr td div {font-size:10px;text-decoration:none;}
#contentMonth table tr td div a:link {}
#bgColorDayOfWeek {background: url(typo3conf/ext/tc2lcal/img/bgColorMonth.gif);}
#bgColorWeek {background: url(typo3conf/ext/tc2lcal/img/bgColorWeek.gif); color:black;}
#backInMonth {position:absolute; margin-top: -30px; margin-left: 10px;}

/* List Events */
#In_Progress {color:red;}
#category_current {BORDER-TOP:#000000 1px solid; BORDER-LEFT:#000000 1px solid;
		 BORDER-RIGHT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;padding-left:5px;padding-right:5px;
		background-color:black; color:white;}
#category_picker form select {position:absolute;margin-left:5px;}
#category_picker form input {margin-left:5px; color: black;}
#contentListNumberEvent table {border-collapse:collapse; margin-top:50px; color: black; width: 400px; margin-left: 0px;}
#contentListNumberEvent table tr {border:#C0C0C0 solid 1px;}
#contentListNumberEvent table th {text-align: left; padding-right:5px; font-size:12px; height:30px; background: url(typo3conf/ext/tc2lcal/img/bgColorWeek.gif); color:black;}
#contentListNumberEvent table td, #contentListNumberEvent table td a{padding-right:20px; font-size:12px; text-align: left;}
#listEvent_firstColor_Pres, #listEvent_firstColor_Pres a{background-color: #CFCFCF;} /* fcffc2 */
#listEvent_secondColor_Pres, #listEvent_secondColor_Pres a{background-color:#FFFFFF; color:red;} /* d0f8ff */
#listEvent_firstColor_Fut, #listEvent_firstColor_Fut a{background-color:#CFCFCF; color:black;}
#listEvent_secondColor_Fut, #listEvent_secondColor_Fut a{background-color:#FFFFFF; color:black;}
a.header_ok_button{ position:absolute;float:right; margin-left:90px; text-decoration:none; color: black;}
a.header_ok_button span{ position:relative; float: left; color: black;}
a.header_ok_button span.right_part {background-image: url(typo3conf/ext/tc2lcal/img/buttonRight.gif); width: 8px; height: 19px; color: black;}
a.header_ok_button span.left_part{background-image: url(typo3conf/ext/tc2lcal/img/buttonLeft.gif);  width: 8px;  height: 19px; color: black;}
a.header_ok_button span.center_part {background: url(typo3conf/ext/tc2lcal/img/buttonBG.gif); height:19px; padding: 0 3px 0 3px;color:black; font-weight:bold;}
a.header_ok_button span.center_part span{padding-top: 3px;}
	
/* Event */

.legendListEvents {float:left; clear:left; width: 100px;}
#contentEvent div {margin-bottom: 5px;}
#contentEvent {margin-top: 5px;}
.viewEvent_day_IMG {position:absolute; margin-left:10px; margin-top:-5px;}
.viewEvent_week_IMG {position:absolute; margin-left:40px; margin-top:-5px;}
.viewEvent_month_IMG {position:absolute; margin-left:70px; margin-top:-5px;}

/* Location */
#headerTc2lCalEvent {font-size:18px; margin-bottom: 20px;}
.legendListLoc {float:left; clear:left;	width: 100px;}
#contentLoc div {margin-bottom: 5px;}
#contentLoc {margin-top: 5px;}