/* ######################################################################################################
** # PGI - Schmelzer                                                        #############################
** # Anpassungen TCX                                                        #############################
** ######################################################################################################
** # Elements test_css_240_redefine_typo3.css
** ######################################################################################################
**
*/

/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/

p.csc-linkToTop {text-align:right;}
.csc-caption {font-size:0.9em; background-color:#E0E7F5; padding:2px;}


/* Bildunterschriften */
dd.csc-textpic-caption {
	font-style: normal;
	font-size: 1.0em;
	background-color: transparent;
	padding: 0;
}


/* Abstände von Bildern, wenn mehrere Bilder untereinander sind */
div.csc-textpic-imagewrap  {
	/* background-color: ORANGE;  */
	padding-bottom: 5px;
}



/* ######################################################################################################
** # Element: Rahmen1+2                                                     #############################
** ######################################################################################################
**
*/

/* --------------------------------------- */
/* frame1, frame2 - Global settings        */
/* --------------------------------------- */
/* pex spalte 2   - Reset width 300px      */
/* --------------------------------------- */
div.csc-frame-frame1,
div.csc-frame-frame2 {
  /* 300px - 1px border left - 1px border right = 298px */
  width: 298px;

  /* Abstand zur naechsten Box - If any */
  margin-bottom: 0.5em;
}


/* head */
div.csc-frame-frame1 h1,
div.csc-frame-frame1 h2,
div.csc-frame-frame2 h1,
div.csc-frame-frame2 h2 {
  margin: 0;
  padding: 8px;
  padding-bottom: 4px;
}

/* copy  - steht im ersten DIV */
div.csc-frame-frame1 div,
div.csc-frame-frame2 div {
  /* margin: 0; */
  padding: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  /* background-color: aqua; */
}


/* copy  - reset second div in case an image is present */
div.csc-frame-frame1 div div,
div.csc-frame-frame2 div div {
  /* margin: 0; */
  padding: 0px;
  /* background-color: orange; */
}


/* --------------------------------------- */
/* frame1 - Graue Border, Kein BG          */
/* --------------------------------------- */
div.csc-frame-frame1  {
  border: 1px solid #999999;
}


/* --------------------------------------- */
/* frame2 - Grauer BG                      */
/* --------------------------------------- */
div.csc-frame-frame2 {
  border: 1px solid #999999;
  background-color: #999999;
  color: #FFF;
}

div.csc-frame-frame2,
div.csc-frame-frame2 h1,
div.csc-frame-frame2 h2 {
  color: #FFF;
}


/* ######################################################################################################
** # Element: custom styles for extension "ml_maps"                         #############################
** ######################################################################################################
**
*/
div.marker-layer {
	background-color:  #666;
	color: #FFF;
	border: 1px solid #EFEFEF;
	z-index:99999;
}


div.marker-layer p {
	margin: 0;
	border: 0;
	padding: 0.5em;
}




/* ######################################################################################################
** # Element: h3 headline in felogin seit typo3 4.2.0 (hardcoded!)          #############################
** # Use same sizes as html h1 elements, defined in 400_elements.css        #############################
** ######################################################################################################
**
*/
/* set in 400_elements.css    */
/* div.tx-felogin-pi1 h3 {  } */




/* ######################################################################################################
** # Element: custom styles for extension "alpha_sitemap"                   #############################
** ######################################################################################################
**
*/


div.tx-alphasitemap-pi1  {
	margin-top: 2em;
}


div.alpha-sitemap-chars  {
	margin-top: 1em;

}


/* Buchstabenleiste oben - global settings */
div.alpha-sitemap-chars span,
div.alpha-sitemap-chars span a {

	/* groesse wie h2 */
	font-size: 1.1em;
	margin-right: 0.25em;
}


/* buchstabenleiste oben - Buchstabe */
div.alpha-sitemap-chars span {
	font-weight: normal;
	color: #666;
}

/* buchstabenleiste oben - Verlinkter Buchstabe */
div.alpha-sitemap-chars span a {
	font-weight: bold;
	/* text-decoration: none; */
}



/* Trefferliste links  - Indexbuchstabe ueber den Treffern */
div.tx-alphasitemap-pi1 h3 {
	/* groesse wie h2 */
	font-size: 1.1em;
	font-weight: bold;

	background-color: #000;
	color: #FFF;


	margin: 0;
	margin-top: 1em;
	margin-bottom: 0.25em;

	padding: 0;
	padding: 0.25em;

	width: 1.5em;

	text-align: center;
	border: 1px solid #000;

}


div.tx-alphasitemap-pi1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.tx-alphasitemap-pi1 ul li a {
	text-decoration: none;
}

div.tx-alphasitemap-pi1 ul li a:hover {
	text-decoration: underline;
}



/* ######################################################################################################
** # Element: custom styles for extension "wec_map"                         #############################
** ######################################################################################################
**
*/

div.sidebar  {
	margin-left: 0.5em;
	text-decoration: none;
}

div.sidebar div.infotitle {
	margin-bottom: 0.5em;
	border:1px solid #666;
	padding: 0.25em;
	background-color: #999;

}

div.sidebar a:link {
	text-decoration: none;
	color: #000;
}




/* ######################################################################################################
** # Element: custom styles for SIMPLE SEARCH                               #############################
** ######################################################################################################
**
*/

#searchbox input  {

	/* background-color: AQUA; */
	/* width: 80px; */
	font-size: 1em;
	margin: 0px;
	padding: 0px;

}


#searchbox .suchfeld {
	/* background-color: RED; */
	width: 80px;
float:left;
margin-top: 1px;
}


#searchbox .suchbutton {
	/* background-color: PINK; */
float:left;
}








/* ######################################################################################################
** # Element: custom styles for LANGMENU                                    #############################
** ######################################################################################################
**
*/

#langfrm select {

	font-size: 1em;
	margin: 0px;
	padding: 0px;

	width: 100px;


}






/**************************************************************************
*
*  Extensions
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*  dvs_simplenews
*
***************************************************************************/

/**************************************************************************
*
*  Allgemein - Für alle Spalten gültig
*
***************************************************************************/


.tx-dvssimplenews-listview-item  {
	margin-bottom: 2em;
}


.tx-dvssimplenews-listview-item-date {
	padding: 0;
	margin: 0;
	text-align: right;
}

.tx-dvssimplenews-listview-item-head {
	padding: 0;
	margin: 0;
}


.tx-dvssimplenews-listview-item-image {
	float: left;
}

/* Add padding to the image! Else News items w/o Image will have an unwanted padding! */
.tx-dvssimplenews-listview-item-image img {
	padding-right: 1em;
	padding-bottom: 1em;
}



.tx-dvssimplenews-listview-item-copy {
	float: left;
	padding-top: 1em;
}



/* Nie Links als underline anzeigen, egal in welcher Spalte die Ausgabe ist */
.tx-dvssimplenews-listview-item a 			 	 { color:#000; text-decoration: none;			}
.tx-dvssimplenews-listview-item a:visited 	 {															}
.tx-dvssimplenews-listview-item a:hover 	 	 {	color:#000; text-decoration: underline;	}

/* more link krbw */
.tx-dvssimplenews-listview-item-more a 			 { color:#89652C; text-decoration: none;			}
.tx-dvssimplenews-listview-item-more a:visited 	 {																}
.tx-dvssimplenews-listview-item-more a:hover 	 {	color:#89652C; text-decoration: underline;	}




/**************************************************************************
*
*  Singleview - Backlink
*
***************************************************************************/
/* Use default CSS from  plugin.tx_dvssimplenews_pi1_CSS_DEFAULT_STYLE */

.tx-dvssimplenews-singleview-backlink a {
	display: block;

	padding-right: 1.5em;
	padding-top:    1em;
	padding-bottom: 1em;

	/* background-image: url(bg/news_icon_back.gif); */
	background-image: url(bg/news_icon_sv_arrow_right.gif);

	background-repeat: no-repeat;
	background-position: right center;

	text-align: right;

	text-decoration: none;

	/* stop images from text w/ img from floating */
	clear: both;

}



/* Abstand zur News - nach unten */
#tx-dvssimplenews-singleview-backlink-top {
	margin-bottom: 2em;
}

/* Abstand zur News - Nach oben */
#tx-dvssimplenews-singleview-backlink-bottom {
	margin-top:    0em;

}


.tx-dvssimplenews-singleview-extra-date {
	text-align: right;

}




/**************************************************************************
*
*  dvs_simpleapps
*  Added 06.06.2010
*  Replacement for sr_feuser_register
*
***************************************************************************/
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-form-section-headline,
div.dvs-form-wide     h2,
div.dvs-form-leftcol  h2,
div.dvs-form-rightcol h2 {
	margin: 0;
	margin-bottom: 0px;
	margin-right: 2em;
	padding: 0;
	padding: 3px;
	padding-left: 6px;

	font-size: 100%;

}




/**************************************************************************
*
*  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: #FFC0CB;  /* 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;
}