/* Standard-CSS fuer paux.com */


/* Wichtige Farben */
/*
   ThemenSuche Kopfzeile grau          234 234 234    #EAEAEA
   ThemenSuche Hintergrund hellblau    245 251 253    #F5FBFD
   ThemenSuche LinkFarbe dunkelblau     51  51 153    #333399
   ThemenSuche Rahmen blau             180 212 228    #B4D4E4
   InfoHintergrund hellbeige           255 252 239    #FFFCEF
   VertiefungsPopup Ueberschrift gruen    70 184  81    #0033FF
   VertiefungsPopup Koerper hellgruen    220 248 223    #D0E2FB  (= Punkte richtig)
   MC-Antwort selektiert hellblau      199 232 249    #C7E8F9  (= Fokus Lueckentext)
   Punkte falsch hellrot               255 209 209    #FFD1D1
*/


/* Abstaende aller Elemente auf Null setzen + weitere Formatierungen */
html, body, div, p, h1, h2, h3, ul, ol, li, span, a, table, td, form, img {
   margin:  0px;
   padding: 0px;
   top:     0px;
   left:    0px;
   font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
   outline: 0px;
}


/* html und body mit css versorgen... "font-size:101%;" hilft bei relativen Schriftgroessenproblemen */
html, body {
   background: none;
   font-size:101%;
   margin:  0px 0px 0px 2px;
   width: 98%;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

body {
   color: black;
   width: 100%;
   font-size:101%;
   background-color: #fff;
   margin-bottom: 20px;
}


a, table {
   font-size:12px;
}


/*
a:link {
   color: #f09006;
   text-decoration: none;
}

a:visited {
   color: #f09006;
   text-decoration: none;
}

a:hover, a:active {
   color: #f09006;
   text-decoration: none
}
*/


/* Allgemein gueltige Formatierungen setzen */
.strong {
   font-weight: bold;
}

.c {
   clear: both;
}

.center {
   text-align: center;
}

img {
   border: 0px;
}

/* .tagBild {
   width: 70px;
   height: 50px;
} */


.atMitGrafik img {
   width: auto;
   height: 15px;
   vertical-align: text-bottom;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   margin: 1px 0px 0px 3px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   padding: 1px;}

.atMitGrafik img:hover{
   border-top: 1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-left: 1px solid #bbb;
   margin: 0px 1px 1px 2px;
}

.atMitGrafik img:active{
   border-top: 1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-left: 1px solid #777;
   margin: 1px 0px 0px 3px;
}



/* SM2 Player */

#movie-box {
 position:relative;
 clear:both;
 margin-right:1em;
 background:#fff;
}

#movie-playlist {
 position:relative;
 width:320px;
 font-size:xx-small;
}

#sm2-movie-box {
 position:absolute;
 left:320px;
 top:0px;
 margin-left:1em;
}

#sm2-movie-box div{
 position:absolute;
 left: -1px;
 top: 10px;
}

#sm2-container {
 position:relative;
 clear:both;
 width:1px;
 height:1px;
}

#movie-info {
 visibility: hidden;
}


ul.playlist {
 list-style-type:none;
 margin:0px;
 padding:0px;

}

ul.playlist li {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 position:relative;
 display:block;
 width:auto;
 font-size:16px;
 color:#666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
 letter-spacing:-1px; /* ZOMG WEB X.0. ;) */
 /* background-color:#f9f9f9; */
 background-color:#0085cf;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
}

ul.playlist li a {
 display:block;
 text-decoration:none;
 font-weight:normal;
 text-align: left;
 color:#fff;
 font-size:110%;
 letter-spacing: 0px;
 padding: 5px 5px 2px 5px;
 outline:none;
 position:relative;
 top: -2px;
 z-index:2;
 text-shadow: 0 0 0 #fff; /* stupid Safari "fat" font rendering tweak */
}


ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 color:#fff;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}

ul.playlist li:hover {
 background-color:#eee;
}

ul.playlist li:hover a {
 color:#333;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
 background-color:#0085cf;
}

ul.playlist li.sm2_paused {
 background-color:#999;
}

ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a {
 color:#fff;
 z-index: 3;
}

ul.playlist li .controls {
 display:none;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
 display:none;
 position:absolute;
 top:0.55em;
 right:0.5em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 position:relative;
 display:block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
 display:inline;
 display:inline-block;
}

ul.playlist.use-peak li .peak {
 display:none; /* IE 7 */
}


ul.playlist li.sm2_paused .controls {
 background-color:#666;
 height: .5em;
 z-index: 1;
}

ul.playlist li:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
 background-color:#ccc;
}

ul.playlist li .controls {
 position:relative;
 margin-top:0.25em;
 margin-bottom:0.25em;
 background-color:#99ccff;
}

ul.playlist li .controls .statusbar {
 position:relative;
 height:0.5em;
 background-color:#ccddff;
 border:2px solid #fff;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
 z-index: 1;
}

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:0.5em;
}

ul.playlist li .controls .statusbar .position {
 background-color:#336699;
 border-right:3px solid #336699;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
 background-color:#666;
 border-color:#666;
}

ul.playlist li .controls .statusbar .loading {
 background-color:#eee;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width:0px;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
 margin-right:4.5em; /* room for timing stuff */
}

ul.playlist li .timing {
 position:absolute;
 display:none;
 text-align:right;
 right:1em;
 top:1em;
 width:auto;
 height:1em;
 /*
 padding:4px 5px 2px 5px;
 *padding:3px 5px 3px 5px;
 */
 padding:3px 5px;
 background-color:#5588bb;
 border:1px solid #99ccff;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 letter-spacing:0px;
 font:44% normal "lucida console",monaco,courier,terminal,system;
 line-height:1em;
 vertical-align:middle;
}

ul.playlist.use-peak li .timing {
 right:4.25em;
}

ul.playlist li:hover .timing {
 z-index:2;
}

ul.playlist li .timing div.sm2_timing {
 margin:0px;
 padding:0px;
 margin-top:-1em;
 text-shadow: 0 0 0 #fff; /* stupid Safari "fat" font rendering tweak */
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
 display:block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
 text-decoration:blink; /* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing,
ul.playlist.use-peak li.sm2_paused .peak {
 background-color:#888;
 border-color:#ccc;
}




.grafikInInfo {
   vertical-align: top;
}

.grafikInInfo img, .grafikInInfo img:active{
   min-width: 10px;
   max-width: 100px;
   min-height: 10px;
   max-height: 100px;
   margin-left: 5px;
   border: 1px solid #ddd;
   margin: 1px 0px 0px 6px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

.grafikInInfo img:hover{
   border-top: 1px solid #fff;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
   border-left: 1px solid #fff;
   margin: 0px 1px 1px 5px;
}

.grafikInInfo img:active{
   border-top: 1px solid #999;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-left: 1px solid #999;
   margin: 1px 0px 0px 6px;
}

.passfoto, .passfoto:active{
   max-height: 200px;
   margin: 10px 10px 10px 0px;
}

.kategorie {
   margin-right:5px;
}

.image_big {
  border-top: 2px solid #fff;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  border-left: 2px solid #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   max-height: 300px;
   max-width: 600px;
   float:right; /* Mit dieser Einstellung bleiben die Grafiken rechts (ansonsten orientieren sie sich am linken aeusseren Rand der groesser geglaubten Grafik und sind zu weit links) */
   /* margin-left: 800px; */  /* FIXME MD: groessere Grafiken werden "irgendwo" angezeigt, statt unterhalb der kleinen */
}

.info_popup {
   border: none;
   vertical-align: top;
   position: relative;
   top: -8;
   min-width: 20px;
   padding-bottom: 1px;  /* ohne diese Einstellung wird die Grafik im FireFox oben ein bisschen abgeschnitten, komischerweise */
   background-image: url(/basic/resources/img/popups/info_popup_weiss.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
}

.info_popup:hover {
   background-image: url(/basic/resources/img/popups/info_popup_gelb.png);
}

.info_popup:active{
   background-image: url(/basic/resources/img/popups/info_popup_weiss.png);
}

.thema_popup {
   border: none;
   vertical-align: middle;
   background-image: url(/basic/resources/img/popups/thema_popup.jpg); /* Hier muss die statische Grafik noch raus, die den angegebenen Hingergrund verdeckt */
}

.thema_popup:hover {
   background-image: url(/basic/resources/img/popups/thema_popup_hover.jpg);
}

.thema_popup:active {
   background-image: url(/basic/resources/img/popups/thema_popup.jpg);
}

span.popupHeader {
   color: #444;
   font-size: 10px;
   margin-left: 3px;
}

span.thema_nr_hidden {
   color: #fff;
   font-size: 10px;
   margin-left: 3px;
   filter:alpha(opacity=0);
   opacity: 0.00;
   -moz-opacity: 0.00;
   -khtml-opacity: 0.00;
}

span.thema_nr_hidden:hover {
   color: #777;
   font-weight: bold;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}

#satz_id_hidden {
   position: relative;
   float: right;
   left: 0px;
   top: 40px;
   color: #777;
}

span.id_hidden_frageantwort {
   color: #fff;
   font-size: 10px;
   margin-left: 3px;
   filter:alpha(opacity=0);
   opacity: 0.00;
   -moz-opacity: 0.00;
   -khtml-opacity: 0.00;
}

span.id_hidden_frageantwort:hover {
   color: #999;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}

span.modul_hidden {
   color: #777;
   font-size: 10px;
   text-transform: none;
   filter:alpha(opacity=0);
   opacity: 0.00;
   -moz-opacity: 0.00;
   -khtml-opacity: 0.00;
}

span.modul_hidden:hover {
   color: #888;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}

.klein {
   font-size:0.7em;
}

.right {
   text-align: right;
}

.left {
   text-align: left;
}

.top {
   vertical-align: top;
}

.strong_ul {
   font-weight:          bold;
   text-decoration: underline;
}

.strong_it {
   font-weight:   bold;
   font-style:  italic;
}


span.loginerror {
   position: absolute;
   left: 270px;
   top: -28px;
   width: auto;
   color:            #ff0000;
   background-color:    #fff;
   font-weight:         bold;
   padding:              2px;
   text-align:        right;
   text-decoration:    blink;
   padding: 2px 5px 2px 5px;
}

span.error {
   width: auto;
   color:            #ff0000;
   background-color:    #fff;
   font-weight:         bold;
   padding:              2px;
   text-align:        right;
   text-decoration:    blink;
   padding: 2px 5px 2px 5px;
}

#SessionExpired {
   position: relative;
   width: 600px;
   top: 200px;
   left: 50%;
   margin-left: -300px;
   color: #555;
   background-color: #fff;
   line-height: 150%;
   font-size: 16px;
}

span.heading {
   padding-left: 5px;
   font-weight: bold;
   font-size: 12px;
}

span.heading2 {
   color: #888;
   line-height: 25px;
   font-weight: bold;
   font-size: 14px;
}

headingModul {
   font-weight: bold;
   font-size:12px;
}


#suche {
   margin-top: 100px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#searchresult_tree {
   float: left;
   min-width:   33%;
   max-width:   33%;
   width:       33%;
}

#searchresult_upper_search {
   margin-top: 10px;
}

#suche table, #suche td, #searchresult_upper_search td {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#suche td.suchzeile {
   padding-top: 5px;
}

#suche td.suchoptionen {
   padding-top: 15px;
}

#suche td.left {
   text-align: left;
   padding-left: 15px;
   font-size:0.85em;
}

#suche input.suchzeile, #searchresult_upper_search input.suchzeile {
   width: 230px;
}

#suche input.suchknopf {
   height: 30px;
   width: 90px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   font-weight: bold;
   color: #000;
}

#searchresult_upper_search input.suchknopf {
   height: 30px;
   width: 80px;
   font-family: "Trebuchet MS", Verdana;
   font-size:0.9em;
   font-weight: bold;
}


#searchresult_tree_header {
   font-family: "Trebuchet MS", Verdana;
   padding: 2px 11px 9px 10px;
   margin:  5px 0px 0px 0px;
   font-size:10px;
   min-height:  16px;
   max-height:  16px;
   height:      16px;
   background-color: #000000;
}

#suche_ergebnisliste_heading_imt {
   font-family: "Trebuchet MS", Verdana;
   padding: 2px 0px 9px 35px;
   margin:  5px 0px 0px 0px;
   font-size:10px;
   background-color: #000;
   margin-left: 33%;
   min-width:   65%;
   max-width:   65%;
   width:       65%;
   min-height:  16px;
   max-height:  16px;
   height:      16px;
}

#lernbereich_heading {
   font-family: "Trebuchet MS", Verdana;
   padding:      0px 5px;
   margin:       5px 0px 0px 0px;
   border-right: 1px solid  #000;
   border-top:   1px solid  #000;
   font-size:10px;
   background-color: #000;
   margin-left: 33%;
   min-width:   65%;
   max-width:   65%;
   width:       65%;
   min-height:  26px;
   max-height:  26px;
   height:      26px;
}

#lernbereich_heading td.firsttab_aktiv {
   color: #fff;
   text-align: center;
   padding: 5px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-top: 1px solid #bbb;
   background-color: #418ecf;
   min-height:  26px;
   max-height:  26px;
   height:      26px;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}

#lernbereich_heading td.tab {
   text-align: center;
   color: #777;
   padding: 5px;
   border-right: 0px solid #777;
   background-color: #000;
   min-height:  26px;
   max-height:  26px;
   height:      26px;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}

#lernbereich_heading td.lasttab {
   min-height:  26px;
   max-height:  26px;
   height:      26px;
   font-size: 0px;
   height: 30px;
   width: 20px;
   min-width: 20px;
   max-width: 20px;
   background-image: url(/basic/resources/img/popups/themen_weg.png);
   background-repeat: no-repeat;
   background-position: 0px 5px;
   background-color:black;
}


/* FIXME: braucht noch eigenen Style, derzeit leuchtet er bei allen Tabs */
/* #lernbereich_heading:hover td.lasttab {
   background-image: url(/basic/resources/img/popups/themen_weg_hover.png);
   background-color: transparent;
   text-decoration: none;
} */


#lernbereich_heading td.tab_aktiv {
   color: #fff;
   text-align: center;
   padding: 5px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-top: 1px solid #bbb;
   background-color: #418ecf;
   min-height:  26px;
   max-height:  26px;
   height:      26px;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}


#searchresult_tree_header td.anzahl, #suche_ergebnisliste_heading_imt td.anzahl {
   color: #bbb;
   font-size:12px;
   font-weight: bold;
   min-height:  26px;
   max-height:  26px;
   height:      26px;
}

#themenX {
   font-size: 0px;
   height: 30px;
   width: 15px;
   background-image: url(/basic/resources/img/popups/themen_weg.png);
   background-repeat: no-repeat;
   background-position: 0px 5px;
   background-color:black;
   cursor: pointer;
}

#themenX:hover {
   background-image: url(/basic/resources/img/popups/themen_weg_hover.png);
   background-color: transparent;
   text-decoration: none;
}

#themenEinblenden{
   color: #fff;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   font-weight: bold;
   background-color: #990000;
   margin: 0px 0px 2px 0px;
   cursor: pointer;
}

#themenEinblenden:hover {
   background-color: #cc0000;
   text-decoration: none;
}

#suche_ergebnisliste {
   font-family: "Trebuchet MS", Verdana;
   color: #fff;
   padding: 0px 5px 0px 5px;
   font-size:10px;
   background-color: #44443d;
   display:    block;
}

td.headingModul {
   padding: 20px 0px 0px 6px;
}

#suche_ergebnisliste span.thema:hover {
   background-color: #ffffee;
}

#suche_ergebnisliste span.infoAnzahl {
   color: #888;
   text-decoration: none;
   font-size: 10px;
   font-style: normal;
   border-bottom: none;
   padding: 0px;
}

#suche_ergebnisliste span.infoAnzahl:hover {
   color: #bbb;
   background: none;
}

#searchresult_tree_footer {
   padding-bottom: 600px;
   background-color: #44443d;
}

#suche_infosmitthema_liste {
   font-family: "Trebuchet MS", Verdana;
   padding: 10px 31px 200px 3px;
   border-right: 1px solid  #bbb;
   border-bottom: 1px solid  #bbb;
   margin-left: 33%;
   min-width:   65%;
   max-width:   65%;
   width:       65%;
   font-size:12px;
   background-color: #fff;
}

#suche_infosmitthema_liste_full {
   font-family: "Trebuchet MS", Verdana;
   padding: 10px 31px 200px 3px;
   border-right: 1px solid  #bbb;
   border-bottom: 1px solid  #bbb;
   border-left: 1px solid  #bbb;
   margin-left: 0;
   min-width:   98%;
   max-width:   98%;
   width:       98%;
   font-size:12px;
   background-color: #fff;
}

#suche_infosmitthema_liste tr.thema, #suche_infosmitthema_liste_full tr.thema {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #fff;
}

#suche_infosmitthema_liste td.thema, #suche_infosmitthema_liste_full td.thema {
   text-decoration: none;
   padding-top: 16px;
   padding-bottom: 6px;
}

.tagbox {
  visibility: hidden;
  width: 0px;
}

td.thementrenneranfang {
   min-width: 20px;
   max-width: 20px;
}

td.thementrenner {
   text-decoration: none;
   /* padding: 18px 0px 12px 18px; */
   padding: 0;
}

td.thementrennerende {
   padding: 15px 8px 2px 8px;
}

#suche_infosmitthema_liste td.thema:hover, #suche_infosmitthema_liste_full td.thema:hover {
   text-decoration: none;
}


#lernbereich {
   font-family: "Trebuchet MS", Verdana;
   padding:     10px 5px 5px 5px;
   border-right: 1px solid  #B4D4E4;
   margin-left: 33%;
   min-width:   65%;
   max-width:   65%;
   width:       65%;
   font-size:12px;
   background-color: #FFF;
}

#lernbereich_full {
   font-family: "Trebuchet MS", Verdana;
   padding:     10px 5px 5px 5px;
   border-right: 1px solid  #B4D4E4;
   margin-left: 0;
   min-width:   98%;
   max-width:   98%;
   width:       98%;
   font-size:12px;
   background-color: #FFF;
}

#lernbereich_ebene {
   padding: 10px 20px;
   font-family: "Trebuchet MS", Verdana;
   font-size:14px;
}

#lernbereich_ebene_full {
   padding: 10px 20px;
   font-family: "Trebuchet MS", Verdana;
   font-size:14px;
}

#lernbereich_grafik {
}

#lernbereich_grafik img {
   width: 100%;
   height: 100%;
   float: left;
}

#lernbereich_grafik img.thumb {
   padding: 2% 0px;
   width:  30%;
   height: 30%;
   float: left;
}

/* FIXME: Satz-Vertiefungsfenster unterhalb soll hier keinen Hinweis zeigen */
#lernbereich_ebene_hinweis {
   padding: 10px 20px;
   font-family: "Trebuchet MS", Verdana;
   font-size:14px;
   clear: left;
   color: #888;
}


#buttons3 {
   clear: left;
   font-weight: bold;
   text-decoration: blink;
   padding: 5px 0px 5px 20px;}

a.weiter_image {
   font-size: 20px;
   padding: 5px 5px 5px 5px;
}

a.weiter_image:hover {
   color: #fff;
   background-color: #418ecf;
   padding: 5px 5px 5px 5px;
   text-decoration: none;
}

#infoVertiefung {
   font-family: "Trebuchet MS", Verdana;
   padding:     20px 5px 5px 5px;
   margin-left: 0;
   min-width:   100%;
   max-width:   100%;
   width:       100%;
   background-color: #FFF;
}

#infoVertiefung span.autor, #infoVertiefung_full span.autor, #infoVertiefung span.gericht, #infoVertiefung_full span.gericht {
   font-style: italic;
}

#infoVertiefung span.repetitorium, #infoVertiefung_full span.repetitorium {
}


/* #box div {background:url(/basic/resources/img/popups/stories/mdv/box_ee.png) right repeat-y;}
#box div div {background:url(/basic/resources/img/popups/stories/mdv/bon.png) repeat-x;}
#box div div div {background:url(/basic/resources/img/popups/stories/mdv/box_ss.png) bottom repeat-x;}
#box div div div div {background:url(/basic/resources/img/popups/stories/mdv/box_n.png) left top no-repeat;}

#fenster {
   padding: 0px 6px 8px 0px;
} */

#box {background:url(/basic/resources/img/round_corners/box_ww.gif) repeat-y;}
#box div {background:url(/basic/resources/img/round_corners/box_ee.gif) right repeat-y;}
#box div div {background:url(/basic/resources/img/round_corners/box_nn.gif) repeat-x;}
#box div div div {background:url(/basic/resources/img/round_corners/box_ss.gif) bottom repeat-x;}
#box div div div div {background:url(/basic/resources/img/round_corners/box_nw.gif) left top no-repeat;}
#box div div div div div {background:url(/basic/resources/img/round_corners/box_ne.gif) right top no-repeat;}
#box div div div div div div {background:url(/basic/resources/img/round_corners/box_sw.gif) left bottom no-repeat;}
#box div div div div div div div {background:url(/basic/resources/img/round_corners/box_se.gif) right bottom no-repeat;}

#fenster {
   padding: 0px 4px 5px 0px;
}

table.popup {
   margin-right: 5px;
   width: 100%;
   border-left: 1px solid #ddd;
   border-top: 1px solid #ddd;
   border-right: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
}


/* th.vertiefung {
   font-family: "Trebuchet MS", Verdana;
   font-size:0.8em;
   font-weight: bold;
   text-align: center;
   color: white;
   background-color: #888;
   padding: 1px;
   cursor: default;
   border-left: 2px solid #eee;
   border-top: 2px solid #eee;
   border-right: 2px solid #aaa;
   padding: 3px;
} */

th.vertiefung {
   text-align: left;
   border-top: 2px solid #ccc;
   border-right: 2px solid #ccc;
   border-left: 2px solid #ccc;
   background-color: #ccc;
   cursor: default;
   border: none;
}

td.vertiefungKategorie {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   color: #888;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   font-weight: bold;
   background-color: #eee;
   border-bottom: 2px solid #ccc;
   border-left: 2px solid #ccc;
   vertical-align: top;
   cursor: default;
}

td.vertiefungDetail {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #eee;
   border-bottom: 2px solid #ccc;
   border-right: 2px solid #ccc;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


th.vertiefungInfo {
   text-align: left;
   line-height: 10px;
   background-color: #EBE7B6;
   background-image: url(/basic/resources/img/popups/info_background.png);
   background-repeat: repeat-x;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungInfo {
   color: #888;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FFFCDB;
   border-right: 2px solid #E7E5CA;
   border-bottom: 2px solid #E7E5CA;
   border-left: 2px solid #E7E5CA;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}

td.vertiefungKategorieInfo {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFFCDB;
   background-image: url(/basic/resources/img/popups/info.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieWort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFFCDB;
   background-image: url(/basic/resources/img/popups/wort.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieFachbegriff {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFFCDB;
   background-image: url(/basic/resources/img/popups/fachbegriff.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieKategorie {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFFCDB;
   background-image: url(/basic/resources/img/popups/kategorie.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieFrage {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFFCDB;
   background-image: url(/basic/resources/img/popups/frage.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailInfo {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FFFCDB;
   color: #666;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}

td.vertiefungDetailInfoText {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FFFCDB;
   vertical-align: top;
   cursor: default;
   padding: 0px 5px 0px 5px;
}


th.vertiefungGliederung {
   text-align: left;
   line-height: 10px;
   background-color: #CEDDE1;
   background-image: url(/basic/resources/img/popups/gliederung_background.png);
   background-repeat: repeat-x;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungKategorieGliederung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/thema.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGliederungBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGliederungPerson {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/person.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGliederungPAUXProdukt {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/pauxprodukt.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGliederungBewertung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/bewertung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGliederungWort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/wort.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieThema {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/thema.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieLektion {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/lektion.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieTest {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/test.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieModul {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7FF;
   background-image: url(/basic/resources/img/popups/modul.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailGliederung {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F0F7FF;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


th.vertiefungFundstelle {
   text-align: left;
   line-height: 10px;
   background-color: #FFE5B8;
   background-image: url(/basic/resources/img/popups/fundstelle_background.png);
   background-repeat: repeat-x;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungKategorieFundstelle {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   color: #888;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   font-weight: bold;
   background-color: #FCEDD2;
   vertical-align: top;
   cursor: default;
}

td.vertiefungKategorieFundstellenBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieZeitschrift {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/zeitschrift.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   vertical-align: top;
   cursor: default;
}

td.vertiefungKategorieFundstellePerson {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/person.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieFundstelleVerlag {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/verlag.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieFundstellenBewertung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/bewertung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

/* td.vertiefungKategorieFundstelle {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   color: #888;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   font-weight: bold;
   background-color: #FFE5B8;
   vertical-align: top;
   cursor: default;
}
 */
td.vertiefungKategorieAufsatz {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/aufsatz.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieUrteil {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/urteil.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

/* td.vertiefungKategorieZeitschrift {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/zeitschrift.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}
 */

td.vertiefungKategorieRepetitoriumsfall {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/repetitoriumsfall.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieDatentraeger {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/datentraeger.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieLehrbuch {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/lehrbuch.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

span.lehrbuch_buyme {
   color: #1c5d76;
   background: url(/basic/resources/img/einkaufswagen.png) no-repeat;
   background-position: top right;
   padding-right: 24px;
}

td.vertiefungKategorieKommentar {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FCEDD2;
   background-image: url(/basic/resources/img/popups/kommentar.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailFundstelle {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FCEDD2;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


th.vertiefungMedium {
   text-align: left;
   line-height: 10px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/medium_background.png);
   background-repeat: repeat-x;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungKategorieMedium {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   color: #888;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   font-weight: bold;
   background-color: #D9F1D2;
   vertical-align: top;
   cursor: default;
}

td.vertiefungKategorieMedienBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieMediumFormat {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/format.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieMediumBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieMediumPerson {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/person.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieMediumVerlag {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/verlag.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieMediumBewertung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/bewertung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieDatei {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/datei.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGrafik {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/grafik.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieAnimation {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/animation.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieAudio {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/audio.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieVideo {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/video.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailMedium {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #D9F1D2;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


th.vertiefungPerson {
   text-align: left;
   line-height: 10px;
   background-color: #F0F7D0;
   background-image: url(/basic/resources/img/popups/person_background.png);
   background-repeat: repeat-x;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungKategoriePerson {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F0F7D0;
   background-image: url(/basic/resources/img/popups/person.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategoriePersonBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F0F7D0;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieWeiterePerson {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F0F7D0;
   background-image: url(/basic/resources/img/popups/personen.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieVerlag {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F0F7D0;
   background-image: url(/basic/resources/img/popups/verlag.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailPerson {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F0F7D0;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


th.vertiefungHyperlink {
   text-align: left;
   line-height: 10px;
   background-color: #F0D7D4;
   background-image: url(/basic/resources/img/popups/hyperlink_background.png);
   background-repeat: repeat-x;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungKategorieHyperlink {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F8EBE9;
   background-image: url(/basic/resources/img/popups/hyperlink.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieHyperlinkInfo {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFFCDB;
   background-image: url(/basic/resources/img/popups/hyperlink.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieHyperlinkBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F8EBE9;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieHyperlinkURL {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F8EBE9;
   background-image: url(/basic/resources/img/popups/url.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieHyperlinkBewertung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F8EBE9;
   background-image: url(/basic/resources/img/popups/bewertung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailHyperlink {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F8EBE9;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}

th.vertiefungVeranstaltung {
   text-align: left;
   line-height: 10px;
   background-color: #DBFCF5;
   background-image: url(/basic/resources/img/popups/veranstaltung_background.png);
   background-repeat: repeat-x;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungKategorieVeranstaltung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #DBFCF5;
   background-image: url(/basic/resources/img/popups/veranstaltung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieVeranstaltungBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #DBFCF5;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieVeranstaltungsBewertung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #DBFCF5;
   background-image: url(/basic/resources/img/popups/bewertung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailVeranstaltung {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #DBFCF5;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}

th.vertiefungInfo_FrageAntwort {
   text-align: right;
   line-height: 10px;
   background-color: #fff;
   padding: 1px;
   cursor: default;
   border: none;
}

td.vertiefungInfo_FrageAntwort {
   color: #888;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FFF;
   border-right: 2px solid #E7E5CA;
   border-bottom: 2px solid #E7E5CA;
   border-left: 2px solid #E7E5CA;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}

td.vertiefungKategorieInfo_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/info.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieInfoBegruendung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFFCDB;
   background-image: URL(/basic/resources/img/Argument.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieWort_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/wort.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieFachbegriff_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/fachbegriff.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieKategorie_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/kategorie.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGliederung_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/thema.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieThema_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/thema.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieLektion_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/lektion.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieTest_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/test.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieModul_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/modul.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieGliederung_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/thema.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailGliederung_FrageAntwort {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #fff;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


td.vertiefungKategorieAufsatz_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/aufsatz.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieUrteil_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/urteil.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieRepetitoriumsfall_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/repetitoriumsfall.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieDatentraeger_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/datentraeger.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieLehrbuch_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/lehrbuch.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieKommentar_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/kommentar.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieZeitschrift_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/zeitschrift.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   vertical-align: top;
   cursor: default;
}

td.vertiefungKategoriePerson_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/person.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieHyperlink_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/hyperlink.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungKategorieVeranstaltung_FrageAntwort {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #fff;
   background-image: url(/basic/resources/img/popups/veranstaltung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailInfo_FrageAntwort, td.vertiefungDetailInfoText_FrageAntwort, td.vertiefungDetailFundstelle_FrageAntwort, td.vertiefungDetailMedium_FrageAntwort, td.vertiefungDetailVeranstaltung_FrageAntwort, td.vertiefungDetailProdukt_FrageAntwort, td.vertiefungDetailHyperlink_FrageAntwort, td.vertiefungDetailPerson_FrageAntwort {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #fff;
   vertical-align: top;
   cursor: default;
   padding: 0px 5px 0px 0px;
   vertical-align: bottom;
}


.buchen {
   font-size: 16px;
   background-image: url(/basic/resources/img/popups/Buchen_aktiv.png);
   background-repeat: no-repeat;
   background-position: left top;
   border: none;
   vertical-align: top;
   margin: 0px 0px 0px 10px;
   position: relative;
   top: -2px;
}

.buchen:hover {
   background-image: url(/basic/resources/img/popups/Buchen_passiv.png);
   text-decoration: none;
}

.buchen:active{
   background-image: url(/basic/resources/img/popups/Buchen_aktiv.png);
}

td.vertiefungKategorieProdukt {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #F8EBE9;
   background-image: url(/basic/resources/img/popups/produkt.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.vertiefungDetailProdukt {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #F8EBE9;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


td.infoInLektion {
   line-height: 16px;
   padding: 0px 0px 10px 0px;
   min-width: 100%;
   width: 100%;
}

/* td.infoInLektion:hover {
   background-color: #eee;
}*/

td.multimediaInInfo {
   display: block;
   overflow: visible;
   position: relative;
   left: 16px;
}


#popup_info, #popup_antwortlang, #popup_aussageteil, #popup_antwortnormal, #popup_zwischenfrage, #popup_zwischenantwort, #popup_mcantwort, #popup_lueckenantwort, #popup_thema, #popup_themaohneinfo, #popup_lektion, #popup_test, #popup_modul, #popup_aufsatz, #popup_urteil, #popup_zeitschrift, #popup_repetitoriumsfall, #popup_datentraeger, #popup_lehrbuch, #popup_kommentar, #popup_datei, #popup_grafik, #popup_animation, #popup_audio, #popup_video, #popup_veranstaltung, #popup_fremdprodukt, #popup_pauxprodukt, #popup_produkt, #popup_hyperlink, #popup_person, #popup_autor, #popup_verlag, #popup_repetitorium, #popup_gericht, #popup_zielgruppe {
   filter:alpha(opacity=90);
   opacity: 0.90;
   -moz-opacity:0.90;
   -khtml-opacity: 0.90;
}

#popup_themaohneinfo
{
   margin: 25px 0px 0px -2px;
}

#popup_info:hover, #popup_antwortlang:hover, #popup_aussageteil:hover, #popup_antwortnormal:hover, #popup_zwischenfrage:hover, #popup_zwischenantwort:hover, #popup_mcantwort:hover, #popup_lueckenantwort:hover, #popup_thema:hover, #popup_themaohneinfo:hover, #popup_lektion:hover, #popup_test:hover, #popup_modul:hover, #popup_aufsatz:hover, #popup_urteil:hover, #popup_zeitschrift:hover, #popup_repetitoriumsfall:hover, #popup_datentraeger:hover, #popup_lehrbuch:hover, #popup_kommentar:hover, #popup_datei:hover, #popup_grafik:hover, #popup_animation:hover, #popup_audio:hover, #popup_video:hover, #popup_veranstaltung:hover, #popup_fremdprodukt:hover, #popup_pauxprodukt:hover, #popup_produkt:hover, #popup_hyperlink:hover, #popup_person:hover, #popup_autor:hover, #popup_verlag:hover, #popup_repetitorium:hover, #popup_gericht:hover, #popup_zielgruppe {
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity:1.00;
   -khtml-opacity: 1.00;
}


a:link, a:visited {
   text-decoration: none;
   color: #0000ff;
}

a:hover {
   text-decoration: underline;
   color: #0000FF;
}

a:active {
   text-decoration: none;
}


a.uri:link, a.uri:visited {
   text-decoration: none;
   color: #0000ff;
   padding-left: 22px;
   margin-right: 28px;
   background-image: url(/basic/resources/img/popups/extlink.gif);
   background-repeat: no-repeat;
   background-position: left center;
   overflow: hidden;
}

a.uri:hover {
   text-decoration: underline;
   color: #0000FF;
}

a.uri:active {
   text-decoration: none;
   color: #fff;
}


a.themenlink:link, a.themenlink:visited {
   font-size:14px;
   color: #000055;
   font-weight:normal;
}

a.themenlink:hover {
   background-color: #E3E7EC;
   background-image: url(/basic/resources/img/popups/gliederung_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
   text-decoration: none;
}

a.themenlink:active {
}

a.themenlinkOhneInfos:link, a.themenlinkOhneInfos:visited {
   text-decoration: none;
   border: none;
   color: #fff;
   cursor: pointer;
   padding-top: 2px;
   padding-right: 0px;
   padding-bottom: 1px;
   padding-left: 8px;
   font-size:0.8em;
}

a.themenlinkOhneInfos:hover {
   color: #999;
}

a.themenlinkMitInfos:link, a.themenlinkMitInfos:visited {
   color: #fff;
   text-decoration: none;
   border: none;
   padding-top: 2px;
   padding-right: 0px;
   padding-bottom: 1px;
   padding-left: 8px;
   font-size:0.8em;
}

a.themenlinkMitInfos:hover {
   color: #aaa;
}

a.anzahlinfos, a.anzahlinfos:visited {
   text-decoration: none;
   color: #999;
   font-size:10px;
   font-weight: normal;
}

a.anzahlinfos:hover {
}

a.anzahlinfos:active {
}

#LektionFilter {
   position: absolute;
   width: auto;
   margin-top:   10px;
   margin-left: 572px;
}

/* .selectboxes {
   text-align: right;
   width: 100%;
   position: relative;
   right: 0px;
   top: 40px;
} */

.selectboxes {
   visibility: hidden;
}


.selectboxes:hover {
}

.navigationbar {
}

.demosettings {
}

.demozielgruppe {
   color: #000;
   background-color: #fff;
   border: 1px solid #aaa;
   width: 120px;
   filter:alpha(opacity=30);
   opacity: 0.30;
   -moz-opacity: 0.30;
   -khtml-opacity: 0.30;
}

.demozielgruppe:hover {
   color: #444;
   background-color: #eee;
   border: 1px solid #bbb;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}

.demoschwierigkeitsgrad {
   color: #000;
   background-color: #fff;
   border: 1px solid #aaa;
   width: 120px;
   filter:alpha(opacity=30);
   opacity: 0.30;
   -moz-opacity: 0.30;
   -khtml-opacity: 0.30;
}

.demoschwierigkeitsgrad:hover {
   color: #444;
   background-color: #eee;
   border: 1px solid #bbb;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}

.demopruefungsrelevanz {
   color: #000;
   background-color: #fff;
   border: 1px solid #aaa;
   filter:alpha(opacity=30);
   opacity: 0.30;
   -moz-opacity: 0.30;
   -khtml-opacity: 0.30;
   width: 95px;
}

.demopruefungsrelevanz:hover {
   color: #444;
   background-color: #eee;
   border: 1px solid #bbb;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}

.demoapplybutton {
   color: #000;
   background-color: #ffcccc;
   border: 2px solid #bbb;
   filter:alpha(opacity=30);
   opacity: 0.30;
   -moz-opacity: 0.30;
   -khtml-opacity: 0.30;
}

.demoapplybutton:hover {
   color: #444;
   background-color: #ffdddd;
   border: 2px outset #bbb;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}

.lektion_popup {
}

.lektion_popup:hover {
   text-decoration: none;
}

td.lektion_heading {
   text-indent: -18px;
   padding: 40px 0px 0px 18px;
}

span.lektion_heading {
   font-size:24px;
   color: #0073c4;
   font-weight: bold;
   margin: 0px 0px 0px 18px;
}

span.lektion_heading:hover {
   color: #000044;
   text-decoration: none;
   background-color: #E3E7EC;
   background-image: url(/basic/resources/img/popups/gliederung_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

p.beschreibunglektion {
   font-size:14px;
   color: #777;
   margin: 2px 0px 0px 18px;
}

span.lektion_thema, span.lektion_thema h1, span.lektion_thema h2, span.lektion_thema h3, span.lektion_thema h4, span.lektion_thema h5, span.lektion_thema h6, span.lektion_thema h6.heading7, span.lektion_thema h6.heading8, span.lektion_thema h6.heading9, span.lektion_thema h6.heading10, span.lektion_thema h6.heading11, span.lektion_thema h6.heading12  {
   color: #0073c4;
   font-weight:bold;
   /* padding: 18px 0px 12px 18px; /* FIXME: Das waere eigentlich die richtige Einstellung, das blaeht die Ueberschriften aber auf */
   /* padding: 0px 0px 0px 18px; */
   /* margin: 0px; */
   margin: 18px 0px 6px 0px;
}

span.lektion_thema {
   margin: 0px 0px 0px 18px;
   font-weight: normal;
   font-size:  20px;
   display: block;
}

span.lektion_thema h1 {
   margin-left: 1px;
   font-size:  20px;
}

span.lektion_thema h2 {
   margin-left: 25px;
   font-size:   19px;
}

span.lektion_thema h3 {
   margin-left: 50px;
   font-size:   18px;
}

span.lektion_thema h4 {
   margin-left: 75px;
   font-size:   17px;
}

span.lektion_thema h5 {
   margin-left: 100px;
   font-size:   16px;
}

span.lektion_thema h6 {
   margin-left: 125px;
   font-size:   15px;
}

span.lektion_thema h6.heading6 {
   margin-left: 150px;
   font-size:   14px;
}

span.lektion_thema h6.heading7 {
   margin-left: 175px;
   font-size:   13px;
}

span.lektion_thema h6.heading8 {
   margin-left: 200px;
   font-size:   12px;
}

span.lektion_thema h6.heading9 {
   margin-left: 225px;
   font-size:   11px;
}

span.lektion_thema h6.heading10 {
   margin-left: 250px;
   font-size:   10px;
}

span.lektion_thema h6.heading11 {
   margin-left: 275px;
   font-size:   9px;
}

span.lektion_thema h6.heading12 {
   margin-left: 300px;
   font-size:   8px;
}


span.lektion_thema:hover {
   background-image: none;
}

span.hoverheading {
   line-height: 200%;
   font-weight: normal;
}

span.hoverheading:hover {
   color: #000;
   text-decoration: none;
   background-color: #E3E7EC;
   background-image: url(/basic/resources/img/popups/gliederung_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.hoverheading:active  {
}


span.lektion_at_verknuepfung {
   font-size:14px;
   color:#000;
   line-height: 130%;
   text-decoration: none;
   vertical-align: baseline;
   /* border-bottom-color: #888;
   border-bottom-style: dotted;
   border-bottom-width: 1px; */
}

span.lektion_at_verknuepfung:hover {
   color: #222200;
   background-color: #EBE7B6;
   background-image: url(/basic/resources/img/popups/info_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_at_verknuepfung:active {
   background-image: none;
}

span.lektion_at_verknuepfung_markiert {
   font-size:14px;
   color:#000;
   background-color: orange;
   line-height: 130%;
   text-decoration: none;
   vertical-align: baseline;
   /* border-bottom-color: #888;
   border-bottom-style: dotted;
   border-bottom-width: 1px; */
}

span.lektion_at_ohneverknuepfung {
   font-size: 14px;
   line-height: 130%;
   color: #000;
   vertical-align: baseline;
}

span.lektion_at_ohneverknuepfung_markiert {
   font-size: 14px;
   line-height: 130%;
   color: #000;
   background-color: orange;
   vertical-align: baseline;
}

span.lektion_hinweis {
   font-size:14px;
   line-height: 130%;
   color: #888;
   vertical-align:baseline;
}

#AT {
   display: inline;
}

#AT .Level0{
   padding-left: 0px;
}

#AT .Level1{
   padding-left: 15px;
}

#AT .Level2{
   padding-left: 30px;
}

#AT .Level3{
   padding-left: 45px;
}

#AT .Level4{
   padding-left: 60px;
}

#AT .Level5{
   padding-left: 75px;
}

#AT .Level6{
   padding-left: 90px;
}

#AT .Level7{
   padding-left: 105px;
}

#AT .Level8{
   padding-left: 120px;
}

#AT .Level9{
   padding-left: 135px;
}

#AT .Level10{
   padding-left: 135px;
}

hr.lektion_trenner {
   color: #ddd;
   height:2px;
   border-style: solid;
   margin: 10px 0px 20px 0px;
}


span.lektion_info {
   color: #000;
   font-weight:normal;
}

span.lektion_info:hover {
   background-color: #EBE7B6;
   color: #000;
   background-image: url(/basic/resources/img/popups/info_background.png);
   background-repeat: repeat-x;
   border-top: 2px solid #eee;
   border-right: 0px solid #ccc;
   border-left: 0px solid #ddd;
   cursor: pointer;
}

span.lektion_info:active {
   background-image: none;
}

span.lektion_gliederung {
   color: #000;
   font-weight:normal;
}

span.lektion_gliederung:hover {
   background-color: #DCE8F7;
   color: #000055;
   background-image: url(/basic/resources/img/popups/gliederung_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_gliederung:active {
   background-image: none;
}

span.lektion_fundstelle {
   color: #000;
   font-weight:normal;
}

span.lektion_fundstelle:hover {
   color: #000;
   background-color: #FFE5B8;
   background-image: url(/basic/resources/img/popups/fundstelle_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_fundstelle:active {
   background-image: none;
}

span.lektion_medium {
   color: #000;
   font-weight:normal;
}

span.lektion_medium:hover {
   color: #005511;
   background-color: #D9F1D2;
   background-image: url(/basic/resources/img/popups/medium_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_medium:active {
   background-image: none;
}

span.lektion_person {
   color: #000;
   font-weight:normal;
}

span.lektion_person:hover {
   color: #004400;
   background-color: #DDE8AB;
   background-image: url(/basic/resources/img/popups/person_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_person:active {
   background-image: none;
}

span.lektion_veranstaltung {
   color: #000;
   font-weight:normal;
}

span.lektion_veranstaltung:hover {
   color: #000;
   background-color: #DCE8F7;
   background-image: url(/basic/resources/img/popups/veranstaltung_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_veranstaltung:active {
   background-image: none;
}

span.lektion_produkt {
   color: #000;
   font-weight:normal;
}

span.lektion_produkt:hover {
   color: #ff0000;
   background-color: #DCE8F7;
   background-image: url(/basic/resources/img/popups/produkt_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_produkt:active {
   background-image: none;
}

span.lektion_hyperlink {
   color: #000;
   font-weight:normal;
}

span.lektion_hyperlink:hover {
   color: #550000;
   background-color: #F0D7D4;
   background-image: url(/basic/resources/img/popups/hyperlink_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

span.lektion_hyperlink:active {
   background-image: none;
}

a.verknuepfungAktion, a.verknuepfungAktion:visited {
   text-decoration: none;
   color: #000;
   border-bottom-color: #888;
   border-bottom-style: dotted;
   border-bottom-width: 1px;
   padding: 0px;
   font-size:12px;
}

a.verknuepfungAktion:hover {
   cursor: pointer;
   background: none;
}

a.verknuepfungAktion:active {
}

p.verknuepfungAktion, p.verknuepfungAktion:visited {
   padding: 3px 0px 0px 0px;
}

p.verknuepfungAktion:hover {
}

p.verknuepfungAktion:active {
}

a.verknuepfungAktionInfo, a.verknuepfungAktionInfo:visited {
   text-decoration: none;
   color: #000;
   border-bottom-color: #888;
   border-bottom-style: dotted;
   border-bottom-width: 1px;
   padding: 0px;
   font-size:12px;
}

a.verknuepfungAktionInfo:hover {
   cursor: pointer;
}

a.verknuepfungAktionInfo:active {
}

a.verknuepfung, a.verknuepfung:visited {
   text-decoration: none;
   color: #000;
   border-top-color: #D0E2FB;
   border-right-color: #D0E2FB;
   border-bottom-color: #999;
   border-left-color: #D0E2FB;
   border-top-style: dotted;
   border-right-style: dotted;
   border-bottom-style: dotted;
   border-left-style: dotted;
   border-top-width: 0pt;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0pt;
   padding: 0px;
   font-weight: normal;
}

a.verknuepfung:hover {
   cursor: pointer;
}

a.verknuepfung:active {
}

a.tagAction {
   color: #fff;
   background-color:black;
   padding: 1px 3px 2px 3px;
}

a.tagAction:hover {
   text-decoration: none;
   padding: 0px 3px 2px 3px;
   border-top: 1px solid #bbb;
   background-color: #418ecf;
   min-height:  26px;
   max-height:  26px;
   height:      26px;
   border-radius: 5px 5px 0px 0px;
   -moz-border-radius: 5px 5px 0px 0px;
   -webkit-border-radius: 5px 5px 0px 0px;
}

a.loadInfo {
   position: relative;
   top: 10;
   left: 0;
   text-decoration: none;
   color: #444;
   line-height: 200%;
   padding: 2px 8px 2px 8px;
   margin-right: -3px;
   font-size:12px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 0px 0px;
}

a.loadInfo:hover {
   color: #111;
   text-decoration: none;
   padding: 2px 7px 2px 7px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

a.loadInfo:active {
   color: #000;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

a.navigational, a.navigational:visited, a.richtigbewerten, a.falschbewerten {
   text-decoration: none;
   color: #444;
   line-height: 200%;
   padding: 0px 8px 0px 8px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   margin-right: -3px;
   font-size:12px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.navigational:hover, a.lt_antwort:hover {
   text-decoration: none;
   color: #111;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}


a.navigational:active, a.lt_antwort:active {
   background-image: URL(/basic/resources/img/tab_background_active.png);
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
}


a.navigational_active, a.navigational_active:visited {
   text-decoration: none;
   color: #BBB;
   line-height: 200%;
   padding: 2px 8px 2px 8px;
   margin-right: -3px;
   font-size:16px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.navigational_active:hover {
   text-decoration: none;
   color: #EEE;
   padding: 2px 7px 2px 7px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}


a.richtigbewerten:hover {
   text-decoration: none;
   color: #003300;
   padding: 0px 8px 0px 8px;
   background-image: URL(/basic/resources/img/richtigbewerten.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

a.falschbewerten:hover {
   text-decoration: none;
   color: #440000;
   padding: 0px 8px 0px 8px;
   background-image: URL(/basic/resources/img/falschbewerten.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

a.navigational:active, a.richtigbewerten:active,a.falschbewerten:active, a.lt_antwort:active {
   color: #444;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

a.navigationalThema, a.navigationalThema:visited {
   text-decoration: none;
   color: #0000FF;
   line-height: 200%;
   padding:2px;
   margin-right: 5px;
   font-size:12px;
}

a.navigationalThema:hover {
   text-decoration: none;
   color: #FFF;
   background-color: #0000ff;
}

a.navigationalThema:active {
   font-weight:bold;
   color: #FFF;
   background-color: #0000ff;
}

#themenSelectAll, #themenSelectNone{
   visibility: hidden;
}

a.navigationalModul, a.navigationalModul:visited {
   text-decoration: none;
   font-weight: normal;
   font-size:10px;
   visibility: hidden;
}

a.navigationalModul:hover {
   text-decoration: underline;
}

a.navigationalModul:active {
   font-weight:bold;
   color: #FFF;
}

/* a.lt_antwort, a.lt_antwort:visited {
   text-decoration: none;
   background-color: #ffffcc;
   color: #0000FF;
   line-height: 300%;
   padding:2px;
   text-align: right;
   margin-left: 300px;
   font-size:15px;
   font-weight: bold;
}

a.lt_antwort:hover {
   text-decoration: none;
   color: #FFF;
   background-color: #0000ff;
}

a.lt_antwort:active {
   font-weight:bold;
   color: #FFF;
   background-color: #0000ff;
}
 */
a.navigational_big, a.navigational_big:visited, a.navigational_big:hover, a.navigational_big:active {
   font-size:14px;
   font-weight: bold;
   text-decoration: underline;
   color: #0000FF;
}

a.verknuepfungGemerkteInfo, a.verknuepfungGemerkteInfo:visited, a.verknuepfungGemerkteInfo:hover, a.verknuepfungGemerkteInfo:active {
   text-decoration: underline;
   font-weight: bold;
   color: #0000FF;
}


span.hinweis {
   color: #666;
}


span.paragraphen {
   color: #bbb;
}

span.artikel {
   color: #bbb;
}

span.anzahlinfos {
   color: #888;
   font-size: 12px;
   border-style: none;
}

p.info{
   margin: 5px 0px 10px 0px;
}

p.info:hover{
}


p.bewertung{
   margin: 0px 0px 0px 0px;
}

.relevanzgrafik {
   height: 9px;
   width: 40px;
   padding: 0px 0px 2px 0px;
   vertical-align: bottom;
}

.schwierigkeitgrafik {
   height: 9px;
   padding: 0px 0px 2px 5px;
   vertical-align: bottom;
}

.qualitaetgrafik {
   height:8px;
   padding: 0px 0px 3px 5px;
   vertical-align: bottom;
}

span.zielgruppe {
   color: #666;
   font-size: 11px;
   padding: 0px 0px 0px 5px;
   /* vertical-align: middle; */
}

span.begruendung {
   color: #999;
   font-size: 11px;
   /* vertical-align: middle; */
}

span.anmerkung {
   color: #999;
   font-size: 11px;
   /* vertical-align: middle; */
}

span.beschreibung {
   color: #666;
   font-size: 12px;
   /* vertical-align: middle; */
}

span.beschreibung_hidden {
   color: #fff;
   filter:alpha(opacity=0);
   opacity: 0.00;
   -moz-opacity: 0.00;
   -khtml-opacity: 0.00;
}

span.beschreibung_hidden:hover {
   color: #777;
   filter:alpha(opacity=100);
   opacity: 1.00;
   -moz-opacity: 1.00;
   -khtml-opacity: 1.00;
}


span.sehrklein {
   color: #666;
}

span.autor {
   color: #666;
   font-size: 12px;
}

a.antwort_button {
   text-decoration: none;
   color: #444;
   line-height: 200%;
   padding: 2px 12px 2px 12px;
   margin-right: -3px;
   font-size:12px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.antwort_button:hover {
   text-decoration: none;
   color: #111;
   padding: 2px 11px 2px 11px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

a.antwort_button:active {
   color: #444;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

#antwort_kuerzen_button {
   font-size: 12px;
   color: #555;
   position: relative;
   top: 0px;
   left: 29px;
   width: 130px;
}

#antwort_kuerzen_text {
   font-size: 12px;
   color: #555;
}

#antwort_kuerzen_text a:hover {
   color: #555;
   text-decoration: none;
}

#antwort_kuerzen_text_aktiv {
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   padding: 2px 8px 2px 8px;
   color: #555;
   border-left:  2px solid #777;
   border-right: 2px solid #bbb;
   border-bottom: 2px solid #bbb;
   border-top: 2px solid #777;
}

#frage {
   font-size:14px;
   margin: 70px 0px 0px 0px;
   color: #222f44;
   background-color: #d8e8fd;
   padding: 30px 75px 30px 35px;
   width: 582px;
   min-width: 582px;
   max-width: 582px;
   border-radius: 40px 40px 0px 0px;
   -moz-border-radius: 40px 40px 0px 0px;
   -webkit-border-radius: 40px 40px 0px 0px;
   border-top: 1px solid #ddd;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
   /* border-bottom: 1px solid #ccc; */
   text-align: left;
   text-indent: 0px;
}

#zwischennavigation {
   font-size:14px;
   margin: 0px 0px 0px 0px;
   color: #222244;
   background-color: #d8defd;
   padding: 0px 35px 0px 35px;
   width: 622px;
   min-width: 622px;
   max-width: 622px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
   text-align: left;
   text-indent: 0px;
}

#zwischenfrage {
   font-size:14px;
   margin: 0px 0px 0px 0px;
   color: #222244;
   background-color: #d8defd;
   padding: 20px 35px 20px 35px;
   width: 622px;
   min-width: 622px;
   max-width: 622px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
   text-align: left;
   text-indent: 0px;
}

#zwischenantwort {
   font-size:14px;
   margin: 0px 0px 0px 0px;
   color: #333;
   background-color: #eee;
   padding: 20px 35px 20px 35px;
   width: 622px;
   min-width: 622px;
   max-width: 622px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
   text-indent: 0px;
}

#antwort, #antwortkurz {
   font-size:14px;
   margin: 0px 0px 30px 0px;
   color: #333;
   background-color: #eee;
   padding: 50px 35px 50px 35px;
   width: 622px;
   min-width: 622px;
   max-width: 622px;
   border-radius: 0px 0px 40px 40px;
   -moz-border-radius: 0px 0px 40px 40px;
   -webkit-border-radius: 0px 0px 40px 40px;
   border-right: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   border-left: 1px solid #ddd;
   border-top: 1px solid #ddd;
   text-indent: 0px;
}

#mcantworteinleitung, #lueckentextmitluecken {
   font-size:14px;
   margin: 0px 0px 0px 0px;
   color: #333;
   background-color: #eee;
   padding: 30px 35px 0px 35px;
   width: 622px;
   min-width: 622px;
   max-width: 622px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
   text-indent: 0px;
}

#mcantworten_einzeln {
   width: 60px;
   margin: 0px 0px 0px 0px;
}

#mcantwortmitsymbolen {
   width: 60px;
   margin: 0px;
   padding: 0px;
   height: 60px;
}

#mcantworten, #ltantworten {
   margin: 0px 0px 0px 0px;
   color: #333;
   background-color: #eee;
   padding: 30px 30px 30px 19px;
   width: 643px;
   min-width: 643px;
   max-width: 643px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #aaa;
   text-indent: 0px;
   border-radius: 0px 0px 40px 40px;
   -moz-border-radius: 0px 0px 40px 40px;
   -webkit-border-radius: 0px 0px 40px 40px;
}

#mcantwort, #mcantwort_selected {
   margin: 0px 0px 0px 0px;
   font-size:14px;
   text-decoration: none;
   line-height: 150%;
   padding: 10px 30px 10px 10px;
   width: 550px;
   min-width: 550px;
   max-width: 550px;
   text-indent: 0px;
}

a.mcantwort {
   font-size:14px;
   color: #444;
   text-decoration: none;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.mcantwort:hover {
   text-decoration: none;
   color: #111;
   padding: 1px 6px 3px 6px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   cursor: pointer;
}

a.mcantwort:active {
   color: #000;
   padding: 1px 7px 3px 7px;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}


#mcantwort_selected {
   /* text-indent: -10px; */
   text-indent: 0px;
}

a.mcantwort_selected {
   font-size:14px;
   color: #111;
   text-decoration: none;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.mcantwort_selected:hover {
   font-size:14px;
   text-decoration: none;
   color: #444;
   padding: 1px 6px 3px 6px;
   background-color: ddd;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.mcantwort_selected:active {
   color: #000;
   padding: 1px 7px 3px 7px;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

a.antwortmitverknuepfung, a.antwortmitverknuepfung:visited {
   font-size:14px;
   color: #444;
   text-decoration: none;
   padding: 1px 7px 3px 7px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.antwortmitverknuepfung_selected, a.antwortmitverknuepfung_selected:visited {
   font-size:14px;
   color: #111;
   text-decoration: none;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}


a.antwortmitverknuepfung:hover, a.antwortmitverknuepfung_selected:hover {
   background-image: url(/basic/resources/img/popups/info_background.png);
   background-repeat: repeat-x;
}

a.antwortmitverknuepfung:active, a.antwortmitverknuepfung_selected:active {
   background-color: #fff;
}

a.lueckenantwort, a.lueckenantwort:visited, a.lueckenantwort_alternative, a.lueckenantwort_alternative:visited {
   font-size:14px;
   text-decoration: none;
   color: #444;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.lueckenantwort_alternative:hover {
   text-decoration: none;
   color: #111;
   padding: 1px 6px 3px 6px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   cursor: pointer;
}

a.lueckenantwort_alternative:active {
   color: #000;
   padding: 1px 7px 3px 7px;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}



#lueckenantwort_inactive {
   font-size:14px;
   text-decoration: none;
   color: #444;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   display: inline;
}

#lueckenantwort_inactive:hover {
   text-decoration: none;
   color: #111;
   padding: 1px 6px 3px 6px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   cursor: pointer;
}

#lueckenantwort_inactive:active {
   color: #000;
   padding: 1px 7px 3px 7px;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}


.lueckenantwort_inactive {
   color: #444;
}

/* ZAEHLER */

/* GROSSER ZAEHLER */

#zaehlergross_richtig {
   position: absolute;
   left: 910px;
   top: 93px;
   color: #007700;
   text-align: center;
   vertical-align: 50%;
   line-height: 220%;
   width: 70px;
   min-width: 70px;
   max-width: 70px;
   height: 32px;
   font-size: 14px;
   min-height: 32px;
   max-height: 32px;
   background: url(/basic/resources/img/gesamtrichtig.png) no-repeat;
   background-position: 0px 1px;
   cursor: default;
}

#zaehlergross_falsch {
   position: absolute;
   left: 910px;
   top: 93px;
   color: #007700;
   text-align: center;
   vertical-align: 50%;
   line-height: 220%;
   width: 70px;
   min-width: 70px;
   max-width: 70px;
   height: 32px;
   font-size: 14px;
   min-height: 32px;
   max-height: 32px;
   background: url(/basic/resources/img/gesamtfalsch.png) no-repeat;
   background-position: 0px 1px;
   cursor: default;
}

#zaehlergross_neutral {
   position: absolute;
   left: 910px;
   top: 93px;
   color: #007700;
   text-align: center;
   vertical-align: 50%;
   line-height: 220%;
   width: 70px;
   min-width: 70px;
   max-width: 70px;
   height: 32px;
   font-size: 14px;
   min-height: 32px;
   max-height: 32px;
   background: url(/basic/resources/img/gesamtneutral.png) no-repeat;
   background-position: 0px 1px;
   cursor: default;
}

span.gesamtrichtig {
   color: #007700;
   font-size: 14px;
   cursor: default;
}

span.gesamt_richtig_von {
   color: #55cc55;
   font-size: 14px;
   cursor: default;
}

span.gesamtfalsch {
   color: #770000;
   font-size: 14px;
   cursor: default;
}

span.gesamt_falsch_von {
   color: #cc7777;
   font-size: 14px;
   cursor: default;
}

span.gesamtrichtig {
   color: #007700;
   font-size: 14px;
   cursor: default;
}

span.zaehlergross_graueschrift {
   color: #888;
   text-align: right;
   font-size: 14px;
   padding-left: 20px;
   cursor: default;
 }

span.gesamtneutral {
   color: #777;
   font-size: 14px;
   cursor: default;
}

span.gesamt_neutral_von {
   color: #aaa;
   font-size: 14px;
   cursor: default;
}


/* KLEINER ZAEHLER */

#moegliche_punkte {
   color: #666;
   padding: 7px 22px 7px 22px;
   font-size:12px;
   background: url(/basic/resources/img/moeglich.png) no-repeat;
   background-position: 1px 3px;
   cursor: default;
   float: right;
   vertical-align: top;
   position: absolute;
   margin-top: 26;
   top: auto;
   left: 918px;
}

#zaehlerklein_richtig, #zaehlerklein_richtig_lt {
   position: absolute;
   left: 920px;
   top: 250px;
   width: 50px;
   height: 25px;
   padding: 4px 0px 0px 0px;
   text-align: center;
   background: url(/basic/resources/img/richtig.png) no-repeat;
   background-position: 0px 1px;
   cursor: default;
}

#zaehlerklein_richtig_lt, #zaehlerklein_falsch_lt {
   padding: 4px 0px 0px 5px;
}

#zaehlerklein_falsch, #zaehlerklein_falsch_lt {
   position: absolute;
   left: 920px;
   top: 250px;
   width: 50px;
   height: 25px;
   padding: 4px 0px 0px 0px;
   text-align: center;
   background: url(/basic/resources/img/falsch.png) no-repeat;
   background-position: 0px 1px;
   cursor: default;
}

#zaehlerklein_richtig_lt, #zaehlerklein_falsch_lt {
   padding: 4px 0px 0px 5px;
}

span.richtig {
   color: #007700;
   font-size: 12px;
   cursor: default;
}

span.richtig_von {
   color: #55cc55;
   font-size: 12px;
   cursor: default;
}

span.falsch {
   color: #770000;
   font-size: 12px;
   cursor: default;
}

span.falsch_von {
   color: #cc6666;
   font-size: 12px;
   cursor: default;
}

span.zaehlerklein_graueschrift {
   color: #888;
   text-align: right;
   font-size: 12px;
   padding-left: 10px;
   cursor: default;
 }


/* PUNKTE-SYMBOLE */

a.mcantwort_richtig {
   position: absolute;
   top: 94px;
   left: 880px;
   color: #007700;
   padding: 7px 20px 7px 16px;
   font-size:12px;
   background: url(/basic/resources/img/richtig.png) no-repeat;
   background-position: 1px 3px;
   cursor: default;
}

span.mcantwort_richtig {
   color: #009900;
   font-size:12px;
   cursor: default;
}

span.mcantwort_falsch {
   color: #990000;
   font-size:12px;
   cursor: default;
}

#correct {
   position: relative;
   top: -15;
   left: 598px;
   background: url(/basic/resources/img/mcrichtig.png) no-repeat;
   background-position: 0px 0px;
   cursor: default;
   margin: 0px 0px 0px 0px;
   visibility: hidden;
}

#wrong {
   position: relative;
   top: -15;
   left: 598px;
   background: url(/basic/resources/img/mcfalsch.png) no-repeat;
   background-position: 0px 0px;
   cursor: default;
   margin: 0px 0px 0px 0px;
   visibility: hidden;
}

#mcantwort_richtig {
   position: relative;
   top: -50;
   left: 606px;
   color: #009900;
   line-height: 150%;
   padding: 3px 1px 5px 2px;
   text-align: center;
   font-size:12px;
   background: url(/basic/resources/img/punkte_richtig.png) no-repeat;
   background-position: 0px 0px;
   cursor: default;
   width: 27px;
   min-width: 27px;
   max-width: 27px;
}

#mcantwort_falsch {
   position: relative;
   top: -50;
   line-height: 150%;
   left: 606px;
   color: #990000;
   padding: 3px 1px 5px 2px;
   text-align: center;
   font-size:12px;
   background: url(/basic/resources/img/punkte_falsch.png) no-repeat;
   background-position: 0px 0px;
   cursor: default;
   width: 27px;
   min-width: 27px;
   max-width: 27px;
}

a.mcantwort_falsch {
   position: absolute;
   top: 94px;
   left: 880px;
   color: #770000;
   padding: 7px 12px 7px 12px;
   font-size:12px;
   background: url(/basic/resources/img/falsch.png) no-repeat;
   background-position: 1px 3px;
   cursor: default;
}


#lueckentextmitluecken {
   color: #444;
   line-height: 200%;
}

#lueckentext {
   display: inline;
}

#ltantworten {
   line-height: 250%;
   padding: 30px 33px 40px 33px;
   width: 626px;
   min-width: 626px;
   max-width: 626px;
}

#luecke_current {
   font-size:14px;
   color: #111;
   text-decoration: none;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   display: inline;
}

#luecke_current:hover {
}

#luecke_current:active {
}

#luecke_passive {
   font-size:14px;
   color: #444;
   height: 20px;
   max-height: 20px;
   min-height: 20px;
   text-decoration: none;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   display: inline;
}

#luecke_passive:hover {
   text-decoration: none;
   color: #111;
   padding: 1px 6px 3px 6px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   cursor: pointer;
}

#luecke_passive:active {
   color: #000;
   padding: 1px 7px 3px 7px;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

a.lueckenantwort, a.lueckenantwort:visited {
   text-decoration: none;
   color: #0000FF;
   line-height: 200%;
   margin-right: 5px;
   font-size:1.3em;
}

a.lueckenantwort:hover {
   text-decoration: none;
   color: #FFF;
   background-color: #0000ff;
}

a.lueckenantwort:active {
   font-weight:bold;
   color: #FFF;
   background-color: #0000ff;
}


a.lueckenantwort_selected {
   font-size:14px;
   color: #111;
   text-decoration: none;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.lueckenantwort_selected:hover {
   font-size:14px;
   text-decoration: none;
   color: #444;
   padding: 1px 7px 3px 7px;
   background-color: ddd;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.lueckenantwort_selected:active {
   color: #000;
   padding: 1px 7px 3px 7px;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

#lt_antwort_richtig {
   color: #004400;
   font-size:14px;
   padding: 2px 7px 2px 7px;
   background-image: URL(/basic/resources/img/richtigbewerten.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   display: inline;
   cursor: default;
}

#lt_antwort_richtig:hover {
   color: #111;
   background-image: url(/basic/resources/img/popups/info_background.png);
   background-repeat: repeat-x;
}

#lt_antwort_richtig:active {
   color: #fff;
}

#lt_antwort_richtig_punkte {
   color: #009900;
   font-size:14px;
   padding: 2px 14px 2px 14px;
   background-image: URL(/basic/resources/img/richtig.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   display: inline;
   cursor: default;
}

span.lueckenantwort_richtig {
   text-decoration: none;
   color: #007700;
   font-size: 12px;
}

span.lueckenantwort_richtig:hover {
   color: #111;
   background-image: url(/basic/resources/img/popups/info_background.png);
   background-repeat: repeat-x;
}

span.lueckenantwort_richtig:active {
   color: #fff;
}

span.lueckenantwort_richtig_von {
   text-decoration: none;
   color: #55cc55;
   font-size: 12px;
}

#lt_antwort_falsch {
   color: #440000;
   font-size:14px;
   padding: 2px 7px 2px 7px;
   background-image: URL(/basic/resources/img/falschbewerten.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   display: inline;
   cursor: default;
}

#lt_antwort_falsch:hover {
   color: #111;
   background-image: url(/basic/resources/img/popups/info_background.png);
   background-repeat: repeat-x;
}

#lt_antwort_falsch:active {
   color: #fff;
}

#lt_antwort_falsch_punkte {
   color: #990000;
   font-size:14px;
   padding: 2px 14px 2px 14px;
   background-image: URL(/basic/resources/img/falsch.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   display: inline;
   cursor: default;
}

span.lueckenantwort_falsch {
   text-decoration: none;
   color: #770000;
   font-size: 12px;
}

span.lueckenantwort_falsch_von {
   text-decoration: none;
   color: #cc6666;
   font-size: 12px;
}

a.ltantwortmitverknuepfung {
   text-decoration: none;
   color: #770000;
   font-size: 12px;
}



/* span.lueckenantwort_inactive {
   color: #999999;
   text-decoration: none;
   line-height: 600%;
}
 */


/* Modul-Praesentation */

td.ModulUebersichtKategorieModul {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/modul.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.ModulUebersichtKategorieBeschreibung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/beschreibung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.ModulUebersichtKategoriePerson {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/person.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.ModulUebersichtKategoriePAUXProdukt {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/pauxprodukt.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.ModulUebersichtKategorieBewertung {
   width: 40px;
   min-width: 40px;
   max-width: 40px;
   padding: 3px;
   background-color: #FFF;
   background-image: url(/basic/resources/img/popups/bewertung.png);
   background-repeat: no-repeat;
   background-position: 8px 4px;
   cursor: default;
}

td.ModulUebersichtDetail {
   font-family: "Trebuchet MS", Verdana;
   font-size:12px;
   background-color: #FFF;
   padding: 4px;
   vertical-align: top;
   cursor: default;
}


/* Modul-Ausgabe */

#Header {
   font-family: Verdana;
   width:        auto;
   height:       75px;
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-right: 1px solid #bbb;
   background: url(/basic/resources/img/kopfleiste_blau.png);
   background-position: 0px 1px;
   background-repeat: repeat-x;
   background-color: #0073c4;
   border-radius: 10px 10px 0px 0px;
   -moz-border-radius: 10px 10px 0px 0px;
   -webkit-border-radius: 10px 10px 0px 0px;
}

#Header .LogoBox {
   position: absolute;
   top:      13px;
   left:     0px;
   width:  240px;
   height:  75px;
}

#Header a.Logo {
   background: none;
   display: block;
   float: left;
   width: 240px;
   height: 75px;
   text-decoration: none;
   color: transparent; /* color must be the same as background-color */
   background: none;
   letter-spacing:-2px;
}


#Header .LoginLogout {
   position:   absolute;
   font-family: Verdana;
   font-weight:    bold;
   margin-left:   240px;
   margin-top:     -6px;
   padding-left:  535px;
   width:          auto;
   height:         20px;
}

#Header .register  {
   visibility: hidden;
   position: absolute;
   top:    20px;
   left: 946px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color: #fff;
   padding: 2px 6px 2px 6px;
}

#Login {
   font-size: 12px;
}

#Username {
   color:#333;
   background: none;
   display: inline;
   float: left;
   font-size: 11px;
   font-weight: normal;
}

#Password {
   background: none;
   color:#333;
   background: none;
   display: inline;
   float: left;
   font-size: 11px;
   font-weight: normal;
   margin-left: 4px;
}

#Header input {
   font-size:    80%;
   background-color: #ddd;
}

#Header .tagTextfield { /* FIXME! das haendige Angeben der Klassen in den input-Elementen klappt wohl nicht */
   z-index: 10;
   width: 80px;
   border-width:  1px;
   background-color: #fff;
   margin-top: -12px;
}

#Header .tagPassword {
   width: 80px;
   border-width:  1px;
   background-color: #fff;
   margin-left: 0px;
   margin-top: -12px;
}

#Header .LoginButton {
   font-size:12px;
   color: #333;
   width: 164px;
   padding: 0px 8px 0px 8px;
   /* background: url(/basic/resources/img/kopfleiste_blau.png) repeat-x;
   position: absolute; */
   top:    2px;
   left: 706px;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   display: block;
   margin-top: 4px;
}

#Header .LoginButton:hover {
   color: #000;
   background-color: #fff;
   background: url(/basic/resources/img/tab_background.png)  repeat-x;
   cursor: pointer;
}

#Header .LoginButton:active {
   background: url(/basic/resources/img/tab_background_active.png)  repeat-x;
}


#Header a.Logout {
   position: relative;
   top: -5px;
   left: 171px;
   text-decoration: none;
   color: #555;
   line-height: 200%;
   padding: 0px 8px 2px 8px;
   font-size:12px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

#Header a.Logout:hover {
   text-decoration: none;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

#Header a.Logout:active {
   border-left:   1px solid #777;
   border-right:  1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top:    1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

#pauxrein {
   position: absolute;
   top:           8px;
   left:        250px;
   width:       218px;
   height:       55px;
   background-image: URL(/basic/resources/img/pauxrein.png);
   background-repeat: no-repeat;
   visibility: hidden;
}

.powered_by {
   position: absolute;
   top:          11px;
   left:        948px;
   width:        92px;
   height:       24px;
   background: URL(/basic/resources/img/powered_by_paux_strafrecht.png) no-repeat;
   visibility: hidden;
}

.powered_by:hover {
   text-decoration: none;
}

#PrimaryNavigation {
   font-family:Verdana;
   font-size:      0px;
   height:       100px;
   margin-left:  240px;
   padding:        0px;
   background-color: #0073c4;
   border-right: 1px solid #bbb;
   width:        auto;
   min-height:   26px;
   max-height:   26px;
   height:       26px;
   overflow:  visible;
}

#PrimaryNavigation form {
   display: inline;
}

#PrimaryNavigation .Item1, #PrimaryNavigation .Item2, #PrimaryNavigation .Item3, #PrimaryNavigation .Item4 {
   font-family: Verdana;
   font-weight:  bold;
   padding-left: 0px;
}

#PrimaryNavigation a {
   color: white;
   padding: 4px 10px 6px 10px;
}

#PrimaryNavigation a:hover {
   background-color:      #fff;
   color:              #0073c4;
   text-decoration: none;
   padding: 4px 9px 6px 10px;
   border-top: 1px solid #777;
   border-right: 1px solid #eee;
   border-radius: 6px 6px 0px 0px;
   -moz-border-radius: 6px 6px 0px 0px;
   -webkit-border-radius: 6px 6px 0px 0px;
}

#PrimaryNavigation a:active {
   background-color:      #eee;
}

#PrimaryNavigation .Current, #PrimaryNavigation a.Current {
   font-weight:           bold;
   background-image:      none;
   background-color:      #fff;
   color:              #0073c4;
   padding: 4px 10px 6px 10px;
   margin-right: 10px;
   border-top: 1px solid #777;
   border-right: 1px solid #eee;
   border-radius: 6px 6px 0px 0px;
   -moz-border-radius: 6px 6px 0px 0px;
   -webkit-border-radius: 6px 6px 0px 0px;
}

#PrimaryNavigation .Current:hover, #PrimaryNavigation a.Current:hover {
   text-decoration: none;
   cursor: default;
}

#PrimaryNavigation .Current:active, #PrimaryNavigation a.Current:active {
   background-color:      #eee;
}

/* #PrimaryNavigation a.SiteMap {
   font-family: Verdana, Helvetica, sans-serif;
   color: #000;
   padding: 4px 10px 6px 10px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
}

#PrimaryNavigation a.Sitemap:hover {
   color: #cc3300;
   text-decoration: none;
   background-color:      #ffffea;
   padding: 4px 10px 6px 10px;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ffffea;
   -moz-border-radius: 0px 0px 0px 0px;
   -webkit-border-radius: 0px 0px 0px 0px;
} */

#PrimaryNavigation .Count {
   visibility: hidden;
}

#GapBeforeSecondaryNavigation {
   position: absolute;
   top:               75px;
   left:               1px;
   width:            240px;
   height:             27px;
   background-color: #0073c4;
   border-radius: 0px 0px 0px 3px;
   -moz-border-radius: 0px 0px 0px 3px;
   -webkit-border-radius: 0px 0px 0px 3px;
}


#SecondaryNavigation {
   font-family: Verdana;
   position: absolute;
   top:          103px;
   left:          0px;
   width:       240px;
   height:       auto;
   margin-left:   1px;
}

#SecondaryNavigation .Item {
   border-bottom: 1px solid #eee;
   border-radius: 3px 0px 0px 3px;
   -moz-border-radius: 3px 0px 0px 3px;
   -webkit-border-radius: 3px 0px 0px 3px;
}

#SecondaryNavigation .Level1 {
   padding:  8px 0px 8px 15px;
   font-weight: bold;
}

#SecondaryNavigation .SubItem {
   padding:  3px 0px 3px 0px;
}

#SecondaryNavigation .Level2 {
   padding-left: 30px;
}

#SecondaryNavigation .Level3 {
   padding-left: 45px;
}

#SecondaryNavigation .Level4 {
   padding-left: 60px;
}

#SecondaryNavigation .Level5 {
   padding-left: 75px;
}

#SecondaryNavigation .Level6 {
   padding-left: 90px;
}

#SecondaryNavigation .Level7 {
   padding-left: 105px;
}

#SecondaryNavigation .Level8 {
   padding-left: 120px;
}

#SecondaryNavigation .Level9 {
   padding-left: 135px;
}

#SecondaryNavigation div.Topic1, #SecondaryNavigation div.Topic3, #SecondaryNavigation div.Topic5, #SecondaryNavigation div.Topic7, #SecondaryNavigation div.Topic9, #SecondaryNavigation div.Topic11, #SecondaryNavigation div.Topic13, #SecondaryNavigation div.Topic15, #SecondaryNavigation div.Topic17, #SecondaryNavigation div.Topic19 {
   background-color: #3390d1;
}

#SecondaryNavigation div.Topic1:hover, #SecondaryNavigation div.Topic3:hover, #SecondaryNavigation div.Topic5:hover, #SecondaryNavigation div.Topic7:hover, #SecondaryNavigation div.Topic9:hover, #SecondaryNavigation div.Topic11:hover, #SecondaryNavigation div.Topic13:hover, #SecondaryNavigation div.Topic15:hover, #SecondaryNavigation div.Topic17:hover, #SecondaryNavigation div.Topic19:hover {
   background-color: #fff;
   color: #2371a8;
   cursor: pointer;
}

#SecondaryNavigation div.Topic1:active, #SecondaryNavigation div.Topic3:active, #SecondaryNavigation div.Topic5:active, #SecondaryNavigation div.Topic7:active, #SecondaryNavigation div.Topic9:active, #SecondaryNavigation div.Topic11:active, #SecondaryNavigation div.Topic13:active, #SecondaryNavigation div.Topic15:active, #SecondaryNavigation div.Topic17:active, #SecondaryNavigation div.Topic19:active {
   background-color: #eee;
}

#SecondaryNavigation div.Topic1:hover a, #SecondaryNavigation div.Topic3:hover a, #SecondaryNavigation div.Topic5:hover a, #SecondaryNavigation div.Topic7:hover a, #SecondaryNavigation div.Topic9:hover a, #SecondaryNavigation div.Topic11:hover a, #SecondaryNavigation div.Topic13:hover a, #SecondaryNavigation div.Topic15:hover a, #SecondaryNavigation div.Topic17:hover a, #SecondaryNavigation div.Topic19:hover a {
   color: #777;
}

#SecondaryNavigation div.Topic1:active a, #SecondaryNavigation div.Topic3:active a, #SecondaryNavigation div.Topic5:active a, #SecondaryNavigation div.Topic7:active a, #SecondaryNavigation div.Topic9:active a, #SecondaryNavigation div.Topic11:active a, #SecondaryNavigation div.Topic13:active a, #SecondaryNavigation div.Topic15:active a, #SecondaryNavigation div.Topic19:active a, #SecondaryNavigation div.Topic19:active a {
   color: #999;
}

#SecondaryNavigation a.Topic1, #SecondaryNavigation a.Topic3, #SecondaryNavigation a.Topic5, #SecondaryNavigation a.Topic7, #SecondaryNavigation a.Topic9, #SecondaryNavigation a.Topic11, #SecondaryNavigation a.Topic13, #SecondaryNavigation a.Topic15, #SecondaryNavigation a.Topic17, #SecondaryNavigation a.Topic19 {
   color:           #fff;
   background:      none;
   text-decoration: none;
}

#SecondaryNavigation div.Topic2, #SecondaryNavigation div.Topic4, #SecondaryNavigation div.Topic6, #SecondaryNavigation div.Topic8, #SecondaryNavigation div.Topic10, #SecondaryNavigation div.Topic12, #SecondaryNavigation div.Topic14, #SecondaryNavigation div.Topic16, #SecondaryNavigation div.Topic18, #SecondaryNavigation div.Topic20 {
   background-color: #0073c4;
}

#SecondaryNavigation div.Topic2:hover, #SecondaryNavigation div.Topic4:hover, #SecondaryNavigation div.Topic6:hover, #SecondaryNavigation div.Topic8:hover, #SecondaryNavigation div.Topic10:hover, #SecondaryNavigation div.Topic12:hover, #SecondaryNavigation div.Topic14:hover, #SecondaryNavigation div.Topic16:hover, #SecondaryNavigation div.Topic18:hover, #SecondaryNavigation div.Topic20:hover {
   background-color: #fff;
   color: #2371a8;
   cursor: pointer;
}

#SecondaryNavigation div.Topic2:active, #SecondaryNavigation div.Topic4:active, #SecondaryNavigation div.Topic6:active, #SecondaryNavigation div.Topic8:active, #SecondaryNavigation div.Topic10:active, #SecondaryNavigation div.Topic12:active, #SecondaryNavigation div.Topic14:active, #SecondaryNavigation div.Topic16:active, #SecondaryNavigation div.Topic18:active, #SecondaryNavigation div.Topic20:active {
   background-color: #eee;
}

#SecondaryNavigation div.Topic2:hover a, #SecondaryNavigation div.Topic4:hover a, #SecondaryNavigation div.Topic6:hover a, #SecondaryNavigation div.Topic8:hover a, #SecondaryNavigation div.Topic10:hover a, #SecondaryNavigation div.Topic12:hover a, #SecondaryNavigation div.Topic14:hover a, #SecondaryNavigation div.Topic16:hover a, #SecondaryNavigation div.Topic18:hover a, #SecondaryNavigation div.Topic20:hover a {
   color: #777;
}

#SecondaryNavigation div.Topic2:active a, #SecondaryNavigation div.Topic4:active a, #SecondaryNavigation div.Topic6:active a, #SecondaryNavigation div.Topic8:active a, #SecondaryNavigation div.Topic10:active a, #SecondaryNavigation div.Topic12:active a, #SecondaryNavigation div.Topic14:active a, #SecondaryNavigation div.Topic16:active a, #SecondaryNavigation div.Topic18:active a, #SecondaryNavigation div.Topic20:active a {
   color: #999;
}

#SecondaryNavigation a.Topic2, #SecondaryNavigation a.Topic4, #SecondaryNavigation a.Topic6, #SecondaryNavigation a.Topic8, #SecondaryNavigation a.Topic10, #SecondaryNavigation a.Topic12, #SecondaryNavigation a.Topic14, #SecondaryNavigation a.Topic16, #SecondaryNavigation a.Topic18, #SecondaryNavigation a.Topic20 {
   color:           #fff;
   background:      none;
   text-decoration: none;
}

/* #SecondaryNavigation a.Topic2, #SecondaryNavigation a.Topic4, #SecondaryNavigation a.Topic6, #SecondaryNavigation a.Topic8, #SecondaryNavigation a.Topic10, #SecondaryNavigation a.Topic12, #SecondaryNavigation a.Topic14, #SecondaryNavigation a.Topic16 {
   color:           #fff;
   background:      none;
   text-decoration: none;
   float: left;
   width: 240px;
   line-height: 1.2;
}

#SecondaryNavigation a.topic2:hover, #SecondaryNavigation a.topic4:hover, #SecondaryNavigation a.topic6:hover, #SecondaryNavigation a.topic8:hover, #SecondaryNavigation a.topic10:hover, #SecondaryNavigation a.topic2:hover, #SecondaryNavigation a.topic14:hover, #SecondaryNavigation a.topic16:hover {
   background-color: #777;
}

#SecondaryNavigation a.topic2:active, #SecondaryNavigation a.topic4:active, #SecondaryNavigation a.topic6:active, #SecondaryNavigation a.topic8:active, #SecondaryNavigation a.topic10:active, #SecondaryNavigation a.topic2:active, #SecondaryNavigation a.topic14:active, #SecondaryNavigation a.topic16:active {
   background-color: #999;
} */

/* #SecondaryNavigation .Topic2 {
   color:              #fff;
   background-color:#0073c4;
}

#SecondaryNavigation .Topic4 {
   color:              #fff;
   background-color:#0073c4;
}

#SecondaryNavigation .Topic6 {
   color:              #fff;
   background-color:#0073c4;
}

#SecondaryNavigation .Topic8 {
   color:              #fff;
   background-color:#0073c4;
}

#SecondaryNavigation .Topic10 {
   color:              #fff;
   background-color:#0073c4;
}

#SecondaryNavigation .Topic12 {
   color:              #fff;
   background-color:#0073c4;
}

#SecondaryNavigation .Topic14 {
   color:              #fff;
   background-color:#0073c4;
}
 */

#SecondaryNavigation .HasChildren {
   font-size: 12px;
}

#SecondaryNavigation div.Current, #SecondaryNavigation div.Current a {
   color:   #000;
   font-weight: bold;
   background-image:      none;
   background-color:#fff;
   border-radius: 3px 0px 0px 3px;
   -moz-border-radius: 3px 0px 0px 3px;
   -webkit-border-radius: 3px 0px 0px 3px;
}

#SecondaryNavigation div.Current:hover, #SecondaryNavigation div.Current:hover a {
   color:   #000;
   font-weight: bold;
   background-color:#fff;
   border-radius: 3px 0px 0px 3px;
   -moz-border-radius: 3px 0px 0px 3px;
   -webkit-border-radius: 3px 0px 0px 3px;
   text-decoration: none;
   cursor: default;
}

#SecondaryNavigation .OpenedNode {
   background: url(/basic/resources/img/minus.png) no-repeat;
   background-position: 0px 1px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
   margin-left: -12px;
   margin-top: 4px;
}

#SecondaryNavigation .OpenedNodeCurrent {
   background: url(/basic/resources/img/minus.png) no-repeat;
   background-position: 0px 1px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
   margin-left: -12px;
   margin-top: 4px;
}

#SecondaryNavigation .ClosedNode {
   background: url(/basic/resources/img/plus.png) no-repeat;
   background-position: 0px 0px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
   margin-left: -12px;
   margin-top: 4px;
}

/* #SecondaryNavigation .OpenedNode {
   background: url(/basic/resources/img/arrow_down.gif) no-repeat;
   background-position: 0px 1px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
   margin-left: -10px;
}

#SecondaryNavigation .OpenedNodeCurrent {
   background: url(/basic/resources/img/arrow_down_black.gif) no-repeat;
   background-position: 0px 1px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
   margin-left: -10px;
}

#SecondaryNavigation .ClosedNode {
   background: url(/basic/resources/img/arrow_right.gif) no-repeat;
   background-position: 0px 1px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
   margin-left: -10px;
}
 */

#SecondaryNavigation .Leaf {
   display: block;
   float: left;
   margin-left: -10px;
}

#SecondaryNavigation .Count {
   color: #8899ff;
   font-size: 8px;
   font-style: italic;
   margin-right: 30px;
}

#SecondaryNavigation .SecondNaviPageCount {
   position: absolute;
   left: 204px;
   width: 30px;
   text-align: right;
   top: auto;
   font-size: 11px;
   color:#8899ff;
   padding-left: 2px;
   line-height: 170%;
}

#SecondaryNavigation img {
}


#Content {
   background-color: #fff;
   top:              75px;
   width:           680px;
   min-height:      550px;
   margin-left:     240px;
   padding:   0px 70px 0px 48px;
   background-color: #fff;
   border:2px solid #EEEEEE;
}

#Filter{
   margin: 10px 0px 10px 0px;
}

#Filter select {
   border: 1px solid #ddd;
   color: #666;
   font-weight: bold;
}

#Filter select:hover{
   border: 1px solid #aaa;
   color: #444;
}

#Filter select option {
   color: #888;
   font-size: 12px;
   background-color: #fff;
   border-bottom: 1px solid #eee;
   font-weight: normal;
}

#Filter .filtern {
   width: 56px;
   color: #ff7800;
   background: none;
   background-color: #fffffe;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#Filter .filtern:hover {
   color: #fffffe;
   background: none;
   background-color: #ff7800;
   cursor: pointer;
}

#Filter .filtern:active {
   color: #ff7800;
   background: none;
   background-color: #fffffe;
}


#ModulUebersicht, #ModulPraesentation  {
   margin-left: 16px;
}

th.ModuleTableHeader {
   padding: 46px 3px 18px 0px;
   width: 154px;
   border: none;
   text-align: left;
   color: #666;
   background: none;
   font-size: 16px;
}

td.ModulAuswahl {
   width: 35%;
}

a.ModulAuswahl {
   color: #ff7800;
   padding: 2px 2px 2px 0px;
   line-height: 50px;
}

td.FachBereiche {
   font-size:   11px;
   color: #888;
   padding: 0px 8px 0px 8px;
}

table.ModulPraesentation {
   margin: 4px 0px 0px -4px;
   width: 100%;
   border: none;
   background-color: #fff;
}

#ModulBildInPraesentation {
   text-align: right;
}

#ModulBildInPraesentation img {
   width: 370px;
}

#RegisterNow {
   padding: 30px 3px 6px 2px;
   clear: both;
}

#RegisterBack {
   padding: 18px 3px 12px 2px;
}

span.ConfirmationText {
   color: #666;
   font-size: 12px;
   width: 670px;
   height: 20px;
   background-color: #fff;
}

#Accreditation {
   width: 400px;
   background-color: #fff;
}

#AccreditationEntries {
   width: 350px;
   background-color: #fff;
   margin: 20px 0px 20px 0px;
}

span.AccreditationHeading {
   background-color: #fff;
   font-size: 12px;
   color: #ff7800;
}

span.AccreditationCategory {
   color: #666;
   font-size: 12px;
   width: 200px;
   height: 20px;
   background-color: #fff;
   float:left;
}

span.AccreditationCategory input, span.AccreditationCategory select{
   width: 250px;
   margin: 0px 0px 0px 160px;
   position: relative;
   top: -18px;
   color: #666;
   font-size: 12px;
   border: 1px solid #bbb;
}

span.AccreditationDetail {
   color: #666;
   font-size: 12px;
   width: 250px;
   height: 60px;
   line-height: 150%;
   margin-top: 15px;
   float:left;
}


table.CounterInPraesentation {
   padding: 0px 0px 0px 0px;
   margin-left: 0px;
}

td.CounterInPraesentation {
   padding: 0px 0px 0px 0px;
   margin-left: 0px;
   vertical-align: top;
}

#CounterHeader {
   background: none;
   padding: 0px 3px 0px 10px;
   clear: both;
   margin-left: -10px;
}

span.CounterHeader {
   font-size:   20px;
   font-weight: bold;
   color: #666;
   line-height: 300%;
}

span.CounterText {
   font-size:   14px;
   font-weight: normal;
   background: none;
   color: #666;
   padding: 0px 0px 0px 0px;
   clear: both;
   line-height: 150%;
}

#CounterCategory {
   font-size:   12px;
   color: #888;
   padding: 3px 3px 3px 3px;
   float: left;
   clear: both;
}

#CounterDetail {
   font-size:   12px;
   font-weight: normal;
   padding: 3px 3px 3px 3px;
   margin: 0px 12px 0px 3px;
   color: #777;
   text-align: right;
   width: 170px;
}


#InteractivityLayer {
   position: absolute;
   top:          75px;
   left:        781px;
   width:       265px;
   text-align:  right;
   padding:       0px;
   margin:        0px;
   font-size: 0px; /* hilfreich, um das Leerzeichen hinter dem jeweiligen Current-Div zu neutralisieren */
}

/* #InteractivityLayer:hover {
   text-align: center;
   background-image: URL(/basic/resources/img/InteractivityLayer.png);
   background-repeat: no-repeat;
   padding: 6px 4px 4px 4px;
} */


#lesen, #annotieren, #lern {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   display: inline;
   padding: 14px 0px 4px 0px;
   border-left:  1px solid #ccc;
   border-right: 1px solid #999;
   border-bottom: 1px solid #aaa;
   border-top: 1px solid #ccc;
   border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
}

#lesen:hover, #annotieren:hover, #lern:hover {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

#lesen:active, #annotieren:active, #lern:active {
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
   border-left:  1px solid #777;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #777;
}

a.lesen, a.annotieren, a.lern {
   color: #444;
   font-size: 12px;
   text-decoration: none;
   padding: 2px 10px 0px 10px;
   /* padding: 2px 4px 0px 36px;
   background-color: #eee;
   background: URL(/basic/resources/img/Lesen.png) no-repeat;
   background-position: 4px 3px; */
   border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
}

a.lesen:hover, a.annotieren:hover, a.lern:hover {
   color: #000;
   text-decoration: none;
   /* padding: 2px 4px 0px 36px;
   background: URL(/basic/resources/img/Lesen_hover.png) no-repeat;
   background-position: 4px 3px; */
}

a.lesen:active, a.annotieren:active, a.lern:active {
   color: #000;
}

#lesen_current, #annotieren_current, #lern_current  {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   display: inline;
   padding: 14px 0px 4px 0px;
   border-left:  1px solid #777;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #777;
   border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   cursor: default;
}

a.lesen_current, a.annotieren_current, a.lern_current {
   color: #000;
   font-size: 12px;
   text-decoration: none;
   padding: 2px 10px 0px 10px;
   /* padding: 2px 7px 0px 36px;
   background-color: #eee;
   background: URL(/basic/resources/img/Lesen.png) no-repeat;
   background-position: 4px 3px; */
   border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
}

#lesen_inactive, #annotieren_inactive, #lern_inactive {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   display: inline;
   padding: 14px 0px 4px 0px;
   border-left:  1px solid #ccc;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #ccc;
   border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   cursor: default;
}

a.lesen_inactive, a.annotieren_inactive, a.lern_inactive {
   color: #aaa;
   font-size:12px;
   text-decoration: none;
   padding: 2px 10px 0px 10px;
   /* padding: 2px 4px 0px 36px;
   background-color: #eee;
   background: URL(/basic/resources/img/Lesen.png) no-repeat;
   background-position: 4px 3px; */
   border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
}


/* #annotieren {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   display: inline;
   padding: 16px 0px 6px 0px;
   border-left:  1px solid #ccc;
   border-right: 1px solid #777;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #ccc;
}

#annotieren:hover {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
}

#annotieren:active {
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
} */

/* a.annotieren {
   text-decoration: none;
   color: #444;
   padding: 2px 4px 0px 26px;
   background-color: #eee;
   background: URL(/basic/resources/img/info_annotation.png) no-repeat;
   background-position: 6px 1px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   cursor: pointer;
}

a.annotieren:hover {
   color: #000;
   text-decoration: none;
   padding: 2px 4px 0px 26px;
   background: URL(/basic/resources/img/info_annotation_hover.png) no-repeat;
   background-position: 6px 1px;
}

a.annotieren:active {
   color: #000;
} */

/* #annotieren_current {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   border-left:  1px solid #777;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #777;
   display: inline;
   margin-right: 0px;
   padding: 16px 0px 6px 0px;
   cursor: default;
}

a.annotieren_current {
   font-size: 12px;
   color: #000;
   text-decoration: none;
   padding: 2px 7px 0px 26px;
   background-color: #eee;
   background: URL(/basic/resources/img/info_annotation.png) no-repeat;
   background-position: 4px 0px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
} */

/* #annotieren_inactive {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   display: inline;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   border-left:  1px solid #ccc;
   border-right: 1px solid #777;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #ccc;
   padding: 16px 0px 6px 0px;
}

a.annotieren_inactive {
   text-decoration: none;
   color: #aaa;
   line-height: 200%;
   font-size:12px;
   padding: 2px 7px 0px 26px;
   background-color: #eee;
   background: URL(/basic/resources/img/info_annotation.png) no-repeat;
   background-position: 6px 1px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   cursor: default;
} */

/* #lern {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   display: inline;
   padding: 16px 0px 6px 0px;
   border-left:  1px solid #ccc;
   border-right: 1px solid #777;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #ccc;
}

#lern:hover {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
}

#lern:active {
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

a.lern {
   text-decoration: none;
   color: #444;
   padding: 2px 7px 0px 26px;
   background-color: #eee;
   background: URL(/basic/resources/img/Lernen_aktiv.png) no-repeat;
   background-position: 6px 1px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   cursor: pointer;
}

a.lern:hover {
   color: #000;
   text-decoration: none;
   padding: 2px 7px 0px 26px;
   background: URL(/basic/resources/img/Lernen_hover.png) no-repeat;
   background-position: 6px 1px;
}

a.lern:active {
   color: #000;
}

#lern_current {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   border-left:  1px solid #777;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #777;
   display: inline;
   margin-right: 0px;
   padding: 16px 0px 6px 0px;
   cursor: default;
}

a.lern_current {
   font-size: 12px;
   color: #000;
   text-decoration: none;
   padding: 2px 7px 0px 22px;
   background-color: #eee;
   background: URL(/basic/resources/img/Lernen_aktiv.png) no-repeat;
   background-position: 4px 1px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
}


#lern_inactive {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   display: inline;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   border-left:  1px solid #eee;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #eee;
   padding: 16px 0px 6px 0px;
}

a.lern_inactive {
   text-decoration: none;
   color: #bbb;
   line-height: 200%;
   font-size:12px;
   padding: 2px 7px 0px 26px;
   background-color: #eee;
   background: URL(/basic/resources/img/Lernen_inaktiv.png) no-repeat;
   background-position: 6px 1px;
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   cursor: default;
} */


#AnnotationBox {background:url(/basic/resources/img/round_corners/box_ww.gif) repeat-y; background-color: #f3f3f1; margin: 0px 0px 20px 20px;}
#AnnotationBox div {background:url(/basic/resources/img/round_corners/box_ee.gif) right repeat-y;}
#AnnotationBox div div {background:url(/basic/resources/img/round_corners/box_nn.gif) repeat-x;}
#AnnotationBox div div div {background:url(/basic/resources/img/round_corners/box_ss.gif) bottom repeat-x;}
#AnnotationBox div div div div {background:url(/basic/resources/img/round_corners/box_nw.gif) left top no-repeat;}
#AnnotationBox div div div div div {background:url(/basic/resources/img/round_corners/box_ne.gif) right top no-repeat;}
#AnnotationBox div div div div div div {background:url(/basic/resources/img/round_corners/box_sw.gif) left bottom no-repeat;}
#AnnotationBox div div div div div div div {background:url(/basic/resources/img/round_corners/box_se.gif) right bottom no-repeat;}
#AnnotationBox div div div div div div div div {background:url(/basic/resources/img/Luecke.gif) right bottom no-repeat;}

/* #AnnotationBoxClose span {
   background-image: url(/basic/resources/img/popups/gliederung_background.png);
   background-repeat: repeat-x;
} */

span.AnnotationBoxClose input {
   background-color: #cc0000;
   background-image: URL(/basic/resources/img/schliessen.png);
   background-repeat: no-repeat;
   width: 18px;
   height: 18px;
   position: relative;
   top: 1px;
}

span.AnnotationBoxClose input:hover {
   background-image: URL(/basic/resources/img/schliessen_hover.png);
   background-repeat: no-repeat;
   cursor: pointer; /* to get a hand on mouse over */
}

span.AnnotationBoxClose input:active {
   background-image: URL(/basic/resources/img/schliessen.png);
   background-repeat: no-repeat;
}

#AnnotationBoxInnen {
   background-color: #CEDDE1;
   padding: 14px 15px 6px 15px;
}

#AnnotationAuswahl { /* --> tableContainer */
   padding: 0px 0px 0px 0px;
   height: 150px;
   /* overflow: scroll; */
   overflow-x:hidden;
   border-left:  1px solid #aaa;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #aaa;
   cursor: default;
}


/* FIXED HEADER TABLES */

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
   clear: both;
   padding: 0px 0px 0px 0px;
   height: 150px;
   /* overflow: scroll; */
   overflow-x:hidden;
   /* border-left:  1px solid #aaa;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #aaa; */
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
   overflow: hidden;
   width: 674px;
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
   float: left;
   width: 100%;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
   width: 100%;
}

thead.fixedHeader th {
/* override th-defaults */
font-weight: normal;
text-align: left;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
   background-color: #ddd;
   width: 674px;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
   display: block;
   border: none;
}

/* make the TH elements pretty */
thead.fixedHeader th {
   font-size: 12px;
   color: #666660;
   /*font-family: Verdana;*/
   line-height: 24px;
   background-color: #aaaaa3;
   background: url(/basic/resources/img/tab_background_passive.png) repeat-x;
   background-position: 0px 0px;
   border: none;
   padding: 0px 0px 0px 14px;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
   display: block;
   height: 80px;
   overflow: auto;
   overflow-x:hidden;
   width: 661px;
   border-top: 1px solid #999;
   padding: 5px 0px 0px 13px;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
}

tbody.scrollContent tr.alternateRow td {
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th { width: 94px; }

html>body thead.fixedHeader th + th { width: 75px; }

html>body thead.fixedHeader th + th + th { width: 245px; }

html>body thead.fixedHeader th + th + th + th { width: 169px; }

html>body thead.fixedHeader th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th + th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th + th + th + th + th + th + th { width: 19px; }

html>body thead.fixedHeader th + th + th + th + th + th + th + th + th + th + th + th + th { width: 35px; } /* 16 mehr als der tbody, wegen der Scrollbar! */


/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body .scrollContent td { width: 144px; }

html>body .scrollContent td + td { width: 82px; }

html>body .scrollContent td + td + td { width: 290px; }

html>body .scrollContent td + td + td + td { width: 159px; }

html>body .scrollContent td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td + td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td + td + td + td + td + td + td { width: 19px; }

html>body .scrollContent td + td + td + td + td + td + td + td + td + td + td + td + td { width: 19px; }


/* END FIXED HEADER TABLES */


/* th.AnnotationLeser {
   padding: 2px 5px 0px 5px;
   width: 80px;
}

th.AnnotationErstellt {
   padding: 2px 0px 0px 5px;
   width: 94px;
}

th.AnnotationAuswahl {
   padding: 0px 5px 0px 0px;
   width: 160px;
}

th.AnnotationNotiz {
   padding: 2px 5px 0px 16px;
   background-image: URL(/basic/resources/img/info_annotation_content.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
   width: 280px;
}

th.AnnotationBearbeitet {
   padding: 2px 5px 0px 0px;
}*/

td.AnnotationDate {
   width:     104px;
   min-width: 104px;
   max-width: 104px;
}

span.AnnotationDateDayMonth{
   font-size: 10px;
   color: #555;
   padding: 0px 0px 0px 1px;
}

span.AnnotationDateHourMinute {
   font-size: 10px;
   color: #555;
   padding: 0px 0px 0px 5px;
}

span.AnnotationDateYear, span.AnnotationDateSecond {
   font-size: 10px;
   color: #aaa;
}

span.AnnotationDateModified {
   font-size: 10px;
   color: #555;
   padding: 0px 0px 0px 2px;
}

td.AnnotationUserName {
   width:     94px;
   min-width: 94px;
   max-width: 94px;
}

span.AnnotationUserName {
   font-size: 12px;
   /*font-family: Verdana;*/
   color: #555;
   text-transform: capitalize;
   padding: 0px 0px 0px 5px;
   width: 90px;
   display: block;
}

span.AnnotationNotiz {
   font-size: 12px;
   /*font-family: Verdana;*/
   background: URL(/basic/resources/img/info_annotation_content.png) 33px 0px no-repeat;
   padding: 0px 18px 0px 0px;
}

span.AnnotationsTextLabel {
   font-size: 11px;
   /*font-family: Verdana;*/
   color: #555;
   padding: 0px 0px 0px 18px;
   background-image: URL(/basic/resources/img/info_annotation_content.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   cursor: pointer;
}

/* span.AnnotationsTextLabel:hover {
   background-image: URL(/basic/resources/img/info_annotation_content_hover.png);
}

span.AnnotationsTextLabel:active {
   background-image: URL(/basic/resources/img/info_annotation_content.png);
} */

td.AnnotationsTextKurz {
   /*font-family: Verdana;*/
   width:     255px;
   min-width: 255px;
   max-width: 255px;
}

span.AnnotationsTextKurz {
   background-color: #fff;
   color: #000;
   padding: 2px 2px 2px 4px;
   margin-right: 5px;
   font-size: 10px;
   /*font-family: Verdana;*/
   border-left:  1px solid #666;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #666;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   display: block;
   width: 240px;
   filter:alpha(opacity=60);
   opacity: 0.60;
   -moz-opacity: 0.60;
   -khtml-opacity: 0.60;
}

span.AnnotationsTextKurzLeer {
   background-color: #fff;
   color: #444;
   padding: 0px 2px 0px 4px;
   margin-right: 5px;
   font-size: 10px;
   border-left:  1px solid #aaa;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #aaa;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   display: block;
   width: 240px;
   filter:alpha(opacity=30);
   opacity: 0.30;
   -moz-opacity: 0.30;
   -khtml-opacity: 0.30;
}

.AnnotationsText {
   /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
   padding: 5px;
   font-size:14px;
   width: 648px;
   height: auto;
   border-left:  1px solid #aaa;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #aaa;
   background-color: #fff;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
}

p.AnnotationCheckboxen {
   margin: 15px 0px 0px 0px;
}

.AnnotationsCheckboxText {
   /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
   font-size: 11px;
   padding: 2px 8px 4px 8px;
   position: relative;
   top: -2;
   left: -8;
   cursor: pointer;
   color: #555;
}


span.CheckboxOeffentlich label {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/oeffentlich.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 18px;
}

span.CheckboxWiedervorlage label {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/merken.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 18px;
}

span.CheckboxSatzAusblenden label {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/ausblenden.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 18px;
}

span.CheckboxAnmerkungAusblenden label {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/AnmerkungAusblenden.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 18px;
}


span.AuswahlOeffentlich {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/oeffentlich.png);
   background-repeat: no-repeat;
   background-position: 0px 1px;
   padding: 0px 2px 2px 11px;
}

span.AuswahlWiedervorlage {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/merken.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
   padding: 0px 0px 0px 11px;
}

span.AuswahlSatzAusblenden{
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/ausblenden.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
   padding: 0px 0px 0px 11px;
}

span.AuswahlAnmerkungAusblenden {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/AnmerkungAusblenden.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
   padding: 0px 0px 0px 11px;
}

span.NichtAusgewaehlt {
   padding: 0px 0px 0px 11px;
}

td.GewaehltesAnnotationsSymbol {
   padding: 0px 0px 0px 5px;
   width: 15px;
   min-width: 15px;
   max-width: 15px;
   vertical-align: center;
}


span.Oeffentlich, a.Oeffentlich {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/oeffentlich.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 5px;
}

span.Wiedervorlage, a.Wiedervorlage {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/merken.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 5px;
}

span.SatzAusblenden, a.SatzAusblenden {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/ausblenden.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 5px;
}

a.SatzEinblenden {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/ausblenden.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 15px 40px 0px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 400%;
}

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

span.AnmerkungAusblenden, a.AnmerkungAusblenden {
   /*font-family: Verdana;*/
   background-image: URL(/basic/resources/img/AnmerkungAusblenden.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 3px 7px 0px 5px;
}


tr.EigeneAnnotation {
   padding: 2px 0px 2px 0px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   display: block;
}

tr.EigeneAnnotation:hover {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

tr.EigeneAnnotation:active {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
}

span.AuswahlAnnotation {
   position: relative;
   top: 3;
}

tr.AktuellEditierteAnnotation {
   padding: 3px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
}

tr.AktuellEditierteAnnotation:hover {
   cursor: default;
}

p.MyAll {
   position: relative;
   top: -104px;
   left: 300px;
   width: 150px;
   padding: 0px 0px 0px 0px;
   background: none;
}

a.MyAll {
   text-decoration: none;
   color: #555;
   font-weight: normal;
   padding: 0px 6px 0px 6px;
   font-size:12px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.MyAll:hover {
   text-decoration: none;
   padding: 0px 6px 0px 6px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

a.MyAll:active {
   padding: 0px 5px 0px 5px;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
}

a.NewAnnotation {
   text-decoration: none;
   color: #000;
   font-weight: normal;
   padding: 0px 6px 0px 6px;
   font-size:12px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.NewAnnotation:hover {
   text-decoration: none;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
}

a.NewAnnotation:active {
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

div.moeglicheAnnotation {
   margin: 15px 0px 0px 3px;
   background: none;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   float: left;
}

span.moeglicheAnnotation {
   color: #007777;
   font-size: 12px;
   border-left:  1px solid #aaa;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #aaa;
   float: left;
   margin: 0px 10px 15px 0px;
   padding: 8px 8px 8px 4px;
   background-color: #e3e3e0;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
}

.AnnotationFuerInfo {
}


span.AnnotationInInfo {
   cursor: pointer;
}

span.moeglicheAnnotationName {
   /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
   font-size: 10px;
   color: #666;
   position: relative;
   top: -4px;
}


div.InfoAnnotationAktionen {
   clear:both;
   margin: 16px 0px 16px 4px;
}

input.InfoAnnotationSpeichern {
   text-decoration: none;
   color: #444;
   font-weight: bold;
   padding: 2px 8px 2px 8px;
   font-size:12px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

input.InfoAnnotationSpeichern:hover {
   text-decoration: none;
   color: #000;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

input.InfoAnnotationSpeichern:active {
   text-decoration: none;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

input.InfoAnnotationAbbrechen, input.InfoAnnotationLoeschen, input.InfoAnnotationErstellen {
   text-decoration: none;
   color: #444;
   font-weight: normal;
   padding: 2px 6px 2px 6px;
   font-size:12px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

input.InfoAnnotationAbbrechen:hover, input.InfoAnnotationLoeschen:hover, input.InfoAnnotationErstellen:hover {
   text-decoration: none;
   color: #000;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   cursor: pointer;
}

input.InfoAnnotationAbbrechen:active, input.InfoAnnotationLoeschen:active, input.InfoAnnotationErstellen:active {
   text-decoration: none;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

.AnnotationLink {
   padding: 4px 7px;
   background-image: URL(/basic/resources/img/info_annotation_leer.png);
   background-repeat: no-repeat;
   background-position: 0px 3px;
}

.AnnotationLink:hover {
   text-decoration: none;
   background-image: URL(/basic/resources/img/info_annotation_hover.png);
   background-repeat: no-repeat;
}

.AnnotationLink:active {
   background-image: URL(/basic/resources/img/info_annotation.png);
   background-repeat: no-repeat;
}


.NewAnnotationLink {
   padding: 4px 7px;
   background-image: URL(/basic/resources/img/info_annotation_leer.png);
   background-repeat: no-repeat;
   background-position: 0px 3px;
}

.NewAnnotationLink:hover {
   text-decoration: none;
   background-image: URL(/basic/resources/img/info_annotation_hover.png);
   background-repeat: no-repeat;
}

.NewAnnotationLink:active {
   background-image: URL(/basic/resources/img/info_annotation.png);
   background-repeat: no-repeat;
}


.AnnotationWithContentLink {
   padding: 4px 7px;
   background-image: URL(/basic/resources/img/info_annotation_content.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
}

span.AnnotationWithContentLink:hover, .AnnotationsSymbolInInfo:hover {
   text-decoration: none;
   cursor: pointer;
}


div.OptionEmpty{
   visibility: hidden;
}

div.OptionEmpty span{
   visibility: visible;
   background: URL(/basic/resources/img/keine_Bewertung.png) no-repeat;
   background-position: 7px 9px;
   padding: 10px;
}

div.OptionEmpty span:hover{
   visibility: visible;
   background: URL(/basic/resources/img/keine_Bewertung_hover.png) no-repeat;
   background-position: 7px 9px;
   padding: 10px;
}

div.OptionEmpty span:active{
   visibility: visible;
   background: URL(/basic/resources/img/keine_Bewertung.png) no-repeat;
   background-position: 7px 9px;
   padding: 10px;
}


div.Option {
   color: black;
}

span.AnnotationsBeschreibung{
   color: #555;
   font-size: 10px;
   position: relative;
   top: -4px;
   left: 2px;
}


#TabelleSonderseiteHoerangebot table {
   margin-top: 10px;
   background-color: #eee;
}

#TabelleSonderseiteHoerangebot th {
   background-color: green;
}

#TabelleSonderseiteHoerangebot td, th {
   padding: 5px;
   border: 1px solid black;
}

#TabelleSonderseiteHoerangebot td.Name {
   background-color: white;
}


#TernaryNavigation {
   width:            auto;
   margin:     30px 0px 30px 5px;
}

.HatKinder {
   background: url(/basic/resources/img/plus.png) no-repeat;
   background-position: 0px 0px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
   margin-left: -4px;
   margin-top: 4px;
}

#TernaryNavigation div.NavigationalLink {
   padding-top:   10px;
   overflow:     visible;
}

#TernaryNavigation a {
   color: #0073c4;
   text-decoration: none;
}

#TernaryNavigation a:hover {
   text-decoration: underline;
}

#TernaryNavigation a:active {
   text-decoration: none;
}

.NavigationalLink {
   font-size: 13px;
   color:  #0073c4;
   font-weight: bold;
   margin: 0px 0px 0px 5px;
}

#TernaryNavigation .Count {
   color:     #777;
   font-size: 8px;
}

span.lektion_heading_overview {
   font-size:12px;
   color: #0073c4;
   font-weight: bold;
   margin: 0px 0px 0px 10px;
}

p.dauerlektion {
   text-align: right;
   margin: 0px 0px 0px 0px;
   font-size: 0px; /* sieht komisch aus, so stimmen die Leerzeichen aber */
}

p.dauerlektion_overview {
   margin: 0px 0px 0px 10px;
   font-size:10px;
}

p.beschreibunglektion_overview {
   font-size:11px;
   margin: 0px 0px 0px 10px;
   color: #777;
   width: 625px;
}

span.empfohlenedauer, span.empfohlenedauer_overview {
   font-size: 10px;
   color: #aaa;
}

span.anzahlinfosinlektion, span.anzahlinfosinlektion_overview {
   font-size: 10px;
   color: #aaa;
   margin-top: -19px;
}

span.anzahlinfosinlektion_von {
   font-size:10px;
   color: #aaa;
   margin-top: -19px;
}

span.empfohlenedauerminuten, span.empfohlenedauerminuten_overview {
   font-size: 10px;
   color: #aaa;
   margin-top: -19px;
}

span.empfohlenedauerminuten_von {
   font-size: 10px;
   color: #aaa;
}

span.anzahlfrageantwort, span.anzahlmctest, span.anzahllueckentext {
   font-size: 10px;
   color: #aaa;
}

span.anzahlfrageantwort_von, span.anzahlmctest_von, span.anzahllueckentext_von {
   font-size: 10px;
   color: #aaa;
}

.SitemapSeitennummer {
   position: absolute;
   top: auto;
   left: 310px;
   border-bottom: 1px dotted #ccc;
   text-align: right;
   width: 670px;
   color: #888;
   font-size: 14px;
}

#SeitenzahlNavi {
   position: relative;
   top: 10px;
   text-align: center;
   width: 100%;
   color: #000;
   font-size: 14px;
   margin-top: 60px;
   padding-right: 30px;
}

#SeitenzahlNavi a {
   text-decoration: none;
   color: #555;
   line-height: 200%;
   padding: 2px 7px 2px 7px;
   font-size:10px;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
}

#SeitenzahlNavi a:hover {
   color: #000;
   padding: 2px 6px 2px 6px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

#SeitenzahlNavi a:active {
   text-decoration: none;
   padding: 3px 5px 1px 7px;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
}

.AktuelleSeite {
   font-size:10px;
   text-decoration: none;
   padding: 2px 7px 3px 7px;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
}

.LetzteSeite {
   color: #999;
   font-size:10px;
}

/* PreviousPage und NextPage sind derzeit nicht im Einsatz */
span.PreviousPage {
   padding: 0px 0px 0px 18px;
   background-image: URL(/basic/resources/img/Zurueck_passiv.png);
   background-repeat: no-repeat;
   background-position: 0px 3px;
}

span.PreviousPage:hover {
   background-image: URL(/basic/resources/img/Zurueck.png);
   background-repeat: no-repeat;
}

span.NextPage {
   padding: 0px 20px 0px 0px;
   background-image: URL(/basic/resources/img/Weiter_passiv.png);
   background-repeat: no-repeat;
   background-position: 60px 3px;
}

span.NextPage:hover {
   background-image: URL(/basic/resources/img/Weiter.png);
   background-repeat: no-repeat;
}

#Seitenzahl {
   position: relative;
   top: 10px;
   text-align: right;
   width: 680px;
   color: #000;
   font-size: 14px;
   padding-right: 30px;
}

.SeitenzahlTernaryNavigation {
   position: absolute;
   top: auto;
   left: 316px;
   border-bottom: 2px dotted #aaa;
   text-align: right;
   width: 660px;
   /* color: #0073c4; */
   color: #555;
   font-size: 12px;
}

.JumpTarget {
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   margin: 10px 0px 0px 0px;
   width: 34px;
   height: 21px;
   text-align: right;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 10px;
   padding: 1px 3px 0px 0px;
}


.JumpToPage {
   text-decoration: none;
   color: #555;
   line-height: 200%;
   padding: 2px 6px 2px 6px;
   font-size:10px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #bbb;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

.JumpToPage:hover {
   color: #000;
   padding: 2px 6px 2px 6px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
   cursor: pointer;
}

.JumpToPage:active {
   text-decoration: none;
   padding: 3px 5px 1px 7px;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
}


#seitencode_einbetten {
   width: 100%;
   padding:   10px 0px 10px 0px;
   background-color: #fff;
   color: #aaa;
   text-align: center;
   margin-top: 60px;
}

#seitencode_einbetten {
   width: 100%;
   background-color: #fff;
   color: #aaa;
   text-align: center;
   margin-top: 60px;
}

span.seitencode {
   font-family: Verdana, Arial, sans-serif;
   color: #bbb;
   border: solid 1px #fff;
   padding:   2px 5px 2px 5px;
   font-size: 9px;
}

span.seitencode:hover {
   color: #444;
   border: solid 1px #999;
}


#SeitennummerLernebene {
   position: relative;
   top: 30px;
   text-align: right;
   width: 690px;
   color: #000;
   font-size: 14px;
}

#sitemap_empfohlenedauer {
   font-size: 10px;
   color: #aaa;
}

#sitemap_anzahlinfosinlektion {
   position: absolute;
   left: 230px;
   top: auto;
   width: 570px;
   text-align: right;
   font-size: 10px;
   color: #0073c4;
   margin-top: -19px;
}

span.sitemap_anzahlinfosinlektion {
}


/* #sitemap_empfohlenedauerminuten {
   position: absolute;
   left: 850px;
   top: auto;
   font-size: 10px;
   color: #cc9999;
   margin-top: -19px;
   visibility: hidden;
} */

#sitemap_empfohlenedauerminuten {
   position: absolute;
   left: 800px;
   top: auto;
   width: 30px;
   text-align: right;
   font-size: 10px;
   color: #bb6655;
   margin-top: -19px;
}

#sitemap_anzahlfrageantwort {
   position: absolute;
   left: 830px;
   top: auto;
   width: 30px;
   text-align: right;
   font-size: 10px;
   color: #339933;
   margin-top: -19px;
}

#sitemap_anzahlmctest {
   position: absolute;
   left: 860px;
   top: auto;
   width: 30px;
   text-align: right;
   font-size: 10px;
   color: #339933;
   margin-top: -19px;
}

#sitemap_anzahllueckentext {
   position: absolute;
   left: 890px;
   top: auto;
   width: 30px;
   text-align: right;
   font-size: 10px;
   color: #339933;
   margin-top: -19px;
}

#sitemap_empfohlenedauerminuten:hover, #sitemap_anzahlfrageantwort:hover, #sitemap_anzahlmctest:hover, #sitemap_anzahllueckentext:hover {
   background-color: #fff;
}

/* Modul-SiteMap-CSS fuer paux.com */

#SiteMap {
   width:  698px;
   font-family:   Verdana;
   color: #666;
   font-size: 12px;
   margin-left: -10px;
   padding-top: 30px;
}

#SiteMap .Level0, #SiteMap .Level1, #SiteMap .Level2, #SiteMap .Level3, #SiteMap .Level4, #SiteMap .Level5, #SiteMap .Level6, #SiteMap .Level6, #SiteMap .Level7, #SiteMap .Level8, #SiteMap .Level9, #SiteMap .Level10, #SiteMap .Level11, #SiteMap .Level12, #SiteMap .Level13 {
   color: #0073c4;
}

#SiteMap .HasChildren {
   font-size: 12px;
   color: #0073c4;
}

#SiteMap .Node {
   background: url(/basic/resources/img/arrow_down.gif) no-repeat;
   background-position: 0px 1px;
   display: block;
   float: left;
   width: 9px;
   height: 12px;
}


#SiteMap ol {
   padding-left: 25px;
   color: #aaa;
   line-height: 200%;
}

#SiteMap ol:hover {
   color: #ff0000;
}

#SiteMap ol.ListLevel0 {
   list-style: circle outside;
}

#SiteMap ol.ListLevel1 {
   list-style: upper-latin outside;
}

#SiteMap ol.ListLevel2 {
   list-style: upper-roman outside;
}

#SiteMap ol.ListLevel3 {
   list-style: decimal outside;
}

#SiteMap ol.ListLevel4 {
   list-style: lower-latin outside;
}

#SiteMap ol.ListLevel5 {
   list-style: decimal-leading-zero outside;
}

#SiteMap ol.ListLevel6 {
   list-style: lower-roman outside;
}

#SiteMap ol.ListLevel7 {
   list-style: lower-roman outside;
}

#SiteMap ol.ListLevel8 {
   list-style: lower-latin outside;
}

/* ol.ListLevel0:hover, ol.ListLevel2:hover, ol.ListLevel4:hover, ol.ListLevel6:hover, ol.ListLevel8:hover, ol.ListLevel10:hover  {
   background-color: #e8e8e8;
}

ol.ListLevel1:hover, ol.ListLevel3:hover, ol.ListLevel5:hover, ol.ListLevel7:hover, ol.ListLevel9:hover, ol.ListLevel1:hover {
   background-color: #fff;
} */

ol.ListLevel1:hover {
   background-color: #fff;
}

ol.ListLevel2:hover {
   background-color: #f4f9fd;
}

ol.ListLevel3:hover {
   background-color: #e7f3ff;
}

ol.ListLevel4:hover {
   background-color: #dceeff;
}

ol.ListLevel5:hover {
   background-color: #d1e7fc;
}

ol.ListLevel6:hover {
   background-color: #c5e1fc;
}

ol.ListLevel7:hover {
   background-color: #b1d9ff;
}

ol.ListLevel8:hover {
   background-color: #a1d0fc;
}

/* span.Level0:hover, span.Level2:hover, span.Level4:hover, span.Level6:hover, span.Level8:hover, span.Level10:hover {
   background-color: #fff;
   color: #0000ff;
   text-decoration: underline;
}

span.Level1:hover, span.Level3:hover, span.Level5:hover, span.Level7:hover, span.Level9:hover, span.Level11:hover {
   background-color: #e8e8e8;
   color: #0000ff;
   text-decoration: underline;
} */

span.Level1:hover {
   background-color: #fff;
}

span.Level2:hover {
   background-color: #fff;
}

span.Level3:hover {
   background-color: #fff;
}

span.Level4:hover {
   background-color: #fff;
}

span.Level5:hover {
   background-color: #fff;
}

span.Level6:hover {
   background-color: #fff;
}

span.Level7:hover {
   background-color: #fff;
}

span.Level8:hover {
   background-color: #fff;
}

span.Level1:hover, span.Level2:hover, span.Level3:hover, span.Level4:hover, span.Level5:hover, span.Level6:hover, span.Level7:hover, span.Level8:hover {
   padding: 2px 0px 2px 0px;
}

a.Topic1:hover, a.Topic2:hover, a.Topic3:hover, a.Topic4:hover, a.Topic5:hover, a.Topic6:hover, a.Topic7:hover, a.Topic8:hover, a.Topic9:hover {
   text-decoration: none;
   color: #fff;
}

#SiteMap .ActiveSiteMap {
   cursor: pointer;
}

#SiteMap .InactiveSiteMap span {
   color: #999;
}

#SiteMap .Count {
   color:     #aaa;
   margin-left: 5px;
}

#SiteMap img {
}


#Modul_Lernbereich {
   font-family: "Trebuchet MS", Verdana;
   padding:     30px 5px 5px 5px;
   margin-left:  0px;
   width:      100%;
   font-size:   12px;
   /* background-color: #FFF; */
}

#Modul_Lernbereich form {
   display: inline;
}

#Modul_Lernbereich_Heading {
   font-family: "Trebuchet MS", Verdana;
   padding:      0px 0px 0px 0px;
   margin:       0px 0px 0px 0px;
   font-size:10px;
   /* background-color: #fff; */
   width:       690px;
   border-bottom: 1px solid #ccc;
}

#Modul_Lernbereich_Heading span.firsttab_aktiv {
   color: #555;
   font-size: 12px;
   text-align: center;
   padding: 3px 5px 0px 5px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-top: 1px solid #bbb;
   border-bottom: 1px solid #ccc;
   background-color: #ddd;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}

#Modul_Lernbereich_Heading span.firsttab {
   color: #555;
   font-size: 12px;
   text-align: center;
   padding: 3px 5px 0px 5px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-top: 1px solid #bbb;
   border-bottom: 1px solid #ccc;
   background-color: #ddd;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}

#Modul_Lernbereich_Heading span.tab {
   text-align: center;
   color: #aaa;
   font-size: 12px;
   padding: 3px 5px 0px 5px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-top: 1px solid #bbb;
   border-bottom: 1px solid #ccc;
   background-color: #fff;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}

#Modul_Lernbereich_Heading span.tab:hover {
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
}

#Modul_Lernbereich_Heading a.tagAction {
   text-align: center;
   color: #555;
   border-right: 0px solid #777;
   padding: 0px;
   background: none;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}

#Modul_Lernbereich_Heading span.tab:hover {
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
}

#Modul_Lernbereich_Heading span.tab:active {
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

#Modul_Lernbereich_Heading span.lasttab {
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-top: 1px solid #bbb;
   border-bottom: 1px solid #ccc;
   font-size: 0px;
   height: 30px;
   width: 20px;
   min-width: 20px;
   max-width: 20px;
   background-image: url(/basic/resources/img/popups/themen_weg.png);
   background-repeat: no-repeat;
   background-position: 0px 5px;
   background-color:black;
}

/* FIXME: braucht noch eigenen Style, derzeit leuchtet er bei allen Tabs */
/* #Modul_Lernbereich_Heading:hover span.lasttab {
   background-image: url(/basic/resources/img/popups/themen_weg_hover.png);
   background-color: transparent;
   text-decoration: none;
} */

#Modul_Lernbereich_Heading span.tab_aktiv {
   color: #555;
   font-size: 12px;
   text-align: center;
   padding: 3px 5px 0px 5px;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-top: 1px solid #bbb;
   border-bottom: 1px solid #ccc;
   background-color: #ddd;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-radius: 7px 7px 0px 0px;
   -moz-border-radius: 7px 7px 0px 0px;
   -webkit-border-radius: 7px 7px 0px 0px;
}

#Modul_Lernbereich_Navigation {
   padding-top: 5px;
   background-color: #fff;
   width: 560px;
   text-align: justify;
}

#Modul_Lernbereich_Navigation form {
   position: absolute;
   top: 140px;
   left: 886px;
   width: 120px;
   text-align: left;
}

/* um aktuelle Info-Nummer in Lernebenen-Navi hervorheben zu koennen */
#Modul_Lernbereich_Navigation a.Current {
   background-color: #eee;
   color: #111;
   text-decoration: none;
   padding: 2px 7px 2px 7px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
}

#Modul_Lernbereich_Navigation a.Current:hover {
   cursor: default;
}

#Modul_SatzVorUndZurueck {
   text-align: right;
   margin-top: -44px;
   padding-bottom: 20px;
}

a.SatzVorUndZurueck {
   text-decoration: none;
   color: #555;
   line-height: 200%;
   padding: 2px 8px 2px 8px;
   margin-right: -3px; /* geht nicht gut im Lueckentext */
   margin-right: 0px;
   font-size:12px;
   background-image: URL(/basic/resources/img/tab_background_passive.png);
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
}

a.SatzVorUndZurueck:hover {
   text-decoration: none;
   padding: 2px 7px 2px 7px;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}

a.SatzVorUndZurueck:active {
   color: #0000ff;
   border-left:  1px solid #777;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-top: 1px solid #777;
   background-image: URL(/basic/resources/img/tab_background_active.png);
   background-repeat: repeat-x;
}

#Modul_Lernbereich_Ebene {
   /* text-indent: -24px; */
}

#Modul_Lernbereich_Ebene .info_popup {
   visibility: hidden;
}

#Modul_Lernbereich_Grafiken {
   width:  100%;
}

#Modul_Lernbereich_Grafiken img {
   /* width:  100%;
   height: 100%;
   float:  left;
   margin: 0px 0px 0px 0px;
   color: #333;
   background-color: #eee;
   padding: 30px 35px 0px 35px;
   width: 622px;
   min-width: 622px;
   max-width: 622px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd; */
   float:  right;
   background-color: #eee;
   padding: 30px 35px 0px 35px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
}

#Modul_Lernbereich_Grafiken img.Thumb {
   padding: 2% 0px;
   width:      30%;
   height:     30%;
   float:     left;
}

#Modul_Lernbereich_Ebene_Hinweis {
   padding: 10px 20px;
   font-family: "Trebuchet MS", Verdana;
   font-size:14px;
   clear: left;
   color: #888;
}

#Vertiefung_Lernbereich {
   margin: 70px 0px 0px 0px;
   background-color: #fff;
   width: 692px;
   min-width: 692px;
   max-width: 692px;
   padding-bottom: 10px;
}

#Modul_Lernbereich_InfoVertiefung {
   font-family: "Trebuchet MS", Verdana;
   padding:     20px 5px 5px 5px;
   margin-left: 0;
   min-width:   100%;
   max-width:   100%;
   width:       100%;
   background-color: #FFF;
}

#Modul_Lernbereich_InfoVertiefung span.autor, #Modul_Lernbereich_InfoVertiefung span.gericht {
   font-style: italic;
}

#Modul_Lernbereich_InfoVertiefung span.repetitorium {
}

#Modul_Lernbereich_Buttons {
   clear: left;
   font-weight: bold;
   text-decoration: blink;
   padding: 5px 0px 5px 20px;
   width:  100%;
   height: 100%;
   float:  left;
   margin: 0px 0px 0px 0px;
   color: #333;
   background-color: #eee;
   padding: 30px 35px 0px 35px;
   width: 622px;
   min-width: 622px;
   max-width: 622px;
   border-right: 1px solid #aaa;
   border-left: 1px solid #ddd;
}

#antwort_zeigen_link a {
   width: 450px;
   color: #555;
   padding: 2px 14px 2px 14px;
   border-left:  1px solid #fff;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #fff;
}

#antwort_zeigen_link a:hover {
   text-decoration: none;
   color: #444;
   background-image: URL(/basic/resources/img/tab_background.png);
   background-repeat: repeat-x;
   border-left:  1px solid #bbb;
   border-right: 1px solid #777;
   border-bottom: 1px solid #777;
   border-top: 1px solid #bbb;
}