/*<[CDATA[*/


/* media arrangement, um Bildausschnitt schieben zu koennen */
div.media {
    text-align: center;
    /*overflow: visible;*/
    /*visibility: visible;*/
}
div.media a {
    display: block;
    width: 114px;
    height: 170px;
    overflow: hidden;
	margin: auto;
}
/*and gets overwritten if you specify mR_1pt or a twoCol class in the html markup*/
div.media .mR_1pt, 
div.media .twoCol {
    /*margin-right: 1pt;*//*add this to get a dynamically sized gap between two
                      media-picture-label-links within the div.media column*/
}
div.media a img {
	position: relative;
    margin-top: -186px/*-145px*/;
	z-index: 90;
	padding-bottom: 90px/*100px*/;
}
div.media a div,
div.media a span,
div.media a p {
	position: relative;
    margin-top: 113px;
	background-color: white;
	height: 62px;
	z-index: 91;
    display:/*inline-*/block;
}
div.media {/* Mediaspalte soll buendig anfangen. */
    margin: 0 0 5px;
}



/*damit Ueberschriften in allen Browsern in neuer Zeile beginnen*/
li {
    clear:both;
}




/*fuer die korrekte def-Weite im Textfluss (Kombi mit innerhalb Liste s.o.)*/
div.def {
    width: 67.5%/*68.1%*/;
	border: 1px ridge rgba(149, 149, 149, 0.3);
	margin-left: 70px;
}
div.math {
    width: 67.5%/*67.8%*/;
	margin-left: 70px;
	border: solid #ccc 1px;
}
div.bsp {
    width: 67.5%/*67.8%*/;
	margin-left: 69px;
	/*Alternativer hellblauer halbtransparenter Hintergrund:*/

	border: 1px outset #6699FF;
	background-color: rgba(200, 200, 255, 0.1);
}



/*fuer die korrekte bsp/def/text-Ausrichtung innerhalb einer Liste*/
li div.math,
li div.bsp,
li div.def,
li div.text2,
img + div.def {
    margin-left: 0;
}
li div.def {
    width: 97%;
}

li div.math ,
li div.bsp {
    width: 97.5%;
}
li div.text2 {
    width: 97.5%;
}
img + div[class~="def"],
.mL2px,
.marginL2px {
    margin-left: 2px;
}

/* ermoeglicht, Tex-Bilder zu trennen, ohne dass justify die
Bilder weit auseinander zieht */
.splitTex {
    /*Die Klasse splitTex wurde nun gewaehlt, da die Formatierung bei allgemeiner Formulierung fuer alle div.bsp leider zerbricht.*/
}
.splitTex a {
   float: left;
}
.splitTex a + a {
    margin-bottom: 2px;
    margin-left: 5px;
    margin-top: 2px;
}
.splitTex a ~ br ,
.splitTex a ~ div {
    clear: both;
}
/*
*/




/*sorgt fuer Abstand zwischen den Aufzaehlungspunkten einer Liste*/
/*
ol li {
    margin-bottom: 10px;
}
*/



/* ermoeglicht zwei-spalten-design des .twocol-Divs und dessen Nachfolger */
div.twoCol,
div.twocol,
a.twoCol,
a.twocol  {
    float: left;
	width: 48% !important;/*important to overwrite .media a*/
    margin-left: 0 !important;
	padding-left: 0;
	padding-right: 0;
    /*remember this only works if a is a block as specified in .media a*/
}
div.twoCol + div,
div.twocol + div,
a.twoCol + a,
a.twocol + a  {
    float: left;
    width: 48%;/*here no important is required*/
    padding-left: 4%;
	padding-right: 0;
}
div.twoCol + div + *,
div.twocol + div + *,
a.twoCol + a + *,
a.twocol + a + *  {
    clear: both;
}
/* alternativ auch ueber display:inline-block; falls es zu
 Problemen kommen sollte */





/* allgemeine Elemente */
dir {
    text-align: left;  /*Justify zerbricht bei manchen Browsern den Textfluss.
                         bei <dir> (Verzeichnis) ist die Korrektur angemessen.*/
}



/* allgemeine Klassen */
div.t,
.trans,
.transparent {
    color: transparent;
}
.viHi,
.ghost,
.invisible {
    visibility: hidden;
}
.n,
table.bluewhite tr td:first-child.n {
   font-weight: normal; 
}
.floatLeft {
    float: left;
}
.vTop {
    vertical-align: top; /*fuer Tabellen et alia*/
}


.w92px {
    width: 114px;
}
.w125px {
    width: 125px;
}

.w48 {
    width: 48%;
}
.w49 {
    width: 49%;
}
.w50 {
    width: 50%;
}
.w97 {
    width: 97%;
}
.w97_5 {
    width: 97.5%;
}
.w98 {
    width: 98%;
}
.w100,
.width100 {
    width: 100%;
}
.maxW100,
.mW100 {
	max-width: 100%;
}


/* Einstellen einer individueller Hohe ermoeglicht 
 das Zusammenrutschen d. Elemente der Medienspalte.*/
div a.min,
div a.minimal,
.h17px {
    height: 17px;
}
div a.labelOnly,
div a.labelonly,
.h50px {
    height: 50px;
}
div a.oneline,
.h130px {
    height: 130px;
}
div a.twoline,
.h150px {
    height: 150px;
}
.h100,
.height100 {
    width: 100%;
} 



.p0 {
    padding: 0;
}
.m0 {
    margin: 0;
}

.pL0 {
    padding-left: 0;
}
.mL0 {
    margin-left: 0;
}

.pL4px {
    padding-left: 4px;
}
.mL4px {
    margin-left: 4px;
}
.mL9px,
.marginL9px {
    margin-left: 9px;
}




div a.mT-10px,
div.mT-10px,
.mT-10px,
.mT_10px {
    margin-top: -10px;
}
div a.mT-20px,
div.mT-20px,
.mT-20px,
.mT_20px {
    margin-top: -20px;
}
div a.mT-30px,
div.mT-30px,
.mT-30px,
.mT_30px {
    margin-top: -30px;
}
div a.mT-40px,
div.mT-40px,
.mT-40px,
.mT_40px {
    margin-top: -40px;
}
div a.mT-50px,
div.mT-50px,
.mT-50px,
.mT_50px {
    margin-top: -50px;
}

div a.mT10px,
.mT10px,
.mT10px {
    margin-top: 10px;
}
div a.mT20px,
.mT20px,
.mT20px {
    margin-top: 20px;
}




.txtCen,
.cen {
    text-align: center;
}
.txtL,
.txtLeft {
    text-align: left;
}
.txtR,
.txtRight {
    text-align: right;
}

.cB,
.clearBoth {
     clear: both;
}



/* Listensymbole */
dir.inside,
ul.inside,
ol.inside {
    list-style-position: inside;
}
dir.decimal,
ol.decimal {
    list-style-type: decimal;
}
dir.roman,
ol.roman {
    list-style-type: lower-roman;
}
dir.alpha,
ol.alpha {
    list-style-type: lower-alpha;
}
dir.none,
ol.none,
ul.none {
    list-style-type: none;
}
dir.square,
ul.square {
    list-style-type: square;
}
dir.circle,
ul.circle {
    list-style-type: circle;
}



/* AlignTopTable */
table.alignTop td,
.txtTop td {
    vertical-align: top;
}

/* BlueWhiteTable */
table.bluewhite {
    border: 1px solid midnightBlue;
    margin-bottom: 20px;
}
table.bluewhite td,
table.bluewhite th {
    border: 2px solid white;
}
table.bluewhite td,
table.bluewhite th {
    padding: 4px;
}
table.bluewhite tr:nth-of-type(odd) {
    background-color: lavender;
    /*
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    */
}
table.bluewhite tr:nth-of-type(even) {
    background-color: ghostwhite;
}
table.bluewhite tr td:first-child {
    font-weight: bold;
}
table.bluewhite th {
    color: white;
    background-color: midnightblue;
}

/*alignment -> first column left, second centered, third right, ...*/
tr.align_lcrc {
    
}
tr.align_lcrc td:nth-child(even) {/*equals nth-child(2n + 0)*/
    text-align: center;
}
tr.align_lcrc td:nth-child(2n  +  3) {
    text-align: right;
}
tr.align_lcrc:  last-child {/*redundancy*/
    text-align: center;
}
tr.align_lcrc:first-child {

}

div.text2 table.spacing {
    border-spacing: 4px;
}




/*verschiebt die Icons an der linken Seite                         */ 
img.setleft {
    position: absolute;
    left: 280px;
}


/*]]>*/