/*
 *   Schriftarten
 */

.roboto{font-family: 'Roboto';}
.helvetica{ font-family: 'Helvetica';}
.bebas {font-family: 'Bebas Neue' ;}




/*
 *====================================================*
   Überschriften und Titelleisten der aktuellen Seite
 *====================================================*
 */
 h1 {
 font-family: 'Roboto', sans-serif;	
	/*background-image: url(/myFiles/gfx/digits/h1.png);
	background-repeat: no-repeat;*/
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-weight: 00;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;	
}






h2{
  	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.04rem;
	display: block;
}

 h3 {
  	font-family: 'Roboto', sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.3rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
   display: block;
}

.text-h1 {
  	font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.text-h2 {
  	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	line-height: 1.2rem;
	font-weight: 400;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.02rem;
	display: block;
}


 h4 {
  	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2rem;
	letter-spacing: 0.04rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px!important;
   display: block;
}

 h5 {
  	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2rem;
	letter-spacing: 0.04rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px!important;
   display: block;
}

 h6 {
  	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2rem;
	letter-spacing: 0.04rem;
	padding: 0px 0px 0px 0px;
   display: block;
}

.h_box {
	background-image: url(/myFiles/gfx/page/sbk.png);
	height: 46px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-left: -4px;
	background-position: left;
}


sup {
	font-size: 0.7rem;
	font-weight: 300;
	font-style: normal;
}


.t10, .fs10 {
	font-size:10px !important;
}
.t11, .fs11 {
	font-size:11px !important;
}
.t12, .fs12 {
	font-size:12px !important;
}
.t13, .fs13 {
	font-size:13px !important;
}
.t14, .fs14 {
	font-size:14px !important;
}
.t15, .fs15 {
	font-size:15px !important;
}
.t16, .fs16 {
	font-size:16px !important;
}
.t17, .fs17 {
	font-size:17px !important;
}
.t18, .fs18 {
	font-size:18px !important;
}
.t19, .fs19 {
	font-size:19px !important;
}
.t20, .fs20 {
	font-size:20px !important;
}

.t21, .fs21 {
 font-size: 21px!important;
}

.t22, .fs22 {
 font-size: 22px!important;
}
.t23,.fs23 {
 font-size: 23px!important;
}
.t24,.fs24 {
 font-size: 24px!important;
}
.t25,.fs25 {
 font-size: 25px!important;
}
.t26,.fs26 {
 font-size: 26px!important;
}
.t27,.fs27 {
 font-size: 27px!important;
}
.t28,.fs28 {
 font-size: 28px!important;
}
.t29,.fs29 {
 font-size: 29px!important;
}
.t30,.fs30 {
 font-size: 30px!important;
}
.t31,.fs31 {
 font-size: 31px!important;
}
.t32,.fs32 {
 font-size: 32px!important;
}

.lhn {
 line-height: normal!important;
}

.lh100 {
 line-height: 100%!important;
}
.lh110 {
 line-height: 110%!important;
}
.lh120 {
 line-height: 120%!important;
}
.lh130 {
 line-height: 130%!important;
}

/*
 *==================================*
   LINKS
 *==================================*
 */

a{
	font-family: 'Roboto', sans-serif;	
  	background-color: transparent;
	text-decoration: none;
	color: #005F9E;
}



a:active, a:hover{
	font-family: 'Roboto', sans-serif;	
	color: #e60e88;
  	outline-width: 0;
	text-decoration: none;
}
  

a.nu:active, a.nu:hover{
  	outline-width: 0;
	text-decoration: none;
}


a.link_my-magenda-self{
	color: #ffffff;
	text-decoration: underline;
}

a.link_my-magenda-self:active, a.link_my-magenda-self:hover{
	color: #e60e88;
	background-color:  #ffffff;
	text-decoration: none;
}


.a{color: #005F9E;}

.a:active, .a:hover{
	color: #e60e88;
	text-decoration: none;
}

a.button {
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 16px;
	font-size-adjust: none;
	font-stretch: normal;
	display: inline;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	transition-delay: 0s;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	text-transform: uppercase;
	border-top-width: medium;
	border-right-width-value: medium;
	border-bottom-width: medium;
	border-left-width-value: medium;
	border-top-style: none;
	border-right-style-value: none;
	border-bottom-style: none;
	border-left-style-value: none;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	height: 34px;
	line-height: 34px;
	vertical-align: middle!important;
	color: #ffffff;
	/*background-color: #1560ab!important;*/
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	letter-spacing: 1px;
}



a.button:hover{
	color: #ffffff;
	/*background-color: #737173!important;*/
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
}

.my-blau{
  color:#fff!important;
  background-color:#005F9E !important;
 }
 
.my-blau:hover{
  color:#fff!important;
  background-color: #e60e85 !important;
 }

.my-blau-self{
  color:#fff!important;
  background-color:#005F9E!important;
 }
 
 
 .my-magenda{
  color:#fff!important;
  background-color:#e60e85 !important;
 }
 
.my-magenda:hover{
  color:#fff!important;
  background-color: #005F9E!important;
 }
 
.my-magenda-self{
  color:#fff!important;
  background-color:#e60e85!important;
 }
 
 
/*
 *==================================*
   Schrift- und Textformatierungen 
 *==================================*
 */
.schmal{
	font-weight: 100;
	font-style: normal;
	text-align: left;
	text-transform: none;
} 
.os-schmal{
	font-weight: 300;
	font-style: normal;
	text-align: left;
	text-transform: none;
} 

.normal{
	font-weight: 300;
	font-style: normal;
	text-align: left;
	text-transform: none;
}

.os-normal{
	font-weight: 400;
	font-style: normal;
	text-align: left;
	text-transform: none;
}

.halbfett{
	font-weight: 400;
	font-style: normal;
}

.fett{
	font-weight: 500;
	font-style: normal;
	text-align: left;
	text-transform: none;
}

.os-fett{
	font-weight: 600;
	font-style: normal;
	text-align: left;
	text-transform: none;
}

.extrafett{
	font-weight: 700;
	font-style: normal;
	text-align: left;
	text-transform: none;
}

.kursiv{
	font-style: italic;
	text-align: left;
	text-transform: none;
}

.kursiv-aus{
	font-style: normal;
	text-align: left;
	text-transform: none;
}

.text-ul{
	text-transform: none;
	text-decoration: underline;
}


.blocksatz{
	text-align: justify;
}


.grossB{
	text-transform: uppercase;
}

.kleinB{
	text-transform: lowercase;
}

.ls1px{
	line-height: 110%;
}

.ls2px{
	line-height: 120%;
}

.text-mitte {
	text-align: center;
}


 /*
---------------------
  SCHRIFTGRÖSSEN 
---------------------
*/
/*--- <4> ---*/
.pt4{
	font-size: 0.55rem;
}

/*--- <6> ---*/
.pt6{
	font-size: 0.70rem;
}

/*--- <8> ---*/
.pt8{
	font-size: 0.85rem;
}

/*--- <10> ---*/
.pt10{
	font-size: 1rem;
}
/*--- <11> ---*/
.pt11{
	font-size: 1.07rem;
}

/*--- <12> ---*/
.pt12{
	font-size: 1.15rem;
	line-height: 1.15rem;
}

/*--- <14> ---*/
.pt14{
	font-size: 1.3rem;
}

/*--- <16> ---*/
.pt16{
	font-size: 1.5rem;
}

.pt18{
	font-size: 1.7rem;
}

.pt20{
	font-size: 1.9rem;
}
/*
 *==================================*
   Abstände
 *==================================*
 */
 /* -- 2er -- */
.p2 {padding: 2px !important;} 
.po2 {padding-top: 2px !important;}
.pl2 {padding-left: 2px !important;} 
.pr2 {padding-right: 2px !important;}
.pu2 {padding-bottom: 2px !important;} 

.m2 {margin: 2px !important;}
.mo2 {margin-top: 2px !important;}
.ml2 {margin-left: 2px !important;} 
.mr2 {margin-right: 2px !important;}
.mu2 {margin-bottom: 2px !important;}  
 
 /* -- 3er -- */
.p3 {padding: 3px !important;} 
.po3 {padding-top: 3px !important;}
.pl3 {padding-left: 3px !important;} 
.pr3 {padding-right: 3px !important;}
.pu3 {padding-bottom: 3px !important;} 

.m3 {margin: 3px !important;}
.mo3 {margin-top: 3px !important;}
.ml3 {margin-left: 3px !important;} 
.mr3 {margin-right: 3px !important;}
.mu3 {margin-bottom: 3px !important;}  

 /* -- 5er -- */
.p5 {padding: 5px  !important;} 
.po5 {padding-top: 5px  !important;}
.pl5 {padding-left: 5px  !important;} 
.pr5 {padding-right: 5px  !important;}
.pu5 {padding-bottom: 5px  !important;} 

.m5 {margin: 5px  !important;}
.mo5 {margin-top: 5px  !important;}
.ml5 {margin-left: 5px  !important;} 
.mr5 {margin-right: 5px  !important;}
.mu5 {margin-bottom: 5px  !important;} 

 /* -- 10er -- */
.p10 {padding: 10px  !important;} 
.po10 {padding-top: 10px  !important;}
.pl10 {padding-left: 10px  !important;} 
.pr10 {padding-right: 10px  !important;}
.pu10 {padding-bottom: 10px  !important;} 

.m10 {margin: 10px  !important;}
.mo10 {margin-top: 10px  !important;}
.ml10 {margin-left: 10px  !important;} 
.mr10 {margin-right: 10px  !important;}
.mu10 {margin-bottom: 10px  !important;}

 /* -- 15er -- */
.p15 {padding: 15px  !important;}
.po15 {padding-top: 15px  !important;}
.pl15 {padding-left: 15px  !important;} 
.pr15 {padding-right: 15px  !important;}
.pu15 {padding-bottom: 15px  !important;} 

.m15 {margin: 15px  !important;}
.mo15 {margin-top: 15px  !important;}
.ml15 {margin-left: 15px  !important;} 
.mr15 {margin-right: 15px  !important;}
.mu15 {margin-bottom: 15px  !important;}

 /* -- 20er -- */
.p20 {padding: 20px  !important;}
.po20 {padding-top: 20px  !important;}
.pl20 {padding-left: 20px  !important;} 
.pr20 {padding-right: 20px  !important;}
.pu20 {padding-bottom: 20px  !important;} 

.m20 {margin: 20px  !important;}
.mo20 {margin-top: 20px  !important;}
.ml20 {margin-left: 20px  !important;} 
.mr20 {margin-right: 20px  !important;}
.mu20 {margin-bottom: 20px  !important;}

 /* -- 25er -- */
.p25 {padding: 25px  !important;}
.po25 {padding-top: 25px  !important;}
.pl25 {padding-left: 25px  !important;} 
.pr25 {padding-right: 25px  !important;}
.pu25 {padding-bottom: 25px  !important;} 

.m25 {margin: 25px  !important;}
.mo25 {margin-top: 25px  !important;}
.ml25 {margin-left: 25px  !important;} 
.mr25 {margin-right: 25px  !important;}
.mu25 {margin-bottom: 25px  !important;}

 /* -- 30er -- */
.p30 {padding: 30px  !important;}
.po30 {padding-top: 30px  !important;}
.pl30 {padding-left: 30px  !important;} 
.pr30 {padding-right: 30px  !important;}
.pu30 {padding-bottom: 30px  !important;} 

.m30 {margin: 30px  !important;}
.mo30 {margin-top: 30px  !important;}
.ml30 {margin-left: 30px  !important;} 
.mr30 {margin-right: 30px  !important;}
.mu30 {margin-bottom: 30px  !important;}

 /* -- 40er -- */
.p40 {padding: 40px  !important;}
.po40 {padding-top: 40px  !important;}
.pl40 {padding-left: 40px  !important;} 
.pr40 {padding-right: 40px  !important;}
.pu40 {padding-bottom: 40px  !important;} 

.m40 {margin: 40px  !important;}
.mo40 {margin-top: 40px  !important;}
.ml40 {margin-left: 40px  !important;} 
.mr40 {margin-right: 40px  !important;}
.mu40 {margin-bottom: 40px  !important;}

 /* -- 50er -- */
.p50 {padding: 50px  !important;}
.po50 {padding-top: 50px  !important;}
.pl50 {padding-left: 50px  !important;} 
.pr50 {padding-right: 50px  !important;}
.pu50 {padding-bottom: 50px  !important;} 

.m50 {margin: 50px  !important;}
.mo50 {margin-top: 50px  !important;}
.ml50 {margin-left: 50px  !important;} 
.mr50 {margin-right: 50px  !important;}
.mu50 {margin-bottom: 50px  !important;}


 /*
---------------------
  FARBEN
---------------------
*/

/*--> WEISS <--*/
.text-weiss{
	color: #ffffff!important;
}

/*--> SCHWARZ <--*/
.text-schwarz{
	color: #000000;
}
/*--> DGRAU <--*/ 
.text-dgrau {
	color: #595959;
}

/*--> GRAU <--*/ 
.text-grau{
	color: #787878;
}

/*--> HGRAU <--*/ 
.text-hgrau{
	color: #929292;
}

/*--> BLAU <--*/ 
.text-blau{
	color: #005F9E;
}


/*--> Magenda <--*/ 
.text-magenda{
	color: #e60e88;
}

/*--> Cyan <--*/ 
.text-cyan{
	color: #00a9ec;
}

/*--> ORANGE <--*/ 
.text-orange{
	color: #ff7d21;
}

/*--> BEIGE <--*/ 
.text-beige{
	color: #fdcf71;
}

/*--> HELLROT <--*/ 
.text-hellrot{
	color: #fb0000;
}

/*--> ROT <--*/ 
.text-rot{
	color: #d73626;
}

/*--> GRUEN <--*/ 
.text-gruen{
	color: #8BA88E;
}

.text-gruen-hover:hover{
	color: #008031;	
}

/*--> colorA <--*/ 
.text-colorA{
	color: #358cbe;
}

/*--> colorB <--*/ 
.text-colorB{
	color: #bb3131;
}


.text-darkPurple{
	color: #253872;
}

  
.text-brightPurple{
	color: #49508c;
}

                    
.text-darkBlue{
	color: #0054a0;
}

                
.text-brightBlue{
	color: #197db2;
}

.text-petrol{
	color: #00857f;
}

.text-green{
	color: #55a52b;
}

.text-archiv{
color: #96075f;	
}

.text-info{
color: #4f75e3;
}

.text-anreise{
	color: #d38d35;
}
.anmeldung{
	color: #888888;	
}
.text-sponsoren
{
	color: #9a8550;
}

.text-impressum{
	color: #00857f;
}

.text-kontakt{
	color: #49508c;
}

.text-vortraege{
	color: #358cbe;
}

.text-programm{
	color: #b61919;
}

.text-gelb{
	color: #F4C900;
	}

/*
 *==================================*
   Hintergrundfarben
 *==================================*
 */



/*--> SCHWARZ <--*/
.schwarz-hg{
	background-color: #000000;
}

/*--> GRAU <--*/ 
.grau-hg{
	background-color: #67666b;
}

/*--> BLAU <--*/ 
.blau-hg{
	background-color: #005F9E;
}

/*--> ORANGE <--*/ 
.orange-hg{
	background-color: #ff7d21;
}

/*--> ROT <--*/ 
.rot-hg{
	background-color: #fb0000;
}

/*--> GRUEN <--*/ 
.gruen-hg{
	background-color: #348b2e;
}

.my-gruen-hg{
  background-color:#5F7E63!important;
 }

/*--> colorA <--*/ 
.colorA-hg{
	background-color: #358cbe;
}

/*--> colorB <--*/ 
.colorB-hg{
	background-color: #bb3131;
}


.darkPurple-hg{
	background-color: #253872;
}

  
.brightPurple-hg{
	background-color: #49508c;
}

                    
.darkBlue-hg{
	background-color: #0054a0;
}

                
.brightBlue-hg{
	background-color: #197db2;
}

.petrol-hg{
	background-color: #00857f;
}

.green-hg{
	background-color: #55a52b;
}



.parken {
  display: inline-block;
  background-image: url(parken.png);
  background-repeat: no-repeat;

  height: 20px;
  width: 20px;
  background-size: 20px;
  overflow: hidden;
  outline: 0px;
}

.border-ou {
	padding:3px;
	border-top: 1px solid #005F9E; 
	border-bottom: 1px solid #005F9E; 
	display:inline-block;

}