@import url('https://fonts.googleapis.com/css?family=Raleway');

body {font-family: Raleway, Arial, sans-serif; color:#000000; font-size: 18px;}

table {
    padding: 2px;
    border-spacing: 0px;
}

/* fuer automatische Hoehenanpassung bei iFrame */
body {
    margin: 1px;
}

input {
    cursor: pointer;    
}

/* 18 px = 1.00 em 
   20    = 1.00     // 20px = alter Standardwert
   22    = 1.11
   24    = 1.22
   26    = 1.33
*/

.freitext { font-size:1.00em; font-family:Raleway,Arial,sans-serif; 
           color: #2E2E2E; background-color: #F4F4F4; width:300px; }

.Mini { font-size:0.62em; font-family:Raleway,Arial,sans-serif; color:#000000;}
.Bereich { font-size:1.00em; font-family:Raleway,Arial,sans-serif; color:#000000;}

.Bereich20 { font-size:1.00em; font-family:Raleway,Arial,sans-serif; color:#2E2E2E;}
.Bereich22 { font-size:1.11em; font-family:Raleway,Arial,sans-serif; color:#2E2E2E;}
.Bereich26 { font-size:1.33em; font-family:Raleway,Arial,sans-serif; color:#2E2E2E;}

.Bereich20_orange { font-size:1.00em; font-family:Raleway,Arial,sans-serif; color:#E15A00;}
.Bereich22_orange { font-size:1.11em; font-family:Raleway,Arial,sans-serif; color:#E15A00;}
.Bereich26_orange { font-size:1.33em; font-family:Raleway,Arial,sans-serif; color:#E15A00;}

.Bereich20_blau { font-size:1.00em; font-family:Raleway,Arial,sans-serif; color:#0082C3;}
.Bereich22_blau { font-size:1.11em; font-family:Raleway,Arial,sans-serif; color:#0082C3;}
.Bereich26_blau { font-size:1.33em; font-family:Raleway,Arial,sans-serif; color:#0082C3;}

.Bereich20_rot { font-size:1.00em; font-family:Raleway,Arial,sans-serif; color:#FF0000;}
.Bereich22_rot { font-size:1.11em; font-family:Raleway,Arial,sans-serif; color:#FF0000;}
.Bereich26_rot { font-size:1.33em; font-family:Raleway,Arial,sans-serif; color:#FF0000;}


.Bereich20_rot_2 { font-size:1.00em; font-family:Raleway,Arial,sans-serif; 
                  font-weight:bold; color:#E10016; }


.Bereich22_Eingabefeld { font-size:1.11em; font-family:Raleway,Arial,sans-serif; color:#000000;
                        width:968px; 
                        border: 1px solid #C0C0C0; 
                        background-color:#F4F4F4; }

.Bereich22_Eingabefeld_kurz { font-size:1.11em; font-family:Raleway,Arial,sans-serif; color:#000000;
                        width:310px; 
                        border: 1px solid #C0C0C0; 
                        background-color:#F4F4F4; }


.Vorschau_Datum { font-size:24px; font-family:Raleway,Arial,sans-serif; 
                 font-weight: bold; color:#0082C3;}

.Vorschau_Rubrik { font-size:24px; font-family:Raleway,Arial,sans-serif; 
                 font-weight: bold; color:#333333;}

.Vorschau_Ueberschrift { font-size:24px; font-family:Raleway,Arial,sans-serif; 
                 font-weight: normal; color:#2D2D2D;}

.Vorschau_Veroeffentlicht_am { font-size:20px; font-family:Raleway,Arial,sans-serif; 
                 font-weight: normal; color:#808080;}

.Vollmodus_Rubrik { font-size:24px; font-family:Raleway,Arial,sans-serif; 
                 font-weight: bold; color:#BE8952;}

.Vollmodus_Zeitraum { font-size:20px; font-family:Raleway,Arial,sans-serif; 
                 font-weight: bold; color:#BE8952;}



.Button_red { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;
             width:300px; color:red; font-weight:bold; }

.Button_orange { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;
             width:300px; color:#E15A00; font-weight:bold; }


.Button_blue { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;
             width:300px; color:blue; font-weight:bold; }

.Button_blue2 { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;
             width:300px; color:#0082C3; font-weight:bold; }


.Button_red_short { color:red; font-weight:bold; }

.Button_green { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;  
                   width:300px; color:green; font-weight:bold; }

.Button_green2 { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;  
                   width:300px; color:black; font-weight:bold;
                    }

.Button_green_short { color: green; font-weight:bold; }


.Button { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;
             width:300px; color:black; font-weight:bold;
              }


.Button_short { font-size: 1.00em; font-family:Raleway,Arial,sans-serif;
             width:200px; color:black; font-weight:bold; }

textarea { resize: vertical; }



/* ab hier moeglicherweise nicht verwendet ! */

.Kal_Button { width:200px; background-color:#FFFFFF;}


.Button2 { background-color:#FFFFFF; color:#000000; width:200px; height:26px; border:1px solid #000000; font-family:Verdana,Arial,sans-serif; font-size:13px; font-weight:bold; }

.Zebra 
    tr:nth-child(even) { background-color: #E3E3E3; }

    
.Auswahlbox { background-color:#FFFFFF; font-size:13px; font-family:Verdana,Arial,sans-serif; height:20px; width:410px; border:1px solid #000000; font-weight:bold;}

.LinkBereich { font-size:12px; font-family:Verdana,Arial,sans-serif; color:#0000FF; }

a.LinkBereich:link { text-decoration:none; font-weight:normal; color:#0000FF; }
a.LinkBereich:visited { text-decoration:none; font-weight:normal; color:#0000FF; }
a.LinkBereich:hover { text-decoration:none; font-weight:bold; color:#0000FF; }
a.LinkBereich:active { text-decoration:none; font-weight:bold; color:#0000FF; }
a.LinkBereich:focus { text-decoration:none; font-weight:bold; color:#0000FF; }