/* ///////////// */
/* ///////////// */
/* CSS generic_css  */
/* ///////////// */
/* ///////////// */
body, table, th, td {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: black;} /* font-family: Verdana, Arial, Helvetica, sans-serif; */
body       { background-image: url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/gitter.gif"); margin: 0; padding: 0 }
/* allgemeine links */
a:link { color: #003399;}
a:hover { color: #9ACCCD;}
a:active { color: #FF0000;}
a:visited { color: #0066CC;}
/*  */
/* container, wo alles drin ist */


#container  {position: absolute; top: 20px; left: 20px; width: 80%;}






/*  */
/* die div boxen */
/* #substance      {min-height: 800px; margin-left: 220px;} */
#substance      {position: relative; top:10px; left: 195px; min-height: 1000px; background-color: white; padding-left: 15px; padding-right: 15px;}
/*  */
/* die links in der linken Spalte */
#linkList2       { color: white;  margin: 0; position: absolute; top: 120px; width: 195px; height: 800px;}
/*  */
/* hier ist das Logo parkiert */
#pageHeader  {  width: 195px; height: 100px; position: absolute; top: 0px; left: 0px;}
/*  */
/* Hilfe box. die Weite wird direkt im Code berechnet */
#hilfe_box  {position: absolute; top: 5px; left: 930px;  width: 200px;} 
/*  */
/* der footer */
#footer   {
clear: both;
text-align: left;
padding-left: 200px;
font-size: 10px;
width: 99%;
}
#footer a, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited {color: black; font-size: 10px;}
/* #footer   {position: relative; top:100px; left: 195px; font-size: 10px;  border-top: 1px solid blue; z-index: 100;} */
/*  */
/* bread crumb, ist ueber das ganze Projekt identisch*/
#breadrumb_div { font-size: 10px; text-decoration: none; padding-top: 5px; color: black; }
/*  */
/* die obere Substanz. Kann im language Editor mit texten gefuellt werden. Wenn leer, wird es nicht angezeigt*/
#obere_substance {color: navy; font-size: 30px; text-decoration: none;} 
/*  */
/* die smarties */
#smarties {text-align: center;} 
/*  */
/* ein submit Button */
button.but_stil_1    { background-image: url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/bg_alu2.gif"); padding-right: 10px; padding-left: 10px }/*background-color: #7e91a4; }*/

/* alarm */
#alert_keine_berechtigung   { color: red; font-size: 30px; background-image: url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/verbot.jpg"); background-repeat: no-repeat; text-align: justify; margin-top: 100px; padding: 8px 8px 8px 80px; height: 200px }
/* verschiedene farben */
.farbe_1 {background-color: white;}
.farbe_2 {background-color: #edf3fe }
.farbe_3 {background-color: #bfd4fb}
.farbe_4 {background-color: #fbb4bf}

.paddingl20r20 {padding-left: 20px; padding-right: 20px;}
div.paddingl10r10j {padding-left: 10px; padding-right: 10px;}

/*  */
/* bread crumb, zusatzdefinitionen */
#breadrumb_div a {color: black; text-decoration: none; font-size: 10px; }
#breadrumb_div a:hover {color: #666; text-decoration: underline; font-size: 10px;}
/*  */
/*  */
/*  */
/* linkliste, zusatzdefinitionen, welche generisch sind oder nicht in den spezifischen css definiert werden */
#linkList2 div.titel         { color: #797979; font-size: 12px; font-weight: 900; background-color: white; padding: 8px 0 8px 8px }

#linkList2 a.n         { color: #4F4F4E; font-weight: normal; text-decoration: none;  display: block; margin: 0; padding: 5px 0 5px 8px; border-bottom: 1px solid white }
#linkList2 a.n:link   { color: black }
#linkList2 a.n:hover   { color: white; background-color: #7e91a4; }
#linkList2 a.n:active   { color: navy; background-color: #7e91a4; }
#linkList2 a.n:visited   { color: #4F4F4E;  }

/* der aktive Link auf er linken seite */
#linkList2 a.strong    { color: black; font-weight: normal; text-decoration: none; background-color: white; display: block; margin: 0; padding: 5px 0 5px 8px; border-bottom: 1px solid white}

/* die links links*/


#linkList2 a.portf         { color: #5A5A5A; font-weight: normal; text-decoration: none;  display: block; margin: 0; padding: 5px 0 5px 10px; border-bottom: 1px solid white }
#linkList2 a.portf:hover   { color: #56606B; background-color: #7e91a4; }

#linkList2 a.portf_akt    { color: black; font-weight: normal; text-decoration: none; background-color: white; display: block; margin: 0; padding: 5px 0 5px 10px; border-bottom: 1px solid white}


#lastinfo  { color: #484848; font-size: 10px; padding: 2px 0 2px 8px }

#wasbinich {color: #BBBBBB; font-size: 25px; padding: 2px 0 2px 8px;}
#linkList2 h3        { color: #4C5259; font-weight: bold; text-decoration: none;  display: block; margin: 0; padding: 2px 0 2px 8px; border-top: 1px solid white; padding-top: 10px;}
#linkList2 a.admin        { color: black; font-weight: normal; text-decoration: none;  display: block; margin: 0; padding: 2px 0 2px 8px; }
#linkList2 a.admin:link   { color: black }
#linkList2 a.admin:hover   { color: red }
#linkList2 a.admin:active {color: #CC0000;}



#linkList2 a.spez   {color: black; font-weight: bold;font-weight: normal; text-decoration: none; background-color: silver; display: block; margin: 0; padding: 5px 0 5px 8px;border-bottom: 1px solid white }
#linkList2 .txt {
display: block;
padding: 4px 8px;
margin: 0;
color: black;
text-decoration: none;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
background-color: #FFF;
}

#linkList2 .short_descr {
display: block;
padding: 4px 8px;
margin: 0;
color: black;
text-decoration: none;
}
/*  */
/*  */
/*  */
/* hilfebox, zusatzdefinitionen */
#messagebox div.titel{ color:#515E6A; font-size: 14px; font-weight: bold;  padding: 5px;}
#messagebox div.content  { color: #515E6A; font-size: 11px;  padding-left: 5px; text-align: justify;}
#messagebox div.content a { color: #234db9; }
#messagebox div.content p  { color: #234db9; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;  }
#messagebox div.content #suchform  {padding-right: 5px; padding-left: 5px;}
#messagebox div.content #suchform input {color:#234db9; background-color: white; font-size: 10px;}
/*  */
/*  */
/*  */
/* zusatzdefinitionen der substance */
#substance h3    { font-size: 16px; font-weight: bold; color: #7e91a4;}
#substance a.ed_link  { color: #234db9; font-size: 10px }
#substance div.formulareingabe  { background-color: #e4dfff; padding: 10px }
#substance div.formulareingabe p {color: white;}
#substance div.formulareingabe .textfeld {color: black; width: 100%;}
#substance div.formulareingabe b  { color: black; font-size: 12px; font-weight: bold }
#substance div.fragecontainer   { font-size: 14px; padding: 10px 10px 10px 0 }
#substance div.antwortcontainer  { font-size: 12px; background-color: #dddddd; padding: 10px; border: dotted 1px black; margin-top: 10px; }
#substance div.antwortcontainer td    { color: green; font-size: 14px }
#substance div.loesung  { color: red; background-color: #dddddd; padding: 10px; border: dotted 1px black; margin-top: 10px; }
#substance div.fragecontainer h3  { font-size: 16px }

#substance h2.word  { color: #6d6d6d; font-size: 9px; background-color: #dedede; border: dashed 1px #cccccc }
/*  */
/*  */
/*  */
/* page header usatzdefinitionen */
#pageHeader div.info_bar { position: absolute; top: 125px;}
/*  */
/*  */
/*  */
/* ///////////// */
/* ///////////// */
/* Startseite    */
/* ///////////// */
/* ///////////// */
/* Die Start und Indexseite */
/*  */

.lin_klein_text { color: black; font-size: 9px;}
#personal  a.lin { color: #3F7091; }
/* der dokumentenconteiner */
#personal div.doku_div {padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 1px; color: black; border-bottom: 1px solid white;}
#personal div.doku_div a.lin_klein { color: black; font-size: 9px;font-weight: bold; text-decoration: none;}
#personal  a.lin {color: black; text-decoration: none;}
#personal  a.lin:hover { color: black; text-decoration: underline;}


#personal  div.cont_box1 { width: 195px; }
#personal  div.cont_box2 { width: 400px; }
#personal  div.minibox  { display: block; width: 10px; height: 24px; float: left;}


#personal div.box_titel  { font-size: 12px; font-weight: 700; margin-left: 10px; padding: 5px }
#personal div.box_titel a { color: white; font-size: 12px; text-decoration: none;}
#personal div.box_content  { color: black; font-size: 10px; background-color: #EBEBEB; }
div.zeile { padding: 10px;border-top: 1px solid white;  }

div.box_content div.zeile2  { padding: 20px 50px; border-top: 1px solid white }
div.box_content div.zeile2 .ext_titel {  font-size: 16px; font-weight: 700; color: black;}

#personal  div.h_box { width: 100%; }
#personal  div.h_box_titel {line-height: 14px; font-size: 14px; font-weight: bold; margin-left: 10px; padding: 4px;}
#personal  div.h_box_content {font-size: 12px; color: black;}
#personal  a.lin { font-size: 12px; color: black; text-decoration: none;}
#personal  a.lin:hover {font-size: 12px; color: black; text-decoration: underline;}
#personal  div.h_box_content div a { color: black; text-decoration: none;}
#personal  div.h_box_content div.zeile { padding: 8px 14px; border-bottom: 1px solid white; }
#personal  div.h_box_content div.zeile2  { padding: 20px 14px; border-bottom: 1px solid white }
#personal  div.h_box_content div.zeile2 .ext_titel {  font-size: 16px; font-weight: 700; color: black;}

p.wichtig { font-size: 14px; color: red; padding-left: 14px; padding-right: 14px;}
p.wichtig2 { font-size: 10px; color: red; padding-left: 14px; padding-right: 14px;}

#personal div.title1 {background-color: #9BB700; color: white; font-size: 12px; padding: 5px;}
#personal div.cont1 {background-color: #EAF6A2; color: black; font-size: 10px; padding: 5px;}
#personal div.title2 {background-color: #E92121; color: white; font-size: 12px; padding: 5px;}
#personal div.cont2 {background-color: #F9BFBE; color: black; font-size: 10px; padding: 5px;}
#personal div.title3 {background-color: #F6AC42; color: white; font-size: 12px; padding: 5px;}
#personal div.cont3 {background-color: #F9E1BE; color: black; font-size: 10px; padding: 5px;}
#personal div.title4 {background-color: #4292F6; color: white; font-size: 12px; padding: 5px;}
#personal div.cont4 {background-color: #CDE1FA; color: black; font-size: 10px; padding: 5px;}
#personal div.title5 {background-color: #AC3EF9; color: white; font-size: 12px; padding: 5px;}
#personal div.cont5 {background-color: #E7CDFA; color: black; font-size: 10px; padding: 5px;}
#personal div.title6 {background-color: #F93E50; color: white; font-size: 12px; padding: 5px;}
#personal div.cont6 {background-color: #FBCDD1; color: black; font-size: 10px; padding: 5px;}
#personal div.title_log {background-color: black; color: white; font-size: 12px; padding: 5px;}
#personal div.cont_log {background-color: #CCCCCC; color: black; font-size: 10px; padding: 5px;}
/*  */
/* generische Box */
div.generic_box       { font-size: 12px; background-color:rgb(97%, 97%, 97%);  padding: 1px; border: solid 1px rgb(80%,80%,80%) }



div.generic_titel { border-bottom: 1px solid rgb(80%,80%,80%); font-weight: bold; font-size: 14px; color: #333; line-height: 30px; padding-left: 10px; background-color:rgb(85%, 85%, 85%);}/*Titel*/
div.generic_edit_box {float: right; height: 20px; overflow: hidden; padding-right: 20px;}
div.generic_edit_box a {display: block; color: black; font-size: 10px;}

div.generic_content_ohne_padding{  padding-top: 5px; color: black;}/*content ohne padding*/
div.generic_content_ohne_padding a { color: black; text-decoration: none;}
div.generic_content_ohne_padding a:hover { color: black; text-decoration: underline;}

div.generic_content { padding-left: 10px; padding-right: 10px; padding-top: 5px; color: black;}/*content*/
div.generic_content a {color: black; text-decoration: none;}
div.generic_content a:hover {color: black; text-decoration: underline;}
div.generic_content input{ font-size: 10px; }/*content*/



div.tt_fact_footer {float: right; color: #CCCCCC; font-size: 10px;}
div.up_and_bottom { padding-left: 10px; color: #CCCCCC; font-size: 14px;  line-height: 10px;}
div.up_and_bottom a {text-decoration: none;font-weight: 900; color: #CCCCCC; border: 1px solid #CCCCCC;}
div.up_and_bottom a:hover {text-decoration: none;font-weight: 900; color: black; border: 1px solid #CCCCCC; background-color: #CCCCCC;}

#struc_editor_table {width: 98%;}

/*div.tt_fact {padding: 0px; font-size: 12px; background-color: rgb(97%, 97%, 97%); border: 1px solid rgb(80%, 80%, 80%);}*/
div.ut_pas_titel { border-bottom: 1px solid rgb(80%,80%,80%); font-weight: bold; font-size: 14px; color: #333; line-height: 30px; padding-left: 10px; background-color:rgb(85%, 85%, 85%);}/*Titel*/


div.tt_fact_titel       { font-size: 12px; background-color:rgb(90%, 90%, 90%);   border: solid 1px rgb(80%,80%,80%) }


div.tt_fact_cover       { display: block; font-size: 12px; background-color:rgb(97%, 97%, 97%);  border: solid 1px rgb(80%,80%,80%) }


div.tt_fact_1       { font-size: 12px; background-color:rgb(97%, 97%, 97%); background-image: url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/abstr.gif"); background-repeat: no-repeat;  padding: 1px; border: solid 1px rgb(80%,80%,80%) }


div.tt_fact_2       { font-size: 12px; background-color:rgb(97%, 97%, 97%); background-image: url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/blofi.gif"); background-repeat: no-repeat; padding: 1px; border: solid 1px rgb(80%,80%,80%) }


div.tt_fact_3       { font-size: 12px; background-color:rgb(97%, 97%, 97%); background-image: url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/memo.gif"); background-repeat: no-repeat; padding: 1px; border: solid 1px rgb(80%,80%,80%) }

div.tt_fact_4       { font-size: 12px; background-color:rgb(97%, 97%, 97%); margin-right: 40px; padding: 1px; border: solid 1px rgb(80%,80%,80%) }



/*  */
/* ///////////// */
/* ///////////// */
/* CSS pas_css  */
/* ///////////// */
/* ///////////// */
/* das CSS fuer das neue Pas Tool */
/*  */
#main_pas {padding: 0px; font-size: 12px; background-color: rgb(97%, 97%, 97%); border: 1px solid rgb(80%, 80%, 80%);}
#ut_pas_titel_admin { border-left: 1px solid rgb(80%,80%,80%); border-top: 1px solid rgb(80%,80%,80%); border-right: 1px solid rgb(80%,80%,80%); font-weight: bold; font-size: 14px; color: #333; line-height: 30px; padding-left: 10px; }/*Titel*/
#main_pas .ut_pas_titel { border-bottom: 1px solid rgb(80%,80%,80%); font-weight: bold; font-size: 14px; color: #333; line-height: 30px; padding-left: 10px; }/*Titel*/
#main_pas div.ut_pas_cont_blanko {font-size: 12px; color: #333; padding-left: 10px; padding-top: 5px; padding-right: 10px}/*Titel*/
#main_pas .descr_long {display: block; font-size: 12px; color: #333}
#main_pas .fragetyp_marker {display: inline; color: #8c8c8c;  font-size: 12px; line-height: 20px; padding: 4px;}

#main_pas div.antwort_container {background-color: #fff; border: 1px solid rgb(80%, 80%, 80%); padding: 5px} /* Div fuer die Antwort */


/* die feedbacks zur Frage */
#main_pas div.pas_feedback {padding-top: 10px;} 
#main_pas div.pas_feedback h2 {color: #8c8c8c; display: inline; font-size: 10px;} 
#main_pas div.kommentar_punkte {padding: 8px;} 
#main_pas div.kommentar_punkte h2{color: #8c8c8c; display: inline; font-size: 10px;} 




#main_pas .textinput {}/*nix, hat ja Rahmen*/
#main_pas .darf {border: 3px dotted red; width: 100%;}
#main_pas .darfnichtmehr {border: 30px dotted red; width: 100%;}
/* die Freitext Antworten (KAF) */
#main_pas .loesung_ref {border: 1px dotted #ff9d18; float: right; width:40%;} /* Titel Experte */
#main_pas .loesung_user {border: 1px dotted green; float: left; width:40%;} /* Titel Ihre Loesung */
#main_pas div.loesung_ref_block {float: right; width:40%;} /* Text des Experten Experte */
#main_pas div.loesung_user_block {float: left; width:40%;} /* Text des Teilnehmers, es draf nicht mehr gespeichert werden */
#main_pas div.loesung_nur_user {border: 1px dotted green;} /* Titel Ihre Loesung, wenn keine ExpertenLoesung vorhanden */
#main_pas div.loesung_nur_user_block {border: 1px dotted black;} /* Text des Teilnehmers, keine Expertenlosung, darf nicht mehr gespeichert werden*/
#main_pas div.msg {border: 1px dotted black; color: red; font-size: 22px; padding: 40px;} /* Message unter den Antworten*/
/*  */
/* die Tabelle mit den Nummern, der Beschreibung der Frage und der Punktzahl */
#main_pas table.pas_tabelle { border: 1px solid rgb(80%, 80%, 80%); border-bottom: 0; padding: 3px;}
#main_pas table.pas_tabelle td.counter {color: #333; padding-right: 10px; width:10px; font-size: 14px; font-weight: bold;}
#main_pas table.pas_tabelle td.beschreibung .titel {display: block; background-color: white; color: #333; font-size: 14px;font-weight: bold}
#main_pas table.pas_tabelle td.beschreibung .untertitel {display: block; color: #cc3333; font-size: 12px;}
#main_pas table.pas_tabelle td.punktzahl {color: #999; font-size: 12px; width:10px;}
/* Fragetyp mit Tabellen (Optimierung, Typ A etc */
#main_pas table.auswahltabelle {border: 1px solid rgb(80%, 80%, 80%);}
#main_pas table.auswahltabelle tr.head {background-color: #999; color: white; font-size: 12px;font-weight: bold}
#main_pas table.auswahltabelle tr.z1 {background-color: #E3F0FF; color: #333; font-size: 12px;}
#main_pas table.auswahltabelle tr.z2 {background-color: #F1F7FE; color: #333; font-size: 12px;}
#main_pas table.auswahltabelle td  { padding: 5px; border: solid 0px #ff9d18 }
#main_pas table.auswahltabelle td.werte_head {background-color: #ccc; color: #fff; font-size: 12px;}
#main_pas table.auswahltabelle td.werte_head1 {background-color: #BCD6F7; color: black; font-size: 12px;}
#main_pas table.auswahltabelle td.werte_head2 {background-color: #DAE7F7; color: black; font-size: 12px;}
#main_pas table.auswahltabelle td.radios11 {background-color: #D6E6FA;} /* die Zelle mit den RAdio-Buttons, Spalte 1, Zeile 1 */
#main_pas table.auswahltabelle td.radios_ref11 {background-color: #B9F7E0;} /* die Zelle mit den RAdio-Buttons - Referenzwert , Spalte 1, Zeile 2*/
#main_pas table.auswahltabelle td.radios12 {background-color: #DAE7F7;} /* die Zelle mit den RAdio-Buttons, Spalte 2, Zeile 1 */
#main_pas table.auswahltabelle td.radios_ref12 {background-color: #B9F7E0;} /* die Zelle mit den RAdio-Buttons - Referenzwert , Spalte 2, Zeile 2*/
#main_pas table.auswahltabelle td.radios21 {background-color: #E5EFFA;} /* die Zelle mit den RAdio-Buttons, Spalte 1, Zeile 1 */
#main_pas table.auswahltabelle td.radios_ref21 {background-color: #B9F7E0;} /* die Zelle mit den RAdio-Buttons - Referenzwert , Spalte 1, Zeile 2*/
#main_pas table.auswahltabelle td.radios22 {background-color: #DEEBFB;} /* die Zelle mit den RAdio-Buttons, Spalte 2, Zeile 1 */
#main_pas table.auswahltabelle td.radios_ref22 {background-color: #B9F7E0;} /* die Zelle mit den RAdio-Buttons - Referenzwert , Spalte 2, Zeile 2*/
/* der Link zum Editieren der Frage */
#edit_box {float: right; padding-right: 10px;}
#edit_box a {font-size: 10px; background-color: #83B7E6; color: #fff; text-decoration: none; padding: 2px;}
#main_pas div.frem_user_beschreibung {font-size: 30px; background-color: #83B7E6; color: #fff; text-decoration: none; padding: 20px;} /* der Name des fremd-gebrausten*/
/* */
/* Die linke Seite */
/* box um die fragen links */
#linkList2 div.frage_div_box {width: 180px;} 
#linkList2 a.pas_links {line-height: 20px; height:20px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid white; border-top: 1px solid white; text-align:center; color: black; text-decoration: none; background-color: #CCCCCC;display: block; margin: 1px;}
#linkList2 a.pas_links_gemacht {line-height: 20px; width:30px; height:20px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid white; border-top: 1px solid white; text-align:center; color: #AAAAAA; text-decoration: none; background-color: #DDDDDD;display: block; float: left; margin: 1px;}
#linkList2 a.pas_links_not_yet {line-height: 20px; width:30px; height:20px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid white; border-top: 1px solid white; text-align:center; color: black; text-decoration: none; background-color: #CCCCCC;display: block; float: left; margin: 1px;}
#linkList2 .delim {font-size: 16px; color: #fff;}
/* Pruefung oder Uebungs-Modus */
#linkList2 div.modus {padding-top: 10px; font-size: 16px; color: #333;text-align: center; font-weight: bold}
/* Suchresultate */
div.suchres_fragen { padding: 10px; border: 1px solid #b9b9b9;}
div.suchres_fragen a.resultate_link { font-family: Times; text-decoration: none; color: black;}
div.suchres_fragen a.resultate_link:hover { font-family: Times; text-decoration: underline; color: red;}

div.pas_autor {color: #999; font-size: 11px; text-decoration: none;}
div.pas_change {color: #999; font-size: 11px; text-decoration: none;}

/* die Startseite des Pas tools */
.titel_start {display: block; font-size: 33px;color: #333}
.titel_beschreibung {display: block; text-decoration: none; font-size: 33px; font-style: italic;}



table.histo_und_gramm td {padding: 0px;}
/*  */
/*  */
/*  */
/* ///////////// */
/* ///////////// */
/* CSS CSS_portfolio  */
/* ///////////// */
/* ///////////// */
/* Portfolio */

div.lernreflex_opt_komm {padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; color: #333333; background-color: #DDDDDD;}
/* ein div container mit border */
div.container_stil_1 {width: 100%; border: 1px solid #7e91a4; }

/*  */
/* Generische Tabelle */
table.stil_1   { width: 100%; } 
/*  */
/* die farbe eins der tabellenzeile */
tr.cl_cont2 {background-color: white }
tr.cl_cont2 td {background-color: white; padding: 5px}
/*  */
/* die farbe zwei der tabellenzeile */
/*  */
tr.cl_cont {background-color: #edf3fe }
tr.cl_cont td {background-color: #edf3fe; padding: 5px}
/*  */
/* der pseudo header der Tabelle */
/*  */
tr.cl_head { background-color: #bfd4fb; font-weight: bold; text-align: center;}
tr.cl_head td { padding: 5px;}
/* variante */
tr.cl_head_left { background-color: #bfd4fb; font-weight: bold; text-align: left;}
tr.cl_head_left td { padding: 5px;}
/*  */
/* der pseudo footer der Tabelle */
tr.cl_foot { background-color: #BFFFC1; font-size: 10px; font-weight: bold;}
/*  */
/* der div container */
#substance div.pf_container   { padding: 0px; }

/* personal results testfragen */
table.personal_results {border: 1px dotted black;}
table.personal_results td{ font-size: 12px;}
table.personal_results td { padding-left: 3px; padding-right: 3px;}
table.personal_results tr.head_all td {background-color: #bfd4fb; font-size: 12px; text-align: center; padding: 10px;}
table.personal_results tr.head_sub td {background-color: #bfd4fb; font-size: 12px; text-align: center; padding: 5px;}
table.personal_results tr.null_prozent td{background-color: #C8FBBE; font-size: 12px; padding-top: 2px;  padding-bottom: 2px;}
table.personal_results tr.prozent td {background-color: #FBBEC7; font-size: 12px; padding-top: 2px;  padding-bottom: 2px;}
table.personal_results tr.prozent_gelb td {background-color: #FCF5B8; font-size: 12px; padding-top: 2px;  padding-bottom: 2px;}
/*table.personal_results tr.null_prozent td.fs_komm {background-color: yellow;}*/


div.titel_in_div   { width: 100%;  background-color: #bfd4fb; line-height: 20px; }
div.titel_in_div h4.mitte { padding-left: 5px;  font-size: 14px; display: inline;  color: black;  }

div.pf_footer    { color: black; font-size: 10px; background-color: #bfd4fb; text-align: right; padding-right: 10px }

div.edit_form_button {display: inline; float: right;}
div.edit_form_button form {display: inline; }

#substance div.pf_body    { color: black; background-color: white; margin: 5px; padding: 2px 10px 0 }

#substance div.pf_footer_trennung    {  background-color: white; }


/* das Histogram */
div.histogramm { font-size: 12px; background-color: white; padding: 10px }
div.histogramm table.histogramm td  {  padding: 0 3px }
div.histogramm td  { font-size: 12px; background-color: white; padding: 0 3px }


/* ///////////// */
/* ///////////// */
/* CSS css_ganzer_rest  */
/* ///////////// */
/* ///////////// */





	



td.sect  { color: black;  padding: 10px; }
.sect_tit      { color: black; font-size: 17px; font-weight: bold;}
.sect_txt      { color: black; font-size: 12px; }


/* --------------- */
/* persoenliche seite */
/* blau=98BAE3, gruen=B4DF99, gelb=E7E099, dunkelgrau=C5C5C5, hellgrau=EBEBEB, rot1=DC9791, rot2=E12900 */
/* --------------- */
/* ///////////// */
/* ///////////// */
/* Tutor tool  */
/* ///////////// */
/* ///////////// */

div.tutohead    { color: white; background-color: #b1b1b1; margin-top: 10px; margin-left: 10px; width: 600px }
div.tutohead a { color: black }
div.tutohead a:visited  { color: #4c4c4c }
div.tutohead a:hover { color: red;}
div.tutobody { color: black; margin-left: 10px; border-right: 1px dotted black; border-bottom: 1px dotted black; border-left: 1px dotted black; width: 598px }
div.commTexthead1 { background-color: #FF6A6A; color: white; margin: 0px 0px 0px 100px;}
/* Kommentare Text normal  */
div.commTextbody1  { color: black; margin: 0px 0px 0px 100px; border-right: 1px dotted black; border-bottom: 1px dotted black; border-left: 1px dotted black }
/* Kommentare Titel geloescht  */
div.commTexthead2 {

font-size: 10px;
color: #714900;
background-color: #FD9A9A;
margin: 0px 0px 0px 100px;
}
/* Kommentare Text geloescht  */
div.commTextbody2 {
color: #AE7000; font-size: 10px;
background-color: #FFA6A6;
color: #714900;
margin: 0px 0px 0px 100px;
}

/* Kommentare Ueberschrift normal  */
div.floatright
 {
margin: 0px 0px 0px 100px;
 }
/* Ressourcen Ueberschrift  */
div.res_tit  { color: black; font-size: 12px; background-color: #d3d3d3; padding-top: 4px; padding-bottom: 4px; padding-left: 20px; border-top: 1px solid white; border-bottom: 1px solid white }
div.res_tit h3 { font-size: 14px; display: inline; }
div.res_tit a, div.res_tit a:visited  { color: black; font-size: 10px; text-decoration: none;}
div.res_content    { color: black; font-size: 14px; background-color: #d3d3d3; padding-left: 20px; padding-right: 30px;}
div.res_content table   {width: 100%;}
div.res_content div.rgt  { color: black; font-size: 10px; text-align: right; display:inline; float: right;}
div.res_content a  { color: black; font-size: 10px; text-decoration: none;}
div.res_content a:visited   { color: #333; font-size: 10px; text-decoration: none }
div.res_content a.red { color: #000; font-size: 12px; text-decoration: none }
div.res_content a.red:visited  { color: #666; font-size: 12px; text-decoration: none }
div.res_content td { color: black; font-size: 12px; border-bottom: 1px solid white }
div.res_content b { color: black; font-size: 12px; }
div.beitr_tit   { color: black; font-size: 12px; background-color: #d3d3d3; padding-top: 4px; padding-bottom: 4px; padding-left: 20px;  border-bottom: 1px solid white }
div.beitr_tit h3  { font-size: 14px; display: inline; }
div.beitr_tit a {color: black; font-size: 10px}
/* Beitraege Ueberschrift  */
div.beitr_content  { color: black; font-size: 12px; background-color: #d3d3d3;}
div.beitr_content ol { color: black; font-size: 12px; background-color: #d3d3d3; padding-left: 40px}
/* Fact Text normal  */
div.contTextbody1, div.contTextbody1 td  { color: #1f1f1f; font-size: 12px; background-color: white; padding-right: 20px }
div.contTextbody1  a  { color: #1f1f1f; font-size: 12px; background-color: white;text-decoration: underline; }
div.contTextbody1  a:hover  { color: red; text-decoration: underline; }
div.contTextbody1  a:visited   { color: #5d5d5d; text-decoration: underline }





/* Tutor Tool */
div.chapter_tt_3      { color: black; font-size: 10px; background: #e7e099 url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/memo.gif") no-repeat left top; margin-right: 40px; padding: 1px }
div.chapter_tt_2      { color: black; font-size: 10px; background: #b4df99 url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/blofi.gif") no-repeat left top; margin-right: 40px; padding: 1px }
div.chapter_tt_1     { color: black; font-size: 10px; background: #98bae3 url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/abstr.gif") no-repeat left top; margin-right: 40px; padding: 1px }
div.contTexthead_tt_1    { color: black; font-size: 15px;  padding-left: 40px }
div.contTextbody_tt_1     { color: #1f1f1f; font-size: 12px; background-color: white; padding-right: 20px; padding-left: 20px }
div.contTextbody_tt_1  a  { color: #1f1f1f; font-size: 12px; background-color: white;text-decoration: underline; }
div.contTextbody_tt_1  a:hover  { color: red; text-decoration: underline; }
div.contTextbody_tt_1  a:visited   { color: #5d5d5d; text-decoration: underline }




.bold_klein { color: black; font-size: 12px;font-weight: bold; margin-left: 10px;}










/* Fact Titel normal  */
div.contTexthead1    { color: black; font-size: 15px; }
div.contTexthead1 a { color: black; font-size: 10px;  text-decoration: underline }
div.contTextbody2 {
font-size: 10px;
background-color: #FFD3D3;
padding: 4px 8px 50px 8px;
}

/* Fact Titel geloescht  */
div.contTexthead2  { font-size: 15px;  padding-left: 40px }
div.contTexthead2 a { color: black; font-size: 10px;  text-decoration: underline }
/* Hintergrund Facts um Subreiter  */
div.dropshadow2{
border-top: 1px solid #FF3535;
border-left: 1px solid #FF3535;
border-right: 1px solid #FE0000;
border-bottom: 1px solid #FE0000;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
padding: 4px 8px 50px 8px;
background-color: #FFE1E1;
}



.aktreit   { color: #2e8624; font-weight: bold; font-size: 1.5em }
div.cover1   { color: #dc143c; font-size: 30px;  text-align: center }
div.cover2   { color: #dc143c; font-size: 20px;  text-align: center }

div.factblock1 {
border-left: 1px solid blue;

}



div.fact_new     { color: black; font-size: 14px; background-color: #b4df99; margin-top: 10px; padding: 10px }
div.fact_new a    { color: black; font-size: 10px;  padding: 10px }


div.factblock2 {
padding: 5px;
display: block;
border-top: 10px solid red;
border-left: 10px solid red;
border-right: 10px solid red;
background-color: #FF6347;
}

div.factbox {

border-top: 10px solid red;
border-left: 10px solid red;

border-right: 10px solid red;
border-bottom: 10px solid red;
}

.footertext {font-size:10px}
td.left {font-size:10px}
.falsch { color: red; font-size: 10px }
td.silver   { font-size: 12px; background-color: #fff5ee; border: dotted 1px navy }
td.red   { font-size: 14px; background-color: red; border: dotted 1px navy }
td.newtask   { font-size: 10px; background-color: #fff5ee; border: dotted 1px red }
.aktnav   { font-size: 16px;}
.error { color: red; font-size: 15px }

.noshow {text-decoration: none}
.edit_link  { color: black; font-size: 70%; text-decoration: underline; padding-left: 10px }






tr.us_input{
background: white;

}
.merketauf {color: #000080; font-size: 10px;}
.sel_box  { width: 90% }
.inputfeld  { font-style: normal; font-variant: normal; background-color: white; width: 100% }
li.style1 { color: black }
li.style2 { color: green; background-color: #dcdcdc }
p.for_tit1  { color: black; background-color: #c3c3c3; border: 1px solid red; }
div.for_hedd { margin-top: 3px; padding-top: 2px;}
div.for_hedd div.rgt  { color: black; font-size: 10px; text-align: right; display:inline; float: right;}


div.for_texbg .forumstext{font-size: 12px; color: #000000; margin-right: 30px; display: block;border-bottom: 1px solid white; padding-bottom: 8px;}






/* ///////////// */
/* ///////////// */
/* unklar  */
/* ///////////// */
/* ///////////// */



p.topic1 { color: black }
p.topic2 { color: blue; font-style: oblique; font-size: 8px; background-color: red }
p.for_tit2 { color: fuchsia; font-size: 8px; background-color: red }
.forum_mod { color: green; font-size: 10px }
.forum_mod_to { color: red; font-size: 10px }
table#ablage   { color: #8b0000; font-size: 1em }
#ablage a { color: black }
#ablage a:hover { color: red }
table#notific   { color: black; font-size: 1em; background-color: #d8d8d8; margin-bottom: 20px }
#notific a { color: black }
#notific a:hover { color: red }
table.latesten   { color: black; font-size: 1em; background-color: #b7b7b7; margin-bottom: 20px }
table.latesten th { color: white; font-size: 1em; background-color: #b7b7b7; text-align: left; margin-bottom: 20px; padding: 5px; border-bottom: 1px solid white }
table.latesten td { color: black; font-size: 1em; background-color: #dcdcdc; text-align: left; margin-bottom: 20px; padding: 1px; border-bottom: 1px solid white }
table.latesten a  { color: black; text-decoration: underline }
#latesten a:hover { color: red }
div.arbeitsanweisung  { color: #808080; width: 100% }
.suchres { background-color: #effa0c }
/* Zorn */
img.resize {position: absolute; top: 0px; right: 0px;}
/* die Edit seiten */
#edit_div {background-color: #dddddd; padding-right: 20px;padding-left: 20px; margin-right: 20px;}
#edit_div p.eingabe {background-color: #cccccc; padding: 10px}
#edit_div table {background-color: #DDDDDD; font-size: 12px;}










/* ///////////// */
/* ///////////// */
/* CSS css_kalender  */
/* ///////////// */
/* ///////////// */
#calendar
{
  background-color : white;
  border-bottom    : 1px solid black;
  border-right     : 1px solid black;
  color            : black;
  font-family      : "Courier New", Courier, monospace;

  font-size        : 8pt;
}
#calendar a {text-decoration: none; color: black;}

#calendar TD
{
  border-left      : 1px solid black;
  border-top       : 1px solid black;
  text-align       : center;
  width: 12%;
}	

#calendar TD.name
{
  background-color : #E4E4E4;
  width: 12%; 
}

#calendar TD.title
{
  background-color : #778899;
  color            : white;
  font-weight      : bold;
  text-align       : center;
}

#calendar TD.today
{
  background-color : #00CC80;
}


#calendar TD.whish
{
  background-color : red;
}

#calendar TR.thisweek
 { background-color: #b9fcc2 }




#calendar_ansicht h1 {font-size: 14px; color: white;}

#calendar_ansicht
{
  background-color : white;
  border-bottom    : 1px solid black;
  border-right     : 1px solid black;
  color            : black;
  font-family      : "Courier New", Courier, monospace;
  font-size        : 8pt;
}
#calendar_ansicht a {text-decoration: none; color: black;}

#calendar_ansicht TD
{
  border-left      : 1px solid black;
  border-top       : 1px solid black;
 
  width: 12%;
  height: 40px;
}	

#calendar_ansicht TD.name
{
 text-align       : center;
  background-color : #E4E4E4;
  width: 12%; 
  
}

#calendar_ansicht TD.title
{
  background-color : #778899;
  color            : white;
  font-weight      : bold;
  font-family      : "Arial", Courier, monospace;
  text-align       : center;
}

#calendar_ansicht TD.today
{
  background-color : #00CC80;
}


#calendar_ansicht TD.whish
{
  background-color : red;
}

#calendar_ansicht TR.thisweek
 { background-color: #b9fcc2 }

#kalenderformular {font-size: 12px;}
#kalenderformular TD {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}
#kalenderformular TR.tit {background-color: black; color: white;}

#kalenderformular TR.cont1 {background-color: #C5C4C6; color: black;}
#kalenderformular TR.cont2 { color: black;}

#raeume TD {padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; font-size: 12px;}
#events TD {padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; font-size: 12px;}
#dozis TD {padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; font-size: 12px;}

/* ///////////// */
/* ///////////// */
/* CSS css_meyer  */
/* ///////////// */
/* ///////////// */
/* Eric meyer css tabs */
/* */

#nav_tabs {margin: 0; padding: 0;}
#nav_tabs li {list-style: none; float: left; width: 105px;
  font-size: 10px; line-height: 20px; white-space: nowrap;}
#nav_tabs a  { color: #333; font-weight: bold; text-decoration: none; background: #cccccc url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/tab-bumps.gif") no-repeat 2px 50%; display: block; padding: 0 0 0 20px; float: left; border-style: solid; border-width: 1px; border-color: #fff #333 #333 #fff }
#nav_tabs a.current  { color: #333; font-weight: bold; text-decoration: none; background: #aaaaaa url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/tab-bumps.gif") no-repeat 2px 50%; display: block; padding: 0 0 0 20px; float: left; border-style: solid; border-width: 1px; border-color: #fff #333 #333 #fff }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_tabs a {float: none;}            /* End IE5-Mac hack */
#nav_tabs a:hover {background-color: #333; color: #CCC;
  border-color: #000 #CCC #CCC #000;}
  html>body #nav_tabs a.current {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_tabs a.current {float: none;}            /* End IE5-Mac hack */
#nav_tabs a.current:hover {background-color: #333; color: #CCC;
  border-color: #000 #CCC #CCC #000;}
  
  
#nav_tabs2 {margin: 0; padding: 0;}
#nav_tabs2 li {list-style: none; float: left; width: 105px; font-size: 10px; line-height: 20px; white-space: nowrap;}
#nav_tabs2 a  { color: #333; font-weight: bold; text-decoration: none; background: #cccccc url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/tab-bumps.gif") no-repeat 2px 50%; display: block; padding: 0 0 0 20px; float: left; border-style: solid; border-width: 1px; border-color: #fff #333 #333 #fff }
#nav_tabs2 a.current  { color: #333; font-weight: bold; text-decoration: none; background: #aaaaaa url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/tab-bumps.gif") no-repeat 2px 50%; display: block; padding: 0 0 0 20px; float: left; border-style: solid; border-width: 1px; border-color: #fff #333 #333 #fff }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_tabs2 a {float: none;}            /* End IE5-Mac hack */
#nav_tabs2 a:hover {background-color: #333; color: #CCC; border-color: #000 #CCC #CCC #000;} 
html>body #nav_tabs2 a.current {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_tabs2 a.current {float: none;}            /* End IE5-Mac hack */
#nav_tabs2 a.current:hover {background-color: #333; color: #CCC; border-color: #000 #CCC #CCC #000;}

#nav_tabs3 {margin: 0; padding: 0;}
#nav_tabs3 li {list-style: none; float: left; width: 105px; font-size: 10px; line-height: 20px; white-space: nowrap;}
#nav_tabs3 a  { color: #333; font-weight: bold; text-decoration: none; background: #cccccc url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/tab-bumps.gif") no-repeat 2px 50%; display: block; padding: 0 0 0 20px; float: left; border-style: solid; border-width: 1px; border-color: #fff #333 #333 #fff }
#nav_tabs3 a.current  { color: #333; font-weight: bold; text-decoration: none; background: #aaaaaa url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/tab-bumps.gif") no-repeat 2px 50%; display: block; padding: 0 0 0 20px; float: left; border-style: solid; border-width: 1px; border-color: #fff #333 #333 #fff }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_tabs3 a {float: none;}            /* End IE5-Mac hack */
#nav_tabs3 a:hover {background-color: #333; color: #CCC; border-color: #000 #CCC #CCC #000;} 
html>body #nav_tabs3 a.current {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_tabs3 a.current {float: none;}            /* End IE5-Mac hack */
#nav_tabs3 a.current:hover {background-color: #333; color: #CCC; border-color: #000 #CCC #CCC #000;}

/* ///////////// */
/* ///////////// */
/* CSS css_boxen  */
/* ///////////// */
/* ///////////// */
/* das CSS fuer die Boxen */
/* Box 1 */
div.showbox1 { background-color: white; width: 100%; border-bottom: 2px solid #8D7AA0; }
div.showbox1_titel  { color: #43394D; background-color: #E7DFEE; line-height: 14px; font-size: 14px; font-weight: bold; margin-left: 10px; margin-right: 4px; padding: 4px; }
div.showbox1_inhalt { color: black; background-color: #EBEBEB; font-size: 12px; padding: 4px;  width: 100%;}
/* ///// */
/* Box 2 Portfolio. Achtung kein Padding im Content*/
div.showbox2 {  width: 100%;}
div.showbox2_titel  { color: white; background-color: #56606B; line-height: 20px; font-size: 14px; font-weight: bold;  padding-left: 10px; height: 20px;}
div.showbox2_inhalt { color: black;  font-size: 12px; width: 100%}
div.showbox2_inhalt div.auswahl{ padding-left: 10px; padding-right: 1px; padding-top: 6px; padding-bottom: 10px;  width: 99%;}
div.showbox2_inhalt div.auswahl b{ color: #4F4F4E; }

/* Box 3 die such boxe. Achtung kein Padding im Content*/
div.showbox3 {  width: 100%; }
div.showbox3_titel  { color: white; background-color: #56606B; line-height: 20px; font-size: 14px; font-weight: bold;  padding-left: 10px; height: 20px;}
div.showbox3_inhalt { color: black;  font-size: 12px; width: 100%}
div.showbox3_inhalt div.auswahl{ padding-left: 10px; padding-right: 1px; padding-top: 6px; padding-bottom: 10px;  width: 99%;}
div.showbox3_inhalt div.auswahl b{ color: #4F4F4E; }

/* Box skripten */
div.showbox_skripten  { width: 100%; background-color: #DAE3E3;}
div.showbox_skripten_titel  { color: white; background-color: #93A4B7; line-height: 20px; font-size: 14px; font-weight: bold;  padding-left: 10px; height: 20px;}
div.showbox_skripten_inhalt { color: black;  font-size: 12px; width: 100%;}
div.showbox_skripten_inhalt div.auswahl{ padding-left: 10px; padding-right: 1px; padding-top: 6px; padding-bottom: 10px;  width: 99%;}
div.showbox_skripten_inhalt div.auswahl b{ color: #4F4F4E; }





input.ikon_asc_akt  { 
font-size: 10px;
text-align: center;
width: 100px;
background-image: url(http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/desc.gif);
	background-color: #9BCCCA;
	background-repeat: no-repeat;
	background-position: right bottom
  }
  
  input.ikon_desc_akt  { 
font-size: 10px;
text-align: center;
width: 100px;
background-image: url(http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/asc.gif);
	background-color: #9BCCCA;
	background-repeat: no-repeat;
	background-position: right bottom
  }
  
  
  input.ikon_asc_inakt  { 
  color: #AAAAAA;
  font-size: 10px;
text-align: center;
width: 100px;
background-image: url(http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/asc_inak.gif);
background-color: #DDDDDD;
	background-repeat: no-repeat;
	background-position: right bottom
  }
  
  input.ikon_desc_inakt  { 
  color: #AAAAAA;
  font-size: 10px;
text-align: center;
width: 100px;
background-image: url(http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/desc_inak.gif);
background-color: #DDDDDD;
	background-repeat: no-repeat;
	background-position: right bottom
  }



  div.not_indexed   { color: #aaaaaa; font-size: 10px; background-color: #dddddd; background-image: url("http://www.datasurge.ch/entwicklung_datasurge/in_deep/sdlk213lk3dlk/su/all/images/not_indexed.gif"); background-repeat: no-repeat; background-position: left center }

/* Box mitteilungen */
div.showbox_mitteilungen    { }
div.showbox_mitteilungen_titel  { color: red; line-height: 20px; font-size: 18px; font-weight: bold; }
div.showbox_mitteilungen_inhalt {  color: black;  font-size: 12px;  }

div#mitteilung  { width: 98% }
div#mitteilung h2.eins   { font-size: 14px; background: #8ab; text-align: left; margin: 0 0 0 100px; padding: 3px; border-bottom: 1px solid #68a; border-left: 140px none }
div#mitteilung h2.zwei   { font-size: 14px; background: #8ab; text-align: left; padding: 3px; border-bottom: 1px solid #68a;}
div#mitteilung h2.drei    { font-size: 14px; background: #ec9788; text-align: left; padding: 3px; border-bottom: 1px solid #68a }
div#punch { float: left; height: 80px; width: 100px;}
div#mitteilung p  { color: #4B5E67; font-size: 12px; }
div.mit_footer {font-size: 9px;  background: #DDDDDD; padding-top: 3px; padding-bottom: 3px;}