Hallo!

Ich habe ein problem mit den Headings:

contentheading, componentheading und eine andere Komponente sehen unterschiedlich aus.außerdem haben sich bei den components die symbole in eine andere zeile verschoben.

Ich habe das im Anhang mal zur einsicht dazugepackt.

vielleicht kann mir jemand helfen und sagen, woran es liegt.

browser ist firefox. aber im iexplorer ist es ähnlich.

mfg,
CyborgMax

hier sind die grafiken:

Statischer Content:


Komponente:


eine andere Komponente:


hier der CSS Code:

Code:
.mypathway
{
	padding-left:3px;
	padding-bottom:3px;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 20px;
padding-left: 12px;
padding-top: 0px;
background-image: url(../images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}

.pagenav
{
	font-size:12px;
	font-weight:normal;
}
.componentheading
{
	background:#824820;
	height: 20px;
	border: 1px solid #381B02;
	color: #FBBE7F;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	margin: 1px;
	padding: 2px;
}


a.toclink:link, a.toclink:visited
{
	line-height:normal;
	font-size:11px;
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}

a.toclink:hover
{
	text-decoration: none;
}

table.contenttoc {
	border: 1px solid #FFFFFF;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}


table.contenttoc th {
	background: #A9662C;
	color: #FBBE7F;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}


.button {
	margin-top:3px;
	margin-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #ADAA9C;
	background-color: #E1DECF;
	color: #000000;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
}

.sectiontableheader
{
	background: #FBBE7F;
	height: 20px;
	padding-right:3px;
	font-weight :bold;
}

table.contentpane td.contentdescription
{
	font-size:12px;
	line-height:18px;
}

table.contentpane td.componentheading
{
	background:#824820;
	height: 20px;
	padding-left:3px;
	border: 1px solid #381B02;
	color: #FBBE7F;
	text-align: left;
	padding-bottom:3px;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}

table.contentpane td
{
	padding-top:1px;
	padding-bottom:2px;
	font-size:12px;
}

a:link, a:visited {
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration:none;
}	

table.contentpaneopen
{
	width:100%;
}

table.contentpaneopen td
{
	line-height:18px;
	font-size:12px;
}

table.contentpaneopen td.contentheading
{
	background:#824820;
	height: 20px;
	padding-left:3px;
	border: 1px solid #381B02;
	color: #FBBE7F;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}


a.sublevel:link, a.sublevel:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: underline;
	vertical-align:middle;
}

a.sublevel:hover {
	text-decoration: none;
}


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding-left:3px;
	padding-top: 5px;
	height: 23px;
	width:140px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ADAA9C;
	border-left-width:2px;
	border-left-style: solid;
	border-left-color:#A9662C;
}

a.mainlevel:hover {
	text-decoration: none;
	border-bottom-color: #FBBE7F;
	border-left-width:2px;
	border-left-style: solid;
	border-left-color:#FBBE7F;
}

table.moduletable {
	width:100%;	
	margin-bottom: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	background: #824820;
	color: #FBBE7F;
	text-align: left;
	vertical-align:middle;
	padding-left: 16px;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
}

table.moduletable td {
	margin-top:12px;
	padding-left:7px;
	font-size: 11px;
	margin: 10px;
	font-weight: normal;
}

td
{
	font-family:arial;
	font-size:11px;
	color:#753C12;
}
.mymoduletdmiddle
{
	background: url(../images/module_middle_graphic.gif) repeat-y;
	padding-left:18px;
	padding-right:10px;
}

.mymoduletdheader
{
	background: url(../images/module_top_graphic.gif) no-repeat;
	height: 13px;
}

.mymoduletdfooter
{
	background: url(../images/module_footer_graphic.gif) no-repeat;
	height: 10px;
}

.mymodulebg
{
	background: url(../images/general_module_bg.jpg) no-repeat right bottom;
	height:110px;
}

.mymainbody
{
	padding-top :3px;
	padding-left:5px;
	padding-right :23px;
}

.inputbox {
	font-size:10px;
	font-family:verdana;
	border:solid 1px #ADAA9C;
	background-color: #F3F0E1;
	
}