/* typo3 styles */



/**************************************************************************
*
*  Typo3 - Rahmen 1, Rahmen 2
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Rahmen 1, 2 kann an verschiedenen Stellen in Typo3 ausgewaehlt
*  werden. Ich stelle das gleiche Layout für alles ein.
*
*  1. CE <div>
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  div.csc-frame-frame1
*  div.csc-frame-frame2
*
*  2. RTE - Blockstyle <p>
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  p.csc-frame-frame1
*  p.csc-frame-frame2
*
*
***************************************************************************/
/* rahmen 1 - box1 - BG white BORDER gray */
.csc-frame-frame1 {
	padding: 1em; border: 1px solid #CCCCCC; color: #000;
}

/* rahmen 2 - box2 - BG gray BORDER none */
.csc-frame-frame2 {
	background-color: #CCCCCC; padding: 1em; border: 1px solid #CCCCCC; color: #FFF;
}

/* rahmen 3 - box3 - BG white BORDER none GRUENER WINKEL top left  */
/* Spezielle Anpassungen fuer .spalte3 siehe  600_dvs_customer.css */
/*
.csc-frame-frame3 {
	padding: 1em; color: #000; background-image: url(icon/gruener_winkel_oben.gif);	background-repeat: no-repeat;	padding-top: 2px;	padding-left: 8px;
}
*/


/* rahmen 5 - Link mit gruenem Winkel */
/* rahmen 5 - rechtsbuendig           */
/* Achtung! Wird auch verwendet fuer .tx-dvssimplenews-singleview-backlink, siehe unten */
/*
.csc-frame-frame5 {
	text-align: right;

	padding-top: 2px;

	padding-bottom: 10px;
}
*/


/* rahmen 5 - Link style              */
/*
.csc-frame-frame5 a {
	background-image: url(icon/internal_link.gif);
	background-repeat: no-repeat;
	background-position: right 3px;

	margin-left: 0;
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 9px;

	text-decoration: none;
	font-weight: bold;

}
*/

/* csc-frame-230-verlauf-unten - STP */
.csc-frame-230-verlauf-unten {
	padding-bottom:30px;
	margin-left:1px;
	margin-right:1px;

	background-image:url(bg/stp/bg_ce_verlauf_unten.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}



/* csc-frame-230-verlauf-unten - STP */
.spalte3 .csc-frame-230-verlauf-unten {
	padding-bottom:20px;  /* dist 30px */
}




/**************************************************************************
*
*  Typo3 - Blockstyle rechtsbuendig
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*  RTE - Blockstyle <p>
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  p.align-right
*
***************************************************************************/
.align-right {
	text-align: right

}




/**************************************************************************
*
*  Typo3 - Text w/ image
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Zweck:
*  Damit die Bullets nicht am Bildrand haengen,
*  wenn das Bild links im Text gefloated ist.
*
*  Alternative Loesung:
*  CSS2 Markers. Faellt flach, weil der IE7 es nicht unterstuetzt.
*
***************************************************************************/
div.csc-textpic-intext-left li {
	list-style: inside;
}




/**************************************************************************
*
*  Typo3 - Text w/ image
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Zweck:
*  Oberer Bildrand buendig mit dem Fliesstext
*
*  Abgrenzung:
*  Nur fuer
*  1. Im Text links/rechts
*  csc-textpic-intext-left  img
*  csc-textpic-intext-right img
*
*  2. Neben dem Text links/rechts
*  csc-textpic-intext-left-nowrap img
*  Nur fuer IE7
*  div.csc-textpic-intext-left-nowrap img {	padding-top:  1.8em;  }
*  siehe extra style sheet.
*
***************************************************************************/

/*  1. Im Text links/rechts */
div.csc-textpic-intext-left  img,
div.csc-textpic-intext-right img {
	padding-top:  0.3em;
}




/**************************************************************************
*
*  Typo3 - CE Trenner
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Siehe auch 300_dvs_css_reset_nachbearbeitung.css
*
***************************************************************************/
hr.pgi-content-element-trenner {

	border: 0px none;

  color: 				#CCCCCC;	/* gray */
  background-color:  #CCCCCC;	/* gray */

	height: 1px;
}




/**************************************************************************
*
*  dvs simplenews
*
***************************************************************************/
.tx-dvssimplenews-singleview-backlink {
	background-image: url(icon/internal_link.gif);	background-repeat: no-repeat;	background-position: right 3px;	margin-left: 0;	padding-left: 0;	padding-bottom: 10px;	padding-right: 9px;	text-decoration: none;	font-weight: bold;
}






/**************************************************************************
*
*  simple search
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  layout
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* 	Hint: Barrierefreiheit fuer den Searchbutton
*  1. Nicht als input type=image sondern als type=submit anlegen.
*  2. Dann den Pfeil als BG Image einfuegen und den value mit ein
*     paar Blanks padden, so dass der Text das BG Image nicht
*     stoert 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 Verfuegung.
*  5. Mit CSS sieht es aus wie ein input type=image
*
***************************************************************************/
/* CSS steht in den Styles der extension dvs_conf > static > setup.txt */
/* Not used for this project                                           */




/**************************************************************************
*
*  Global Content
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  Letzte aenderung 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: #999;   /* PGI Hellgrau */

}



/**************************************************************************
*
*  dvs_simplelogout
*
***************************************************************************/
#kopf .tx-dvssimplelogout-link  {
	margin-top: 5px;
}


#kopf .tx-dvssimplelogout-link a {
	background-image: url(../../typo3conf/ext/dvs_simplelogout/pi1/res/lock.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 14px;

}



/**************************************************************************
*
*  dvs_simplelogout
*
***************************************************************************/
.tx-dvssimplelogout-button .username  {
	padding-bottom: 0.5em;

	padding-left: 	   0px;

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

	color: #AAA;

}






/**************************************************************************
*
*  dvs_simpleapps :: form
*  Die floats sind weiter unten geregelt
*
***************************************************************************/
div.dvs-form {
	/* nothing to be set here */

}

/**************************************************************************
*
*  dvs_simpleapps :: error
*  Die floats sind weiter unten geregelt
*
***************************************************************************/
div.dvs-screenmessage {

	width: 50%;
	padding: 0px;
	margin: 0px;
	margin-top: 2em;

	/* border:1px solid #C7D0BA; */
	border:1px solid #003366; /* hp dark blue - USE THIS */
	border:1px solid #CC0066;	/* hp magenta */

	background-color: #F0F0F0;

}


p.dvs-screenmessage-head  {

	border: 0px solid #000;
	padding: 3px;
	padding-left: 10px;
	margin: 0px;

	background-color: #000;
	background-color: #CCC;
	background-color: #4FAF00;  /* hp green */
	background-color: #EB5F01;  /* hp orange */
	background-color: #FFCC00;  /* hp yellow  */
	background-color: #990000;  /* hp red */
	background-color: #00B5DD;  /* hp light blue */
	background-color: #518FCC;  /* hp petrol */
	background-color: #003366; /* hp dark blue - USE THIS */
	background-color: #CC0066;  /* hp magenta */

	color: #FFF;

	font-weight: bold;

}


p.dvs-screenmessage-copy  {

	padding: 10px;
	margin: 0px;

	color: #FFF;
	color: #990000;	/* hp red */
	color: #518FCC;  /* hp petrol */
	color: #003366; /* hp dark blue - USE THIS */
	color: #CC0066;	/* hp magenta */


	font-style: italic;
	line-height: 1.5em;

	/* make error texts smaller */
	/* font-size: 0.9em; 		 */

}









/**************************************************************************
*
*  dvs_simpleapps :: form + error :: float settings
*
***************************************************************************/
div.dvs-form-leftcol,
div.dvs-form-rightcol {
	margin-top: 1em;
	float: left;
}


div.dvs-form-leftcol {
	/* nothing to be set here */
	width: 280px;
	/* border: 1px solid green; */
}
div.dvs-form-rightcol {
	/* nothing to be set here */
	width: 230px;
	/* border: 1px solid green; */
}

div.dvs-screenmessage {
	/* nothing to be set here */
	width: 230px;
	/* border: 1px solid red; */

}


div.dvs-form-wide     h3,
div.dvs-form-leftcol  h3,
div.dvs-form-rightcol h3 {
	margin-top: 2em;

	border-bottom: 4px solid #000;
	padding-bottom: 1px;

}



/**************************************************************************
*
*  dvs_simpleapps :: inline errors and buttons
*
***************************************************************************/
a.service-link,
a.floppy-icon-link,
a.file-upload-link,
a.backButton,
a.cancelButton,
a.deleteButton,
p.errorBox,
div.errorBoxGrayBg,
span.errors {
	/* font-style: italic; */
	font-weight: normal;
	font-size:1em;

	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;

}


span.errors {
	/* nice red exclamation mark */
	background-image: url(icon/formidable/exclamation.png);
	color: #E76757;	/* custom red from the famfam icon */


}

div.errorBoxGrayBg,
p.errorBox {
	/* nice small yellow triangle */
	background-image: url(icon/formidable/bullet_error.png);
	padding-top:1px;
	color: #E76757;	/* custom red from the famfam icon */
}

a.backButton,
a.deleteButton {
	/* nice small yellow triangle */
	background-image: url(icon/formidable/bin_closed.png);
	font-weight: normal;
	/* display: block; */

	background-color: #63B272; /* green 1 */
	color: #FFF;

	padding: 5px;
	padding-left:30px;
	padding-right: 15px;
	background-position: 5px 5px;

}
a:hover.backButton,
a:hover.deleteButton {
	font-weight: bold;
	text-decoration: none;
	background-color: #FFC0CB;  /* PINK, passt gut */
	color: #222;
}

a.backButton {
	/* back arrow */
	background-image: url(icon/formidable/resultset_previous.png);
	background-position: left 4px;
	padding-left:17px;
	background-color: #FFF;
	color: #000;

}
a:hover.backButton {
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
}




a.service-link,
a.file-upload-link,
a.floppy-icon-link {
	background-image: url(icon/formidable/bullet_disk_10x10.png);


	font-weight: bold;
	display: block;

	padding: 0px;
	padding-left:  17px;
	padding-right: 10px;
	background-position: left 2px;

}

a.file-upload-link {
	background-image: url(icon/formidable/arrow_up_10x13.png);

	font-weight: normal;
	color: #222;

	padding: 0px;
	padding-left:  14px;
	padding-right: 10px;
	background-position: left top;

}


a.service-link {
	background-image: url(icon/stp/servicelink/servicelink_icon.gif);

	font-weight: normal;
	/* no color, use default css for links */

	padding: 0px;
	padding-left:  10px;
	background-position: left center;

	margin-bottom: 4px;

}




div.errorBoxGrayBg {

	/* common settings from the felogin box */
	width: 254px;

	border: 0px none;
	padding: 10px;
	margin:  0;

	/* common (2) */
	background-color: #EEE;

	font-weight: normal;
	line-height: 1.5em;

	/* bg image settings */
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left:30px;


}



.spalte2 h3.errorBox {
	/* remove the border bottom from default h3 headlines */
	border:0px none;

	/* common settings from the felogin box */
	width: 254px;

	border: 0px none;
	padding: 10px;
	margin:  0;

	/* common (2) */
	background-color: #EEE;

	font-weight: normal;
	font-style: italic;
	line-height: 1.5em;

	/* bg image settings */
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left:30px;

	/* custom settings for the error box */
	color: #000;
	background-color: #FFC0CB;  /* PINK, passt gut */

	/* nice red exclamation mark */
	background-image: url(icon/formidable/exclamation.png);

}




/**************************************************************************
*
*  felogin (1/3)
*
***************************************************************************/

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

}


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


.tx-felogin-pi1 label {
	width: 8em;
	/* reset margin-top from 300_dvs_css_reset_nachbearbeitung.css */
	margin-top: 0.25em;
}

/* normales Eingabefeld */
.tx-felogin-pi1 input.input-text {
	width: 15em;
	margin-bottom: 1em;
}



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


.tx-felogin-pi1 input.input-submit {
	/* ie7 = 8em; FF3.6 = 7.5em */
	margin-left: 8em;
}


/**************************************************************************
*
*  tx-felogin (2/3)
*  1. On first load and after the dvs_simplelogout button
*     this class is used:
*     tx_felogin_welcomeHeader
*     tx_felogin_welcomeMessage
*
*  2. On login error
*     this class is used:
*     tx_felogin_errorHeader
*     tx_felogin_errorMessage
*
***************************************************************************/
/* common settings - headers and messages */
.tx_felogin_welcomeMessage,
.tx_felogin_errorMessage,
.tx_felogin_welcomeHeader,
.tx_felogin_errorHeader {
	width: 254px;

	border: 0px none;
	padding: 10px;
	margin:  0;

	text-transform: none;

}


/* common settings - messages */
.tx_felogin_welcomeHeader,
.tx_felogin_errorHeader {

	color: #FFF;
	font-weight: normal;
	font-style: italic;
	line-height: 1.5em;

	background-color: #EEE;

	/* bg image settings */
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left:30px;

}




/* custom settings - welcome header */
.tx_felogin_welcomeHeader {
	color: #000;
	color: #518FCC;  	/* hp petrol     */
	color: #003366; 	/* hp dark blue  */
	color: #CC0066;	/* hp magenta    */
	color: #003366; 	/* hp dark blue  */
	color: #336666;	/* hp dark green */
	color: #4FAF00;	/* hp green */

	/* nice red exclamation mark */
	background-image: url(icon/formidable/tick.png);

}

/* custom settings - welcome message */
.tx_felogin_welcomeMessage {
	display: none;
}


/* custom settings - error header */
.tx_felogin_errorHeader {
	color: #000;
	color: #518FCC;  	/* hp petrol     */
	color: #003366; 	/* hp dark blue  */
	color: #CC0066;	/* hp magenta    */
	color: #003366; 	/* hp dark blue  */
	color: #336666;	/* hp dark green */
	color: #E76757;	/* custom red from the famfam icon */
	color: #000;

	background-color: #FFC0CB;  /* PINK, passt gut */

	/* nice red exclamation mark */
	background-image: url(icon/formidable/exclamation.png);


}


/* custom settings - error message */
.tx_felogin_errorMessage {
	display: none;
}



/**************************************************************************
*
*  felogin (3/3)
*
***************************************************************************/

/* schmaleres Formular in .spalte3 */
.tx-felogin-pi1 label {
	margin-top: 0em;
}

/* schmaleres Formular in .spalte3 */
.spalte3 .tx-felogin-pi1 input.input-text {
	width: 120px;
	margin-bottom: 0.5em;
}


/* schmaleres Formular in .spalte3 */
.spalte3 .tx-felogin-pi1 input.input-submit {
	margin-left: 0em;
}


/* Schmalere Message fields .spalte3 */
.spalte3 .tx_felogin_welcomeMessage,
.spalte3 .tx_felogin_errorMessage,
.spalte3 .tx_felogin_welcomeHeader,
.spalte3 .tx_felogin_errorHeader {
	width: 100px;
}

/* Keine Message "Bitte anmelden"    */
/* oder "Erfolgreich abgemeldet"     */
/* in .spalte3. Nur Errors anzeigen. */
.spalte3 .tx_felogin_welcomeMessage,
.spalte3 .tx_felogin_welcomeHeader {
	display: none;
}








/**************************************************************************
*
*  Exception Handling
*
***************************************************************************/
.dvs-exception {
	background-color: pink;
	padding: 2em;
}

.dvs-exception h1,
.dvs-exception h2 {
	text-transform: none;
}

	.dvs-exception h1 {
	/* bg image settings */
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:22px;

	/* nice red exclamation mark */
	background-image: url(icon/formidable/exclamation.png);
}

.dvs-exception pre {
	background-color: #EEE;
	padding: 1em;
	font-family: "Consolas", "Courier New", Courier, monospace;
}

.dvs-exception pre.message {
	font-weight: bold;
}