/* ------------------------------------------------------------- Web-Fonts ------------------------------------------------------------- */

/* ### T-ACK #056 ### */

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}






html, body { height:100%; }

body
{
    padding:0px; margin:0px; 
    background-color:#ffffff;
    
    /* ### T-ACK #056 ### */
    font-size:15px; font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-weight:400;  color:#0F1B2E; 
}

p { margin-top:0px; margin-bottom: 24px; }
b { color:#111111; font-weight: 400; }

a:active, a:focus { outline: none; /* T-ACK #013 */ }

.TextLink { color: #0F1B2E; }


img 
{ 
    border:0px; 
    -ms-interpolation-mode: bicubic; /* T-ACK #003 */
}

.gesamtDiv_1 { width:100%; min-width:250px; }
.gesamtDiv_2 
{ 
    padding-top:0px; /* T-ACK #027 */
    padding-bottom:250px; margin-left:2%; margin-right:2%; 
}
.gesamtDiv_3 { max-width:2600px; margin-left:auto; margin-right:auto; }



/* ----------------------------------------------------     TopNav (mobile Version)     -------------------------------------------------------------- */
/* tn = [T]op[N]av */

.tn_mobile_1 { }
.tn_mobile_2 { display:inline-block; width:100%; }
.tn_mobile_3 { float:left; width: 270px; height:35px; padding-top:9px;} 

.tn_mobile_4 
{ 
    float:right; width:36px; height:33px; padding-top:12px; 
    cursor:pointer;  /* sieht man bei Touchscreens natürlich nicht */
}

.tn_mobile_5 { }
.tn_mobile_6 { padding-top:10px }


.tn_mobile_link 
{ 
    display:block; /* T-ACK #011 */
    text-align:center; padding-top:8px; padding-bottom:8px; background-color:#6A727F; font-size:16px; color:#ffffff; border-top:1px solid #A5AEB5; cursor:pointer; text-decoration:none;
}

.tn_mobile_Logo_Link { display:inline-block; margin-left:0px; }

/* ----------------------------------------------     TopNav (normale Version)     ------------------------------------------------------------------- */
/* tn = [T]op[N]av */

/* ##### T-ACK #012, #012_b ##### */

.tn_aussen_1 
{ 
    padding-top:5px; /* T-ACK #027 */
}
.tn_aussen_2
{ 
    display:inline-block; width:100%; /* TACK #010 */
    padding-top:35px; /* sollte dem Wert von margin-top in "tn_aussen_3" entsprechen */
}
.tn_aussen_3 
{
    float:left; 
    margin-top: -35px; /* sollte dem Wert von padding-top in "tn_aussen_2" entsprechen */
    width:370px; /* sollte Breite des Logos entsprechen */
    height:65px; /* sollte etwas mehr als der Hoehe des Logos entsprechen, damit vertikaler Umbruch mit etwas Abstand erfolgt */
}
.tn_aussen_4 { float:right; }


/* ................................................................ */
/* tn_emp = [T]op[N]av [E]inzel[M]enu[P]unkt (= ohne Aufklapp-Menu) */

.tn_emp_1 
{
    height:25px; /* T-ACK #007 */
    float:left; display:inline; /* T-ACK #008 */
}
.tn_emp_2 
{
    display:block; /* T-ACK #011 */
    padding-top:4px; padding-bottom:4px; padding-left:5px; padding-right:5px;
    color:#000000; font-size:16px; text-decoration:none; text-align:center; 
}
.tn_emp_2:hover { color:#000000; font-weight:500; text-decoration:underline; }



/* ................................................................ */
/* tn_am = [T]op[N]av [A]ufklapp-[M}enu                             */

.tn_am_1 
{ 
    height:25px; /* T-ACK #007 */
    float:left; display:inline; /* T-ACK #008 */
}

.tn_am_2
{
    display:block; /* T-ACK #011 */
    padding-top:4px; padding-bottom:4px; padding-left:5px; padding-right:5px;
    color:#000000; font-size:16px; text-decoration:none; text-align:center;
}
	
.tn_am_3 { position:relative; height:0px; z-index:5000;  }

.tn_am_4
{ 
    position:absolute; 
    padding-top:5px; top:-3px; /* T-ACK #005_c */ 
    z-index:5001; 
}
.tn_am_5 
{ 
    width:98%; /* T-ACK #009 */
    margin-top:1px; padding-bottom:0px; background-color: #ffffff; overflow:hidden; 
    border-top: 1px solid #444444; border-left: 1px solid #444444; border-right: 1px solid #444444; 
}



/* ................................................................ */
/* tn_ami = [T]op[N]av [A]ufklapp-[M}enu[I]tem                      */
.tn_ami_off
{
    display:block; /* T-ACK #011 */
    padding-top:6px; padding-left:25px; padding-bottom:6px; 
    background:url(../img/bg_more_menu_off.gif) top left no-repeat;
    border-top: 1px solid #ffffff; border-bottom: 1px solid #444444;
    cursor:pointer;
    font-size:14px; color: #000000; text-decoration:none;
}
.tn_ami_on
{
    display:block; /* T-ACK #011 */
    padding-top:6px; padding-left:25px; padding-bottom:6px; 
    background:url(../img/bg_more_menu_on.gif) top left no-repeat;
    border-top: 1px solid #ffffff; border-bottom: 1px solid #444444;
    cursor:pointer;
    font-size:14px; color: #000000; text-decoration:none;
}




.tn_separator
{
    float:left; width:15px; background-repeat:no-repeat;
    height:25px; /*  T-ACK #007 */

    /* 
    padding-left:6px; padding-right:6px; 
    background-image:url(../img/topnav_strich.png); 
    */

    background-image:url(../img/topnav_dot.png); 
    background-position:0px 6px;
    	
}

.tn_Logo_Link { display:inline-block; margin-left:0px; }




/* ------------------------------------------   Slider-Leisten   -------------------------------------------- */

/* Fuer Slider, die das erste Content-Element der Seite sind (T-ACK #028): */
.SliderLeiste_div_1__Typ_1 { padding-top:10px; overflow:hidden; }
.SliderLeiste_div_2__Typ_1 { padding-top:8px; padding-bottom:8px; border-top:1px solid #646464; border-bottom:1px solid #999999; }



/* Fuer Slider, die NICHT das erstes Content-Element der Seite sind (T-ACK #028): */
.SliderLeiste_div_1__Typ_2 { padding-top:60px; overflow:hidden; }
.SliderLeiste_div_2__Typ_2 { padding-top:8px; padding-bottom:8px; border-top:1px solid #bbbbbb; border-bottom:1px solid #999999; }



/* ------------------------------------------   Hauptfoto-Leisten   -------------------------------------------- */

/* Fuer Hauptfotos, die das erste Content-Element der Seite sind (T-ACK #028): */
.HauptfotoLeiste_div_1__Typ_1 
{ 
    min-height: 70px; /* ### T-ACK #016_b ### */
    
    padding-top:10px; overflow:hidden; 
    margin-bottom:-1px; /* T-ACK #046 */
}
.HauptfotoLeiste_div_2__Typ_1 { padding-top:8px; padding-bottom:8px; border-top:1px solid #bbbbbb; border-bottom:1px solid #999999; }



/* Fuer Hauptfotos, die NICHT das erstes Content-Element der Seite sind (T-ACK #028): */
.HauptfotoLeiste_div_1__Typ_2 
{ 
    min-height: 70px; /* ### T-ACK #016_b ### */
    
    padding-top:60px; overflow:hidden; 
    margin-bottom:-1px; /* T-ACK #046 */
}
.HauptfotoLeiste_div_2__Typ_2 { padding-top:8px; padding-bottom:8px; border-top:1px solid #bbbbbb; border-bottom:1px solid #999999; }



/* ------------------------------------------   Zwei-Spalten-Konstrukt   -------------------------------------------- */
/* 
    "zsk" = Zwei-Spalten-Konstrukt 
    "sp" = Spalte

    ### T-ACK #022_a-b !!! ###
*/


/* Fuer ZSKs, die das erste Content-Element der Seite sind (T-ACK #044_a): */
.zsk_GesamtDiv__Typ_1 { margin-top:35px; overflow:hidden; }
.zsk_GesamtDiv__einspaltig__Typ_1 { margin-top:25px; padding-left:1%; padding-right:1%; overflow:hidden; }

/* Fuer ZSKs, die NICHT das erste Content-Element der Seite sind (T-ACK #044_a): */
.zsk_GesamtDiv__Typ_2 { margin-top:30px; overflow:hidden; }
.zsk_GesamtDiv__einspaltig__Typ_2 { margin-top:25px; padding-left:1%; padding-right:1%; overflow:hidden; }



/* Typ 1: beide Spalten nebeneinander */
.zsk__typ_1___sp_1_div_1 { float:left; width:30%; margin-top:0px; }
.zsk__typ_1___sp_1_div_2 { float:right; width:75%; min-width:125px; max-width:300px; text-align:right; } /* bzgl. text-align: T-ACK #022_a-b */
.zsk__typ_1___sp_2 { margin-left:34%; padding-left:4%; max-width:780px; padding-right:5%; padding-top:5px; padding-bottom:10px; border-left: 1px solid #999999; }

/* Typ 1_b: beide Spalten nebeneinander, aber Inhalt von Spalte 1 mit fixer Breite (z.B. fuer Werbung) */
.zsk__typ_1_b___sp_1_div_1 { float:left; width:30%; margin-top:12px; }
.zsk__typ_1_b___sp_1_div_2 { float:right; width:160px; text-align:right; } /* bzgl. text-align: T-ACK #022_a-b */
.zsk__typ_1_b___sp_2 { margin-left:34%; padding-left:4%; max-width:780px; padding-right:5%; padding-top:5px; padding-bottom:10px; border-left: 1px solid #999999; }

/* Typ 1_c: beide Spalten nebeneinander und etwa gleich breit */
.zsk__typ_1_c___sp_1_div_1 { float:left; width:45%; padding-top:0px;  }
.zsk__typ_1_c___sp_1_div_2 { /* float:right; width:75%; min-width:125px; max-width:300px; text-align:right; */  } /* bzgl. text-align: T-ACK #022_a-b */
.zsk__typ_1_c___sp_2 { margin-left:48%; padding-left:4%; padding-right:5%; padding-top:5px; padding-bottom:10px; border-left: 1px solid #999999; }



/* Typ 2: Umbruch auf eine Spalte, beide Spalten-Inhalte bleiben erhalten */
.zsk__typ_2___sp_1_div_1 { width:98%; overflow:hidden; } /* ohne 'overflow:hidden' wird's nix mit 'padding-top' in Spalte 2 */
.zsk__typ_2___sp_1_div_2 { width:65%; min-width:125px; max-width:450px; margin-left:auto; margin-right:auto; text-align:center; } /* bzgl. text-align: T-ACK #022_a-b */
.zsk__typ_2___sp_2 { padding-right:2%; padding-top:35px; padding-bottom:10px; }

/* Typ 2_b: Wie Typ 2, aber volle Breite in Div 2 (z.B. fuer Werbe-Banner) */
.zsk__typ_2_b___sp_1_div_1 { width:100%; overflow:hidden; } /* ohne 'overflow:hidden' wird's nix mit 'padding-top' in Spalte 2 */
.zsk__typ_2_b___sp_1_div_2 { min-width:125px; margin-left:auto; margin-right:auto; text-align:center; } /* bzgl. text-align: T-ACK #022_a-b */
.zsk__typ_2_b___sp_2 { padding-right:2%; padding-top:35px; padding-bottom:10px; }


/* Typ 3: Einspaltig durch Ausblenden der linken Spalte */
.zsk__typ_3___sp_1_div_1 { display:none; }
.zsk__typ_3___sp_1_div_2 { }
.zsk__typ_3___sp_2 { padding-right:2%; padding-top:5px; padding-bottom:10px; }


.zsk__sp_1_EinzelDiv 
{ 
    width:100%; 
    display:inline-block; /* T-ACK #022_a-b */
}


/*
.zsk_s_1_Img_Div { width:80%; min-width:125px; max-width:350px; padding-top:0px; padding-right:1%; overflow:hidden;  border:1px solid #ff0000;} */
.zsk_s_1_Img
{
    max-width:100%; height:auto;  /* T-ACK #023 */
}


.zsk_spalte_2__fliesstext_div { padding-left:3px; }

.zsk_spalte_2__header_font
{ 
    display:inline;
    font-size:36px; /* wird ggf. von JS ueberschrieben */
    line-height:36px; font-weight: 400;
}

.zsk_spalte_2__fliesstext
{   			
    line-height:142%;
    
    /* text-align:justify; */
		
}



/* ----------------------------------------------------------   zweispaltige HeaderBalken ---------------------------------------------------------- */


/* ------------------------------ GesamtDiv_Typ_1: Nach oben verschoben ------------------------------ */
.zshb_GesamtDiv__Typ_1 
{ 
    position:relative; width:100%; height:54px; margin-top: -63px;  /* "relative", damit BG-Colors auch wirken, wenn Balken auf einem Hauptfoto oder einen Img-Slider liegt */
}
/* ------------------------------ GesamtDiv_Typ_2: NICHT nach oben verschoben ------------------------------ */
.zshb_GesamtDiv__Typ_2 
{ 
    width:100%; height:54px; margin-top: 10px; 
} 
/* ------------------------------ GesamtDiv_Typ_3: NICHT nach oben verschoben, mit Raendern ------------------------------ */
.zshb_GesamtDiv__Typ_3 
{ 
    position:relative; width:100%; height:54px; margin-top: 10px; /* "relative", damit BG-Colors auch wirken, wenn Balken auf einem Hauptfoto oder einen Img-Slider liegt */
    padding-top:5px; padding-bottom:5px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;
} 



/* ------------------------------ innere Divs Typ a: Beide Spalten nebeneinander ------------------------------ */
.zshb__typ_a___div_1 
{ 
    float:left; width:34%; height:100%; 
    background: rgb(109, 115, 123); /* fuer rgba-unfaehige Browser */
    background: rgba(109, 115, 123, 0.5);
}
.zshb__typ_a___div_2 
{ 
    margin-left:34%; padding-left:4%; height:100%; /* margin-left und padding-left wie Spalte 2 der verwendeten ZSK */
    background: rgb(29, 32, 38); /* fuer rgba-unfaehige Browser */
    background: rgba(29, 32, 38, 0.9);
} 
.zshb__typ_a___Text { display:inline; color:#dddddd; font-size: 31px; font-weight: 300; }



/* ------------------------------ innere Divs Typ b: Einspaltig durch Ausblenden der linken Spalte ------------------------------ */
.zshb__typ_b___div_1 { display:none;}
.zshb__typ_b___div_2 
{ 
    padding-left:15px; height:100%; 
    background: rgb(29, 32, 38); /* fuer rgba-unfaehige Browser */
    background: rgba(29, 32, 38, 0.9);
} 
.zshb__typ_b___Text { display:inline; color:#dddddd; font-size: 31px; font-weight: 300; }



/* --------------------------------- fuer grosse Schaltflaechen auf Startseite --------------------------------- */

/* ##### ACK #008 ##### */
/* 'sf' = SchaltFlaeche' */
.index_sf_div_1 { vertical-align: top; margin-left:30px; margin-right:30px; margin-bottom:25px; width:75%; display:inline-block; } 
.index_sf_a_tag { display:block; text-decoration: none; }
.index_sf_span_1 { display:table-cell; vertical-align:top; width:150px; padding-right:10px; text-align:left; border-right: 1px solid #9B9B9B; }
.index_sf_span_2 { display:table-cell; vertical-align:top; padding-left:10px; padding-top:15px; text-align:left; }
.index_sf_span_3 { display:inline-block; font-family: Arial; font-size: 21px; color: #333333; }
.index_sf_span_4 { display:inline-block; padding-top:10px; font-family: Arial; font-size: 15px; color: #000000; }
.index_sf_span_5 { display:inline-block; padding-top:12px; }




/* -------------------------   Content-Header-Zeilen ------------------------- */

.content_header__balken 
{ 
    padding-top:4px; padding-bottom:4px; background-color:#1D2026; 
    background-image: url("../img/pfeil_content_header.png"); background-position: 5px 3px; background-repeat: no-repeat;
}
.content_header__schrift { padding-left:35px; color:#ffffff; font-family: Arial; font-size: 16px; font-weight:bold; }



/* ------------------------- Tables ------------------------- */
.table_typ_1__td_1 { width:150px; padding-right:10px;  vertical-align:top; text-align:right; color:#000000; border-right: 1px solid #999999; font-size:15px; font-weight:500; }
.table_typ_1__td_2_a { width:22px; background-image: url("../img/table_dot_01.png"); background-position: 10px 2px;   background-repeat: no-repeat; }
.table_typ_1__td_2_b { width:22px; background-image: url("../img/table_dot_02.png"); background-position: 10px 2px;   background-repeat: no-repeat; }
.table_typ_1__td_3 { vertical-align:top; text-align:left; padding-left:8px; color:#000000; font-size:15px; }


/* ----- für formulare.php ----- */
.f_td_header { padding-top:25px; padding-bottom:10px; font-size: 16px; font-weight: 500; }

.f_td_1 
{ 
    max-width:500px;
    vertical-align:top; padding-left:22px; padding-bottom:10px;  
    background-image: url("../img/pdf_dot_01.png"); background-position: 0px 4px; background-repeat: no-repeat;
}

.f_td_2 { padding-left:40px; vertical-align:top; text-align: right; padding-bottom:10px; font-size:13px; white-space:nowrap; }


/* ----- für zweitmarkt.php ----- */

.zm_td_1 
{ 
    max-width:500px;
    vertical-align:top; padding-left:22px; padding-bottom:10px;  
    background-image: url("../img/pdf_dot_01.png"); background-position: 0px 4px; background-repeat: no-repeat;
    font-weight: 500;
}

.zm_td_2 { padding-left:60px; vertical-align:top; padding-bottom:10px; font-size:13px; white-space:nowrap; }




/* -----  fuer 'kontakt.php' -----  */
.kon_header 
{ 
    margin-top:45px;
    background-image: url("../img/dot_01_a.png"); background-position: 0px 3px; background-repeat: no-repeat; 
    padding-left:26px; padding-bottom:1px; 
    border-bottom:1px solid #ababab;
    color: #333333; font-weight:500;
}

.kon_1 { padding-top:15px; padding-left:26px; color: #333333; font-weight: 500; }
.kon_2 { padding-top:8px; padding-left:26px; }

/* ----- fuer 'impressum.php' -----  */
.imp_header 
{ 
    margin-top:40px;
    background-image: url("../img/dot_01_a.png"); background-position: 0px 3px; background-repeat: no-repeat; 
    padding-left:26px; padding-bottom:1px; 
    border-bottom:1px solid #ababab;
    color: #454545; font-weight:500;
}
.imp_header_2 
{ 
    margin-top:40px;
    background-image: url("../img/dot_01_b.png"); background-position: 0px 3px; background-repeat: no-repeat; 
    padding-left:26px; padding-bottom:1px; 
    border-bottom:1px solid #ababab;
    color: #454545; font-weight:500;
}

.imp_1 { padding-top:15px; padding-left:26px; color: #333333; font-weight: bold; }
.imp_2 { padding-top:8px; padding-left:26px; }

/* -----  fuer 'anfahrt.php' -----  */
.anf_header 
{ 
    margin-top:45px;
    background-image: url("../img/dot_01_a.png"); background-position: 0px 4px; background-repeat: no-repeat; 
    padding-left:26px; padding-bottom:3px; 
    border-bottom:1px solid #ababab;
    font-size:21px; color: #333333;
}

.anf_1 { padding-top:20px; padding-left:26px; }


/* -----  fuer 'datenschutz.php' -----  */
.ds_header_1 
{ 
    margin-top:50px; padding-left:0px; color: #333333; font-size:20px; 
    padding:8px; background-color:#E5F2FB; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab;
}
.ds_header_1_b 
{ 
    margin-top:60px; padding-left:0px; color: #333333; font-size:20px; 
}

.ds_header_2 
{ 
    margin-top:40px; margin-left:4px;
    background-image: url("../img/dot_01_a.png"); background-position: 0px 4px; background-repeat: no-repeat; 
    padding-left:26px; padding-bottom:3px; 
    border-bottom:1px solid #ababab;
    font-size:21px; color: #333333;
}

.ds_1 { padding-top:20px; padding-left:31px; }



/* -----  fuer 'ds.php' -----  */
.ds_2__header_1 
{ 
    margin-top:35px; padding-left:0px; color: #333333; font-size:18px; 
    padding:8px; background-color:#E5F2FB; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab;
}

.ds_2__header_1__td_1 { display:table-cell; } 
.ds_2__header_1__td_2 { display:table-cell; padding-left:10px; } 


.ds_2__header_2 
{ 
    margin-top:40px; margin-left:4px;
    background-image: url("../img/dot_01_a.png"); background-position: 0px 4px; background-repeat: no-repeat; 
    padding-left:26px; padding-bottom:3px; 
    border-bottom:1px solid #ababab;
    font-size:21px; color: #333333;
}

.ds_2__textblock { padding-top:20px; padding-left:31px; }
.ds_2__textblock_2 { padding-top:20px; padding-left:50px; }




/* -----  fuer 'links.php' -----  */
.linkseite_div_1 
{ 
    margin-top:30px;
    background-image: url("../img/dot_01_a.png"); background-position: 0px 4px; background-repeat: no-repeat; 
    padding-left:26px; padding-bottom:1px; 
}

.linkseite_div_2 { padding-top:6px; padding-left:26px; }

.linkseite_link { color: #333333; font-weight:500; }

/* --------------------------------------------------------------- */

.fliesstext_bold { font-weight:500; } 


.fliesstext_versalie 
{ 
    /* color: #FC7703; */ 
    color: #666666; 
    font-size:34px; padding-right:2px; 
    font-family: Verdana,Helvetica,Arial,sans-serif; font-weight:normal; 
    line-height:142%;
}



/* ----------------------------------- Buttons ----------------------------------- */

/* ### T-ACK #051 !!! ### */

/* ----- Typ_1 (Icon-Groesse 36x36) ----- */
.button_Typ_1__img { width:36px; height:36px; }
.button_Typ_1__td_1 { display:table-cell; vertical-align:middle; }
.button_Typ_1__td_2 { display:table-cell; vertical-align:middle; padding-top:3px; padding-left:9px; }
.button_Typ_1__aTag
{ 
    line-height:100%; /* ### T-ACK #051 ### */
    font-size:16px; font-family: Arial, Century Gothic, AppleGothic, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#4C5763; 
}
.button_Typ_1__aTag:hover { text-decoration:underline; color:#F47E02; }


/* ----- Typ_2 (### T-ACK #052 ###))  ----- */
.button_Typ_2__aTag
{ 
    line-height:100%; /* ### T-ACK #051 ### */
    font-size:16px; font-family: Arial, Century Gothic, AppleGothic, Helvetica, sans-serif; text-decoration:none; color:#000000; 
}
.button_Typ_2__aTag:hover { text-decoration:underline; color:#F47E02; }



/* ----------------------------------- Formulare  ----------------------------------- */

.form_div__zeile { padding-top:15px; overflow:hidden; }
.form_div__beschriftung { width:120px; float:left; text-align: right;}
.form_div__feld { margin-left:135px; }


.form_input_1, .form_input_2 
{	
    height:22px; width:95%;
    font-family:Verdana, Arial; font-size:16px; color:#111111; font-style:normal; font-weight:normal; text-decoration:none;
    text-align:left;
    background-color:#ffffff;
    border: #818EA2 1px solid; border-radius: 5px;
    padding-left:3px; /* für Textinhalt */
}
.form_input_1:hover { background-color:#FFEFCF; }

.form_input_2 { background-color:#FFD5D2; } /* fuer nicht korrekt ausgefuellte Felder */
.form_input_2:hover { background-color:#FFEFCF; }



/* ----------------------------------- fuer PHP-Class 'Bild_mit_Beschriftung' ----------------------------------- */

/* Typ 1: */
.bild_Typ_1__div_1  { margin-top:40px; }
.bild_Typ_1__div_2  { width:100%;}
.bild_Typ_1__div_3  { }
.bild_Typ_1__div_4  { padding-top:5px; padding-right:1px; font-size:13px; text-align:right }
.bild_Typ_1__img    { width:100%; }

/* Typ 2 (wie Typ 1, aber mit linkem Abstand)): */
.bild_Typ_2__div_1  { margin-top:40px; padding-left:26px;}
.bild_Typ_2__div_2  { width:100%;}
.bild_Typ_2__div_3  { }
.bild_Typ_2__div_4  { padding-top:5px; padding-right:1px; font-size:13px; text-align:right }
.bild_Typ_2__img    { width:100%; }

/* Typ 3 (wie Typ 1, aber mit Rand und Schatten)): */
.bild_Typ_3__div_1  { margin-top:40px; }
.bild_Typ_3__div_2  { width:100%;}
.bild_Typ_3__div_3  { border: 1px solid #aaaaaa; box-shadow: 3px 3px 10px #ccccdd; }
.bild_Typ_3__div_4  { padding-top:5px; padding-right:1px; font-size:13px; text-align:right }
.bild_Typ_3__img    { width:100%; }




/* ------------------------------------------------------   Footer   ------------------------------------------------------ */

.footerLeiste_div_1 { }
.footerLeiste_div_2 { background-color:#EEF1F3; border-top: 1px solid #A4A9AE; border-bottom: 1px solid #A4A9AE; overflow:hidden; }
.footerLeiste_div_3 { float:right; }


.footer_einzel_div
{
    float:left;
    padding-top:5px; padding-bottom:5px;
    padding-left:10px; padding-right:10px; 
}

.footer_link { color:#262D33; font-size:14px; text-decoration:none; }
.footer_link:hover { color:#F47E02; }

.footer_schrift_klein { color:#555555; font-size:11px; }




/* ----------------------   Cookie-Warnhinweis   ---------------------- */
.bottom_leiste_Div_1 
{
    position:fixed; width:100%; bottom:0px; left:0px;
    box-sizing: border-box;
    background-color:#000000; 
}
.bottom_leiste_Div_2 { padding:10px; padding-right:20px; color:#ffffff; overflow:hidden; }
.bottom_leiste_link { color:#ffffff; text-decoration:underline; cursor:pointer; }



/* ----------------------   Scroll-Up-Button   ---------------------- */
.scroll_up_Button
{
	position:absolute;
 	bottom:30px;
 	right:25px;
 	width:40px; height:40px; /* kleiner skaliert */
        
        cursor:pointer; 
}
@media screen
{
  body>.scroll_up_Button
  {
   position:fixed;
  }
}

.scroll_up_Button__mobil
{
	position:absolute;
 	bottom:15px;
 	right:5px;
 	width:30px; height:30px; /* kleiner skaliert */
        
        cursor:pointer; 
}
@media screen
{
  body>.scroll_up_Button__mobil
  {
   position:fixed;
  }
}
/* ------------------------------------------------------------------ */




/* ----------------------   Grafik-Preload   ---------------------- */
.grafik_preload { display:none; /* height:0px; visibility:hidden; overflow:hidden; */ }
.grafik_preload_img { width:1px; height:1px; }