/*
 * Farben:
 * gelb:  #ffdc00;
 * gruen: #31aa29
 * blau:  #0c5072
 * rot:   #aa1010
 */


/*
   allgemeine Formatierungen
*/
* { margin:0; padding:0;}
body { font-size:small; background:white; color:black; font-family:Verdana,Arial,sans-serif; }
td { font-size:small;} /* FF 1.0.7 */
h1 { font-size:1.6em; font-variant:small-caps; margin-top:2em; margin-bottom:1em; color:#555555; clear:both;}
h1.csc-firstHeader {margin-top:0;}
h2 { font-size:1.3em; margin-top:2em; margin-bottom:1em; border-bottom:1px solid #10aa39; clear:both;}
p  { margin-bottom:.8em; line-height:140%;}
ul { padding-left:1.2em; padding-bottom:.5em; display:table; }
li { padding-left:.6em; padding-bottom:.2em; }
img {border:none;}
.float-right { float:right; margin-left:2em; margin-bottom:1em; }
.float-left { float:left; margin-right:2em; margin-bottom:1em; }

/* Workaround fuer falsche Angaben in <font>-Tags */
font {font-size:small; font-family:Verdana,Arial,sans-serif}

td p {margin:0;}
td, th {padding-top:.5em; padding-right:1em; vertical-align:top;}
tr.highlight td {text-align:left; font-weight:bold; border-bottom:1px solid #10aa39;}
p.highlight {float:right; margin-left:2em; margin-bottom-1em; }

.center, align-center { text-align:center; }
.align-right { text-align:right; }



/* 
   Logo, Kopfbild
*/
#logo {position:absolute; top:20px; left:13px; z-index:100;}
#kopfbild {position:absolute; top:6px; left:0; width:100%;padding-left:0px;
	z-index:0;overflow:hidden;}
@media print {
	#logo { position:static; float:left; margin-right:1em; margin-bottom:1em; }
	#kopfbild { display:none;}
}
/*
   Menue Home - Impressum - Kontakt
*/
#menuhome {position:absolute; left:0; top:3px; width:770px; text-align:right; z-index:20; }
#menuhome a { color:black; text-decoration:none; }
#menuhome a:hover, #menuhome a:active, #menuhome a:focus {text-decoration:underline;}
@media print {
	#menuhome { display:none; }
}
/*
   Menue
*/
#menu {
	margin:0; padding:0;
	position:absolute; 
	left:10px; top:270px; 
	width:170px;
	z-index:10;
	/*	border-top:1px solid #333333; */
}
@media print {
	#menu { display:none; }
}

#menu a {
	margin:0; padding:0;
	padding-top:2px; padding-bottom:2px;
	margin-top:1px; margin-bottom:1px;
/*	border-right: 5px solid white; */
	padding-right:5px;
	color:black;
	display:block; 
	text-decoration:none;
}
#menu a.aktiv, #menu a:hover, #menu a:active, #menu a:focus {
	border-right: 5px solid #ffdf00;
	padding-right:0px;
}
#menu ul {
	margin:0; padding:0; 
	margin-left:15px;
	margin-right:0;
	width:155px;
}
#menu li {
	margin:0; padding:0;
	list-style: none;
}
/* Hauptmenuepunkte */
#menu ul li {
	margin-top:1em;
}
#menu ul a {
	font-weight:bold;
	border-bottom:2px solid #007fc0;
}


/* Untermenue 1. Ebene */
#menu ul ul { width:140px; }
#menu ul ul li {
	margin:0; padding:0;
	margin-top:.7em;
}

#menu ul ul a {
	font-weight:normal;
	border-bottom:1px solid #10aa39;
}

/* Untermenue 2. Ebene */
#menu ul ul ul { width:125px; }
#menu ul ul ul li {
	margin:0; padding:0;
	margin-top:.4em;
}

#menu ul ul ul a {
	border-bottom:1px solid #888888;
	font-size:80%;
}

/* Untermenue 3. Ebene */
#menu ul ul ul ul { width:110px; }

/* Untermenue 4. Ebene */
#menu ul ul ul ul ul { width:95px; }

/*
   Inhaltsbereich
*/
#content {
	position:absolute;
	left:250px;
	top:240px;
	right:250px;
	padding-bottom:2em;
}
@media print {
	#content { position:static; left:0; top:0; }
}

#content a {
	color:#1ca941; 
	text-decoration:none;
	font-weight:bold;
}
#content a:visited { color: #007fc0; }
#content a.aktiv, #content a:hover, #content a:active, #content a:focus {text-decoration:underline;}

#content h2 a { color: black; }
#content h2 a:visited { color: black; }

table.zweispalten { clear:both; }

/*
   rechte Spalte
*/
#rightcol {
	position:absolute;
	right:5px;
	top:270px;
	width:220px;
	word-wrap: break-word; /* ueberlange Zeilen umbrechen - leider nur "hart", aber besser als ein overflow */
}

@media screen {
	* html #rightcol { overflow:hidden; }
}

@media print {
	#rightcol { position:absolute; right:0; top:0; }
}


/*
 * Boxen
 */

/* allgemein */
.bluebox, .greenbox, .redbox, #rightcol .nobox {
	background-position:left top;
	background-repeat:no-repeat;
	color:white;
}

.bluebox .box2, .greenbox .box2, .redbox .box2, #rightcol .nobox .box2 {
	background-repeat:no-repeat;
	color:white;
	padding:20px;
	padding-right:0;
	margin-bottom:20px;
}

.box2 { /* soll leichter ueberschreibbar sein */
	background-position:right bottom;
}

#rightcol .box2 { /* ... wegen rechter Spalte */
	background-position: left bottom;
}

#rightcol .bluebox, #rightcol .greenbox, #rightcol .redbox, #rightcol .nobox {
	background-position:left top;
}

/* Box-Inhalte allgemein */
.bluebox h1, .greenbox h1, .redbox h1, #rightcol .nobox h1,
.bluebox h2, .greenbox h2, .redbox h2, #rightcol .nobox h2 {
	border-bottom:1px solid #12aa3a;
	color:white;
	font-size:1.3em;
	text-transform:none;
	padding-right:20px;
}
.bluebox h1, .greenbox h1, .redbox h1, #rightcol .nobox h1 {
	margin-top:0;
}

.bluebox h5, .greenbox h5, .redbox h5, #rightcol .nobox h5 {
	color:white;
	font-size:1.3em;
	font-variant:small-caps;
}

.bluebox p, .greenbox p, .redbox p, #rightcol .nobox p {
	padding-right:20px;
}
.bluebox td, .greenbox td, .redbox td, #rightcol .nobox td {
	color:white;
}
.bluebox a, .greenbox a, .redbox a, #rightcol .nobox a {
	color:#ffe745; 
	text-decoration:none;
	font-weight:bold;
}
.bluebox a:visited, .greenbox a:visited, .redbox a:visited, #rightcol .nobox a:visited {
	color: #c3ebff; 
}
.bluebox a.aktiv,  .greenbox a.aktiv,  .redbox a.aktiv,  #rightcol .nobox a.aktiv,
.bluebox a:hover,  .greenbox a:hover,  .redbox a:hover,  #rightcol .nobox a:hover,
.bluebox a:active, .greenbox a:active, .redbox a:active, #rightcol .nobox a:active,
.bluebox a:focus,  .greenbox a:focus,  .redbox a:focus,  #rightcol .nobox a:focus {
	text-decoration:underline;
}

.bluebox h1 a, .greenbox h1 a, .redbox h1 a, #rightcol .nobox h1 a,
.bluebox h2 a, .greenbox h2 a, .redbox h2 a, #rightcol .nobox h2 a {
	color:white;
}


/* blau */
.bluebox {
	background-color:#0c5072;
	background-image:url('images/blau-lo.gif');
}
.bluebox .box2 {
	background-image: url('images/blau-ru.gif');
}
#rightcol .bluebox .box2 {
	background-image:url('images/blau-lu.gif');
}
.bluebox h1, .bluebox h2 {
	border-bottom:1px solid #12aa3a;
}

/* gruen + #rightcol .nobox */
.greenbox, #rightcol .nobox {
	background-color: #31aa29;
	background-image:url('images/gruen-lo.gif');
}
.greenbox .box2 {
	background-image: url('images/gruen-ru.gif');
}
#rightcol .greenbox .box2, #rightcol .nobox .box2 {
	background-image:url('images/gruen-lu.gif');
}
.greenbox h1, .greenbox h2,
#rightcol .nobox h1, #rightcol .nobox h2 {
	border-bottom:1px solid #ffdc00 ;
}


/* rot */
.redbox {
	background-color:#aa1010;
	background-image:url('images/rot-lo.gif');
}
.redbox .box2 {
	background-image: url('images/rot-ru.gif');
}
#rightcol .redbox .box2 {
	background-image:url('images/rot-lu.gif');
}
.redbox h1, .redbox h2 { 
	border-bottom:1px solid #ffdc00;
}


/* und in "Normalfarben" drucken... */
@media print {
	.box2, .box2 * .box2 * { background:white; color:black; }
}


/*
   Gaestebuch
*/
p.guestbookheader {
	margin-top:2em;
	margin-bottom:.5em;
	border-bottom:1px solid #007fc0;
}
p.guestbookdate {
	text-align:left;
	margin-bottom:.5em;
}
div.guestbookdate {
	float:right;
	margin-left:1em;
	margin-bottom:.2em;
}
p.guestbookcommenthead {
	margin-left:2em;
	border-bottom:1px solid #007fc0;
}
p.guestbookcomment {
	margin-left:2em;
	font-style:italic;
}
p.guestbookerror {
	font-weight:bold;
}
div.guestbookteaser {
	clear:both;
	border-right:1px dotted #ffdc00;
	border-bottom:1px dotted #ffdc00;
	padding-right:20px;
	padding-bottom:10px;
}
div.guestbookteaser p.guestbookheader {
	border-bottom:0px;
}
/* .cssform input, .cssform textarea { width: 400px; } */


fieldset { border: none; }

fieldset input, textarea { width:400px; }
.csc-mailform-submit { width: auto; }
.csc-mailform-field { clear: both; margin-top:5px; }
.csc-mailform-field input.csc-mailform-submit { margin-left:9em; width:400px; }
/*
   Umfrage
*/
/* Fragen */
div.poll {
	margin-bottom:.6em;
}
div.poll p {
	margin-bottom:.2em;
	margin-left:20px;
}
div.poll input.pollanswer {
	margin-right:8px;
	margin-left:-20px;
}


/*
   News
*/
#rightcol h2 a, #rightcol h2 a:visited { color: white; }
@media print {
	#rightcol h2 a, #rightcol h2 a:visited { color: black; }
}

p.news-latest-date {
	text-align:right;
}
p.news-latest-date a, p.news-latest-date a:* {
	color:white;
}


/* SINGLE */
div.news-single-img { float:right; margin-left:2em; margin-bottom:1em; width:240px; clear:both; }
div.news-single-timedata {float:right; font-size:small; font-weight:normal; margin-left:2em; margin-bottom:1em;}
.news-single-item h3 { font-size:1em; margin-bottom:1em;}
.nobacklink .news-single-backlink, .nobacklink hr { display:none; }
.nobacklink { margin-bottom:1em; }
p.news-single-author { float:right; margin-left:2em; font-style:italic; }

/* LIST */
div.news-list-item { clear:both; }
span.news-list-date { float:right; font-size:80%; }
div.news-list-image { float:left;  }
div.news-list-image img { margin-right:1em; margin-bottom:1em; }
div.news-list-morelink { text-align:right; margin-bottom:2em; }
div.tx-ttnews-browsebox table { float:right; }
div.news-list-browse { clear:left; text-align:center; }
div.news-list-browse div.browseLinksWrap span.disabledLinkWrap { display:none; }

#content td.tx-ttnews-browsebox-SCell a, #content td.tx-ttnews-browsebox-SCell a:hover, 
	#content td.tx-ttnews-browsebox-SCell a:active, #content td.tx-ttnews-browsebox-SCell a:focus
	{ color:black; font-weight:bold; text-decoration:none;}

/* AMENU */
div.news-amenu-container { margin-bottom:2em;}
li.news-amenu-item-year { list-style:none; margin-left:-1em;padding-left:0; padding-top:10px;}

/* Twitter */

.twitterentry .username { }
.twitterentry .userimage { float:left; padding-right:8px;}
.twitterentry .date { color: #ccc; }
.twitterentry .message { }

/*
   LandCast-spezifische Styles
*/

small { color:#666; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
/* #commentform textarea#commentmessage { width: 400px; height: 150px; padding: 2px; } */
#felder input                   { width: 300px; }
#felder textarea#commentmessage { width: 300px; height: 150px; padding: 2px; }
#commentform #submit { margin: 0; float: right; }
label { clear: both; float: left; width: 9em; margin-bottom: 7px; }

/* Kontaktformular */
.formelement { width:400px; }


/*
 * Frontend editing
 */
div.typo3-editPanel { border: none; background-color: #fff; width: auto;}
/*div.typo3-editPanel .typo3-editPanel-controls { border: 0px solid #ccc; background-color: #fff;} */
/*div.typo3-adminPanel { z-index:1000 !important; } */
div.typo3-feedit-element { outline: 0px !important; }
div.typo3-feedit-element:hover { outline: 3px solid rgba(247, 144, 37, 0.8) !important; }

/*
 * Kalender
 */


.tx-cal-controller .month-large th.weekday { width: 14%; }


.month-large td.withEventWeek,
.month-large td.empty,
.month-large tr.create td
{ border-bottom:none; border-top:none; } 

.tx-cal-controller tr.days { border-top: 1px solid #a1a5a9; border-bottom: 1px solid #a1a5a9; }

/* .tx-cal-controller .header-buttons { display:none; } */
/*
.tx-cal-controller .previous-button { float:left; padding-left:20%; }
.tx-cal-controller .next-button { float:right; padding-right:20%; }
.tx-cal-controller .view-header h1 { clear:none; text-align:center; } 
*/

.tx-cal-controller #month-header-prevnext { text-align:center; float:none; padding:0; font-size:12pt; } 
.tx-cal-controller #month-header-prevnext img { position:relative; top:6px; }
.tx-cal-controller .nobullets, .tx-cal-controller .nobullets li { list-style:none; padding-left:0; }


/*------------ Category style package: default (blue) - start ------------*/
/* mit aenderungen cb */
		
.default_categoryheader {
	background-color: #ffdf00;
	color:#000;
}
		
.default_categoryheader_bullet {
color: #557CA3;
font-size: 13px;
}

.default_categoryheader_text {
	color: #000000;
	font-size: 11px;
	margin-left: 3px;
}

.default_categoryheader_legend_bullet {
	margin-left: 3px;
}

.default_categoryheader_legend_text {
}

.default_categoryheader_allday {
	text-align: center;
	}
		
.default_categorybody {
	background-color: #ffdf00;
border: 1px solid #557CA3;
color: #fff;
}
		
.default_categorybody a: link {
	color: #fff;
}

.monthSmallBasic, .monthmediumbasic, .monthlargebasic { /* Hintergrundfarbe Tage in Monats-/Jahresansicht */
	background:white;
}
.monthWeekend { /* nochmal fuers Wochenende */
	background:#ffffdd;
}

/* Links in Wochen-/Tagesuebersicht: weiss, da bunter Hintergrund */
#content .eventbg2 a,
#content .eventbg2 a:link,
#content .eventbg2 a:hover,
#content .eventbg2 a:active,
#content .eventbg2 a:focus,
#content .eventbg2 a:visited
 {
color:white;
font-weight:bold;
	font-size: 1.2em;
}

#calendar-event-backlink {
	padding-top:1.5em;
}

.treelevel0 {
	white-space:pre;
}
.tx-cal-controller table.treelevel1 { display:none; }

/* 
 * .cal_*_head_bullet: Bullet in Jahres-/ Monatsuebersicht 
 * .cal_*_head_text: Termin-"Titel" in Monatsansichten
 * .cal_*_text Wochen-/ Tagesansicht belegte Zeit (-> Hintergrundfarbe)
 */


/* Bundestermine rot #aa1010 */

#content .cal_bund_bullet {
color: #aa1010;
font-size: 1.2em;
}

#content .cal_bund_text,
#content .cal_bund_text a, #content .cal_bund_text a:link, #content .cal_bund_text a:hover, 
#content .cal_bund_text a:active, #content .cal_bund_text a:focus, #content .cal_bund_text a:visited {
	color: #aa1010;
	font-size: 1.2em;
	margin-left: 3px;
	font-weight:normal;
}

#content .tx-cal-controller table.month-large tbody tr.withEventWeek td.event.withEventWeek { padding-right: 0.3em; padding-left: 0.3em; }
#content .tx-cal-controller table.month-large tbody tr.withEventWeek td.event.withEventWeek { padding-right: 0.3em; padding-left: 0.3em; }

#content .tx-cal-controller table.month-large tbody tr.withEventWeek td.event.withEventWeek .V9,
#content .V9 .cal_bund, .cal_bund_allday,
#content .V9 .cal_verband, .cal_verband_allday,
#content .V9 .cal_ort, .weekview .cal_ort_allday {
/*	background:#aa1010; */
	background: #e8eef7;
	background: linear-gradient(50deg, white 0%, rgba(232,238,247,0.5) 20%,rgba(200,219,247,1) 100%);
}


/* Landesverband blau */

#content .cal_verband_bullet {
color: #0c5072;
font-size: 1.2em;
}

#content .default_catheader_text, #content .default_catheader_text a, /* Termine ohne Kategorie */
#content .cal_verband_text,
#content .cal_verband_text a, #content .cal_verband_text a:link, #content .cal_verband_text a:hover,
#content .cal_verband_text a:active, #content .cal_verband_text a:focus, #content .cal_verband_text a:visited
{
	color: #0c5072;
	font-size: 1.2em;
	margin-left: 0px;
	font-weight:normal;
}


/* Ortsgruppen gruen #31aa29*/

#content .cal_ort_bullet {
color: #31aa29;
font-size: 1.2em;
}

#content .cal_ort_text,
#content .cal_ort_text a, #content .cal_ort_text a:link, #content .cal_ort_text a:hover,
#content .cal_ort_text a:active, #content .cal_ort_text a:focus, #content .cal_ort_text a:visited
{
	color: #31aa29;
	font-size: 1.2em;
	margin-left: 0px;
	font-weight:normal;
}


/* diverse braun #aa7510 */

#content .cal_diverse_bullet {
color: #aa7510;
font-size: 1.2em;
}

#content .cal_diverse_text,
#content .cal_diverse_text a, #content .cal_diverse_text a:link, #content .cal_diverse_text a:hover,
#content .cal_diverse_text a:active, #content .cal_diverse_text a:focus, #content .cal_diverse_text a:visited
{
	color: #aa7510;
	font-size: 1.2em;
	margin-left: 0px;
	font-weight:normal;
}

#content /* .V9 */ .cal_diverse, .cal_diverse_allday {
background:#aa7510;
}


/*
blau Box	#0c5072;
grün h2 unten #10aa39; 
*/


/* aus cal CSS - alle Styles mit url() */
                .tbll {
                        background: transparent /*url(../../typo3/ext/cal/template/img/shadow_l.gif) no-repeat*/;
                        width: 8px
                        }

                .tblbot {
                        background: transparent /*url(../../typo3/ext/cal/template/img/shadow_m.gif) repeat-x*/;
                        width: 100%
                        }

                .tblr {
                        background: transparent /*url(../../typo3/ext/cal/template/img/shadow_r.gif) no-repeat*/;
                        width: 8px
                        }


                .tx-cal-controller .title {
                        background-image: url(../../typo3/ext/cal/template/img/time_bg.gif);
                        padding: 5px;
                        }

                .montheventtop {
                        background-image: url(../../typo3/ext/cal/template/img/side_bg.gif);
                        border-top: 1px solid #A1A5A9;
                        }


                .medtitle {
                        background-image: url(../../typo3/ext/cal/template/img/side_bg.gif);
                        height: 20px;
                        margin-top: 3px;
                        font-weight: 900;
                        }

                .eventborder {
                        background-image: url(../../typo3/ext/cal/template/img/day_title.gif);
                        border: 1px #006699 solid;
                        }

                .timeborder {
                        border-right: 2px solid #A1A5A9;
                        border-top: 1px dashed #A1A5A9;
                        background-image: url(../../typo3/ext/cal/template/img/time_bg.gif);
                        }

                .timeborder2 {
                        border-right: 2px solid #A1A5A9;
                        border-top: 1px solid #A1A5A9;
                        background-image: url(../../typo3/ext/cal/template/img/time_bg.gif);
                        }

                .tx-cal-controller .navback {
                        background-image: url(../../typo3/ext/cal/template/img/time_bg.gif);
                        }

                .tx-cal-controller .sideback {
                        background-image: url(../../typo3/ext/cal/template/img/side_bg.gif);
                        }


/*
 * indexed_search
 */

.tx-indexedsearch .tx-indexedsearch-browsebox ul { text-align:right; margin-bottom: 1em;}
.tx-indexedsearch .tx-indexedsearch-browsebox li { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-browsebox a { padding-left:5px; padding-right:5px; }
.tx-indexedsearch-sw { font-weight: bold; }

div#suchfeld {margin-left:15px; margin-top:20px;}
input#suchtext {width:130px; font-size:small; border:1px solid #007fc0; padding:1px;}


/*
 * gruene-berufe.de
 */

body.grueneberufe {
	background-image:url(/fileadmin/template/images/hintergrund-gruene-berufe.jpg);
	background-position: 230px 218px; /* h, v */
	background-repeat:no-repeat;
}

body.grueneberufe #content {
	max-width:750px;
}

body.grueneberufe #content h1.csc-firstHeader {
	height:24px;
	margin-bottom:20px;
}

/*
 * Theater
 */

body.theater {
background: top left url(/fileadmin/template/images/theater/verlauf-rot-gelb.gif) repeat-x #fee600;
}

/* body.theater #menu, body.theater #content {
	padding-bottom:500px;
} */

body.theater div#footer {
	clear:both;
	position:absolute;
	left:0px;
	width:100%;
	overflow:hidden;
	z-index:-1;
}

body.theater div.noscriptfooter {
	overflow:hidden;
	position:absolute;
	left:0px;
	width:100%;
/*	height:520px; */
	top:100%;
	z-index:-1;
}

body.theater .bluebox,         body.theater .bluebox  .box2, body.theater #rightcol .bluebox  .box2, 
body.theater .greenbox,        body.theater .greenbox .box2, body.theater #rightcol .greenbox .box2, 
body.theater .redbox,          body.theater .redbox   .box2, body.theater #rightcol .redbox   .box2, 
body.theater #rightcol .nobox, body.theater #rightcol .nobox .box2 {
	background-image:none;
}

body.theater input#suchtext {
	background:transparent;
}

body.theater #kopfbild2 {
	padding-left:280px; 
	padding-top:25px;
}

body.theater #content {
	right:0px;
	background:url(images/theater/schriftzug.gif) no-repeat;
	background-position: 50px 50px;
	height:500px;
	overflow:visible;
}
body.theater #content2 {
	margin-right:250px;
}
@media print {
/*	body.theater #content { position:static; left:0; top:0; } */
}
body.theater #content a {
	color: #1d5e18; /* gruen, aber dunkler als normal */
}
body.theater #content h1 { 
	color: #aa1010;
}


/*
 * Umfrage (simplesurvey)
 */
.tx-simplesurvey-pi1-question { font-weight: bold; margin-top: 2em; margin-bottom: 1em; }
.tx-simplesurvey-pi1-answer { margin-left: 2em; margin-bottom: .2em;}
.tx-simplesurvey-pi1-answer input { margin-right: 1em; }
.tx-simplesurvey-pi1-submit { margin-top: 1em; }

.tx-simplesurvey-pi1-static { margin-left: -2em; margin-top: 2em; margin-bottom: -1em; font-weight: bold; }

