/* bk.css 
  Bremer KochLust - Layoutelemente für WebTermine
  Cg  2019-10 - Refresh */

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4;
    color: #212529;
	color:#555;
    text-align: left;
    background-color: #fff;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/*
body  {font-family:Arial, Verdana, Helvetica, Helv; font-size:12px; }
body {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
*/


				   
.RandOben          {background-image:url(media2/HG-oben.gif);
                    background-repeat:repeat-x;}
.RandLinks	   {background-image:url(media2/HG-rand.gif);
                    background-repeat:repeat-y;}                    

p {	font-size:.875rem; 
	color:#555;
}
/* Neu 2020-04 */
h1, h2, h3, h4 {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    margin: 1.4rem 0;
	color: #555;
}
h1  { 
	font-size:1.25rem; 
	font-weight:700;
	
}
h2  { 
	font-size:1.25rem;
	font-weight:500;
	} 

h2.moduletitle {
    border-bottom: 2px solid #F57E00;
	font-weight: 500;
    margin: 0 0 0 5px;
    padding: 3px 0 4px 0px;
    font-size: 1.5rem;
}
h3 { 
	font-size:.875rem;
	font-weight:normal;
	margin-top:1px;
	margin-bottom:1px;
}
h4 { 
	font-size:.7rem;
	font-weight:600;
	margin-top:1px;
	margin-bottom:1px;
}


td { }
/*	vertical-align: top;
	font-size:.875rem; 
	color:#555;
	vertical-align: top;
*/
.termin img {width: 30vW;}


/* Button */
.btn,.TerminFooter a {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:link, .btn:visited, .btn:focus, .btn:hover, .btn:active,
.TerminFooter a:link, .TerminFooter a:visited, .TerminFooter a:focus, .TerminFooter a:hover, .TerminFooter a:active {
    text-decoration: none;
}

input#cmdShow {
	border: 1px solid transparent;
	border-color: #6c757d;
	border-radius: .2rem;
	color: #6c757d;
	padding: .375rem .75rem;
    line-height: 1.25;
    font-size: .875rem;
}/* padding: .175rem .75rem; */

.TerminFooter a:link,
.TerminFooter a:visited,
input#cmdShow:link,
input#cmdShow:visited {
    color: #6c757d;
    border-color: #6c757d;
    background-color: white;
}
.TerminFooter a:hover,
.TerminFooter a:active,
input#cmdShow:hover,
input#cmdShow:active  {
    color: white;
    background-color: rgba(108, 117, 125, 0.5);
}

.TerminFooter a:focus,
input#cmdShow:focus {
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5);
}
/* End Button */

#MenuKoor          {font-size:.65rem;
                font-weight:lighter;
                color:#2E2EE3;
                text-align:right;}
#MenuSam	   {margin-left:0;}

#MenuExtra         {vertical-align:top;
	            position:relative; top:-35px; left:-5px;}

/* Kurse.aspx - Default Width >>> xs .. sm .. md .. lg .. xl */
 #tabTermine.termin {
	border: 1px solid transparent!important;
	margin-top: 1.5rem;
 }
.myDiv, #tabTermine.termin {
	width: 540px!important;
	width: 95vW!important;
	}
@media (min-width: 504px) {
.myDiv, #tabTermine.termin {
	max-width: 504px!important;
	width: 504px!important;
	width: 95vW!important;
	}
.myDiv {border-spacing: 0;}	
.myDiv  table  tr  td+td+td+td+td {
	width: 42px;
    max-width: 42px;
    overflow: hidden;
}
.myDiv  table table  tr  td {
	display: inline-table;
}
.myDiv #tabTermine  tr  td,
.myDiv #tabDesc  tr  td {
	display: table-cell;
}
/*
.myDiv  table  tr  td+td+td+td+td input {
	font-family: Arial Narrow, sans-serif;
	font-size: 80%;
}*/
	
}
@media (min-width: 653px) {
.myDiv, #tabTermine.termin {
	max-width: 650px!important;
	width: 650px!important;
	width: 95vW!important;
	}
.myDiv {border-spacing: 2;}	
.myDiv  table  tr  td+td+td+td+td {
	width: unset;
    max-width: unset;
    overflow: visible;
}
.myDiv  table  tr  td+td+td+td+td input {
	font-family: inherit;
	font-size: inherit;
}
}
@media (min-width: 960px) {
.myDiv, #tabTermine.termin {
	max-width: 950px!important;
	width: 950px!important;
	width: 95vW!important;
	}	
}
@media (min-width: 1400px) {
.myDiv, #tabTermine.termin {
	max-width: 1400px!important;
	width: 1400px!important;
	width: 95vW!important;
	}
}

		
A.clExtra          {
	            font-size:.65rem;
                    text-decoration:none;
                    font-style:italic;
                    color:#2E2EE3;}
A.clExtra:link     {color:#2E2EE3;}
A.clExtra:visited  {color:#2E2EE3;}
A.clExtra:hover    {color:#F57E00; /*#AC9EC5;*/
                    text-decoration:underline;}
A.clExtra:active   {color:#FF9900;
                    text-decoration:underline;}
img					{border-style:none;}
img					{}
.grdCenter			{text-align:center;}
input               {font-size: .7rem;
                    color: #000000;}
textarea			{font-size:.7rem;
                     color:#000000;
                     resize:none;
}



.TerminDatum		{border-style:none;
           			 width:110px;
           			 text-align:center; 
					 vertical-align:top;
                     }
.TerminDatum h1, .TerminDatumSo h1 {
	margin: .5rem 0;
}					 
.TerminDatumSo		{border-style:none;
           			 width:110px;
           			 text-align:center; 
					 vertical-align:top;
					 color: #F57E00;/*#c83f04*/ 
                    }
.TerminDatumSo h1 {
	color: #F57E00;
	margin: .5rem 0;
}								
.TerminTitel {
	border-style:none;
	vertical-align:top;
}  
.TerminTitel h1 {
	color: #F57E00;
	margin: .5rem 0;
}
.TerminTitel h2 {
	color: #F57E00;
	margin: .75rem 0 .5rem 0;
}
.TerminDesc {
    font-size: .875rem;					 
}    /* border-style:none; vertical-align:top; text-align:left; padding-right:.75rem; color: #555; */					 
.TerminLinkEdit	{
	border-style:none;
	vertical-align:top;
	text-align:right;
	padding-right:10px;					 
	width:60px; 
}                     
.TerminLinkRead	{
	border-style:none;
	vertical-align:bottom;					 
	text-align:right;
	padding-right:10px;					 
	width:60px; 
}                  
.TerminFooter {
    color:#000000;
	background-color: #E6EBFB;
    font-size: .875rem;						
}  

.Pflicht:after {
    content: " *";
}

.DankeTitel {
    font-size: 2rem;
    color: #F57E00;

}
.LoginTitel {
    font-size: 1.2rem;
    color: #F57E00;

}

 .leftDiv {
                position : absolute;    
                width    : 400px;
                height   : 200px;
                /*top      : 10%;*/
                padding-left: 100px;
            }

.Error {
    background-repeat:no-repeat;
    /*background-color: #ff6369;*/
    /*border-color:#ff3038;*/
    border: 2px solid #ff6369;
}
.TextBox {
   background-color: rgb(250, 250, 250);
   border-bottom-color: rgb(153, 153, 153);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: rgb(153, 153, 153);
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: rgb(153, 153, 153);
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: rgb(153, 153, 153);
   border-top-style: solid;
   border-top-width: 1px;
   font-size: .875rem;
   outline-color: invert;
   outline-style: none;
   outline-width: 0px;
   vertical-align: middle;
}
.TextBoxError {
   background-repeat:no-repeat;
   /*background-color: #ff6369;*/   
   border-bottom-color: rgb(153, 153, 153);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: rgb(153, 153, 153);
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: rgb(153, 153, 153);
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: rgb(153, 153, 153);
   border-top-style: solid;
   border-top-width: 1px;
   font-size: .875rem;
   outline-color: invert;
   outline-style: none;
   outline-width: 0px;
   vertical-align: middle;
   border-color:#ff6369;
}

.DropDownList {
   background-color: rgb(250, 250, 250);
   border-bottom-color: rgb(153, 153, 153);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: rgb(153, 153, 153);
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: rgb(153, 153, 153);
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: rgb(153, 153, 153);
   border-top-style: solid;
   border-top-width: 1px;
   font-size: .875rem;
   outline-color: invert;
   outline-style: none;
   outline-width: 0px;
   vertical-align: middle;
   text-align:left;
}
.DropDownListError {
   background-repeat:no-repeat;
   background-color: #ff6369;
   border-bottom-color: rgb(153, 153, 153);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-color: rgb(153, 153, 153);
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: rgb(153, 153, 153);
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: rgb(153, 153, 153);
   border-top-style: solid;
   border-top-width: 1px;
   font-size: .875rem;
   outline-color: invert;
   outline-style: none;
   outline-width: 0px;
   vertical-align: middle;
   text-align:right;
}

.CheckBox {
   background-color: rgb(250, 250, 250);
   border-bottom-style: none;
    /*
   border-bottom-color: rgb(153, 153, 153);
   border-bottom-style: none;
   border-bottom-width: 0px;
   border-left-color: rgb(153, 153, 153);
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: rgb(153, 153, 153);
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: rgb(153, 153, 153);
   border-top-style: solid;
   border-top-width: 1px;
   */
   font-size: .875rem;
   /*
   outline-color: invert;
   outline-style: none;
   outline-width: 0px;
    */
   width: 13px;
   height: 13px;
   padding: 0;
   margin:0;
   vertical-align: bottom;
   position: relative;
   top: -1px;
   *overflow: hidden;
}
.CheckBoxError {
    /*background-repeat:no-repeat;
   background-color: #ff6369;   */
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-style: none;
    /*
   border-bottom-width: 0px;
   border-left-color: rgb(153, 153, 153);
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: rgb(153, 153, 153);
   border-right-style: solid;
   border-right-width: 1px;
   border-top-color: rgb(153, 153, 153);
   border-top-style: solid;
   border-top-width: 1px;
       
   outline-color: invert;
   outline-style: none;
   outline-width: 0px;
   vertical-align: middle;
*/
    font-size: .875rem;
    font-weight: 600;
}

.button:hover{
     background-color: #F57E00;
     border-radius: 5px;
}

.button:focus{
     background-color: #F57E00;
     border-radius: 5px;
}
.AnmeldungHinweis {
                    font-size:.875rem;
                    color:#555555;
                    border-style:none;
					vertical-align:top;
					text-align:left;
					padding-right:10px;
                    margin-top:10px;
                    margin-bottom:0px;
}