CSS und Javascript - Druckversion

Code:
<!-- FOLGENDES BITTE NICHT ÄNDERN -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">$(document).ready(function(){ var kontakte = $('div#kontaktboxen div'); kontakte.hide().filter('div#start').show(); $('div#kontaktthread ul li').click(function(){ kontakte.hide(); $('#' + $(this).attr('id')+ '_div').fadeIn(); $('div#kontaktthread ul li').removeClass('active'); $(this).addClass('active'); return false; });});</script><style type="text/css">#kontaktthread ul { background: #a3bad4; border-radius: 12px; box-shadow: 0 0 3px black; margin: 5px; float: left; width: 160px; }#kontaktthread ul li { color: #003c80; list-style: none !important; cursor: pointer; padding: 3px 2px 2px 2px; margin: 0; } li.active { color: black !important; font-style: italic; } div#kontaktboxen { background: #ddd; border-radius: 12px; box-shadow: 0 0 3px black; margin: 5px; float: left; width: 500px; padding: 10px; min-height: 346px; } div#kontaktthread h2 { color: #003c80; border-bottom: 1px solid #bbb; padding: 0 0 2px 0; margin: 0 0 8px 0; }</style>



<!-- BITTE ERST AB HIER ÄNDERN! -->



<div id="kontaktthread">

<ul>

<li id="box1">  o0obottroperboyo0o</li>

<li id="box2">  XxNikäy1994xX</li>

<li id="box3">  xXalon212Xx</li>

<li id="box4">  Nessi liebt Paddy x3</li>

<li id="box5">  feuersturm778</li>

<li id="box6">  xtp57</li>

<li id="box7">  skorpionstachel</li>

<li id="box8">  Flottelotte061093</li>

</ul>

<div id="kontaktboxen">

   <div id="start">Bitte wähle links ein Teammitglied aus...</div>

 <div id="box1_div">

      <h2>o0obottroperboyo0o</h2>

      <strong>Name:</strong> -

      <strong>Alter:</strong>-

      <strong>Geburtstag:</strong> - -

      <strong>Hobbys:</strong> -

      <strong>Zweitnicks:</strong> -

      <br />

      <strong>Aufgabe:</strong> Forumsadmin und Teamleitung

   </div>

 <div id="box2_div">

      <h2>XxNikäy1994xX</h2>

      <strong>Name:</strong>-

      <strong>Alter:</strong> -

      <strong>Geburtstag:</strong> - 

      <strong>Hobbys:</strong> -

      <strong>Zweitnicks:</strong> -/-

      <br />

      <strong>Aufgabe:</strong> Forumsmoderator

   </div>

    <div id="box3_div">

      <h2>xXalon212Xx</h2>

      <strong>Name:</strong> -

      <strong>Alter:</strong>  -/-

      <strong>Geburtstag:</strong> -/-

      <strong>Hobbys:</strong> -

      <strong>Zweitnicks:</strong> -/-

      <br />

      <strong>Aufgabe:</strong> Forumsmoderator

   </div>

   <div id="box4_div">

      <h2>Nessi liebt Paddy x3</h2>

      <strong>Name:</strong>-

      <strong>Alter:</strong>  -/-

      <strong>Geburtstag:</strong> -/-

      <strong>Hobbys:</strong>- 

      <strong>Zweitnicks:</strong> -/-

      <br />

      <strong>Aufgabe:</strong> -

   </div>

  <div id="box5_div">

      <h2>feuersturm778</h2>

      <strong>Name: </strong>-

      <strong>Alter: </strong>-

      <strong>Geburtstag:</strong> -/-

      <strong>Hobbys:</strong> - 

      <strong>Zweitnicks:</strong> -/-

      <br />

      <strong>Aufgabe: Teammitglied</strong>

   </div>

  <div id="box6_div">

      <h2>xtp57</h2>

      <strong>Name: </strong>-

      <strong>Alter: </strong>-

      <strong>Geburtstag:</strong> -/-

      <strong>Hobbys:</strong> Chatten 

      <strong>Zweitnicks:</strong> -/-

      <br />

      <strong>Aufgabe: Teammitglied</strong>

   </div>

  <div id="box7_div">

      <h2>skorpionstachel</h2>-

      <strong>Name: </strong>-

      <strong>Alter: </strong>-

      <strong>Geburtstag:</strong> -/-

      <strong>Hobbys:</strong> -

      <strong>Zweitnicks:</strong> -/-

      <br />

      <strong>Aufgabe: Teammitglied</strong>

   </div>

  <div id="box8_div">

      <h2>Flottelotte061093</h2>

      <strong>Name: </strong>-

      <strong>Alter: </strong>-

      <strong>Geburtstag:</strong> -/-

      <strong>Hobbys:</strong> Chatten 

      <strong>Zweitnicks:</strong> -/-

      <br />

      <strong>Aufgabe: Teammitglied</strong>

   </div>

   </div>

</div>