﻿/*VARIANTE I - vertikale Variante*/
/*container für features*/

.SpalteA {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    height:100.01%;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

#SpalteAueberschriftlinksgif {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:60px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:26px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

#SpalteAueberschrift {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:30px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

#SpalteAInhaltZahlenformate {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltGrundrechnungenI {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltGrundrechnungenII {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltGeometrie {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltArbeiten {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltBruch {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltPotenzieren {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltStrecken {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteAInhaltAusgabe {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

















.SpalteB {
          /*display: block;*/
    position: static;
    margin-left: 1.5em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    height:100.01%;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
        float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/}

#SpalteBueberschrift {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:100px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

#SpalteBInhaltZahlenformate {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltGrundrechnungenI {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltGrundrechnungenII {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltGeometrie {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltArbeiten {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltBruch {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltPotenzieren {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltStrecken {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteBInhaltAusgabe {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

.SpalteC {
          /*display: block;*/
    position: static;
    margin-left: 2.7em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    height:100.01%;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
        float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/}

#SpalteCueberschrift {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:100px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

#SpalteCInhaltZahlenformate {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltGrundrechnungenI {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltGrundrechnungenII {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltGeometrie {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltArbeiten {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltBruch {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltPotenzieren {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltStrecken {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#SpalteCInhaltAusgabe {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:10px;/*Starplatz*/
    height:200px;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:150px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}





/*VARIANTE II horizontale Variante - Vorbereitung zum auf und zuklappen*/
/*left=0, da im Inhalt!*/

.SpalteAhorizontal1 {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    height:100%;
    padding: 0 1em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:600px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}

/*styles zum auf- und zuklappen*/
.styleklappen {

height: 25px; 
width: 100%; 
background: #ffffff; 
padding-left: 10px;/*wenn der wert zu gros eingestellt wird, kommen vertikale scrollbalken - pfui*/
border: 0px solid #4F4F4F;
}

.stylepickappen {
float: left;
width:18px;
height:12px;
}

.stylefuerdiv {
display: none; 
width: 100%; 
background: #ffffff; 
padding: 3px; 
border: 0px solid #4F4F4F; 
border-top-width: 0;
}

.styleueberschriftB {
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color:#000000;
	padding-left:30px;
}

.stylekleineUeberschriftB {/*soll nur speziell für die index und dort klappbar verwendet werden!*/
	font-size: 10px;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: left;
    color: #808080;/*graue schrift*/
    padding-left:30px;
}

.styleErklaerungSymbolaufklappbar {/*soll nur speziell für die index und dort klappbar verwendet werden!*/
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: left;
    color: #808080;/*graue schrift*/
}




/*währungen*/
.Spaltecurrencyall {
          /*display: block;*/
    position: static;
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    height:404px;/*100%;*/ /*war 304py;031010*/
    padding: 0em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:100%;/*622px;/*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
min-width:50em;

}
#SpaltecurrencyIST {
          /*display: block;*/
    position: static;/*absolute;*/
    margin-left: 0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:0px;/*Starplatz*/
    height:50px;/*100%;*//*war300px; 031010
    padding: 0em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:309px;/*war60px; 031010*/ /*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
      overflow:auto; 
}
#SpaltecurrencySOLL {
          /*display: block;*/
    position: static;/*absolute;*/
    margin-left: 0px;/*0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:0px;/*Starplatz*/
    height:50px;/*100%;*//*war300px; 031010
    padding: 0em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:right;
    width:309px;/*war60px; 031010*/ /*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
      overflow: auto;/*scroll;  */
      }

.SpaltecurrencyMitte {
          /*display: block;*/
    position: static;/*absolute;*/
    margin-left: 0px;/*0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:0px;/*Starplatz*/
    height:402px;/*302
    padding: 0em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:100%;/*622px;/*war500px; 031010*/ /*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#framewaehrungenzuIST {
          /*display: block;*/
    position: static;/*absolute;*/
    margin-left: 0px;/*0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:0px;/*Starplatz*/
    height:200px;/*150px;
    padding: 0em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:100%;/*622px;/*war500px; 031010*/ /*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
#framewaehrungenzuSOLL {
          /*display: block;*/
    position: static;/*absolute;*/
    margin-left: 0px;/*0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-top:0px;/*Starplatz*/
    height:200px;/*152px;
    padding: 0em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:100%;/*622px;/*war500px; 031010*/ /*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}
.SpalteschlussEnde {
          /*display: block;*/
    position: absolute;/*absolute;*/
    margin-left: 0px;/*0em; /*Startposition vom linken rand für text links neben dem Symbolbild*/
    /*margin-top:1em;*/
    margin-bottom:0px;/*Starplatz*/
    height:200px;/*302
    padding: 0em;
    border-left: 0px ridge gray; /*rand*/
    border-top: 0px ridge gray; /*rand*/
    background-color: #ffffff;
    padding-bottom:0px;
    margin-bottom: 0;
    float:left;
    width:98%;/*622px;/*war500px; 031010*/ /*weite muss "fixiert" werden, sonst ist eine zeile bis zum zeilenumbruch mit </br>, und es gibt einen konflikt mit der darstellung - sieht scheisse aus!*/
}