@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-image: url(../design/hintergrund-back.jpg);
	background-repeat: repeat-x;
}
body, td, th {
	font-family: Trebuchet MS;
	font-size: 12px;
	color:#666666;
	font-weight:normal;
}
div.clr {
	clear:both;
}

/* Überschriften, Absätze */
h1 {
	font-size:18px;
	margin:7px 0;
}
h2 {
	font-size:16px;
	margin:7px 0;
}
h3 {
	font-size:14px;
	margin:7px 0;
}
p {
	margin:7px 0;
}

/* Linkfarben */
a, a:visited {
	color: #666;
	text-decoration: underline;
}
a:hover {
	color: #77BB00;
	text-decoration: none;
}
/* Linkfarben für RSS-News und Newsticker Startseite */
#scroll-news div.newsitem a, #scroll-news div.newsitem a:visited,
#Lheader-pinwand a, #Lheader-pinwand a:visited,
#Laktion a, #Laktion a:visited {
	color: #fff;
}
#scroll-news div.newsitem a:hover,
#Laktion a:hover {
	color: #000;
}
#Lheader-pinwand a:hover {
	color: #666;
}

#Lrahmen {
	position:relative;
	width:960px;
	background-color:#FFF;
}
#Lhintergrund-rechts {
	position:absolute;
	width:100%;
	height:190px;
	top:67px;
	overflow:hidden;
}
#Lhintergrund-rechts-innen {
	position:absolute;
	left:1000px;
	background-image:url(../design/bdkj-sloganblock.png);
	background-repeat:no-repeat;
	height:190px;
	width:180px;
}
#Llinkespalte {
	position:relative;
	float:left;
	width:230px;
	margin-right:5px;
	z-index:10;
}
#Llogo {
	position:relative;
	width:200px;
	margin:20px 10px 20px 10px;
}
/* Menüdefinitionen weiter unten MA 18.12.2009 */
#Lsuche {
	position:relative;
	width:210px;
	margin:20px 10px 15px 10px;
}
#Linhalt {
	position:relative;
	float:left;
	width:725px;
}
#Ltopthema {
	position:relative;
	float:left;
	width:433px;
	min-height:326px;
	border:#CCCCCC 1px solid;
	margin:5px 5px 0 0;
}
#Laktion {
	position:relative;
	float:left;
	width:280px;
	min-height:326px;
	color:#FFF;
	background-color:#0070B8;
	border:#CCCCCC 1px solid;
	margin:5px 0 0 0;
}
#Lbeitrag {
	position:relative;
	float:left;
	width:510px;
	min-height:683px;
	border:#CCCCCC 1px solid;
}
#Lnews {
	position:relative;
	float:left;
	width:720px;
	min-height:200px;
	border:#CCCCCC 1px solid;
	margin:5px 0 0 0;
}
#Lrechtespalte {
	position:relative;
	float:left;
	width:200px;
	margin-left:5px;
}
#Ltermine {
	position:relative;
	float:left;
	width:218px;
	min-height:160px;
	border:#CCCCCC 1px solid;
	margin: 5px 5px 0 10px;
}
#Lmedien {
	position:relative;
	float:left;
	width:433px;
	min-height:160px;
	border:#CCCCCC 1px solid;
	margin: 5px 5px 0 0;
}
#Lschlagworte {
	position:relative;
	float:left;
	width:280px;
	min-height:160px;
	border:#CCCCCC 1px solid;
	margin: 5px 0 0 0;
}
#Lverbaende {
	position:relative;
	float:left;
	width:945px;
	min-height:115px;
	background-color: #FFFFFF;
	border:#CCCCCC 1px solid;
	margin:5px 0 0px 10px;
}

#Lbanner {
	position:relative;
	float:left;
	width:945px;
	min-height:77px;
	background-color: #FFFFFF;
	border:#CCCCCC 1px solid;
	margin:5px 0 20px 10px;
}

.feldueberschrift {
	font-size:14px;
	font-weight:bold;
	background-color:#F7F7F7;
	padding:3px 10px 5px 10px;
	text-align:left;
}
.feldueberschrift.aktion {
	background-color:#1BBBE9;
}
.feldinhalt {
	margin:7px;
}
.newseintrag {
	position:relative;
	float:left;
	margin:7px;
}
.newseintrag .links {
	position:relative;
	float:left;
	width:200px;
}
.newseintrag .rechts {
	position:relative;
	float:left;
	width:505px;
}

/* Rahmen der Boxen in der rechten Spalte siehe #Lrechtespalte .csc-default DM 12.02.2010 */
.box {
}

/* Hauptmenü MA 18.12.2009 */

#Lmenueintraege {
	/*position:relative;*/
	width:230px;
	line-height:2;
	font-weight:bold;
	padding:0;
	color:#FFF;
	background-color:#77B800;
}
#Lmenueintraege ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
}
#Lmenueintraege li {
}

#Lmenueintraege div.img {
	margin:2px 2px 2px 5px;
	height:20px;
	width:20px;
	float:left;
}

#Lmenueintraege div.img img{
	width:20px;
	height:auto;
}

ul#nav,
ul#nav ul {
	margin: 0;
	width: 230px; /* Width of Menu Items */
	font-size: 100%;
	background: #77B800;
	}
 
ul#nav li {
	position: relative;
	list-style: none;
	}
 
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 1px;
	/* border: 1px solid #ccc; */
	/* border-bottom: 0; */
	}
	
 
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
 
ul#nav ul {
	position: absolute;
	display: none;
	left: 229px; /* Set 1px less than menu width */
	top: -1px;
	border: #FFF 1px solid;
	}
 
ul#nav li ul li a { padding: 1px 5px; } /* Sub Menu Styles */
 
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
 
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { display: block; } /* The magic */
 
ul#nav li.menuparent:hover,
ul#nav li.menu:hover,
ul#nav li.over { 
	background-color: #9E9E9E;
	border-bottom: #FFF 1px solid;
	border-top: #FFF 1px solid;
	padding:0;
}

ul#nav li.menuparent,
ul#nav li.menu,
ul#nav li { 
	padding:1px 0;
}
 
 
ul#nav li a:hover { 
}

/* Hilfsmenü (Startseite/Impressum...) MA 19.12.2009*/
#Lmenueintraege2 {
	position:relative;
	width:210px;
	margin:15px 10px;
}

#Lmenueintraege2 a {
}

/* Breadcrumb-Formate MA 19.12.2009 */
#Lbreadcrumb {
	position:relative;
	font-size:8px;
	width:720px;
	margin:5px 0;
}

#Lbreadcrumb ul {
	list-style-type:none;
	margin:6px 12px 0;
	padding:0;
}

#Lbreadcrumb ul li {
	display:inline;
	margin:0;
	padding:0;
}

#Lbreadcrumb ul li a {
	line-height:11px;
	margin:15px 0 ;
	padding:0 10px 0 11px;
	font-size:10px;
}

#Lbreadcrumb ul li a.last {
	margin:-11px 0 0;
}

/* Formate für Termine-Kasten MA 19.12.2009 */
#Ltermine div.news-latest-date {
}

#Ltermine div.news-latest-title {
	font-weight:bold;
}

#Ltermine div.news-latest-title a {
	float:left;
	margin-right:2px;
}


/* Überschriften Content (basierend auf .feldueberschrift) */
#Linhalt div.csc-header-n1, #Lrechtespalte div.csc-header {
	background-color:#F7F7F7;
	padding:3px 10px 5px 10px;
	/* Ausgleich für .feldinhalt-margin */
	margin: -7px -7px 7px -7px; 
}

div.csc-header h1 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
div.csc-header-n1 h1, #Lrechtespalte div.csc-header h1 {
	margin:0px;
}
/* Schlagworte MA 20.12.2009 */
#Lschlagworte .tx-vgetagcloud-pi1 {
	background-color:#FFFFFF;
}
#Lschlagworte .tx-vgetagcloud-pi1 a {
	text-decoration: none;
}
#Lschlagworte .tx-vgetagcloud-pi1 a:hover {
	text-decoration: underline;
}

/* TeaserRollover mit Mouse-Over-Effekt MA 20.12.2009 */
.TeaserRollover { position: relative; margin-bottom: 15px; }

/* off state */
.TeaserRollover .TeaserSmall { position: relative; height: 25px; background: #e2e2e2; border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; }                
.TeaserRollover .TeaserSmall .TeaserInfo { float: left; width: 106px; padding: 4px 0px 0px 10px; color: #666666; font-size: 12px; font-weight: normal; text-transform: uppercase; }                
.TeaserRollover .TeaserSmall .TeaserPic { display: none; }                
.TeaserRollover .TeaserSmall .TeaserText { float: left; width: 317px; padding: 4px 0px 0px 0px; } 
.TeaserRollover .TeaserSmall .TeaserText .Info { display: none; }   
.TeaserRollover .TeaserSmall .TeaserText h3 { padding: 0; margin: 0px 0px 2px 0px; font-size: 12px; line-height: 16px; font-weight: bold; }   
.TeaserRollover .TeaserSmall .TeaserText p { display: none; }

/* over state */
.TeaserRollover .TeaserBig { position: relative; height: 78px; background: #e2e2e2 url(/pics/_backgrounds/back_newsteaser_mo.jpg) 0 0 repeat-x; border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; }                
.TeaserRollover .TeaserBig .TeaserInfo { float: left; width: 109px; padding: 4px 0px 4px 9px; color: #666666; font-size: 16px; font-weight: bold; text-transform: uppercase; }                
.TeaserRollover .TeaserBig .TeaserPic { float: left; width: 130px; height: 78px; padding: 0px; text-align: center; vertical-align: middle; }                
.TeaserRollover .TeaserBig .TeaserText { float: left; width: 301px; padding: 4px 0px 4px 12px; } 
.TeaserRollover .TeaserBig .TeaserText .Info { color: #cc0033; font-size: 11px; line-height: 16px; text-transform: uppercase; }   
.TeaserRollover .TeaserBig .TeaserText h3 { padding: 0; margin: 0; font-size: 14px; line-height: 18px; font-weight: bold; }   
.TeaserRollover .TeaserBig .TeaserText p { }

/* Formate für SmoothGallery im Bilder-Kasten rechte Spalte MA 23.12.2009 */
#bilder .myGallery {
	border:0px;
}

#bilder .jdGallery .slideElement {
	background-color:#FFFFFF;
}

#bilder .jdGallery a.carouselBtn {
	background:#F7F7F7 none repeat scroll 0 0;
	color:#4C5F6B;
}

#bilder .jdGallery .carousel {
	background:#F7F7F7 none repeat scroll 0 0;
	color:#4C5F6B;
	height:115px;
	left:0;
	margin:0;
	overflow:hidden;
	position:absolute;
	text-indent:0;
	top:0;
	width:100%;
}

#bilder .jdGallery .carousel .label .number {
	color:#4C5F6B;
}

/* Format für breite Content-Spalte (ohne rechten Rand) MA 24.12.2009 */
#Lbeitragbreit {
	position:relative;
	float:left;
	/*width:510px;*/
	width:717px; /* 510 + 200 + 7 */
	min-height:683px;
	border:#CCCCCC 1px solid;
}

/* Formate für Topthema MA 28.12.2009 */
#Ltopthema .feldinhalt {
	margin:0px;
}

.imgtopthema {
	float:left;
}

.imgtopthema img {
	/* max-width:433px;*/
	/*width:433px;*/
	/*height:auto;*/
}

#Ltopthema .topimage {
	float:left;
}

#Ltopthema .toptitel {
	position: absolute;
	top: 240px;
	left: 20px;
}

#Ltopthema .toptitel a {
	background-color: #FFFFFF;
	font-size: 24px;
	padding: 2px;
}
/* Formate für Pinwand */
#Lheader-pinwand {
	position:relative;
	/* width:700px; */
	min-height:35px;
	background-color:#77B800;
	padding: 3px 10px 2px 250px;
}

#Lheader-pinwand div.pinwanditem {
	width:700px;
}

#scroll-pinwand {
	min-height:35px;
	line-height:35px;
}

.pinwandheader {
	height:35px;
	line-height:35px;
	font-weight:bold;
	color:#FFF;
}

.pinwandheader img {
	width:20px;
	height:auto;
}

.pinwandcontent {
	position:relative;
	float:left;
	line-height:19px;
	margin:5px 5px 0 0;	
	color:#FFF;
}

/* Formate für News-Scroller MA 30.12.2009 */
#Lheader-weltnachrichten {
	position:relative;
	width:700px;
	height:20px;
	background-color: #9E9E9E;
	border-bottom:#FFF 1px solid;
	border-top: #FFF 1px solid;
	padding: 0 10px 0 250px;
}

#Lheader-weltnachrichten div.desc-weltnachrichten {
	float:left;
	margin:1px 3px;
	color:#FFF;
}

#scroll-news {
	height:20px;
	line-height:20px;
}

/* MA 10.02.2010 Maximalbreite für Content-Bilder */
div.csc-textpic-imagewrap {
	max-width: 500px;	
}

div.csc-textpic img {
	max-width: 500px;	
}
     
div.csc-header div.img {
  margin:2px;
  height:20px;
  width:20px;
  float:left;
}

/* normaler Inhalt in der rechten Spalte */
#Lrechtespalte div.csc-default {
	position:relative;
	width:200px;
	min-height:150px;
	border:#CCCCCC 1px solid;
	margin-bottom:5px;
}
#Lrechtespalte div.csc-header {
	margin:0;
}
#Lrechtespalte div.csc-default p.bodytext {
	margin:2px 7px;
}

/* Formate für News MA 13.02.2010 */
#Linhalt div.news-list-item a,
#Linhalt div.news-latest-item a {
	font-size:12px;
}
#Linhalt div.news-list-item a:hover,
#Linhalt div.news-latest-item a:hover {
}

#Linhalt div.news-list-date,
#Linhalt div.news-latest-date {
	font-size:12px;
	margin-top:20px;
	margin-bottom:6px;
	border-bottom: 1px solid #FF8F00;
}
#Linhalt div.projects-list-date {
	font-size:12px;
	margin-top:20px;
	margin-bottom:6px;
	border-bottom: 1px solid #572381;
}

#Linhalt div.news-list-title a,
#Linhalt div.news-latest-title a {
	font-weight:bold;
	font-size:16px;
}

#Linhalt div.news-list-item div.clr,
#Linhalt div.news-latest-item div.clr {
	border-bottom: 1px solid #FF8F00;
	margin-top:6px;
}

#Linhalt div.news-single-img img {
	float:left;
	margin: 5px;
}

#Linhalt div.news-border {
	border-top: 1px solid #FF8F00;
	border-bottom: 1px solid #FF8F00;
	margin-bottom:4px;
	min-height:185px;
}
#Linhalt div.projects-single-item div.news-border {
	border-top: 1px solid #572381;
	border-bottom: 1px solid #572381;
}

#Linhalt div.news-list-img {
	float:left;
	margin:5px 5px 5px 0;
}

#Linhalt div.news-single-img {
	margin:15px 10px 0 0;
	float:left;
}		

/* MA 25.02.2010 Farben Newstrenner */ 
#projects div.news-list-date,
#projects div.news-latest-date {
	border-color:#572381;
}

#projects div.news-list-item div.clr,
#projects div.news-latest-item div.clr {
	border-color:#572381;
}

/* Formate für News (Themen und Projekte) MA 13.02.2010, 21.02.2010, 22.02.2010 */
/* Übersichtsseite */
#Linhalt div.projects-list-container {
	float:left;
	margin:3px;
	width:345px;
	height:232px;
	min-height:200px;
}

#Linhalt div.projects-list-top {
	border:3px solid #572381;
	background-color: #572381;	
	height:22px;
	width:340px;
}

#Linhalt div.projects-list-top a {
	color:#FFFFFF;
}
#Linhalt div.projects-list-top h2 {
	margin:0px;
}

#Linhalt div.projects-list-item {
	border:3px solid #572381;	
	width:340px;
	height:180px;
}

#Linhalt div.projects-list-bottom {
	border:3px solid #572381;
	background-color: #572381;	
	width:340px;
	height:18px;
	color:#FFFFFF;
	text-align: right;
}

#Linhalt div.projects-list-bottom a {
	color:#FFFFFF;
}

#Linhalt div.projects-list-img img {
	width: 70px;
	height: auto;
}

#Linhalt div.projects-list-img {
	margin: 4px;
	float:left;
	height: 170px;
}

#Linhalt div.news-archive-container div.projects-list-img {
	height: auto;
}

/*
#Linhalt div.projects-list-item a {
	font-size:11px;
}
#Linhalt div.projects-list-item a:hover {
}

#Linhalt div.projects-list-title {
	margin-bottom: 4px;
	margin-top: 6px;
}

#Linhalt div.projects-list-title a {
	font-weight:bold;
	font-size:16px;
}

#Linhalt div.projects-list-img {
	float:left;
	margin-right: 6px;
}

#Linhalt div.projects-list-details {
}*/

#Linhalt div.projects-single-container {
	float:left;
	width:504px; /* -7 für .feldinhalt-margin */
	/*border-right: 1px solid #CCCCCC;*/
	margin-top:-7px;
	margin-right:-7px;
}

#Linhalt div.projects-related-container {
	float:left;
	margin:-7px -7px 0px 12px;
	width:200px;
	/* border: 1px solid #000000; */
}

#Linhalt div.projects-related-container div.box {
	position:relative;
	width:200px;
	min-height:150px;
	border:#CCCCCC 1px solid;
	margin-bottom:5px;
}

#Linhalt div.projects-related-container div.box ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
}

#Linhalt div.projects-archive-link {
	clear:both;
}

#bilder div.feldinhalt {
	margin:0px;
}

#bilder div.news-single-img {
	margin:0px;
	float:none;
}

/*#Linhalt div.projects-related-container div.box div.news-single-img img {*/
#bilder div.news-single-img img {
	margin: 0px;
	float:none;
}

#Linhalt div.projects-related-item {
	
}

/* Format Seitentitel MA 13.02.2010 */
#Lseitentitel {
	font-size:24px;
	font-weight:normal;
	text-align:left;
	background-color:#F7F7F7;
	/* Ausgleich für .feldinhalt-margin */
	margin: -7px -7px 7px -7px; 
	
}
#Lseitentitel #bild {
	float:left;
}
#Lseitentitel #titel {
}

#Lseitentitel h1 {
	margin: 7px 0;
	font-size:18px;
}
/* Formate für Tab-Effekt MA 14.02.2010 */

ul#tab-links { /* general settings */
	text-align: left;
	margin: 0px;
	font-size: 18px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F7F7F7;
	list-style-type: none;
	padding: 0px;
	height: 60px;
}

ul#tab-links li { /* settings for all tab links */
	float: left;
	padding: 3px 4px;
	border-left: 1px solid #F7F7F7;
	border-right: 1px solid #F7F7F7;
	background-color: #F7F7F7;
	color: #4C5F6B;
	margin: 0px;
	height: 54px;
	text-decoration: none;
	cursor: pointer;
	width:124px;
	text-align:center;
}

ul#tab-links li.selected { /* settings for selected tab link */
	background-color: #FFFFFF;
	color: #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	position: relative;
	padding: 4px 4px 3px 4px;
}

#tab-content {
	clear: both;
	background-color: #ffffff;
	padding: 5px;
	margin: 0px;
	min-height:120px;
	list-style: none;
	font-size: 12px;
}

/* RSS-Feeds z.B. Juleica DM 14.02.2010 */
.rssheader {
	margin:0;
	padding:0;
	font-size:14px;
}
.rsstext {
	margin:0;
	padding:0;
}
#Lrechtespalte div.tx-feedforward-pi1 {
	margin:2px 7px;
}

/* Medien-Kasten Startseite MA 16.02.2010 */
#Lmedien .feldinhalt{
	margin:0px;
}

#Lmedien .tx-rgsmoothgallery-pi1 { 
	background: #ffffff;
}

#Lmedien .jdGallery .slideElement {
	background-color:#ffffff;
}

#Lmedien .myGallery {
	border: 0px;
} 

/* News-Detailansicht */
div.news-single-item h1 {
	color: #FF8F00;
	font-size:18px;
	font-weight:normal;
}
div.projects-single-item h1 {
	color: #572381;
	font-size:18px;
	font-weight:normal;
}
div.news-single-item h2,
div.projects-single-item h2 {
	color: #666666;
	font-size:12px;
	font-weight:bold;
}

/* für RTE DM 19.02.2010 */
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.align-right {
	text-align:right;
}
.align-justify {
	text-align:justify;
}

/* Formate für Pinwand MA 19.02.2010 */
/* Übersichtsseite */
#Linhalt div.pinwand-latest-container {
	float:left;
	margin:3px;
	width:345px;
	height:232px;
	min-height:200px;
}

#Linhalt div.pinwand-latest-top {
	height:22px;
}
#Linhalt div.pinwand-latest-top h2 {
	margin:0px;
}

#Linhalt div.pinwand-latest-item {
	border:3px solid #1BBBE9;	
	width:340px;
	height:180px;
}

#Linhalt div.pinwand-latest-bottom {
	border:3px solid #1BBBE9;
	background-color: #1BBBE9;	
	width:340px;
	height:18px;
	color:#FFFFFF;
	text-align: right;
}

#Linhalt div.pinwand-latest-bottom a {
	color:#FFFFFF;
}

#Linhalt div.pinwand-latest-title {
	margin-left:80px;
}

#Linhalt div.pinwand-latest-img img {
	width: 70px;
	height: auto;
}

#Linhalt div.pinwand-latest-img {
	margin: 0px 4px 0px 4px;
	float:left;
	height: 170px;
}

/* Detailansicht */
#Linhalt div.pinwand-single-container {
	float:left;
	margin:0px 3px 0px 3px;
	width:345px;
}

#Linhalt div.pinwand-single-top h2 {
	margin:0px;
}

#Linhalt div.pinwand-single-item {
	border:3px solid #1BBBE9;	
	width:330px;
	padding: 0px 2px;
	min-height: 185px;
}

#Linhalt div.pinwand-single-bottom {
	border:3px solid #1BBBE9;
	background-color: #1BBBE9;	
	width:330px;
	color:#FFFFFF;
	text-align: right;
	padding: 0px 2px;
}

#Linhalt div.pinwand-single-bottom a {
	color:#FFFFFF;
}

#Linhalt div.pinwand-related-container {
	float:left;
	margin:0px 3px 0px 3px;
	width:345px;
}

#Linhalt div.pinwand-related-top h2 {
	margin:0px;
}

#Linhalt div.pinwand-related-item {
	/* border:3px solid #1BBBE9; */	
	width:330px;
	padding: 0px 2px;
}

/* Social Bookmarks MA 20.02.2010 */
#Lmenueintraege2 div.bookmarks {
	margin-top: 6px;
}

/* Suchergebnisse DM 20.02.2010 */
ul.browsebox {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0;
	padding:2px;
	text-align: center;
	background-color:#F7F7F7;
}
ul.browsebox li {
	display:inline;
	margin:0 5px;
}

/* News-Archiv MA 22.02.2010 */
#Linhalt div.news-amenu-container ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#Linhalt div.news-amenu-container li.news-amenu-item-year {
	font-weight: bold;
}

/* Powermail DM 23.02.2010 */
.tx-powermail-pi1 label {
	float:left;
	width:24%;
	margin-right:1%;
}

.tx-powermail-pi1 input:hover, .tx-powermail-pi1 input:active, .tx-powermail-pi1 input:focus, 
.tx-powermail-pi1 select:hover, .tx-powermail-pi1 select:active, .tx-powermail-pi1 select:focus, 
.tx-powermail-pi1 textarea:hover, .tx-powermail-pi1 textarea:active, .tx-powermail-pi1 textarea:focus {
	border:2px solid black;
}

.powermail_mandatory_js {
	color:#CC0000;
}
