p { padding: 0; margin: 0; }

.rund{border-radius:5px;}
.rund1111{border-radius:5px;}
.rund1100{border-radius:5px 5px 0px 0px;}
.rund0011{border-radius:0px 0px 5px 5px;}
.rund1110{border-radius:5px 5px 5px 0px;}
.rund0111{border-radius:0px 5px 5px 5px;}
.rund0110{border-radius:0px 5px 5px 0px;}
.rund1001{border-radius:5px 0px 0px 5px;}
.rund0100{border-radius:0px 5px 0px 0px;}



.test{font-family:Tahoma,Times; font-size:10pt;}
.navi { font-family:Times; font-size:10pt;text-align:center}
.navi2 { font-family:Times;font-size:12pt;text-align:center;}
td.navi2 { border-width: 1px;border-style:solid; border-color:white}
table.navi2 { border-width: 1px;border-style:solid; border-color:white}
.navi_small { font-family:Times; font-size:7pt;text-align:center}
.inhalt { font-family:Tahoma,Times; font-size:14px;text-align:center}
.n10 { font-size:14px;font-family:Times;}
.n12 { font-size:16px;font-family:Times;}
.n2 { font-size:14pt; color:blue}

.gk_feld {padding-top:10px;padding-bottom:10px;padding-left:2px;padding-right:2px; font-family:Tahoma,Times;font-size:10pt;}



a_test {text-decoration:underline;}
a_test:link{color:#0080FF;}
a_test:visited{color:#005EBB;}
a_test:hover{color:darkblue;text-decoration:none;}

a {text-decoration:none;color:#0080FF;cursor:pointer;}
a:link{}
a:visited{color:#005EBB;}
a:hover{color:darkblue;text-decoration:underline}


.card_btn_hover:hover {
/* font-style:italic; 
 text-shadow: 0px 0px 3px #FFFFFF, 0px 0px 1px #000000;
 */
 border-radius:25px;
}

.btn_link {border-left:2px solid white;border-right:2px outset #c0c0c0;border-top:2px solid white;border-bottom:2px outset #c0c0c0;-webkit-appearance: none;cursor:pointer;text-align:center;padding:3px;font-size:10px;width:110px;}

.btn_klein{
 cursor:pointer;padding:3px;font-size:10px;border:1px outset white;
}

.btn{
 cursor:pointer;font-size:10pt; border:2px outset white;width:122px;	
}

.btn2{
 cursor:pointer;font-size:10pt; border:1px outset white;padding:2px;	
}


.btn_red2{
 background-color:#ff8080; color:#FFFFFF;
}

.btn_red2:hover{
 background-color:#ffc0c0;color:#ff4040;	
}




.btn_blau6{
 background-color:#ffffff; color:#8080ff;
}

.btn_blau6:hover{
 background-color:#eeeeff;color:#4040ff;	
}

.btn_blau5{
 background-color:#ddddff; color:#46506b;
}

.btn_blau5:hover{
 background-color:#eeeeff;color:#4040ff;	
}

.btn_blau4{
 background-color:#7B85A3; color:#FFFFFF;
}

.btn_blau4:hover{
 background-color:#c3ceee;color:#46506b;	
}

.btn_blau3{
 background-color:#b0b0ff; color:#000000;
}

.btn_blau3:hover{
 background-color:#e0e0ff;color:#4040ff;	
}

.btn_blau2{
 background-color:#8080ff; color:#FFFFFF;
}

.btn_blau2:hover{
 background-color:#c0c0ff;color:#4040ff;	
}

.btn_blau1{
 background-color:#3366FF; color:#FFFFFF;
}

.btn_blau1:hover{
 background-color:#c0c0ff;color:#4040ff;	
}

.btn_gruen{
 background-color:#358931; color:#FFFFFF;
}
.btn_gruen:hover{
 background-color:#9aee8e;color:#17721a;	
}
.btn_gruen2{
 background-color:#c0ffc0; color:#000000;
}
.btn_gruen2:hover{
 background-color:#9aee8e;color:#17721a;	
}
.btn_gruen3{
 background-color:#006600; color:#FFFFFF;
}
.btn_gruen3:hover{
 background-color:#95e681;color:#006600;	
}

.btn_grey1{
 background-color:#808080; color:#FFFFFF;
}
.btn_grey1:hover{
 background-color:#c0c0c0;color:#606060;	
}



.hover_transparent {
	cursor:pointer;
	opacity:0.4;
  filter:alpha(opacity=40);
}
.hover_transparent:hover {
	opacity:1.0;	
	filter:alpha(opacity=100);
}

.hover_transparent07 {
	cursor:pointer;
	opacity:0.7;
  filter:alpha(opacity=70);
}
.hover_transparent07:hover {
	opacity:1.0;	
	filter:alpha(opacity=100);
}


.hover_transparent2 {
	cursor:pointer;
	opacity:0.6;
  filter:alpha(opacity=60);
}
.hover_transparent2:hover {
	opacity:0.9;	
	filter:alpha(opacity=90);
}


h1 {font-size:18pt;margin-bottom:1pt}

.navi_liste1 {font-family:Tahoma;font-size:16px;color:#FFFFFF;}
.navi_liste1:link{color:#FFFFFF}
.navi_liste1:visited{color:#FFFFFF}
.navi_liste1:hover{color:#C9C9C9;}

.navi_liste2 {font-family:Tahoma;font-size:14px;color:#FFFFFF;}
.navi_liste2:link{color:#FFFFFF}
.navi_liste2:visited{color:#FFDFE0}
.navi_liste2:hover{color:#C9C9C9;}

.weiss {text-decoration:none;color:#FFFFFF;}
.weiss:link{color:#FFFFFF}
.weiss:visited{color:#FFDFE0}
.weiss:hover{color:#C9C9C9;text-decoration:underline}

.rot_nl {text-decoration:none;color:#BB4646;}
.rot_nl:link{color:#CD3E3E;}
.rot_nl:visited{color:#CD3E3E;}
.rot_nl:hover{color:#AA4A4A;text-decoration:underline}

.gelb_nl {text-decoration:none;color:#F6E20F;}
.gelb_nl:link{color:#F6E20F;}
.gelb_nl:visited{color:#F6E20F;}
.gelb_nl:hover{color:#FCF914;text-decoration:underline}


.small_text {text-decoration:none;color:#FFFFFF;}
.small_text:link{color:#FFFFFF;text-decoration:underline;}
.small_text:visited{color:#FFDFE0;text-decoration:underline;}
.small_text:hover{color:#C9C9C9;}


table.oben { border-width: 1px;border-style:solid; border-color:white}

.bw { border-width: 1px;border-style:solid; border-color:white}

.bw_neu { font-family:Tahoma,Times; border-width: 1px;border-style:solid; border-color:white}


.rot:link{color:red;text-decoration:underline}
.blau:link{color:blue;text-decoration:underline}
.dunkelrot:link{color:darkred;text-decoration:underline}
.normal:link{text-decoration:underline}
.rot:hover{color:darkred;text-decoration:none}
.blau:hover{color:darkblue;text-decoration:none}
.dunkelrot:hover{color:red;text-decoration:none}
.normal:hover{color:darkblue;text-decoration:none}



.hauptfenster { background-color: #ffffff; text-align:center; font-family:Times; font-size:12pt;}
.links { background-color: #ffffff; text-align:center; font-family:Times; font-size:12pt; border-width: 1px;border-style:solid; border-color:white}
.rechts { background-color: #ffffff; text-align:center; font-family:Times;font-size:12pt;}
.oben {text-align:center; font-family:Times;font-size:16px}
.kategorie { font-family:Times;font-size:10pt;color:#FFFFFF;text-decoration:none;}
.kategorie:visited{color:#FFDFE0;}
.kategorie:hover{color:#C9C9C9;}
.kategorie:link{color:#ffffff;}
.aktuell{ font-family:Times;font-size:12pt;}
.aktuell_neu{ font-family:Tahoma;font-size:16px;}




#Inhalt_g   { background-color: #ffffff; position: absolute; top: 180px; left: 140px; width: 520px; visibility: visible }
#Links_g    { background-color: #ffffff; position: absolute; top: 21px; left: 0px; width: 142px; visibility: visible }
#Rechts_g   { background-color: #ffffff; position: absolute; top: 21px; left: 658px; width: 120px; visibility: visible }
#Oben_g     { background-color: #0080ff; position: absolute; top: 23px; left: 142px; width: 516px; height: 80px; visibility: visible }
#Aktuell2_g  { background-color: #0080ff; position: absolute; top: 23px; left: 142px; width: 516px; height: 113px; text-align:center; visibility: visible }
#sky_g      { position: absolute; top: 0px; left: 0px; width: 728px; height: 92px; visibility: visible }
#neu_g     { background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; width: 784px; height: 21px; visibility: visible }
#Kategorie_g{ background-color: #0080ff; position: absolute; top: 138px; left: 142px; width: 516px; height: 20px; text-align:center; visibility: visible }
#Uebersicht_g   { background-color: #ffffff; position: absolute; top: 161px; left: 2px; width: 780px; visibility: visible }


#Inhalt   { background-color: #ffffff; position: absolute; top: 180px; left: 140px; width: 520px; visibility: visible }
#Inhalt2   { background-color: #ffffff; position: absolute; top: 141px; left: 140px; width: 520px; visibility: visible }

#Uebersicht   { background-color: #ffffff; position: absolute; top: 141px; left: 2px; width: 780px; visibility: visible }
#inhalt_rechts   { background-color: #ffffff; position: absolute; top: 161px; left: 140px; width: 640px; visibility: visible }


#Inhalt_ecard   { position: absolute; top: 104px; left: 139px; width: 520px; visibility: visible; }
#Inhalt_ecard_neu   { position: absolute; top: 40px; left: 150px; width: 520px; visibility: visible; }
#Inhalt_ecard_preview   { position: absolute; top: 40px; left: 150px; width: 658px; visibility: visible; }
#Inhalt_ecard_preview_hg   { position: absolute; top: 40px; left: 150px; width: 100%; visibility: visible; }
#Inhalt_ecard_preview_1002   { position: absolute; top: 40px; left: 150px; width: 750px; visibility: visible; }
#Inhalt_ecard_full   {position: absolute; top: 40px; left: 0px; width: 770px; visibility: visible;}
#Inhalt_ecard_full_neu   {position: absolute; top: 40px; left: 0px; width: 800px; visibility: visible;}
#Inhalt_ecard_full_neu2   {position: absolute; top: 40px; left: 0px; width: 1000px; visibility: visible;}
#Inhalt_ecard_ohne_rechts   {position: absolute; top: 40px; left: 150px; width: 850px; visibility: visible;}
#Links    { background-color: #ffffff; position: absolute; top: 21px; left: 0px; width: 138px; visibility: visible }
#Links_ecard    {position: absolute; top: 40px; left: 0px; width: 138px; visibility: visible }

#Links_hg    { position: absolute; left: -138px; bottom:2px; width: 138px; visibility: visible; height:5000px; }
#Rechts2_hg  { position: absolute; left: 668px; bottom:2px; width: 138px; visibility: visible; height:5000px; }
#Rechts_neu_hg{ position: absolute; left: 520px; bottom:2px; width: 146px; visibility: visible; height:5000px; }

#Rechts   { position: absolute; top: 21px; left: 658px; width: 120px; visibility: visible }
#Rechts2   { position: absolute; top: 0px; left: 806px; width: 142px; visibility: visible }
#Rechts_neu   { position: absolute; top: 21px; left: 658px; width: 142px; visibility: visible }
#Rechts_ecard   { position: absolute; top: 40px; left: 695px; width: 142px; visibility: visible }
#Oben     { background-color: #0080ff; position: absolute; top: 25px; left: 142px; width: 516px; height: 80px; visibility: visible }
#Aktuell  { background-color: #0080ff; position: absolute; top: 105px; left: 142px; width: 516px; height: 50px; visibility: visible }
#Aktuell2  { position: absolute; top: 23px; left: 142px; width: 516px; height: 116px; text-align:center; visibility: visible }
#Kategorie{ background-color: #0080ff; position: absolute; top: 141px; left: 142px; width: 516px; height: 20px; text-align:center; visibility: visible }
#sky      { position: absolute; top: 0px; left: 800px; width: 160px; visibility: visible }
#neu     { background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; width: 784px; height: 21px; visibility: visible }

#show_sky     { background-color: #FFFFFF; position: absolute; top: -540px; left: 803px; width: 120px; height: 600px; visibility: visible }
#show_rechteck     { background-color: #FFFFFF; position: absolute; top: -480px; left: 641px; width: 250px; height: 250px; visibility: visible }
#show_rechteck2     { background-color: #FFFFFF; position: absolute; top: -230px; left: 640px; width: 164px; height: 228px; visibility: visible }
#show_rechteck3     { background-color: #FFFFFF; position: absolute; top: -230px; left: 802px; width: 156px; height: 228px; visibility: visible }
#show_rechteck4     { background-color: #FFFFFF; position: absolute; top: -482px; left: 802px; width: 156px; height: 228px; visibility: visible }

#Rechts_aussen   { position: absolute; top: 21px; left: 700px; width: 300px; visibility: visible }

.sky1 { font-size:12pt;text-decoration:underline}
.sky2 { color:#000000;font-size:8pt;text-decoration:none}
.sky3 { font-size:12pt;}
.sky_b {background-color: #FFFFCC;border:1px outset black;}

.Button_hover_underline { width:122px; background-color:#3366FF; color:#FFFFFF; border:2px outset white;-webkit-appearance: none;cursor:pointer;}
.Button_hover_underline:hover { text-decoration:underline;}

.Button { width:122px; background-color:#3366FF; color:#FFFFFF; border:2px outset white;-webkit-appearance: none;cursor:pointer;font-size:10pt;}
.Button:hover { border-style:inset outset outset inset;}
.Button2 { background-color:#3366FF; color:#FFFFFF; border-left:2px outset white;-webkit-appearance: none;cursor:pointer;font-size:10pt;}
.Button2:hover { border-style:inset outset outset inset;}
.Button3 { background-color:#C9C9C9; color:#FFFFFF; border-left:2px outset white;-webkit-appearance: none;cursor:pointer;font-size:10pt;}
.Button3:hover { border-style:inset outset outset inset;}
.Button_small {font-size:10px; background-color:#3366FF; color:#FFFFFF; border-left:1px outset white;-webkit-appearance: none;cursor:pointer;}
.Button_small:hover { border-style:inset outset outset inset;}
.Button_small_neu {font-size:10px; background-color:#0000FF; color:#FFFFFF; border-left:1px outset white;-webkit-appearance: none;cursor:pointer;}
.Button_small_neu2 {font-size:10px; background-color:#0080ff; color:#FFFFFF; border-left:1px outset white;-webkit-appearance: none;cursor:pointer;}

.Button_hover_blue {cursor:pointer;}
.Button_hover_blue:hover {border:2px solid #8080ff;}
.musik_abspielen_blue {background-color:#ffffff;padding:6px;border: 1px solid #8080ff;}
.musik_abspielen_blue:hover {border:1px solid #0000ff;background-color:#f0f0ff;}
.musik_abspielen_red {background-color:#ffffff;padding:6px;border: 1px solid #ff8080;}
.musik_abspielen_red:hover {border:1px solid #ff0000;background-color:#fff0f0;}

.Kategoriebutton_link {color:#ffffff;background-color:#8080ff;border-left:2px solid white;border-right:2px outset #c0c0c0;border-top:2px solid white;border-bottom:2px outset #c0c0c0;-webkit-appearance: none;cursor:pointer;text-align:center;padding:3px;font-size:10px;width:110px;}
.Kategoriebutton_link:hover {border-left:2px solid #a0a0a0;border-top:2px solid #a0a0a0;text-decoration:underline}

.Kb_l_1 {color:#52789E;background-color:#ddddff;border-left:2px solid white;border-right:2px outset #c0c0c0;border-top:2px solid white;border-bottom:2px outset #c0c0c0;-webkit-appearance: none;cursor:pointer;text-align:center;padding:3px;font-size:10px;width:110px;padding-top:5px;}
.Kb_l_1:hover {border-left:2px solid #a0a0a0;border-top:2px solid #a0a0a0;text-decoration:underline}


.Kategoriebutton_button {padding:3px;font-size:10px;background-color:#3366FF; color:#FFFFFF; border-left:2px outset white;-webkit-appearance: none;cursor:pointer;width:110px}
.Kategoriebutton_button:hover {border-style:inset outset outset inset;text-decoration:underline}


.ecard_layer_reiter_aktiv {background-color:#ffffff;border:0px solid #52789E;border-width:2px 2px 0px 2px;padding:7px;width:130px;border-radius:35% 35% 0% 0%;color:#52789E;}

.ecard_layer_reiter_inaktiv {background-color:#808080;border:2px solid #808080;padding:6px;width:130px;border-radius:35% 35% 0% 0%;cursor:pointer;color:#ffffff;border-bottom-color:#52789E;font-style:italic;}
.ecard_layer_reiter_inaktiv:hover {border-color:#52789E;background-color:#d0d0d0;color:#52789E;}

.eingabe_reiter_aktiv {background-color:#e0e0ff;border:0px solid #c0c0ff;border-width:1px 1px 0px 1px;padding:7px;width:170px;border-radius:35% 35% 0% 0%;font-weight:bold;}

.eingabe_reiter_inaktiv {background-color:#EAF4FF;border:1px solid #808080;padding:6px;width:130px;border-radius:35% 35% 0% 0%;cursor:pointer;color:#808080;border-bottom-color:#c0c0ff;font-style:italic;}
.eingabe_reiter_inaktiv:hover {border-color:#c0c0ff;background-color:#e0e0ff;color:#000000;font-weight:bold;}


.Kb_link {}
.Kb_link:hover {text-decoration:none;}

.Bildbutton {text-align:center;background-color:#ffffff;padding:0px;font-size:10px;width:127px;border: 2px solid #ffffff;cursor:pointer;color:#000000;padding-top:2px;padding-bottom:2px;}
.Bildbutton:hover {background-color:#e8e8ff;border: 2px solid #bbbbff;}



.layer_close_x {width:40px;background-color:#ff8080;color:#ffffff;cursor:pointer;}
.layer_close_x:hover {background-color:#ff4040;}
.such_button {border: 0px solid #52789E;width:35px;height:25px;background-image: url('/layout/lupe_bg_150821.png'); background-position: 0px  0px;background-repeat:no-repeat;vertical-align:middle;cursor:pointer;}
.such_button:hover {background-position: 0px  -35px;}

.bn_pw_vergessen{border:0px solid black;height:26px;margin-top:2px;background-color:#ffffff;color:#52789E;font-size:10pt;}
.bn_pw_vergessen:hover{color:#000000;cursor:pointer;}

.hover_pointer{}
.hover_pointer:hover{cursor:pointer;}

.dreieck_button{border:1px solid #e0e0ff;color:#000000;font-size:16px;font-family:Times;padding:0px;}
.dreieck_button:hover{cursor:pointer;border:1px solid #404040;color:#404040;}

.kat_info_text{background-color:#ddddff;}
.kat_info_text:hover{cursor:pointer;color:#52789E;text-decoration:underline;background-color:#ffffff}

.ecard_bild_element_button {text-align:center;background-color:#ffffff;padding:0px;font-size:10px;width:130px;border: 2px solid #ffffff;cursor:pointer;padding-top:1px;padding-bottom:1px;}
.ecard_bild_element_button:hover {background-color:#e8e8ff;border: 2px solid #bbbbff;}

.backdrop-blur {background-color: rgba(128, 128, 128, .97);}

/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) {
  .backdrop-blur {
    background-color: rgba(128, 128, 128, .3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  }
}

.backdrop-blur-light {background-color: rgba(128, 128, 128, .75);}

/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
  .backdrop-blur-light {
    background-color: rgba(128, 128, 128, .3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
}



#top_1008       {position: absolute; left: -455px; top:20px; width: 910px;}
#top_1008b      {position: absolute; left: 80px; top:40px; width: 910px;}
#unten_1008     {position:absolute; width: 642px;top:500px; left:0px;}
#rechts_1008    {position: absolute; top: 0px; left: 660px; width: 250px; height: 482px;}
.td_unten       {border-width:1px;border-style:solid;}

#print_button{height:50px;width:250px;margin-top:20px;}

img.emoji {height: 1.2em;margin: 0 .05em 0 .1em;vertical-align: -0.3em;}
img.emoji1 {height: 18px;margin: 0 .05em 0 .1em;vertical-align: -4px;}
img.emoji2 {height: 24px;margin: 0 .05em 0 .1em;vertical-align: -6px;}
img.emoji3 {height: 32px;margin: 0 .05em 0 .1em;vertical-align: -8px;}
img.emoji4 {height: 48px;margin: 0 .05em 0 .1em;vertical-align: -12px;}
img.emoji5 {height: 66px;margin: 0 .05em 0 .1em;vertical-align: -16px;}
img.emoji6 {margin: 0 .05em 0 .1em;vertical-align: -16px;}


@media only screen and (max-device-width: 480px) { 
    html {
        -webkit-text-size-adjust: none; 
        /* verhindert Veränderung der Schriftgröße bei iPhone z.B. im Hinweislayer */
    }
}

@media print{
.no_print {visibility: hidden;}
.no_print_display {display: none;}
.td_unten {border-width:0px;border-style:hidden;visibility: hidden;}
#top_1008     {position: absolute; left: -350px; top:20px; width: 700px;}
#top_1008b     {position: absolute; left: 30px; top:40px; width: 640px;}
#unten_1008     {position: absolute; width: 642px;top:580px; left:0px;}
#rechts_1008    {position: absolute; top: 0px; left: 210px; width: 250px; height: 482px;}

#print_button{visibility: hidden;height:1px;font-size:0pt;margin-top:0px;}

#absender_1008  {position: absolute; left: -350px; top:10px;}
#empfaenger_1008 {position: absolute; left: -80px; top:0px;}
#briefmarke_1008 {position: absolute; left: -480px; top:10px;}
}



  /* !important is needed sometimes */
 ::-webkit-scrollbar {
    width: 12px !important;
 }

 /* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #8080ff !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 

 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: #8080ff !important; 
 }