Forums

Hi,

i have following problems with my validation: Validation is enabled, i set my field in required not blank. But when i test it, the input field size is bigger then the "normal" input fields (html size is the same as others)
When i clear my validation in required not blank all seems to be ok


Question 2:
How can i change the font color for the validation (This is a required field.)????

Can anyone help my???

Here some Screenshot


THX AND WBR

Hi satarielxx,

There's some interference in the classes is my guess - but imposssible to be sure without seeing the css.

And css is the answer to your styling question too - search the forums here on 'validation +css' It's been posted several times.

Bob

PS You can attach images here using the Upload attachment tab under the edit window - I added yours.

thx for your help, here my css:

*{margin:0; padding:0;}
body{ background:#efefef; color:#9ca2a4; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:17px; letter-spacing:0.1ex;}
table{border-collapse:collapse; border:0;}
td{border:none; padding:0; vertical-align:top;}


a {color:#706c65; text-decoration:none;}
a:hover{color:#004b00; text-decoration:none; font-weight:normal;}
img {border:0;}

.column{float:left;}
.clear{clear:both;}





/**********************************************/
input, textarea{font-family:Verdana, Times New Roman; font-size:11px; line-height:17px; letter-spacing:0.1ex; color:#000000; font-weight:normal;}
/**********************************************/
.plan {font-size:20px; font-family:Verdana, Times New Roman;}

.main {width:970px; margin:auto; background: url(../images/h_back.jpg) no-repeat 0px 67px #ffffff;}
#header{height:468px;}
#header .pack1{padding:9px 0 14px 36px;}
#header .pack2{padding:95px 0 14px 51px;}


#header .indent{padding:52px 0 0 61px;}

#menu{ height:53px;}
#menu .indent{ padding:21px 0 5px 34px; font-size:11px; line-height:17px; letter-spacing:0.3ex; text-transform:uppercase;}

#menu ul{}
#menu li{color:red; font-family: Verdana, Times New Roman, Times, serif; float:left; font-size:1.19em; padding:0 30px 5px 30px; font-weight:normal; background:url(../images/menu_back.gif) no-repeat 100% 0px; line-height:1.01em;}
#menu li a{color:blue; text-decoration:none;}
#menu li a:hover{text-decoration:underline;}

#content {width:100%;}

#footer{ background:url(../images/f_back.gif) repeat-x left top;  font-size:1.01em; color:#838383; width:915px; margin:auto;}
#footer .indent{ padding: 5px 0 20px 0px; font-size:9.5px; margin-bottom:10px; line-height:15px; letter-spacing:0.3ex; text-transform:uppercase;}
#footer a{color:#838383; text-decoration:underline;}
#footer a:hover{text-decoration:none;}


.bannerheader{background:none !important;}
.banneritem{background:none !important;}
.bannerfooter{background:none !important;}

#contact_name{width:200px;}
#contact_subject{width:200px;}

/*****Formularvalidierungstext*****/

.fehler
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
letter-spacing:0.1ex;
color:red;
}

/************************* additional styles *************************************************************/
.contentpane ul{margin-left:26px; padding-right:15px;}
div.componentheading{padding:10px 0 0 26px;}
li .category{margin-left:26px;}
.contentdescription{padding-left:26px;}
/*****************************************/
/*************** modules description ueberschrift*************/
.componentheading, table.moduletable th, legend {
  font-weight: bold;
  font-family:Verdana, Times New Roman, Times, serif;
  font-size:15px;
  font-weight:normal;
  letter-spacing:0.3ex;
  text-transform:uppercase;
  color:#004b00;
  line-height:1.01em;
	margin-bottom: 10px;
	text-align: center;
	margin:10px 0 10px 26px;
}

#content h3{font-family:Verdana, Times New Roman, Times, serif; font-size: 15px; color:#004b00; padding-bottom:27px; font-weight:normal; letter-spacing:0.3ex; text-transform:uppercase;}

#content .module_s1 {font-size:12px; margin-bottom:10px; line-height:17px; display:block; letter-spacing:0.3ex;}
#content .module_s1 div{background:url(../images/tall3.jpg) repeat-y left top;}
#content .module_s1 div div{background:url(../images/top3.jpg) no-repeat left top;}
#content .module_s1 div div div{background:url(../images/bottom3.jpg) no-repeat bottom;}
#content .module_s1 div div div div{}
#content .module_s1 div div div td.over{padding:22px;}

#content .module_s1 ul{list-style:circle; color:#004b00; margin:0; padding:2px; font-size:11px; line-height:17px; display:block; letter-spacing:0.5ex; text-transform:uppercase;}
#content .module_s1 li:hover{list-style:disc; color:#004b000; display:block;}
#content .module_s1 li a:hover{background-color:yellow; color:#004b00; list-style:disc; font-weight:bold; display:block;}
#content .module_s1 ul ul li {margin:5px; color:#9ca2a4; font-size:9px; list-style:square; line-height: 12px; display:block; letter-spacing:0.5ex;}
#content .module_s1 ul li ul li:hover{list-style:square; color:#007000;}
#content .module_s1 ul li ul li a{color:#9ca2a4;}
#content .module_s1 ul li ul li a:hover{list-style:disc; background-color:yellow; color:#004b00; font-weight:bold; display:block; font-size:10px;}



#content .module_s2 h3{font-size: 15px; text-transform:none; letter-spacing:0.3ex; line-height:17px;}
#content .module_s2{font-size:11px; line-height:17px; letter-spacing:0.3ex; text-transform:uppercase; color:black;}
#content .module_s2{margin-bottom:10px;}
#content .module_s2 div{background:#deeebd;}
#content .module_s2 div div{background:url(../images/top2.gif) no-repeat left top;}
#content .module_s2 div div div{background:url(../images/bottom2.gif) no-repeat left bottom;}
#content .module_s2 div div div div{}
#content .module_s2 div div div td.over{padding:22px; padding-bottom:32px;}


#content .module_s3 h3{font-family:Verdana, Times New Roman, Times, serif; font-size: 15px; color:#004b00; padding-bottom:27px; font-weight:normal; letter-spacing:0.3ex; text-transform:none; text-align:center;}
#content .module_s3 {font-size:12px; margin-bottom:10px; line-height:17px; display:block; letter-spacing:0.3ex;}
#content .module_s3 div{background:url(../images/tall3.jpg) repeat-y left top;}
#content .module_s3 div div{background:url(../images/top3.jpg) no-repeat left top;}
#content .module_s3 div div div{background:url(../images/bottom3.jpg) no-repeat bottom;}
#content .module_s3 div div div div{}
#content .module_s3 div div div td.over{padding:22px;}


#content .module_s4{margin-bottom:10px; background:url(../images/search_back.jpg) no-repeat left top; height:58px;}
#content .module_s4 div{}
#content .module_s4 div div{}
#content .module_s4 div div div{}
#content .module_s4 div div div td.over{padding:19px 0 0 29px;}




#content .module_s5{margin-bottom:10px;}
#content .module_s5 div{background:url(../images/tall1.jpg) repeat-y left top;}
#content .module_s5 div div{background:url(../images/bottom1.jpg) no-repeat left bottom;}
#content .module_s5 div div div{background:url(../images/top3.jpg) no-repeat left top;}
#content .module_s5 div div div div{}
#content .module_s5 div div div td.over{padding:22px;}

#content .module_s5  ul{margin-left:15px; margin-bottom:22px;}
#content .module_s5  li{color:#99cb00; padding-bottom:25px;}
#content .module_s5  li a{color:#99cb00; text-decoration:none; font-style:italic;}
#content .module_s5  li a:hover{text-decoration:underline;}


#content .module_s6{margin-bottom:10px;}
#content .module_s6 div{background:url(../images/tall6.jpg) repeat-y left top;}
#content .module_s6 div div{background:url(../images/bottom6.jpg) no-repeat left bottom;}
#content .module_s6 div div div{background:url(../images/top6.jpg) no-repeat left top;}
#content .module_s6 div div div td.over{padding:22px;}
#content .module_s6  h3{padding-bottom:10px;}

#content .module_s7 h3{font-size: 15px; text-transform:none;}
#content .module_s7{font-size:11px; line-height:17px; color:black; font-family: Verdana, Times New Roman;}
#content .module_s7{margin-bottom:10px;}
#content .module_s7 div{background:#deeebd;}
#content .module_s7 div div{background:url(../images/top2.gif) no-repeat left top;}
#content .module_s7 div div div{background:url(../images/bottom2.gif) no-repeat left bottom;}
#content .module_s7 div div div div{}
#content .module_s7 div div div td.over{padding:22px; padding-bottom:32px;}


#content .module_s8 h3{font-size: 15px; text-transform:none; letter-spacing:0.3ex; line-height:17px;}
#content .module_s8{font-size:10px; line-height:17px; letter-spacing:0.1ex; text-transform:none; color:black;}
#content .module_s8{margin-bottom:10px;}
#content .module_s8 div{background:#deeebd;}
#content .module_s8 div div{background:url(../images/top2.gif) no-repeat left top;}
#content .module_s8 div div div{background:url(../images/bottom2.gif) no-repeat left bottom;}
#content .module_s8 div div div div{}
#content .module_s8 div div div td.over{padding:22px; padding-bottom:32px;}


#content .module{margin-bottom:10px;}
#content .module div{background:url(../images/tall3.jpg) repeat-y left top;}
#content .module div div{background:url(../images/top3.jpg) no-repeat left top;}
#content .module div div div{background:url(../images/bottom3.jpg) no-repeat left bottom;}
#content .module div div div div{}
#content .module div div div td.over{padding:22px;}
#content .module  h3{padding-bottom:15px;}

#content .moduletable{margin-bottom:10px;}
#content .moduletable div{background:url(../images/tall3.jpg) repeat-y left top;}
#content .moduletable div div{background:url(../images/top3.jpg) no-repeat left top;}
#content .moduletable div div div{background:url(../images/bottom3.jpg) no-repeat left bottom;}
#content .moduletable div div div div{}
#content .moduletable div div div td.over{padding:22px;}
#content .moduletable  h3{padding-bottom:15px;}

#content .moduletable  ul { margin-left:15px; padding-bottom:15px;}
#content .moduletable  li{color:#6395d6; font-size:0.91em; line-height:18px; background:url(../images/pimp1.gif) no-repeat 0px 7px; padding-left:15px;}
#content .moduletable  li a{color:#6395d6; text-decoration:none; }
#content .moduletable  li a:hover{text-decoration:underline}


.button{background:url(../images/button.gif) no-repeat left top; height:19px; width:62px; border:none; color:#ffffff;  font-size:0.91em; text-align:center; color:#ffffff; font-weight:bold; text-transform:uppercase;}
.button:hover{color:#dddddd;}


.button2{background:url(../images/poll_back1.gif) no-repeat left top; border:none; width:62px; height:19px; color:#ffffff;  font-size:1.01em; text-align:center; color:#ffffff; font-weight:normal; text-transform:lowercase; margin-left:15px;; padding-bottom:10px;}
.button3{background:url(../images/poll_back1.gif) no-repeat left top; border:none; width:62px; height:19px; color:#ffffff;  font-size:1.01em; text-align:center; color:#ffffff; font-weight:normal; text-transform:lowercase; padding-bottom:3px;}


.message  ul li{height:40px; padding-top:25px; width:99%;}
.required{width:200px;}


.search_result{width:95%; margin:auto;}

.mceEditor{width:300px;}

.search_result h3 {font-size:16px; font-weight:bold;}
.results h3 {font-size:12px; font-weight:bold;}
.results h4 a{font-size:11px; font-weight:bold;}
.phrase{color:#000000;}
.only{color:#000000;}

.search_result legend{font-size:12px;}

.searchintro{width:95%; margin:5px;}

/*****************************************/
/*************** frontpage description Content Überschrift *************/

h2, .contentheading {
	padding-bottom:0;
	padding-top:7px;
	font-family:Verdana, Times New Roman, Times, serif;
	font-size:15px;
	font-weight:normal;
         letter-spacing:0.3ex;
         text-transform:uppercase;
	vertical-align: bottom;
	color:#004b00;
	text-align: left;
	line-height:1.01em;
	
}


.under_title{background:url(../images/title_back.gif) repeat-x 0px 10px; height:20px;}

.contentheading a{color:#000000;}

table.contentpaneopen{height:auto; width:100%; background:url(../images/title_back2.gif) no-repeat 98% 0px }

.small {
	font-size: 0.91em;
	color: #e47e00;
	line-height:0.91em;
	background:url(../images/pimp1.gif) no-repeat 0px 2px;
	padding-left:18px;
	margin:1px 0 0 26px;
}

.write_by{color:#8db3e6; font-size:1.19em;margin:0 0 0 25px; font-weight:normal; font-family:Verdana, Times New Roman, Times, serif; background:url(../images/write_by_pimp.gif) no-repeat 0px 3px; padding-left:17px; margin-left:15px;}


.createdate {
	font-size: 1.19em;
	color: #99cb00;
	font-weight:bold;
	font-family:Verdana, Times New Roman, Times, serif;
}

/* spacers */
span.article_separator {
	display: block;
	height: 40px;
}

table.blog span.article_separator {
	display: block;
	height: 40px;
}

.modifydate {
	font-size: 0.91em;
	color: #aeb4b6;
	padding-top:22px;
	padding-bottom:10px;
	display:block;
	float:left;
	width:auto;
}

.my_indent{padding-left:0; padding-right:15px;}
.my_indent img{ padding-right:16px;}

a.readon {
	display: block;
	float:right;
	background: none;
	padding: 2px 0 0 0;
	font-size:1.01em;
	color:#424749;
	text-decoration:none;
	font-weight:bold;
	padding-top:22px;
}

a:hover.readon{text-decoration:none; color:#000000}

.contentpaneopen img{margin-right:15px;}
.contentpaneopen p{margin-left:0;}

.blog_more{padding-left:23px; background:url(../images/title_back.gif) repeat-x left top; padding-top:15px;}
.blog_more strong{font-family:Tahoma; font-size:1.09em; font-weight:normal;}
.blog_more ul{ margin-left:12px; margin-bottom:15px;}
.blog_more li a.blogsection{ color:#c92d17; text-decoration:none; font-size:0.91em;}
.blog_more li a:hover.blogsection{ text-decoration:underline;}

a.pagenav{color:#616161;}

#searchphraseall{background:none;}
#searchphraseany{background:none;}
#searchphraseexact{background:none;}
#area_content{background:none;}
#area_weblinks{background:none;}
#area_contacts{background:none;}
#area_categories{background:none;}
#area_sections{background:none;}
#area_newsfeeds{background:none;}

/*****************************************************************************/
/*** Template specific layout elements ***/

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }


#page_bg {
	padding: 10px 0;
	margin-bottom: 1px;
}

div.center {
  text-align: center;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
}

body.width_medium div#wrapper {
	width: 950px;
}


body.width_fmax div#wrapper {
	min-width: 750px;
	max-width: 1050px;
}


div#newsflash {
	width: auto;
	margin-left: 350px;
	margin-right: 30px;
	border: 1px solid #00f;
}

#pathway {
	padding: 0px 10px 8px;
	width: auto;
	margin-top: -2px;
	margin-right: 250px;
	text-align: left;
}


form#searchForm input {
	vertical-align: middle;
}

form#searchForm table {
	border-collapse: collapse;
}

form#searchForm td {
	padding:0;
}

#mod_search_searchword {
	padding-left: 3px;
}

#area {
	padding: 0;
}

#whitebox {
	margin: 0 21px 0px 21px;
	background: #fff;
	width: auto;
}

#whitebox div {
	text-align: left;
}

#whitebox_t {
	background: #fff url(../images/mw_content_t.png) 0 0 repeat-x;
}

#whitebox_tl {
	background: url(../images/mw_content_t_l.png) 0 0 no-repeat;
}

#whitebox_tr {
	height: 10px;
	overflow: hidden;
	background: url(../images/mw_content_t_r.png) 100% 0 no-repeat;
}

#whitebox_m {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: auto;
	padding: 1px 8px;
}

#whitebox_b {
	margin-top: -5px;
	background: url(../images/mw_content_b.png) 0 100% repeat-x;
}

#whitebox_bl {
	background: url(../images/mw_content_b_l.png) 0 100% no-repeat;
}

#whitebox_br {
	height: 13px;
	background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
}

/* horizontal pill menu */
table.pill {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

td.pill_l {
  background: url(../images/mw_menu_cap_l.png) no-repeat;
  width:  20px;
  height: 32px;

}

td.pill_m {
  background: url(../images/mw_menu_normal_bg.png) repeat-x;
  padding: 0;
  margin: 0;
  width: auto;
}

td.pill_r {
  background: url(../images/mw_menu_cap_r.png) no-repeat;
  width:  19px;
  height: 32px;
}

#pillmenu {
  white-space: nowrap;
  height: 32px;
  float: left;
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	float: left;
	background: url(../images/mw_menu_separator.png) top right no-repeat;
	margin: 0;
	padding: 0;
}

#pillmenu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	float:left;
  display:block;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  color: #000;
  text-decoration: none;
}

#pillmenu a#active_menu-nav {
	margin-top:2px;
	height: 21px;
	line-height: 21px;
	background-position: 0 0;
}

#leftcolumn {
	padding: 0;
	margin: 0;
	width: 20%;
	float:left;
}

#maincolumn,
#maincolumn_full {
	margin-left: 20%;
	padding-left: 15px;
	width: 75%;
}

#maincolumn_full {
	margin-left: 0;
	padding: 0;	
	width: 100%;
}

table.nopad {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

table.nopad td.middle_pad {
	width: 20px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
}



h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size:1.01em;
	font-weight:bold;
}





/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {

}


.article_column {
	padding-right: 5px;
}

.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}

td.buttonheading {
padding-top:10px;

}

td.buttonheading img {
	border:none;
}

.clr {
	clear: both;
}

td.greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}


/* edit button */
.contentpaneopen_edit{
	float: left;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}


/* content styles */


table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}



.highlight {
	background-color: #fffebb;
}



/* forms */
#content textarea{ width: 300px !important;}

table.adminform textarea {
  width: 300px !important;
  height: 400px;
  font-size: 1.01em;
  color: #000099;
}

div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 0 0;
}

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	background-color: #F7F7F7;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* WebLinks */
span.description {
	display:block;
	padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; padding-right:20px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
	float:left;
	padding-left: 25px;
}

#power_by{
	float:right;
	padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
	padding: 2px 0;
}


#component-contact {width:96%; margin:auto;}
#component-contact .contentheading{background:none;}

WBR

Hi satarielxx,

Is the page on-line - often there can be several css files acting on one page?

Bob

page is offline, this ist the one and only template css....

WBR

i solved this problem myself 😀 😀 😀

this following class was my problem:
.required{width:200px;}

Thx GreyHead for your helping 8)

WBR

HI satarielxx,

Excellent, well found🙂

Bob