css mit nth-of-type geht nicht

[sanktusm]

Ich möchte einen Layer mit der Klasse .text ansprechen. Wenn ich nth-of-type(2) eingebe wird ein Feld formatiert. Doch wenn ich nth-of-type(3) eingebe wird kein Feld mehr adressiert. Hat mir jemand einen Tipp.

<form action="index.php?id=152&forms_type=template_concept&form_id=13template=forum" method="POST" enctype="multipart/form-data" id="submitForm_13">
<div class="tableHeader">
<div class="text_label">Titel:</div>
<div class="text"><input type="text" class="Titel" value="" name="titel" required></div>
<div class="MyWordsTinySpacer"></div>
<div class="text_label">Frage / Problem:</div>
<div class="text"><textarea  class="forumtextarea" name="frage___problem" style="width: 180px; height: 100px; border: solid 1px #71A305; float: left;" required></textarea></div>
<div class="MyWordsTinySpacer"></div>
<div class="text_label">Schlüsselwort</div>
<div class="text"><input type="text" class="Schlüsselwort" value="" name="schluesselwort[]" >
<div class="MyWordsMultipleLayer"><div class="add_multiple">+</div> <div class="delete_multiple">-</div></div>
<div class="MyWordsTinySpacer"></div></div><div class="MyWordsTinySpacer"></div></div>
<div class="MyWordsSpacer"></div>
<div class="clearfix-20"></div>
<div class="tableRows"></div><div class="submit"><input type="submit"></div></form> <div class="clearfix-50"></div> 

#submitForm_13 .tableHeader div {
display:  block;
}

#submitForm_13 .a_title_text {
    display: none;
}

#submitForm_13 .text_label {
color: #FFF;
}

#submitForm_13 .tableRows {
display: block;
}


#submitForm_13 .submit {
    margin: 20px 0 0 201px;
    clear: both;
}

#submitForm_13 .tableHeader .text:nth-of-type(2) {

min-width: 500px!important;  

}

#submitForm_13 .forumtextarea {

max-width: 90%!important; 
min-height: 300px; 

}

#submitForm_13 .text_label {
display: block!important;

}

.MyWordsTinySpacer {
clear: both;
height: 5px;
} 

[Kropff]

nth-of-type bezieht sich auf HTML-Selektoren, nicht auf Klassen. Was du suchst ist nth-child.

Gruß
Peter