/* TYPO3 content stylesheet */

.ctArea .ctElement {
	background: url(../../images/midcol_bg.gif) repeat-y 0 0;
	width: 482px !important;
	width: 512px;
	clear: both;
	padding: 0 15px 20px 16px;
}

.ctArea .ctAreaCloser {
	width: 512px;
	height: 12px;
	margin-bottom: 10px;
	background: url(../../images/midcol_bg_bottom.gif) no-repeat 0 0 #FFF;
}

.ctArea .ctAreaOpener {
	width: 512px;
	height: 12px;
	background: url(../../images/midcol_bg_top.gif) no-repeat 0 0 #FFF;
}

#footer .ctArea .ctElement {
	background: none;
	width: auto !important;
	padding: 0 0 20px 0;
}

.ctArea .sectionFrame2 {
	padding-bottom: 0;
}

#midCol .ctElementTop,
#midCol .ctElementBottom {
	display: none;
}

.ctArea p,
.ctArea ul li,
.ctArea ol li {
	line-height: 18px;
}

#rightCol .ctArea p,
#rightCol .ctArea ul li,
#rightCol .ctArea ol li {
	line-height: 15px;
}

.greentext {
	color: #007000;
}

.redtext {
	color: #ed1c24;
}

.ctArea a {
	color: #ed1c24;
	text-decoration: underline;
}

.ctArea .align-center {
	text-align: center;
}

.ctArea .align-right {
	text-align: right;
}

.ctArea .align-justify {
	text-align: justify;
}

.ctArea ul ul {

}

.ctArea ul li {
	padding: 0 0 0 10px;
	background: url(../../images/bullet.gif) no-repeat;
	background-position: 0 7px;
}

.ctArea ol {
	padding-left: 42px;
}

.ctArea blockquote {
	padding-left: 20px;
}

#midCol h2,
#midCol h2 a,
#midCol h2 span {
	font-size: 18px;
	line-height: 23px;
}   

#midCol h2.csc-firstHeader {
	background: url(../../images/midcol_firstheader_bg.gif) no-repeat 0 0;
	width: 481px !important;
	width: 512px;
	height: 37px !important;
	height: 48px;
	margin: 0 -15px 6px -16px;
	padding: 11px 15px 0 16px;
	white-space: nowrap;
}

#midCol h2.csc-firstHeader,
#midCol h2.csc-firstHeader a {
	color: #FFF;
}

#midCol .sectionFrame2 h2.csc-firstHeader {
	background: url(../../images/header_sf2_bg.gif) no-repeat 0 0 #FFF;
	padding: 13px 15px 0 16px;
	height: 48px !important;
	height: 61px;
	margin-bottom: 0;
	margin-top: -1px;
}

#midCol .sectionFrame3 h2.csc-firstHeader {
	background: url(../../images/midcol_firstheader_bg_alt.gif) no-repeat 0 0 #FFF;
	height: 29px !important;
	height: 40px;
}

#midCol span.redtitle,
#midCol span.redtitle a {
	color: #ed1c24;
}

#midCol h3 {
	padding-bottom: 18px;
}

#midCol h3,
#midCol h3 a {
	font-size: 14px;
	line-height: 20px;
}

#midCol .ctArea .csc-firstHeader {
	margin-top: 0;
}

#rightCol .ctElement {
	background: url(../../images/rightcol_bg.gif) repeat-y 0 0;
	width: 183px !important;
	width: 213px;
	padding: 0 15px 4px 15px;
	margin-bottom: 0;
}

#rightCol .ctElementTop {
	width: 213px;
	height: 32px;
	background: url(../../images/rightcol_bg_top.gif) no-repeat 0 0;
	position: relative;
}

#rightCol .ctElementBottom {
	width: 213px;
	height: 12px;
	background: url(../../images/rightcol_bg_bottom.gif) no-repeat 0 0;
	margin-bottom: 5px;
	font-size: 1px;
}

#rightCol h2,
#rightCol h2 a,
#rightCol h2 span {
	font-weight: bold;
	color: #FFF;
	line-height: 18px;
	margin: -26px -15px 13px 0;
	position: relative;
	z-index: 200;
}

#rightCol .sectionFrame4 {
	background: url(../../images/box_bg.gif) no-repeat;
	width: 198px !important;
	width: 213px;
	height: 48px !important;
	height: 58px;
	padding: 10px 0 0 15px;
	margin-bottom: 5px;
}
	
#rightCol .ctArea .sectionFrame4 p {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #FFF;
}

#rightCol .ctArea .sectionFrame4 p a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;
}

#actGroups #rightCol .ctArea .sectionFrame4 {
	opacity: 0.3;
	(filter:alpha(opacity=30));
}

#rightCol .sectionFrame9 {
	background: none;
	padding: 0 0 15px 0;
	width: auto !important;
}

#rightCol .sectionFrame9 a {
	width: 198px !important;
	width: 213px;
	height: 28px !important;
	height: 38px;
	padding: 10px 0 0 15px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #FFF;
	background: url(../../images/mainnav_bg2.gif) no-repeat 0 0;
	text-decoration: none;
}
	
#rightCol .sectionFrame9 a:hover { 
	color: #ed1c24;
}


/* sectionFrame5 */

.ctArea .ctElementOpener {
	font-size: 0;
	height: 18px;
	margin: 0 -10px 0 -12px;
	/*border-top: 1px solid #000;*/
	background: url(../../images/border_sf5.gif) no-repeat 1px 0;
}

.ctArea .sectionFrame5 {
	background: url(../../images/midcol_bg_sf5.gif) repeat-y 0 0;
}

.ctArea .ctAreaCloserSectionFrame5 {
	width: 512px;
	height: 12px;
	margin-bottom: 21px;
	background: url(../../images/midcol_bg_bottom_sf5.gif) no-repeat 0 0 #FFF;
}

#midCol .ctArea .sectionFrame5 h2,
#midCol .ctArea .sectionFrame5 h3,
#midCol .ctArea .sectionFrame5 h4 {
	line-height: 18px;
	font-size: 12px;
	padding-bottom: 18px;
}


/* Flexible Contents 2 Columns & Agenda Extension */

.eventBoxTop,
.eventBoxBottom,
.eventBox {
	margin: 0 -15px 0 -16px;
	width: 512px;
}

.eventBoxTop {
	background: url(../../images/eventbox_bg_top.gif) no-repeat 0 0;
	height: 37px;
}

.eventBoxBottom {
	background: url(../../images/eventbox_bg_bottom.gif) no-repeat 0 0 #FFF;
	height: 32px;
	margin-bottom: -33px;
}

.eventBoxBottomAlt {
	background: url(../../images/eventbox_bg_bottom_alt2.gif) no-repeat 0 0;
	height: 49px;
	margin-bottom: -20px;
}

.agendaBottom {
	margin-bottom: 0;
	height: 21px;
}

.eventBox {
	height: 130px;
	position: relative;
	background: url(../../images/eventbox_bg.gif) repeat-y 0 0 #FFF;
	padding-bottom: 4px;
}

.eventBoxAltNoImg {
	height: auto;	
}

.sectionFrame7 .eventBoxTop,
.sectionFrame7 .eventBoxBottom,
.sectionFrame7 .eventBoxLeftCol,
.sectionFrame7 .eventBoxRightCol,
.sectionFrame8 .eventBoxTop,
.sectionFrame8 .eventBoxBottom,
.sectionFrame8 .eventBoxLeftCol,
.sectionFrame8 .eventBoxRightCol {
	display: none;	
}

.sectionFrame7 .eventBox {
	width: 512px;
	height: 55px;
	background: url(../../images/eventbox_bg_sf7.gif) no-repeat 0 0;
	margin-bottom: -24px;
}

.sectionFrame8 .eventBox {
	width: 488px;
	height: 55px;
	background: url(../../images/eventbox_bg_sf8.gif) no-repeat 0 0;
	margin: 0 -3px -24px -4px;
}

.agenda {
	width: 496px !important;
	width: 512px;
	height: auto;
	padding-right: 16px;
	padding-bottom: 28px;
}

.eventBox fieldset.defaultForm {
	margin-left: 16px;
}

#midCol .eventBox h3 {
	color: #FFF;
	margin: 0 0 0 16px;
	position: relative;
	top: -30px;
	z-index: 900;
	padding: 0 150px 0 0;
}

#midCol .agenda h3 {
	margin-bottom: -21px;
}

#midCol .sectionFrame7 .eventBox h3{
	top: 13px;
}

#midCol .sectionFrame8 .eventBox h3 {
	padding: 0 100px 0 0;
	top: 13px;
}

.ctArea .eventBox a.eventLink,
.ctArea .eventBoxBottomAlt a.eventLink {
	position: absolute;
	z-index: 999;
	top: -28px;
	right: 18px;
	background: url(../../images/red_arrow.gif) no-repeat 0 4px;
	padding-left: 19px;
	color: #FFF;
}

.ctArea .sectionFrame7 .eventBox a.eventLink,
.ctArea .sectionFrame8 .eventBox a.eventLink {
	top: 15px;
}

.ctArea .eventBoxBottomAlt {
	position: relative;
}

.ctArea .eventBoxBottomAlt a.eventLink {
	left: 16px;
	top: 11px;
}

.ctArea .eventBoxBottomAlt a.eventLinkRight {
	left: auto;
	right: 16px;
}

.eventBox .eventBoxLeftCol {
	position: absolute;
	width: 140px;
	height: 100px;
	margin: -3px 0 0 17px;
}

.eventBoxAltNoImg .eventBoxLeftCol {
	display: none;	
}

.eventBox .eventBoxLeftCol img {
	margin: auto;
}

.eventBox .eventBoxRightCol {
	width: 330px;
	margin: -7px 0 0 167px;
}

.eventBoxAltNoImg .eventBoxRightCol {
	width: 470px;;
	margin-left: 17px;
}

.eventBox .eventBoxRightCol .flags img {
	float: left;
	margin: 20px 8px 10px 0;
}

.agenda .category {
	position: absolute;
	right: 23px;
	top: -29px;
	color: #FFF;
	padding-right: 30px;
}

.agenda .category span {
	display: block;
	position: absolute;
	right: 0;
	top: 3px;
	width: 14px;
	height: 14px;
}

.agenda .category span.colorButton-1 {
	background: url(../../images/availability_free.gif) no-repeat 0 0;
}

.agenda .category span.colorButton-2 {
	background: url(../../images/availability_last.gif) no-repeat 0 0;
}

.agenda .category span.colorButton-3 {
	background: url(../../images/availability_booked.gif) no-repeat 0 0;
}

.agenda .category-5 span.colorButton-3 {
	background: url(../../images/availability_check.gif) no-repeat 0 0;
}

.agenda p.bodytext {
	padding-left: 16px;
}

.agenda .teaser {
	padding-bottom: 18px;
	font-weight: bold;
}

.agenda .flags {
	position: relative;
	margin-left: 16px;
	margin-bottom: 0 !important;
	margin-bottom: -10px;
	height: 14px !important;
}

.agenda .flags span {
	display: block;
	float: left;
	width: 22px;
	height: 14px;
	overflow: visible;
	text-indent: -9999px;
	margin: 8px 8px 0 0;
}

.agenda .flags span.language-43 {
	background: url(../../images/flag_ger.gif) no-repeat 0 0;
}

.agenda .flags span.language-30 {
	background: url(../../images/flag_uk.gif) no-repeat 0 0;
}

.agenda .flags span.language-37 {
	background: url(../../images/flag_fra.gif) no-repeat 0 0;
}

.agenda .flags span.language-59 {
	background: url(../../images/flag_it.gif) no-repeat 0 0;
}

.agenda .flags span.language-29 {
	background: url(../../images/flag_nl.gif) no-repeat 0 0;
}

.agenda .flags span.language-115 {
	background: url(../../images/flag_swe.gif) no-repeat 0 0;
}

.agenda .links {
	position: absolute;
	right: 4px;
	bottom: 2px;
}

.agenda .links a {
	background: url(../../images/red_arrow_alt.gif) no-repeat 0 4px;
	padding: 0 13px 0 19px;
}

#midCol .listView {
	position: relative;
}

#rightCol .listView {
	position: relative;
}

#rightCol .listView h3 a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

#rightCol .listView p.bodytext strong a {
	color: #000;
	text-decoration: none;
}

#rightCol .listView p.bodytext a:hover {
	color: #ed1c24;
}

#rightCol .colorButton-1,
#rightCol .colorButton-2,
#rightCol .colorButton-3 {
	display: block;
	position: absolute;
	right: -1px !important;
	right: 16px;
	top: -29px;
	width: 14px;
	height: 14px;
}

#rightCol .colorButton-1 {
	background: url(../../images/availability_free.gif) no-repeat 0 0;
}

#rightCol .colorButton-2 {
	background: url(../../images/availability_last.gif) no-repeat 0 0;
}

#rightCol .colorButton-3 {
	background: url(../../images/availability_booked.gif) no-repeat 0 0;
}

#rightCol .category-5 .colorButton-3 {
	background: url(../../images/availability_check.gif) no-repeat 0 0;
}

#rightCol p.bodytext strong {
	display: block;
}

.singleView .ctAreaCloser {
	margin: 0 -15px 0 -16px;
}

.singleView .teaser {
	padding: 16px 0;
	font-weight: bold;
}

.singleView .formInfo .teaser {
	padding-bottom: 0;
	margin-bottom: 16px;
}

.singleView .description {
	padding: 16px 0;
}

.formInfo {
	border-left: 3px solid #ed1c24;
	padding-left: 7px;
}

#midCol .formInfo h2 {
	padding-bottom: 0;
	margin-bottom: -15px;
}

#midCol ul.pages li {
	background-image: none;
	padding-left: 0;
	float: left;
}

#midCol div.pager div.prev {
	float: left;
	margin-right: 5px;
}

#midCol ul.pages li a {
	float: left;
	margin-right: 5px !important;
	margin-right: 3px;
	display: block;
}

#midCol .ctArea ul.pages .act a {
	font-weight: bold;
	color: #000;
}

#midCol .tx_cabagevents_pi1  {
	margin-bottom: -20px;
}

#midCol .tx_cabagevents_pi1 .listView .noRecords {
	background-color: #FFF;
	margin: 0 -15px 0 -16px;
	padding-left: 16px;
}


/* Filelinks */

.csc-uploads td {
	padding: 5px 10px 5px 0;
}


/* Sitemap */

.csc-sitemap ul li {
	margin-top: 10px;
}

.csc-sitemap ul ul li{
	margin-top: 2px;
}


/* Mailform typo3 */

fieldset.defaultForm {
	padding-top: 10px;
	padding-bottom: 20px;
	border: none;
}

fieldset.defaultForm div.formRow {
	clear: both;
}

.defaultForm .csc-mailform-label {
	padding: 5px 0;
}

fieldset.defaultForm .required {
	float: left;
	margin-left: -12px;
}

.singleView fieldset.defaultForm .required {
	color: #ED1C24;
}

.defaultForm label {
	float: left;
	width: 180px;
	display: block;
	margin-bottom: 6px;
}

.eventsActionReservation .defaultForm label {
	width: 240px;
}

.defaultForm .formRowNoMargin label {
	float: none;
}

.defaultForm input,
.defaultForm select,
.defaultForm textarea,
.defaultForm button {
	width: 200px;
	margin-bottom: 6px;
	background-color: #FFF;
	color: #595959;
	border: 1px solid #e0e0e0;
	padding: 1px;
}

.defaultForm input.file {
	width: auto;
}

.defaultForm textarea {
	height: 100px;
}

.defaultForm select {
	width: 204px;
}

.eventsActionReservation .defaultForm select#Teilnehmerzahl_Erwachsen,
.eventsActionReservation .defaultForm select#Teilnehmerzahl_Kind,
.eventsActionReservation .defaultForm select#Teilnehmerzahl_Kind_Gratis {
	width: 104px;
	margin-left: 100px;
}

.defaultForm option {
	background-color: #FFF; 
	color: #595959;
}

.defaultForm input.checkbox {
	width: 13px;
	height: 13px;
	margin-bottom: 12px;
	margin-top: 4px;
	border: none;
}

.defaultForm input.submit,
.defaultForm button {
	margin-left: 180px !important;
	margin-left: 183px;
	width: auto;
	padding: 0 10px !important;
	padding: 0;
}

.eventsAction .defaultForm input.submit,
.eventsAction .defaultForm button {
	width: 204px;
}

.eventsActionReservation .defaultForm input.submit,
.eventsActionReservation .defaultForm button {
	margin-left: 240px !important;
	margin-left: 243px;
}

.defaultForm .formRowNoMargin input.submit,
.defaultForm .formRowNoMargin button {
	margin-left: 0 !important;
	margin-left: 0;
}

.defaultForm div.radio {
	padding-bottom: 5px;
}

.defaultForm div.radio fieldset label {
	width: auto;
	display: inline;
	float: none;
}

.defaultForm div.radio fieldset .radio {
	padding: 0;
	width: auto;
	margin: 0 5px -2px 0;
	background-color: transparent;
	border: none;
}

.defaultForm input.radio {
	width: auto;
	border: none;
}

.defaultForm input[type=text]:focus,input[type=password]:focus,textarea:focus {
	background:#FFF; 
	color: black;
}


/* images */

#midCol .ctElement .csc-textpic-intext-right .csc-textpic-image,
#midCol .ctElement .csc-textpic-intext-left .csc-textpic-image {
	padding-top: 4px;
}

#midCol .ctElement .csc-textpic-intext-left-nowrap .csc-textpic-image,
#midCol .ctElement .csc-textpic-intext-right-nowrap .csc-textpic-image {
	padding-top: 4px;
}

#midCol .ctElement .csc-textpic-below .csc-textpic-text {
	padding-bottom: 5px;
}

#midCol .ctElement .csc-textpic-above .csc-textpic-text {
	padding-top: 5px;
}

.csc-textpic-caption {
	font-size: 11px;
	padding-top: 2px;
}

#midCol .sectionFrame3 .csc-textpic-left img,
#midCol .singleView .sectionFrame3 img {
	margin: -6px 0 0 -12px;
	position: relative;
	z-index: 999;
}

#midCol .sectionFrame3 .csc-textpic-left .csc-textpic-imagewrap {
	margin: 0 !important;
	margin-right: -20px;
	padding: 0;
	position: relative;
	z-index: 999;
}


/* indexed search */

.tx-indexedsearch {
	margin-right: -20px;
	position: relative;
	z-index: 999;
}

.tx-indexedsearch .defaultForm label {
	width: 120px;
}

.tx-indexedsearch .defaultForm select {
	width: 180px;
}

.tx-indexedsearch .defaultForm .submit {
	margin-left: 120px !important;
	margin-left: 123px;
}

.tx-indexedsearch .defaultForm input.tx-indexedsearch-searchbox-sword {
	width: 362px !important;
	width: 354px;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
	margin-top: 15px;
	/* margin-bottom: -30px; NUR WENN SECTION HEADERS VORHANDEN SIND ! */
	margin-bottom: 15px;
}

.tx-indexedsearch .tx-indexedsearch-secHead {
	margin-top: 80px;
}

#midCol .tx-indexedsearch .tx-indexedsearch-secHead h2 a {
	font-size: 14px;
}

.tx-indexedsearch .tx-indexedsearch-res {
	clear: both;
	margin-bottom: 50px;
}

#midCol .tx-indexedsearch .tx-indexedsearch-res h3 {
	margin: 0;
	padding: 0;
	position: relative;
}

.tx-indexedsearch .tx-indexedsearch-res h3 .tx-indexedsearch-icon {
	padding-left: 20px;
	position: absolute;
	left: -19px;
	top: 5px;
}

.tx-indexedsearch .tx-indexedsearch-res h3 .tx-indexedsearch-title {
	padding-left: 15px;
}

.tx-indexedsearch .tx-indexedsearch-res dl dt,
.tx-indexedsearch .tx-indexedsearch-res dl dd.item-size,
.tx-indexedsearch .tx-indexedsearch-res dl dd.item-crdate,
.tx-indexedsearch .tx-indexedsearch-res dl dd.item-mtime {
	float: left;
}

.tx-indexedsearch .tx-indexedsearch-res dl dt.tx-indexedsearch-text-item-path {
	width: 400px;
	clear: left;
}

.tx-indexedsearch .tx-indexedsearch-res dl dd.tx-indexedsearch-text-item-path {
	display: none;
}

.tx-indexedsearch .browsebox li {
	background-image: none;
	float: left;
	padding: 0;
	margin: 15px 5px 50px 0;
}

.tx-indexedsearch .browsebox li a {
	
}

/* Registration Newsletter (baselinsider.ch) */

fieldset.regForm {
	padding-top: 0;	
}

.tx-srfeuserregister-pi1 .regFormNotice {
	margin-bottom: 30px;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox {
	width: auto;
}

.formRow.username {
	display: none;
}

.regForm span {
	color:  #FF0000;
}

.regForm .tx-srfeuserregister-pi1-error,
.regForm .tx-sremailsubscribe-pi1-error {
	color: #FF0000;
	margin-left: 180px !important;
	margin-left: 183px;
	margin-bottom: 6px;
	font-size: 11px;
}