/*************************************************
Standarteinstellungen
*************************************************/
body {
    margin: 0;
    padding: 0;
    font: 12px Arial, Tahoma;
}

img { border: none; }


/*************************************************
Block
*************************************************/
.block {
     
	/* clear: both;*/
	 margin: 10px 0 0 0px;
    font-size: 0.9em;
    color: #555;
/*    height: 15px;  */
    width: 720px; 
}

.block a {
	font-size: 1.1em;
    text-decoration : none; 
    color: #1c4693;
    font-weight: bold;
}

a.all {
    font: 11px Arial, Tahoma;
    text-decoration : none; 
    color: #444444;
}

.block a:hover {
    text-decoration : underline; 
    color: #444444;
}

div.block img {
    border: 0;
    width: 9px;
    height: 11px;
    margin-right: 5px;
}


/*************************************************
ausklapBlock
*************************************************/
.ausklapBlock {
    /* clear: both;*/
	
    font-size: 0.9em;
    width: 675px; /*695px;*/
    margin: 0px 0 0 25px;
    padding: 2px 2px 2px 10px;
    border-top: #bbb 1px dotted; 
    /*border-bottom: #bbb 1px dotted; */
/*    border: #555 1px dotted;*/
}
  .ausklapBlock {
    width: 688px; /*705px;*/
}



#ausklapBlock01sichtbar.ausklapBlock {
    border-top: #bbb 1px dotted; 
    border-bottom: #bbb 0px dotted; 
    padding: 2px 5px 0px 10px;
    /*background: #f00;*/
}
#ausklapBlock01.ausklapBlock {
    border-top: #bbb 0px dotted; 
    /*border-bottom: #bbb 1px dotted; */
    padding: 0px 5px 2px 10px;
    /* background: #0f0; */ 
}

#ausklapBlock02sichtbar.ausklapBlock {
    border-top: #bbb 1px dotted; 
    /*border-bottom: #bbb 0px dotted; */
    padding: 2px 5px 0px 10px;
    /*background: #f00;*/
}
#ausklapBlock02.ausklapBlock {
    border-top: #bbb 0px dotted; 
    /*border-bottom: #bbb 1px dotted; */
    padding: 0px 5px 2px 10px;
    /*background: #0f0;*/
}

#ausklapBlock05sichtbar.ausklapBlock {
    border-top: #bbb 1px dotted;
    padding: 0px 5px 0px 10px;
}
#ausklapBlock05.ausklapBlock {
    border-top: #bbb 0px dotted; 
    padding: 0px 5px 0px 10px;
}
#ausklapBlock06.ausklapBlock {
    border-top: #bbb 0px dotted;
    padding: 0px 5px 0px 10px;
}


/*************************************************
Spalten in Block  (oben)
*************************************************/
.spalte01,.spalte02, .spalte03, .spalte04 { 
    position: relative; 
    float: left; 
    width: 308px; /*298px;*/
    height: 20px; 
}
.spalte01 { 
    margin-left: 17px;
}


.spalte02, .spalte03, .spalte04 { 
    width: 125px; 
    background: #1c4693 ; 
}
.spalte03 { background: #93E2FF; /*D0FCD6; */}
.spalte04 { background: #ECECED;  }


/*************************************************
Spalten allgemein in ausklapBlock (drin)
*************************************************/
#ausklapBlock01, #ausklapBlock02, #ausklapBlock03, #ausklapBlock04, 
#ausklapBlock05, #ausklapBlock06, #ausklapBlock07, #ausklapBlock08,
#ausklapBlock01sichtbar, #ausklapBlock02sichtbar, #ausklapBlock05sichtbar {
    font-size: 1.0em;
    height: 180px; /*185px; */
    background-color: #ffffff; 
}
#ausklapBlock02 { height: 159px; }
#ausklapBlock03 { height: 160px; }
#ausklapBlock04 { height: 60px; }
#ausklapBlock05 { height: 60px; }
#ausklapBlock06, #ausklapBlock08 { height: 20px; }
#ausklapBlock07 { height: 60px; }
#ausklapBlock01sichtbar { height: 20px; }
#ausklapBlock02sichtbar { height: 60px; }
#ausklapBlock05sichtbar { height: 20px; }

#ausklapBlock01 .spalte1, #ausklapBlock02 .spalte1, #ausklapBlock03 .spalte1,
#ausklapBlock04 .spalte1, #ausklapBlock05 .spalte1, #ausklapBlock06 .spalte1,
#ausklapBlock07 .spalte1, #ausklapBlock08 .spalte1,
#ausklapBlock01sichtbar .spalte1, #ausklapBlock02sichtbar .spalte1,
#ausklapBlock05sichtbar .spalte1 { 
    position: relative; 
    float: left; 
    width: 300px; /*290px; */
    height: 160px; 
}

#ausklapBlock01 .spalte2, #ausklapBlock01 .spalte3, #ausklapBlock01 .spalte4,
#ausklapBlock02 .spalte2, #ausklapBlock02 .spalte3, #ausklapBlock02 .spalte4,
#ausklapBlock03 .spalte2, #ausklapBlock03 .spalte3, #ausklapBlock03 .spalte4,
#ausklapBlock04 .spalte2, #ausklapBlock04 .spalte3, #ausklapBlock04 .spalte4,
#ausklapBlock05 .spalte2, #ausklapBlock05 .spalte3, #ausklapBlock05 .spalte4,
#ausklapBlock06 .spalte2, #ausklapBlock06 .spalte3, #ausklapBlock06 .spalte4, 
#ausklapBlock07 .spalte2, #ausklapBlock07 .spalte3, #ausklapBlock07 .spalte4,
#ausklapBlock08 .spalte2, #ausklapBlock08 .spalte3, #ausklapBlock08 .spalte4,
#ausklapBlock01sichtbar .spalte2, #ausklapBlock01sichtbar .spalte3, #ausklapBlock01sichtbar .spalte4,
#ausklapBlock02sichtbar .spalte2, #ausklapBlock02sichtbar .spalte3, #ausklapBlock02sichtbar .spalte4 ,
#ausklapBlock05sichtbar .spalte2, #ausklapBlock05sichtbar .spalte3, #ausklapBlock05sichtbar .spalte4 {
    position: relative; 
    float: left; 
    width: 125px; /*135px; */
    height: 160px; 
    background: #1c4693; 
}
#ausklapBlock02 .spalte2, #ausklapBlock02 .spalte3, #ausklapBlock02 .spalte4 {
    height: 159px; 
}
#ausklapBlock03 .spalte2, #ausklapBlock03 .spalte3, #ausklapBlock03 .spalte4 {
    height: 159px; 
}

#ausklapBlock04 .spalte1, #ausklapBlock04 .spalte2, 
#ausklapBlock04 .spalte3, #ausklapBlock04 .spalte4 { 
    height: 60px; 
}

#ausklapBlock05 .spalte1, #ausklapBlock05 .spalte2, 
#ausklapBlock05 .spalte3, #ausklapBlock05 .spalte4 {
    height: 60px; 
}

#ausklapBlock06 .spalte1, #ausklapBlock06 .spalte2, 
#ausklapBlock06 .spalte3, #ausklapBlock06 .spalte4,
#ausklapBlock08 .spalte1, #ausklapBlock08 .spalte2, 
#ausklapBlock08 .spalte3, #ausklapBlock08 .spalte4 { 
    height: 20px; 
}

#ausklapBlock07 .spalte1, #ausklapBlock07 .spalte2, 
#ausklapBlock07 .spalte3, #ausklapBlock07 .spalte4 { 
    height: 60px; 
}

#ausklapBlock01sichtbar .spalte1, #ausklapBlock01sichtbar .spalte2, 
#ausklapBlock01sichtbar .spalte3, #ausklapBlock01sichtbar .spalte4 { 
    height: 20px; 
}

#ausklapBlock02sichtbar .spalte1, #ausklapBlock02sichtbar .spalte2, 
#ausklapBlock02sichtbar .spalte3, #ausklapBlock02sichtbar .spalte4 { 
    height: 60px; 
}

#ausklapBlock05sichtbar .spalte1, #ausklapBlock05sichtbar .spalte2, 
#ausklapBlock05sichtbar .spalte3, #ausklapBlock05sichtbar .spalte4 { 
    height: 20px; 
}

/* Hintergrund Farben in 3. und 4. Spalten  */
#ausklapBlock01 .spalte3, #ausklapBlock02 .spalte3, #ausklapBlock03 .spalte3,
#ausklapBlock04 .spalte3, #ausklapBlock05 .spalte3, #ausklapBlock06 .spalte3,
#ausklapBlock07 .spalte3, #ausklapBlock08 .spalte3,
#ausklapBlock01sichtbar .spalte3, #ausklapBlock02sichtbar .spalte3,
#ausklapBlock05sichtbar .spalte3 {
    background: #93E2FF; /*D0FCD6; */
}

#ausklapBlock01 .spalte4, #ausklapBlock02 .spalte4, #ausklapBlock03 .spalte4,
#ausklapBlock04 .spalte4, #ausklapBlock05 .spalte4, #ausklapBlock06 .spalte4,
#ausklapBlock07 .spalte4, #ausklapBlock08 .spalte4,
#ausklapBlock01sichtbar .spalte4, #ausklapBlock02sichtbar .spalte4 ,
#ausklapBlock05sichtbar .spalte4 {
    background: #ECECED ; /*F7F8C7; */
}


/*************************************************
Spaltenheader in ausklapBlock (drin)
*************************************************/
.topic1, .topic2, .topic3, .topic4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #1c4693;
    height: 20px;  
    text-align: left; 
    vertical-align: bottom;
    padding: 3px 0 0 0;
}

.topic2, .topic3, .topic4 {
    color: #1c4693;
    text-align: center; 
}
.topic2 {
    color: #fffaf0;
}


/*************************************************
Spalte 1
*************************************************/
.text_grau, .text_schwarz , .text_blau {
    font-size: .9em;
    color: #333333;
    /*line-height: 19px; */
    height: 17px;
    border-bottom: 1px solid #cfcfcf; 
    padding-top: 2px;
}
.text_schwarz {
    color: #000000;
    font-weight: bold;
}
  .text_grau, .text_schwarz {
    height: 20px;
    vertical-align: middle;
}

.text_blau {
font-size: 1.0em;
    margin: 1px 0 0 -8px;
    color: #1c4693;
    font-weight: bold;
    height: 16px;
}
  .text_blau {
    /*margin: 1px 0 0 -8px;*/
    position: relative;
    color: #1c4693;
    font-weight: bold;
    height: 19px;
}

.unsichtbar {
    display: none;
}

/*************************************************
Spalten ab 2.
*************************************************/

select { 
    font-size: 1.0em; 
    text-align: center;
    margin: 2px 2px 2px 0;
    padding: 0;
    height: 13px;
    width: 70px; 
    color: #222222;
    border: #999 1px solid; 
}
  select { 
    margin: 1px 2px 1px 0;
    text-align: center;    
}

input { 
    font-size: 1.0em; 
    text-align: right;
    padding: 0 5px 0 0;
    margin-top: 2px;
}

.line { 
    font-size: 1.0em;
    padding: 0 0 0 10px;
    width: 115px; /*135*/
    height: 19px;
    border-bottom: 1px solid #cfcfcf; 
}
  .line { 
    width: 125px; /*134px;*/
    height: 20px;
    overflow: hidden;
}

.text_input { 
    font-size: 0.9em;
	/* color: #fffaf0; */ 
    height: 10px; 
    position: relative; 
    left: 17px; /*5px; */
    width: 20px; 
    border: 0px dotted blue; 
}
.text_ergebnis { 
    font-size: 1.1em;
	color: #fffaf0; /* #FFCC99; */
    height: 10px; 
    position: relative; 
    left: 17px; /*5px; */
    width: 20px; 
    border: 0px dotted blue; 
}
  .text_input { 
    margin-top: -1px;
}

.text_label  { 
    font-size: .9em; 
    color: #111111; 
    margin-left: 5px;
    
    /*position: relative;
    top: -1px;
    overflow: hidden;    */
}

.m3 {
    font-size: 0.7em;
    vertical-align: top;
}

.edit {
    padding-left: 4px; 
    float: left; 
    width: 70px; 
    color: #222222;
    border: #999 1px solid; 
}

.noedit { 
    padding-left: 4px; 
    float: left; 
    width: 70px; 
    border: 1px solid #CCCCCD; 
    color: #111111; 
}

.spalte2 .noedit { background-color: #5988B2 ; }
.spalte3 .noedit { background-color: #66D6FF; /*AEFCB9; */}
.spalte4 .noedit { background-color: #DCDCDD ; /*F5F79F; */}

/* Ergebnis formatieren (%) */
INPUT.prozWeiss, INPUT.prozSchwarz {
    padding: 1px 0 0 0; 
    float: left; 
    width: 40px; 
    border: #999 0px solid; 
	font-size: 1.2em; 
    color: #fffaf0; /* #fff; */
    font-weight: bold;  
    background: transparent;
}
.text_label_prozWeiss, .text_label_prozSchwarz { 
    position: relative; 
    left: 62px; 
    width: 40px; 
    top: -15px; 
    border: 0px dotted blue; 
    font-size: 1.2em; 
    font-weight: bold;
    color: #fffaf0; /* #111111; */ 
}
INPUT.prozSchwarz, .text_label_prozSchwarz {
    color: #333;
}

/*************************************************
Buttons
*************************************************/
#btn {
   /* clear: both;*/
   clear:left;
    font-size: 0.9em;
    width: 686px; /*720px;*/
    height: 20px;
    margin: 15px 0 0 25px;
    padding: 2px 0 5px 0px;
    /*border-top: #bbb 1px dotted; */
    /*border-bottom: #bbb 1px dotted; */
    /*text-align: right;*/
}
  #btn {
    height: 30px;
    overflow: hidden;
}

.btnTrenner {
    width: 310px;
    float: left; 
    height: 20px;
}

#btnBerechnen1 {
/*    float: right;*/
    height: 20px;
    margin: 0 0px 0 0;
    font-size: 1.0em; 
    font-family: Arial, Verdana; 
    text-align: center;
    color: #1A171B; 
    background: transparent;
}
  #btnBerechnen1 {
    height: 0px;
}

INPUT#btnBerechnen1Graph {
    text-align: center;
    width: 80px;
	float: right;
	margin-right:2.5em;
}
/*
#btnBerechnen1Graph    { 
    width: 90px; 
    height: 22px; 
    background-color: #ddd; 
    border: 2px solid #ACACAD; 
    vertical-align:bottom; }
*/
    
/*************************************************
Bilder                                                                                 
*************************************************/
.speichern { vertical-align: middle; }

#loading {
    position: relative;
    left: 650px; 
    width: 16px; 
    top: -19px; 
    border: 0px dotted blue; 
}
  #loading {
    position: relative;
    left: 160px; 
    width: 16px; 
    top: -19px; 
    height: 0px;
    border: 0px; 
}

form {margin-top:2em;}