/* typo3 styles */


/**************************************************************************
*
*  Typo3 - CSS für Redakteure
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  CSS für Rahmenlayout im Header
*
***************************************************************************/

.csc-frame-frame1 {
	margin-top: 10px;
	margin-bottom: 20px;
	/* font-size: 12pt; */
	padding-bottom: 14px;
	border-bottom: 1px solid #EEE;
	line-height:1.4em;
}


/**************************************************************************
*
*  Typo3 - Text w/ image
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Zweck:
*  Damit die Bullets nicht am Bildrand hängen,
*  wenn das Bild links im Text gefloated ist.
*
*  Alternative Lösung:
*  CSS2 Markers. Fällt flach, weil der IE7 es nicht unterstützt.
*
***************************************************************************/
div.csc-textpic-intext-left li {
	list-style: inside;
}




/**************************************************************************
*
*  Typo3 - Text w/ image
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Zweck:
*  Oberer Bildrand bündig mit dem Fließtext
*
*  Abgrenzung:
*  Nur für
*  csc-textpic-intext-left  img
*  csc-textpic-intext-right img
*
***************************************************************************/
div.csc-textpic-intext-left img,
div.csc-textpic-intext-right img {
	/* background-color: yellow; */
}

div.csc-textpic-intext-left img {
	/* border-top:  0.5em solid maroon; */
}

div.csc-textpic-intext-left img {
	padding-top:  0.3em;
}
div.csc-textpic-intext-right img {
	padding-top:  0.3em;
}




/**************************************************************************
*
*  dvs simpleapps - formmail - COMMON SETTINGS
*
***************************************************************************/
.tx-dvssimpleapps-pi1,
.tx-dvssimpleapps-pi2 {
	margin-top: 1em;
}

.tx-dvssimpleapps-pi1 .screenmessage,
.tx-dvssimpleapps-pi2 .screenmessage {
	margin:0;
	border:0;
	/* border: 1px solid #666; */
	border:1px solid #000;
	margin-top: 1em;
	margin-bottom: 2em;

	/* width: 250px; */

}
.tx-dvssimpleapps-pi1 .screenmessage-head,
.tx-dvssimpleapps-pi2 .screenmessage-head {
	margin:0;
	padding:0;
	border:0;

	border-bottom: 1px solid #000;
	background-color: #000;
	color:#FFF;

	font-size: 1em;
	font-weight: normal;
	padding:0.3em;

	background-image: url(icon/yellow_warning.gif);
	background-repeat: no-repeat;
	background-position: 1em center;

	padding-left: 2.5em;

}
.tx-dvssimpleapps-pi1 .screenmessage-copy,
.tx-dvssimpleapps-pi2 .screenmessage-copy {
	margin:0;
	padding:0;
	border:0;

	padding:1em;

	background-color: #EEF3FA;
	font-style: italic;
	font-weight: bold;

	background-color: #EEE;
	color:#000;



}

.tx-dvssimpleapps-pi1 .screenmessage-copy h3,
.tx-dvssimpleapps-pi2 .screenmessage-copy h3 {
	margin:0;
	padding:0;
	border:0;
	font-weight: normal;
}


.tx-dvssimpleapps-pi1 .msgRequiredField,
.tx-dvssimpleapps-pi2 .msgRequiredField,
.tx-dvssimpleapps-pi1 sup,
.tx-dvssimpleapps-pi2 sup {
	color: #89652C;
	font-weight: bold;
}

.tx-dvssimpleapps-pi2 .plaintextLabel {
}

.tx-dvssimpleapps-pi2 .plaintextValue {
	font-weight: bold;
}


/**************************************************************************
*
*  dvs simpleapps - SETTINGS FOR FLOATING LABELS AND FIELDS
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  floating layout
*
***************************************************************************/
/* form width */
.tx-dvssimpleapps-pi1,
.tx-dvssimpleapps-pi2 	{
	/* width: 300px; */
	/* background-color: aqua; */
}


/* form field width  */
.tx-dvssimpleapps-pi1 label,
.tx-dvssimpleapps-pi2 label 	{
	/* width:70px; */
}

.tx-dvssimpleapps-pi1 select,
.tx-dvssimpleapps-pi2 select {
	/* width:230px; */
	margin-bottom:20px;
}

/* width only */
.tx-dvssimpleapps-pi1 input.input-text,
.tx-dvssimpleapps-pi2 input.input-text {
	/* width:223px; */
	margin-bottom:20px;
}


/* width only */
.tx-dvssimpleapps-pi1 textarea,
.tx-dvssimpleapps-pi2 textarea {
	margin-bottom:20px;
}

/* width only */
.tx-dvssimpleapps-pi1 textarea {
	/* width:223px; */
}

/* width only */
.tx-dvssimpleapps-pi2 textarea {
	/* width:223px; */
}





/* floating */
.tx-dvssimpleapps-pi1 label,
.tx-dvssimpleapps-pi2 label,
.tx-dvssimpleapps-pi1 input.input-text,
.tx-dvssimpleapps-pi2 input.input-text	{
	/* float:left; */
}

.tx-dvssimpleapps-pi1 label,
.tx-dvssimpleapps-pi2 label {
	/* clear:left; */
}



/* special settings for some fields */
.dvs-simpleapps-tipafriend-tipUrl,
.dvs-simpleapps-tipafriend-tipPagetitle {
	/* width:223px; */
	margin-bottom:20px;
	background-color: #FFF;
	border: 0px none;
}








/**************************************************************************
*
*  simple search
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  layout
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* 	Hint: Barrierefreiheit für den Searchbutton
*  1. Nicht als input type=image sondern als type=submit anlegen.
*  2. Dann den Pfeil als BG Image einfügen und den value mit ein
*     paar Blanks padden, so dass der Text das BG Image nicht
*     stört weil er aus dem Bild ist.
*  3. Abschliessend BG color des buttons auf BG des Containers setzen.
*  4. Ohne CSS steht dem Surfer ein vollw. Submitbutton zur Verfügung.
*  5. Mit CSS sieht es aus wie ein input type=image
*
***************************************************************************/
/* #box-search 															*/
/* bgcolor - siehe fileadmin/css/200_spaltenlayout_dist.css */
#box-search form {
	/* Text in der Searchbox von links her einruecken */
	/* siehe 200_spaltenlayout_dist.css */
}


#box-search input.search-input {
	width: 8em;
	border: 1px solid #CCC;
	color: #666;
	padding: 2px;
}


#box-search input.search-btn   {
	margin-left: 5px;
}



/* Searchresult Header            */
/* tableborders unsichtbar machen */
table.csc-searchResultInfo,
table.csc-searchResultInfo td {
	border: 0px;
	margin-left: 0;
	padding-left: 0;
}


/* Searchresult Trefferliste      			*/
/* Border zwischen Treffern       			*/
/* Um einzelne Treffer besser zu trennen  */
h3.csc-searchResultHeader {
	border-bottom: 1px solid #EEE;
	border-bottom: 1px solid #A0B9FF;
	margin-top: 2em;
}


/**************************************************************************
*
*  Global Content
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Letzte Änderung am dd.mm.yyyy
*
***************************************************************************/
#letzte-aenderung {
	clear:both;

	/* abstand nach oben */
	margin-top: 2em;

	/* fuer bg image */
	padding-left: 15px;

	background-image: url(bg/clock_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;

	color:#CCC;

}




/**************************************************************************
*
*  dvs_simplelogout
*
***************************************************************************/
.spalte3 .tx-dvssimplelogout-button  {
	padding-left: 	   17px;
	padding-top:		 1px;
	padding-bottom:	 1em;
}

.spalte3 .tx-dvssimplelogout-button  {
	padding-left: 	   17px;
	padding-top:		 1px;
	padding-bottom:	 1em;
}


.spalte3 .tx-dvssimplelogout-button .username  {
	padding-bottom: 0.5em;

	padding-left: 	   22px;

	background-repeat:	no-repeat;
	background-image:		url(/typo3conf/ext/dvs_simplelogout/pi1/res/be_users.gif);

	color: #AAA;

}

/**************************************************************************
*
*  felogin
*
***************************************************************************/

/* Abstand Hinweistext - Login-Form */
.spalte2 .tx-felogin-pi1 form {
	margin-top: 1em;

}


.spalte2 .tx-felogin-pi1 label,
.spalte2 .tx-felogin-pi1 input {
	float: left;
}


.spalte2 .tx-felogin-pi1 label {
	width: 8em;
}


.spalte2 .tx-felogin-pi1 input.input-text {
	width: 20em;
	margin-bottom: 1em;
}


.spalte2 .tx-felogin-pi1 div {
	clear:both;
}


.spalte2 .tx-felogin-pi1 input.input-submit {
	margin-left: 8em;
}






/**************************************************************************
*
*  Extensions
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  dvs_simplenews
*
***************************************************************************/
/* hauptteil des CSS kommt vom DEFAULT CSS der extension */


/**************************************************************************
*
*  dvs_simplenews - Common
*
***************************************************************************/
.tx-dvssimplenews-listview-item-more a {
	display: block;

	background-image: url(bg/krbw_pfeil_rechts.gif);
	background-repeat: no-repeat;
	background-position: left 3px;

	padding-left: 15px;

}

/* reset padding of headline h3 and date p */
.tx-dvssimplenews-listview-item-date,
.tx-dvssimplenews-listview-item-head {
	padding: 0;
	margin: 0;
}

/**************************************************************************
*
*  dvs_simplenews - Seite - Listview
*
***************************************************************************/
.spalte2 .tx-dvssimplenews-listview-item  {
	margin-bottom: 2em;
	width: 95%;
}
.spalte2 .tx-dvssimplenews-listview-item-head-wrapper {
	padding-left: 30px;
	background-image: url(bg/news_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;

	/* background-color: olive; */
}


.spalte2 .tx-dvssimplenews-listview-item-head {
	margin-bottom: 0.3em;
	/* background-color: orange; */

}
.spalte2 .tx-dvssimplenews-listview-item-copy {
	width: 90%;
}

.spalte2 .tx-dvssimplenews-listview-item-more {
	margin-top: 0.1em;
}
.spalte2 .tx-dvssimplenews-listview-item-more a {
	/* fine tuning of height position */
	background-position: left 5px;
}


/**************************************************************************
*
*  dvs_simplenews - Seite - Singleview
*
***************************************************************************/

/* Zurück zur Newsübersicht */
.spalte2 .tx-dvssimplenews-singleview-backlink a {

	display: block;

	/* border: 1px solid black; */
	padding-right: 45px;

	/* Padding für die Sichtbarkeit des Hintergrundbildes */
	padding-top:    1em;
	padding-bottom: 1em;

	background-image: url(bg/news_icon_back.gif);
	background-repeat: no-repeat;
	background-position: right center;

	text-align: right;

	font-size: 0.8em;


/* DBG */
	/* background-color: orange; */

}


/* Datum über dem Singleview */
.spalte2 .tx-dvssimplenews-singleview-extra-date {
	margin-bottom: 1em;
}



/**************************************************************************
*
*  dvs_simplenews - Teaser - Listview
*
***************************************************************************/
.spalte3 .tx-dvssimplenews-listview-item  {
	margin-bottom: 0.5em;
	padding: 1em;
	background-color: #DFE4D8;  /* krbw - hellgrau-grün */
	background-color: #EFEFEF;  /* fa - hellgrau */
	background-color: transparent;  /* fa - no bgcolor */
}

.spalte3 .tx-dvssimplenews-listview-item-head {
	font-weight: normal;
}

.spalte3 .tx-dvssimplenews-listview-item-more a {
	background-position: left 3px;
}