/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	SEARCH FORM AND LINK
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#searchmask {
	float: right;
	height: 0.9em;
	margin-right: 0.66em;
	margin-top: 0.2em;
	font-size: 0.9em;
	color: #666666;
	background-color: inherit;
} 
 
#searchmask form {
	margin: -0.1em 0.9em 0em 0em;
	float: left;
}

#searchmask .search-query {
	float: left;
	width: 6.66em;
	height: 1.1em;
	margin: 0.1em 0.4em 0em 0em;
	padding: 0.01em;
	color: #666666;
	background-color: white;
	border: 1px #999999 solid;
}

#searchmask fieldset {
	border: 0em;
	margin: 0em;
	padding: 0em;
}

#searchmask .submit-button {
	float: left;
	margin-top: 0.05em;
}

#searchmask label {
	float: left;
	margin-right: 0.4em;
	margin-top: 0.15em;
}

/*	Link to the extended search */
#searchmask .extendedsearch {
	float: left;
	margin-top: 0em;
	padding-left: 0.9em;
	background-image: url("../img/service_metamenu_seperator.gif");
	background-position: left top;
	background-repeat: repeat-y;
}

#searchmask .extendedsearch a {
	margin: -0.05em 0em 0em 0em;
	padding: 0px;
	color: #666666;
	background-color: inherit;
}
 

#searchmask .extendedsearch a img {
	border: 0em;
}


/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	CONTENT TEASER: Used for all teasers shown in content
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content-section .teaser {
	clear: both;
	margin-bottom: 1em;
}

#content-section .teaser .teasercontent{
	display: block;
}

#content-section .teaser .pic-50 .teaser-text, #content-section .teaser .pic-100 .teaser-text {
	margin-left: 1em;
}
#content-section .teaser .teaser-text{
	float: left;
	width: 100%;
}
#content-section .teaser .pic-50 .teaser-text{
	width: 35em;
}
#content-section .teaser .pic-100 .teaser-text{
	width: 31.66em;
}


#content-section .teaser p {
	margin: 0em;
	padding: 0em;
}

#content-section .teaser p.intro {
	color: #666666;
	background-color: inherit;
	font-weight: bold;
}

#content-section .teaser p.text {
}

#content-section .teaser-img {
	position:relative;	
	float:left;	
}

#content-section .pic-50 .teaser-img {
	width:50px;
	margin-left: -50px;
}

#content-section .pic-100 .teaser-img {
	width:100px;
	margin-left: -100px;
	
}

#content-section .pic-50 {
	margin-left:50px;
}

#content-section .pic-100 {
	margin-left:100px;
}

#content-section .picture-left {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

#content-section .picture-right {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	TABS
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#content-section .veranstaltung-reiter{
	margin: 1em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	border-bottom: 1px solid #CCCCCC;
	height: 1.4em;
}
#content-section .veranstaltung-reiter span{
	font-size: 0.8em;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	padding: 0.3em 0.9em 0.2em 0.2em;
	margin: 0em;
	display: inline;
	position: relative;
	background-image: url("../img/reiter_inactive_inline.gif");
	background-position: right top;
	background-repeat: no-repeat;

}
#content-section .veranstaltung-reiter span a{
	color: #666666;
	background-color: inherit;
	text-decoration: none;
}
#content-section .veranstaltung-reiter a:hover{
	text-decoration: underline;
}

#content-section .veranstaltung-reiter .first{
	background-image: url("../img/reiter_inactive_left.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 0.2em;
	padding: 0.3em 0em 0.2em 0em;
	margin: 0em;
}
#content-section .veranstaltung-reiter .firstactive{
	background-image: url("../img/reiter_active_left.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 0.2em;
	padding: 0.3em 0em 0.2em 0em;
	margin: 0em;
}

#content-section .veranstaltung-reiter .last{
	background-image: url("../img/reiter_inactive_right.gif");
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0.3em 0.5em 0.2em 0.2em;
}
#content-section .veranstaltung-reiter .lastactive{
	background-image: url("../img/reiter_active_right.gif");
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0.3em 0.5em 0.2em 0.2em;
}

#content-section .veranstaltung-reiter .rightactive{
	background-image: url("../img/reiter_rightactive_inline.gif");
}
#content-section .veranstaltung-reiter .active{
	background-image: url("../img/reiter_active_inline.gif");
}

sup,sub { /* avoid line space */
	line-height:0em;
}

/* CT: Ansprechpartner */

#ct-section .ct-ansprechpartner {
	background-image: url("../img/ct_ansprechpartner_bg.gif");
	background-position: right top;
	background-repeat: repeat-x;
}
#ct-section .ct-ansprechpartner .header {
	background-image: url("../img/ct_head_ansprechpartner_bg.gif");
	background-position: right top;
	background-repeat: repeat-x;
	background-color: #d6d6d6;
	color: inherit;
}
#ct-section .ct-ansprechpartner .bg {
	background-image: url("../img/ct_ansprechpartner_bg.gif");
	background-position: right top;
	background-repeat: repeat-x;
}
#ct-section .ct-ansprechpartner h4 {
	margin: 0.0em 0.5em 0em 0.5em;
	padding: 0.5em 0.0em 0.0em 0.0em;
}
#ct-section .ct-ansprechpartner p.position {
	margin: 0.0em 0.5em 0.5em 0.5em;
	line-height: 1em;
}
#ct-section .ct-ansprechpartner p.contact {
	margin: 0.0em 0.5em 0.0em 0.5em;
}
#ct-section .ct-ansprechpartner p.contact .label {
	font-weight: bold;
}
#ct-section .ct-ansprechpartner p.contact a {
	color: #333333;
	background-color: inherit;
}

/* CT: Verbraucher-Tipp */

#ct-section .ct-verbrauchertipp .ct-verbrauchertipp-bg{
	background-image: url("/fileadmin/img/ct_verbrauchertipp_bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#ct-section .ct-verbrauchertipp .header {
	background-image: url("/fileadmin/img/ct_head_verbrauchertipp_bg.gif");
	background-position: right top;
	background-repeat: repeat-x;
	background-color: #d6d6d6;
	color: inherit;
}
#ct-section .ct-verbrauchertipp h3{
	background-image: url("/fileadmin/img/ct_head_icon_lightbulb_verbraucher.gif");
	background-position: right top;
	background-repeat: no-repeat;
}

#ct-section .ct-verbrauchertipp .search{
	border-top: 1px solid #999999;
}
#ct-section .ct-verbrauchertipp .search form{
	margin: 0em;
	padding: 0em;
}
#ct-section .ct-verbrauchertipp .search fieldset{
	border: none;
	margin: 0em;
	padding: 0em;
}
#ct-section .ct-verbrauchertipp .search .search-query{
	color: #666666;
	background-color: inherit;
	border: 1px solid #999999;
	font-size: 1em; /* mozilla fix */
	height: 1.2em;
	width: 9.8em;
	vertical-align: middle; 
	margin: 0.5em 0em 0.5em 0.66em;
}
#ct-section .ct-verbrauchertipp .search .submit-button{
	vertical-align: middle; 
	margin: 0.5em 0.66em 0.5em 0em;
}

/*	CT: Veranstaltungskalender	*/
#ct-section .ct-veranstaltung-kalender h3 {
	background-image: url("../img/ct_head_icon_calendar.gif");
	background-position: right top;
	background-repeat: no-repeat;
}
#ct-section .ct-veranstaltung-kalender h4 {
	margin: 0.8em 0.5em 0em 0.5em;
	padding: 0.5em 0.0em 0.0em 0.0em;
}

#ct-section .ct-veranstaltung-kalender .calendarhead{
	background: #E5E5E5;
	color: #333333;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	padding: 0.2em;
	height: 1.3em; /* depending on font-size and padding*/
}

#ct-section .ct-veranstaltung-kalender .calendar-left{
	width: 0.9em;
	float: left;
	margin: 0.5em 0em 0.5em 0.5em;
}
#ct-section .ct-veranstaltung-kalender .calendar-middle{
	float: left;
	width: 10.65em;
	margin: 0.5em 0em 0.5em 0em;
	border: white solid;
	border-width: 0 0.1em 0 0.1em;
}
#ct-section .ct-veranstaltung-kalender .calendar-right{
	width: 0.9em;
	float: left;
	margin: 0.5em 0.5em 0.5em 0em;
}

#ct-section .ct-veranstaltung-kalender .calendar-middle table.calendar{
	width: 100%;
	text-align: center;
	font-size: 0.75em;
	padding: 0.5em 0.5em 0em 0.5em;
	margin: 0 auto;
}

#ct-section .ct-veranstaltung-kalender .calendar-middle table.calendar th{
	color: #333333;
	background-color: inherit;
}
#ct-section .ct-veranstaltung-kalender .calendar-middle table.calendar td{
	padding: 0.1em;
}
#ct-section .ct-veranstaltung-kalender .calendar-middle table.calendar a{
	font-weight: bold;
	color: #333333;
	background-color: inherit;
	border: 1px solid #FF9900;
	padding: 0em 0.1em 0em 0.1em;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	FORM ELEMENTS
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content-section fieldset{
	border: none;
	padding: 0em;
	margin: 0em;
}
#content-section fieldset legend{
}
#content-section fieldset form{
	padding: 0em;
	margin: 0em;
}

#content-section fieldset div{
	clear: both;
	padding: 0.3em 0em 0.3em 0em;
}
#content-section fieldset div span.url{
	display: block;
	font-size: 0.75em;
	font-weight: bold;
}
#content-section fieldset p{
	clear: both;
	padding: 0.3em 0em 0.3em 0em;
	margin: 0em;
}
#content-section p.error{
	color: #FF9900;
	background-color: inherit;
	font-weight: bold;
}
/* Captcha code */
#content-section fieldset p.captchatext{
	padding: 0.3em 0em 0.25em 0em;
}
#content-section fieldset p.captcha{
	padding: 0em 0em 0.3em 0em;
	margin-left: 12.1em;
}

/* standard input div */
#content-section .csc-mailform-field{
	clear: both;
	padding: 0.3em 0em 0.3em 0em;
	margin: 0em;
}
#content-section .csc-mailform-field label{
	float: left;
	width: 10.5em; /* PS: width: 10em; */
	padding: 0.1em 1em 0.1em 0.1em;
	margin-right: 0.5em;
	text-align: right;
	font-weight: bold;
	color: #666;
	background-color: inherit;
}

#content-section fieldset .required label{
	background: url("../img/icon_required.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

#content-section .csc-mailform-field input.csc-mailform-input, 
#content-section .csc-mailform-field input.csc-mailform-file,
#content-section .csc-mailform-field input.csc-mailform-password,
#content-section .csc-mailform-field select.csc-mailform-select,
#content-section .csc-mailform-field textarea.csc-mailform-textarea,
#content-section .csc-mailform-field .csc-mailform-textarea{
	width: 30em; /* PS: width: 23.5em;*/
	border: #999 1px solid;
	float: left;
	margin: 0em;
	padding: 0em;  
}

#content-section .csc-mailform-field input.csc-mailform-file,
#content-section .csc-mailform-field select.csc-mailform-select{
	margin-right: 0.105em;
}

#content-section .csc-mailform-field input.csc-mailform-check{
	border: #999 1px solid;
	width: 1em;
	height: 1em;
	margin-left: 0em;
	padding: 0em;
}

#content-section .csc-mailform-field input.csc-mailform-submit{
	float: right;
	margin: 0.5em 0em 0em 0em;
}

/* checkbox left */
#content-section .checkleft{
	clear: both;
	margin: 0.5em 0em 0.5em 3em;
}
#content-section .checkleft label{
	float: none;
	width: 100%;
	padding: 0em;
	margin: 0em;
	text-align: left;
	font-weight: normal;
}
#content-section .checkleft input.csc-mailform-check{
	float: left;
	position: relative;
	margin-left: -2em;
} 

/* radio div */
#content-section .csc-mailform-field fieldset{
	width: 26.8em; /* PS: width: 20.8em; */
	position: relative;
	float: left;
	padding: 0em;
	margin: 0em;
}
#content-section .csc-mailform-field fieldset legend{
	display: none;
}
#content-section .csc-mailform-field fieldset label{
	float: none;
	display: inline; /* mozilla fix */
	width: auto;
	font-weight: normal;
	padding: 0em;
	margin: 0em 0.1em 0em 0.1em;
	vertical-align: top; /* align label of radio */
}
#content-section fieldset .required fieldset label{
	background: none; /* remove required image from radio labels */
}
#content-section .csc-mailform-field fieldset input.csc-mailform-radio{
	float: none;
	display: inline; /* mozilla fix */
}