<style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
 body, td, input,textarea,select,li
 {
  font-family:verdana, arial;
  color: #00315D;
  font-size:11px;
 }

input{
  font-size:11px;
  font-family:verdana,arial;
  line-height: 1.5;
  padding:2px 2px 2px 2px;
 }
  input, textarea
 {
  border-style:solid;
  border-width:1px;
  border-color:#CCCDC8;
  background-color: #FFFFFF;
 }
 legend {  
margin-left: 25px;  
color: #00315D;  
font-weight: bold; 
} 
fieldset ol {  
padding: 10px 10px  0 20px;
list-style: none; 
} 
label {  
float: left;  
width: 10em;  
margin-right: 1em; 
border:0px solid red;
}
fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 6px;
border:0px solid #000;
}
fieldset {  
/*float: left;  
clear: left;*/  
width: 100%;  
margin: 0 0 1.5em 0;  
padding: 0; 
border:1px solid #b6b7cb;
background-color:#f8f8f9;

}
fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;  
padding-left: 12em; 
background-color:#FFFFFF;

}
.required {
  float:right;
  color:red;
}
ol, li {
height:20px;
line-height:120%;
}
</style>
<script language="javascript">
 function IO2(id,wert) {
     document.getElementById(id).style.display = wert;
 }
</script>
<fieldset>  
    <legend>Test</legend> 
  <ol>
    <li>
   testsetetestse
     <input type="radio" name="p_test1" onclick="IO2('test2','block');" value="ja" />Ja
      <input type="radio" name="p_test1" onclick="IO2('test2','none');" checked value="nein" />Nein
    </li>
    <li style="display:none;" id="test2">
    <ol>
      <li>
            <label for="test3"><span class="required">*</span>test3</label>  
            <input id="test3" name="test3" class="text" type="text" />  
      </li>
      <li>
            <label for="test4"><span class="required">*</span>test4</label>  
            <input type="radio" name="test4" checked value="ja" />Ja
            <input type="radio" name="test4" value="nein" />Nein 
      </li>
    </ol>
    </li>
    </ol>
   </fieldset>