:root {
	/* 08.2020: der IE 11 versteht diese Variablen nicht */
	--weiss: white;
	--blau: blue;
	--blauDunkel: #1F4494;
	--blauHell: #f2f8ff;
	--gruenHell: #CFC;
	--gruenDunkel: #44A569; /* heller #4CAF50 */
	--dimGray: #696969;
	
	font-size: 16px;
}

/* @import url(_normalize.css); */ /* im Bedarfsfall */
/* * { padding: 0; margin: 0; } !entfernt: das wirkt zu weit - alle p, ul, ol...! */

/* ====================== HTML Tags ====================== */

body { 
	padding: 0 2px; /* body linker + rechter Rand 2px */
	margin: 0;
	border: 0;
	/* http://www.gn-webdesign.de/css-tutorials/css-div-height-100.html */
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	background-color: #FFFFFF;
	font-family: arial, helvetica, geneva, sans-serif;
}

p { 
	line-height: 140%
}

/* CSS-Praxis - S. 94 */
body,a,blockquote,caption,dd,dfn,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,img,label,legend,li,ol,p,samp,table,tbody,td,tfoot,th,thead,tr,ul,input,textarea,
select
{
	font-size: 1.0rem;
	/* font-family: arial, helvetica, geneva, sans-serif; */
}

.containerIframe {
  position: relative;
  overflow: hidden;
  width: 95%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

 	margin-left: auto;
 	margin-right: auto;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsiveIframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 95%;
  height: 90%;
}

.maxWidth640 {
	max-width: 640px;
} 

::placeholder {
	color: #31563F;
}

.requered ::placeholder {
	color: #31563F;
}

h1,  h2, h3, h4 {
 	font-weight: bold;
 	padding: 5px 0px 5px 0px; /* -5 px */
 	margin:  5px 0px 5px 0px;
 	/* letter-spacing: 1px; */
 	/* text-transform: uppercase; */
 	/* clear: both; */
}
 	
h1 {
	clear: both;
 	font-size: 1.2rem;
 	background-color: #99CCFF; /* 153 204 255 */
 	text-align: center;
 	padding: 1ex 0px 1ex 0px;
 	color: black;
 	border-radius: 4px;
}

h1 a {
	font-size: 1.2rem;
 	font-weight: bold !important;
	/* text-decoration: none; */
}

td h1 { 	
	margin-top: 0;
 	margin-bottom: 0;
}

h2 {
 	font-size: 1.1rem;
 	/* margin-top: 25px; */
 	background-color: #f2f8ff; /* helles Blau */
 	border-bottom: solid 1px #83b0ec;  
 	padding-left: 5px;
}

h2 a {
 	font-size: 1.1rem;
}

h3 {
	font-size: 1.05rem;
	margin-bottom: 5px;
	padding-left: 5px;
	background-color: #f0f8ff; /* sehr helles Blau */
	/* border-bottom: dashed 1px #83b0ec; */
}

h3 a {
 	font-size: 1.05rem;
}

h4 {
 	font-size: 1.05rem;
 	margin-bottom: 5px;
	padding-left: 0;
}

h4 a {
 	font-size: 1.05rem;
}

a { text-decoration: none; }
a:hover, 
a:focus,
a:active { 
	text-decoration: underline; 
	background-color: #99FFFF; 
	cursor: pointer;
}

img {
	border: none; /* keine Umrandung bei Hyperlink */
}

#navLeft  li,
#content-footer-Wrapper li {
	margin-top: 0.5ex; /* groesserer v-Abstand zwischen den Elementen, besser klick-bar */
	margin-bottom: 0.5ex;
}

.kreis {
	border-radius: 50%;
}

.xnoHover a:hover,
.xnoHover a:focus,
.xnoHover a:active
{
	text-decoration: none !important;
	background-color: unset!important;
}

.noHover {
	text-decoration: none !important;
	background-color: unset!important;
}

hr {
 	clear: both;
  	display: none !important; /* unsichtbar und auch nicht hoerbar - Screenreader */
}

table {
 	margin-top: 1ex;
 	margin-bottom: 1ex;
}

form {
 	padding: 5px;
 	margin: 0;
}

/* --- Start: CSS-Praxis, S. 318 --- */
abbr {
	speak-as: spell-out;
}

acronym {
	speak-as: normal;
}

abbr, acronym {
	font-variant: normal;
	text-transform: none;
}

abbr[title], acronym[title] {
	border-bottom: 1px dashed #aaa;
	cursor: help;
}
/* --- Ende: CSS-Praxis, S. 318 --- */


/* ====================== HTML5 Tags ====================== */

address {
	/* wird vom Browser i.d.R. kursiv angezeigt */ 
	font-style: normal; /* kein italic */
}

aside h3 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}


/* ====================== Klassen und IDs ====================== */


.zitat {
	font-style: italic; 
	color: #696969;
	padding: 0 5px;
}

.zitatAE { /* Anfang und Ende */
	font-size: 0.8rem;
	white-space: nowrap;
}

.copyrightIMG {
	font-style: italic ;
	font-size: 0.8rem;
}

.bgcolorTransparent,
.no-bgcolor {
	background: transparent !important;
}

.visable {
  	display:block !important;
}

.tableCenter {
 	margin-left: auto;
 	margin-right: auto;
 }
 
.tableTdPadding4 {
	padding: 4px;
}
 
.displayNone,
.display-none {
	display: none !important; /* unsichtbar und auch nicht hoerbar - Screenreader */
}

.display {
 	display: block !important;
}

.hinweisTxtFehler {
	font-weight: bold;
	color: red !important;
}

.blue {
	color: blue;
}

.contentEmpfehlungen {
	margin-top: 4ex !important;
}

.absOben,
.abs_oben {
	margin-top: 2ex !important;
	/* padding-top: 2ex !important; # Probleme bei IE in li class="absOben point-point" */
}


.listAbsOben li {	/* <div class="listAbsOben"> oder <ol class="listAbsOben"> */
	padding-top: 1ex !important;
	padding-bottom: 1ex !important;
}

.listAbsOben05 li {
	padding-top: 0.5ex !important;
	padding-bottom: 0.5ex !important;
}

.listAbsOben02 li {
	padding-top: 0.2ex !important;
	padding-bottom: 0.2ex !important;
}

.fListTop {
 	/* margin-left: 1ex; */ /* fuer IE wichtig */
 	padding-left: 1ex;
}

.fListTop hr {
	border: 0;
	height: 1px;
	background-color: #83b0ec;
	display: block !important;
}

.hrRed {
	background-color: red !important;
}

.noDot,			/* z.B. <li class="noDot">... */
.listNoDot li,		/* z.B. <ul class="listNoDot"> */
.fListTop li,		/* z.B. <ul class="fListTop "> */
.listNoDot ul li {	/* z.B. <div class="listNoDot"><ul>... */
	list-style-type: none;
}

.liAbstand li {
	margin-bottom: 1ex; /* groesserer v-Abstand zwischen den Elementen, besser klick-bar */
}

.listInline li {	/* z.B. <ul class="listInline"><li>... */
	display: inline;
}

.imgLeftSmall, .imgLeftBig,
.img_left_small, .img_left_big {
	max-height: 70px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* height: expression(this.height < 70 ? "auto" : "70px"); */
	
 	float: left;
 	margin: 5px;
 	margin-left: 0;
 	margin-right: 30px; /* bei weniger ist bei anschl. ul der Abstand zu gering */
} 

.imgUmlauf {
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* width: expression(this.width < 728 ? "auto" : "728px"); */
	
	width: 100%; 
	max-width: 640px;
	height: auto;
 	border: solid 1px #83b0ec;  
} 

.hpImgTxt {
	text-align: center;
	font-weight: bold;
	padding-bottom: 3ex;
} 

.XXXhpImgLogo,
.hpImg {
	Xwidth: 100%; 
	Xheight: auto;
} 

.required {
	border: solid 2px #9c0d0d !important;  
} 

.requiredTxt {
	color: #9c0d0d;
} 

::placeholder {
	/* opacity: 1; */
	opacity: .6;
	color: #31563F;
}

.requiredTxt::placeholder {
	color: #9c0d0d ! important;
}


.hpImgLogo {
	/* width: 100%; ! Fehler ! */
	height: auto;
	max-width: 200px;
	padding: 1ex;
} 

.imgFirmaResponsive,
.hpImg {
	width: 100%; 
	height: auto;
	max-width: 480px;
	padding: 1ex;
} 

.XhpImg {
	max-width: 480px;
} 

.borderBlue {
	border: solid 1px #83b0ec;  
}

.vorschau,
.asideWerbung,
.asideWissen,
.borderPadding_Green {
 	margin-top: 1ex;
 	padding: 1ex;
	border: solid 1px #44A569; 
	border-radius: 1ex;
}

.spadeluxe {
	margin: 0 20px 0 10px;
	padding: 1ex 0 0 0;
	background-color: #f2f8ff;
	border: solid 1px #83b0ec;
	border-radius: 4px;
	text-align: center;
}


.vorschau {
	border: solid 1px #9CF;
}


.asideWissen {
	margin-top: 4ex;
}

.borderBluePadding,
.borderPadding_Blue {
 	margin-top: 1ex;
 	padding: 1ex;
	border: solid 1px #83b0ec; 
	border-radius: 1ex;
}

.clear {
	clear: both;
}

.hpSchlusssatz {
	text-align: center;
	padding-top: 1ex;
	padding-bottom: 2ex;
 	font-weight: bold;
	border-bottom: 1px solid #90bade;
}

.einzugLinks,
.einzug-links {
	padding-left: 3ex;
}

.direktsprungziel {
	padding: 0 5px;
}
.extern,
.ikURL a { 
	background: url(_img/link-extern.gif) center right no-repeat scroll transparent;
	padding-right: 15px;
}

#adjustFont {
 	text-align: center;
}

.profilAdrBlock {
 	padding-bottom: 2ex;;
}

/* ------------------------ Inserat ------------------------ */

.iInserat {
	position: relative; 
	clear: both;
	border-top: solid 1px #83b0ec;  
	padding-bottom: 7px;
	padding-top: 7px;
}

.iInserat div {
  	margin-top: 3px;
}

.imgSmall,
.iInserat img, 	/* evtl. fuer aeltere Browser */
.fAnhang ul li a img,
.iAnhang ul li a img {
	max-height: 70px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* height: expression(this.height < 70 ? "auto" : "70px"); */
 	margin-top: 3px;
 	margin-left: 0;
} 

.iInserat a img {
 	border: solid 1px #83b0ec;  
} 

.iLeft {
	position: absolute;
	top: 7px;
	left: 0;
} 

.iLeft a img {
	max-width: 110px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* width: expression(this.width < 110 ? "auto" : "110px"); */
 	margin-top: 3px;
 	margin-left: 0;
} 

.iRight {
	background-image: url(_img/foto.gif);
	background-position: left top;	
	background-repeat: no-repeat;
 	padding-left: 125px; /* 110px Bild + Rand */
}

.iInserat hr,
.iRight hr { 
	/* hr im html-Quelltext nicht vor iRight - IE-Probleme bei der Darstellung! */
 	display: none !important; /* unsichtbar und auch nicht hoerbar - Screenreader */
}

.iTitel {
	font-size: 1.1rem;
	font-weight: bold;
	margin: 3px 0 3px 0;
	padding: 0;
	background: transparent;
	border-bottom: 0;
}

.izpPreis {
	color: black;
	font-weight: bold;
}

/* nach Umstellung auf Klappansicht nicht mehr benoetigt */
/*
	.iTextKurz,
	.iLangAnzeigen {
		display: inline;
	} 
*/

.iLangAnzeigen {
 	margin-left: 1ex;
 	padding: 0 5px 0 5px;
	white-space: nowrap;
 	background-color: #E7FFDF; /* #E7FFDF #F5FFF2 */
 }

.iNrDatum {
	font-size: 0.90rem;
	font-weight: normal;
}
 
.iZusatz,
.fAnhang,
.iAnhang,
.iKontakt {
	clear: both;
}

.iZusatz h4, 
.fAnhang h4, 
.iAnhang h4, 
.iKontakt h4 {
	display: inline;
}

.iZusatz h4, 
.fAnhang h4,
.iAnhang h4 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

.iZusatz ul, 
.fAnhang ul,
.iAnhang ul,
.iKontakt ul {
	display: inline;
 	margin-left: 1ex; /* fuer IE wichtig */
 	margin: 0;
 	padding: 0;	
	font-weight: normal;
 }

.iZusatz ul li, 
.fAnhang ul li,
.iAnhang ul li,
.iKontakt ul li {
	display: inline;
	vertical-align: top;
 	margin-right: 1ex;
}

.iKontakt ul li {
	padding: 5px;	
}

.iMsgEingestellt {
 	text-align: center;
 	background-color: #CFC;;
 	font-size: 1.1rem;
} 

#iMsgWikiEingestellt {
 	background-color: #CFC;;
 	font-size: 1.1rem;
 	/* margin-right: 170px; */
} 

#iErneuterDurchlauf {
 	padding-left: 10;
 	text-align: left;
 	background-color: #CFC;;
  border-top: solid 1px #83b0ec;  
} 

.hidden {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

.bauHpH2red {
	color: red;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.bauHpH2redUL {
 	margin: 0 5px 0 10px;
 	padding: 0 5px 0 10px;	
}

/* ------------------------ Forum alt ------------------------ */

.anhangUL {
 	margin: 0 !important;
 	padding: 0;
	clear: both;
 	padding-top: 5px;
}

.anhangUL li  {
	display: inline;
 	margin-right: 1ex;
	vertical-align: top; 	
}

.anhangUL li img {
	max-height: 70px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* height: expression(this.height < 70 ? "auto" : "70px"); */

 	margin: 5px;
 	margin-left: 0;
 	margin-right: 1ex;
 	border: solid 1px #83b0ec;  
} 

img.noborder {
	border: 0 !important;
} 

.forumHinweisFachmoderator {
	font-size: 0.9rem;
}

.forumHinweisTxtKlein {
	font-size: 0.9rem;
	color: #696969; /* DimGray, gray */
}

#forumKennwortFolgebeitrag div { /* alte Version, sonst zu eng */
 	padding: 8px 0 8px 0;
}

.datumKlein {
	font-size: 0.9rem;
 	font-weight: normal;
	color: #696969; /* DimGray, gray */
	/* display: inline; */
 	padding-left: 0.5ex;
 	padding-right: 0.5ex;
}

/* ------------------------ Forum neu ------------------------ */

.fFrage,
.fForum {
 	padding-top: 7px;
 	padding-bottom: 7px;
	clear: both;
}

.fEMailVerteiler {
 	padding-top: 1ex;
 	padding-bottom: 1ex;
	text-align: center;
}

.fKennwort {
 	padding-top: 1ex;
 	padding-bottom: 1ex;
	/* text-align: center; */
}

.fTitel {
 	font-size: 1.1rem;
	font-weight: bold;
 	margin: 3px 0 3px 0 !important;
	padding: 0;
	background: transparent;
 	border-bottom: 0;
 
 	/* display: inline; */
}

.fkReg {
 	font-weight: bold;
} 

.fListeName {
	color: #696969; /* DimGray, gray */
} 

.sprachauswahl,
.fAnhang,
.fKontakt, 
.fFKontakt, 
.fAKontakt {
	clear: both;
}

.sprachauswahl h3,
.sprachauswahl h4,
.fLink h4,
.fAnhang h4, 
.fKontakt h4, 
.fFKontakt h4, 
.fAKontakt h4 {
	display: inline;
}

.fAnhang h4,
.fFAnhang h4,
.fAAnhang h4 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

.sprachauswahl ul,
.fAnhang ul,
.fFAnhang ul,
.fAAnhang ul,
.fKontakt ul, 
.fFKontakt ul, 
.fAKontakt ul {
	display: inline;
	margin-left: 1ex; /* fuer IE wichtig */
	margin: 0;
	padding: 0;	
	font-weight: normal;
 }

.sprachauswahl ul li,
.fAnhang ul li,
.fFAnhang ul li,
.fAAnhang ul li,
.fKontakt ul li, 
.fFKontakt ul li, 
.fAKontakt ul li {
	display: inline;
	vertical-align: top;
 	margin-right: 1ex;
}

.fAnhang img, 
.fFAnhang img, 
.fAAnhang img {
	max-height: 70px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* height: expression(this.height < 70 ? "auto" : "70px"); */
 	margin-top: 3px;
 	margin-left: 0;
} 

.fAnhang a img,
.fFAnhang a img,
.fAAnhang a img {
 	border: solid 1px #83b0ec;  
} 

.fAnhang .faRechte {
	font-size: 0.9rem;
	color: #696969; /* DimGray, gray */
	clear: both;
}

.fFrageListe {
	/* font-size: 1.0rem; */
 	font-weight: bold;
 	padding: 5px;
 	/* padding-top: 7px; */
 	/* background-color: #f0f0f0;  		helles Blau */
	/* background-color: #F1F1F1;  		helles Grau */
 	/* border-top: solid 1px #83b0ec; 	dunkles Blau */
 	background-color: #EFEFEF; /* helles Grau */
 	border-bottom: 0;
}

#fBeitragBearbeiten {
 	padding-left: 5ex;
}

/* ------ forumFolgebeitrag ------ */

#fNext {
 	padding-top: 2ex;
}

#fNext XXXh2 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

#fNext h2 {
	/* color: red; */
	/* width: 585px; */
	border-bottom: 0px;
}

#fNext ul {
 	margin: 0;
 	padding: 0;	
}

#fNext li,
#fNext li a{
	list-style-type: none;
	font-size: 0.90rem;
 	/* padding: 2px; */
}

.ffKW { 
	font-weight: bold;
	color: black;
 	padding: 2ex;
 	background-color: #CFC !important;
 	border: solid 1px green;
 	/* border-radius: .4rem; */
	border-radius: 4px;
}

.ffAwSa { 
 	padding: 1ex;
 	background-color: #f0f8ff !important;
 	width: 575px;
}

.hinweisTxtKlein, /* allgemein haeufig verwendet */
.fHinweisTxtKlein  {
	font-size: 0.90rem;
	color: #696969; /* DimGray, gray */
 	padding: 1ex 0 1ex 0;
 	margin: 1ex 0 1ex 0;
}

.fLink,
.fAnhang,
.fText  {
	margin: 1ex 0;
}

.fPassbild {
	max-width: 60px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* width: expression(this.width < 60 ? "auto" : "60px"); */
 	margin-top: 0.5ex;
 	margin-right: 2ex; /* bei nur 1ex stehen li ins Passbild */
} 

.fPassbildv {
	max-height: 70px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* height: expression(this.height < 70 ? "auto" : "70px"); */
 	margin: 0.5ex; /* auf allen 4 Seiten */
} 

/* keine befriedigende Loesung - vorerst weglasen
	.fText ul,
	.fText ol {
		margin-left: 50px;
		padding-left: 50px;
	}
*/

.fPassbildTable {
 	margin: 0;
} 

.fPassbildTable img {
	max-width: 60px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* width: expression(this.width < 60 ? "auto" : "60px"); */
 	margin-top: 0.5ex;
} 

.fPassbildTable a img {
 	border: solid 1px #83b0ec;  
} 


/* Einzug bei 2., 3. n.tem Absatz - wirkt nicht gut
	.fText p + p  {
		text-indent: 2%;
	}
*/

.fAntwort {
	margin-top: 2ex !important;
}

.fAntworten h2 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

.fLink ul {
 	margin-top: 0;
}

.fDatum,
.fNrDatum, .fNrDatum a {
	font-size: 0.90rem;
 	font-weight: normal;
	color: #696969; /* DimGray, gray */
 	padding-left: 0.5ex;
 	padding-right: 0.5ex;
 	margin-bottom: 5px;
	/* display: inline; */
 	/* padding-left: 1ex; */
}

.fReplay {
 	background-color: #CFC;;
 	padding: 1ex 0;

}

.fDatum a, .fDatum a:link, .fDatum a:visited, .fDatum a:hover, .fDatum a:focus, .fDatum a:active,
.fNrDatum a, .fNrDatum a:link, .fNrDatum a:visited, .fNrDatum a:hover, .fNrDatum a:focus, .fNrDatum a:active
{
	text-decoration: none;
	/* als Hyperlink nicht erkennbar */
	/* color: #696969; /* DimGray, gray */
	/* background-color: #FFFFFF; */
}

.aNoUnderline {
	text-decoration: none;
}

.aNoUnderline a {
	text-decoration: none;
}

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


.Ximg_left_big {
	max-width: 600px;
	/* width: expression(this.width < 600 ? "auto" : "600px"); */
	
 	float: left;
 	margin: 5px;
 	margin-left: 0;
 	margin-right: 7px;
} 

.imgSmall, .imgBig,
.img_small, .img_big {
	max-width: 400px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* width: expression(this.width < 400 ? "auto" : "400px"); */
}

.XimgBig {
	max-width: 1280px;
	/* width: expression(this.width < 1280 ? "auto" : "1280px"); */
}

.litleBig {
	font-size: 1.5rem;
	line-height: 1.7rem;
}

.verryBig {
	font-size: 2.0rem;
	line-height: 2.2rem;
}

.fontPlus10  {
	font-size: 1.2rem;
}

.fontPlus1  {
	font-size: 1.15rem; /* wie h2 */
}

.fontPlus2  {
	font-size: 1.5rem;
}

.fontPlus3  {
	font-size: 1.8rem;
}

.fontSmall,.fontSmall a,
.fontMinus1, .fontMinus1 a {
	font-size: .9rem;
	font-weight: normal;
}

.fontMinus2, .fontMinus2 a {
	font-size: 0.85rem;
	font-weight: normal;
}

.fontMinus3, .fontMinus3 a  {
	font-size: 0.8rem;
	font-weight: normal;
}

.xx-small { font-size: xx-small; }
.x-small { font-size: x-small; }
.small { font-size: small; }
.medium { font-size: medium; }
.large { font-size: large; }
.x-large { font-size: x-large; }
.xx-large { font-size: xx-large; }
.smaller { font-size: smaller; }
.larger { font-size: larger; }

.bold, .strong {
	font-weight: bold !important;
}

.red {
	color: red;
}

.nowrap  {
	white-space: nowrap;
}



.gray {
	color: #696969; /* DimGray, gray */
}

.green {
	color: green;
}

.center {
	text-align: center;
}

.whiteSpaceNowrap {
	white-space: nowrap;
}

.whiteSpacePre {
	white-space: pre;
}

.fMarkerBlog,
.markerBlog {
	color: green;
}

.fMarkerFrage {
	color: red;
}

.normal {
	font-weight: normal;
}

mark,.searchMark,.searchMark0,.searchMark1,.searchMark2,.searchMark3,.searchMark4,.searchMark5 {
 	font-size: 1.1rem;
   	/* font-weight: bold; */
 }

mark,.searchMark,.searchMark0 { background-color: rgb(255, 255, 102); }
.searchMark1 { background-color: rgb(160, 255, 255); }
.searchMark2 { background-color: rgb(153, 255, 153); }
.searchMark3 { background-color: rgb(255, 153, 153); }
.searchMark4 { background-color: rgb(255, 102, 255); }
.searchMark5 { background-color: silver; }
 
/* #content-left hr, #footer-search hr, #footer-nav hr, .google-adsense hr, #content-right hr, */
#footerSearchLeftRight h1, #footerNavLeftRight h1,
#footerSearch h1, #footerNav h1, .googleAdsense h1, #contentRightWrapper h1, #contentRightWrapper180 h1,
#footer-search h1, #footer-nav h1, .google-adsense h1, #content-right h1, #content-right-180 h1,
aside h1, aside h2, aside h3, aside h4, aside h5, 
#dummy
{
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

.hellblau {
 	background-color: #dbf0ff !important;
}

.langfilm {
 	padding: 1ex;
 	background-color: #f2f8ff;
}

.meldungOK, 
.meldungError {
 	font-size: 1.1rem !important; 
 	text-align: center;
 	margin-top: 2ex;
 	margin-bottom: 2ex;
	background: transparent !important; 	
}

.meldungOK {
	color: green;
}

.meldungError {
	color: red;
}

.ulPointHomepage,
.ulPoint {
 	margin: 0 0 0 3px;
 	padding-left: 17px;
	list-style-image: url(_img/point.gif);	
}

.ulPointHomepage li {
	margin-top: 0.1ex;
 	/* font-size: 1.1rem; */
}

.ulPointHomepage a { 
	text-decoration: none; 
	font-size: 1.1rem;
}
.ulPointHomepage a:hover, 
.ulPointHomepage a:focus,
.ulPointHomepage a:active { 
	text-decoration: underline; 
	background-color: #99FFFF; 
}

.ulPoint .pointv {
	color: red;
	font-weight: bold;
	list-style-image: url(_img/pointv.gif);	
}

.ulPoint .point- {
	font-weight: normal;
	list-style-image: url(_img/point-.gif);	
}

.ulPoint .point-point {
	list-style-image: url(_img/point-point.gif);	
}

.ulPoint .point-back {
	list-style-image: url(_img/point-back.gif);	
}

.ulPoint .point {
	list-style-image: url(_img/point-.gif);	
}

.ulPoint ul {
	list-style-image: url(_img/point-gelb.gif);	
}

.kwErforderlich, 
.kwNichtErforderlich {
	font-size: 0.9rem;
	font-weight: normal;
}

.kwErforderlich {
	color: red;
}

.kwNichtErforderlich {
	color: green;
}	

.myHpTitel1 {
 	font-size: 1.6rem;  
}

.myHpTitel2 {
 	font-size: 1.2rem;
}

.myHpTitel2 a {
 	font-size: 1.2rem;
	font-weight: bold; 	
}

.XnoAbsOben {
 	margin-top: 0 !important;
 	padding-top: 0 !important;
}

/* ------ werbung ------ */

#werbepartner {
 	font-size: 0.9rem;
 	margin: 0;
 	padding: 0;
 	padding-bottom: 10px;
 	border: 0;
 	text-align: left;
 font-weight: normal !important;
}

.wPartner {
	color: green;
	text-decoration: none;
	border-bottom: 1px dotted green;
}

.wGoogleLeftFrame {
	text-align: center;
	margin-top: 5px;
}

.wOpUnLeftFrame {
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	color: #CC0033;
}

.wOpUnLeftFrame a {
	text-decoration: none;
	color: #CC0033;
}

.wCenter,
.wCenterYellow,
.wCenterYellow468,
.werbungCenter,
.werbung-center,
.werbungCenterYellow {
	text-align: center;
	border-top: 2ex;
	padding-top: 2ex;
	padding-bottom: 2ex;
	border-bottom: 2ex;
}

.wCenter table,
.wCenterYellow table,
.werbungCenter table,
.werbung-center table,
.werbungCenterYellow table {
 	border: solid 1px #83b0ec;  
 	margin-top: 0;
 	margin-bottom: 0;
}

.wCenter b {
 	font-size: 1.1rem;
}

.wCenterIE,
.werbungCenterIE { /* der IE braucht zusaetzlich ein DIV */
	text-align: center;
}

.wCenterYellow,
.wCenterYellow468,
.werbungCenterYellow,
.werbungCenterYellow468 {
	margin: 1ex;
	padding: 2px 2ex 2px 2ex;
	background-color: #f2f8ff; /* #F5FFDB helles gruen #f2f8ff helles blau #FFFFCC gelb */
	margin-left: auto;
	margin-right: auto;
}

.wCenterYellow468,
.werbungCenterYellow468 {
	width: 500px; /* 468 google-adsense + Rand */
}

.padding4 {
	padding: 4px;
}

.wCenterYellowTxt,
.werbungCenterYellowTxt {
	padding: 0ex 1ex 1ex 1ex;
}

.wCenterYellowTxt b,
.werbungCenterYellowTxt b {
 	font-size: 1.1rem;
}

.wFreiContentRight,
.wFreiKlein,
.werbungFreiKlein {
 	border: solid 1px #83b0ec;   
	background-color: #f2f8ff; /* #F5FFDB helles gruen #f2f8ff helles blau #FFFFCC gelb */
 	padding: 1ex;
}

.wFreiContentRight h3,
.wFreiKlein h3,
.werbungFreiKlein h3 {
	background: transparent;
 	margin: 0;
 	padding-top: 1ex;
}

.wFreiContentRight,
.wLeftFrei {
	text-align: center;
 	border: solid 1px #83b0ec;	  
	background-color: #f2f8ff; /* #F5FFDB helles gruen #f2f8ff helles blau #FFFFCC gelb */
 	padding: 0 0 5px 0;
}

.wFreiContentRight {
	font-size: 0.8rem;
}

.w3point {
	/* text-align: center; */
 	padding-left: 12px;
 	/* background: url('_img/bg3point.gif') left top no-repeat; */
 	/* background: url('_img/bg3blue.gif') left top no-repeat; */
}

.w3pointblue {
 /*  	
 	padding-left: 10px;
 	background-color: #f2f8ff;
 	background: url('_img/bg3pointblue.gif') left top no-repeat;
 */
 	
 /*
 	padding-left: 4px;
 	border-left: 2px dotted red;
 */
}

/* ------ google-adsense ------ */

#googleAdsenseAbsolute {
	position: relative; 
	padding-top: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	/* border-bottom: 1px solid #90bade; */
}

#googleTranslateAbsolute {
	position: relative; 
}

#google_translate_element {
	padding: 0 !important;
	margin: 0 !important;
}

#lampenweltAbsoluteUp,
#googleAdsenseAbsoluteUp {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	text-align: center;
}

/* --- CSS-Hack nur fuer den IE: http://de.selfhtml.org/css/layouts/browserweichen.htm --- */
* html #googleAdsenseAbsoluteUp {
 	padding-right: 350px; /* fuer IE wichtig - empirisch 230px+130px - GoogleAdSens rechts 350 + Abstand */
}

#googleAdsenseAbsoluteUp h1 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

.googleAdsenseAbsoluteUpYellow {
	padding: 2px;
	background-color: #FFFFCC; /* gelb */
}

.googleAdsenseAbsoluteUpYellow b {
 	font-size: 1.1rem;
}

.googleAdsense, .interhypeAdsense { /* siehe auch content-left */
	margin-top: 3ex;
	margin-bottom: 2ex;
}

.googleAdsense h2, .interhypeAdsense h2 {
	margin-bottom: 2ex;
}

.googleAdsense div, .interhypeAdsense div {
	text-align: center;  	
}

/* ------ path ------ */

#path {
	margin:  5px 0 2px 0; /* oben nicht 0 wegen alumni */
	padding: 5px 0 2px 0;	/* oben nicht 0 wegen alumni */
	clear: both;
}

#path h1 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

#path h1,
#path h2 a,
#path h2 {
	font-size: 1.0rem !important;
}

#path h1,
#path h2 {
	background-color: transparent;
	border: 0;
	display: inline;	
	font-weight: normal;
	padding: 0;
	text-align: left;
	padding-right: 0.3rem;
}

#path h2 {
	margin: 0 0 0 8px; /* 4px point.gif + 4px Abstand */
}

#path ul {
	display: inline;
 	padding: 0;
	margin: 0;
	list-style-type: none;
	/* nun unter #headerWrapper */
	/* border-bottom: 1px solid #90bade; */
}

#path ul li {
	display: inline;
	background-image: url(_img/point.gif);	
	background-repeat: no-repeat;
	background-position: left center;
	/* padding-right: 0.5rem; */	
}

/* ------ form-submit ------ */

.formSubmit,
.form-submit {
 	padding: 5px;
 	margin: 0;
	text-align: center;
}

/* ------ header ------ */

#headerWrapper {
	position: relative;
	clear: both; /* wichtig - neu, damit die Nav drueber klappt */
	border-bottom: 1px solid #90bade;
}

#headerLeft {
 	margin-right: 0px; /* GoogleAdSens 160px + 7px innen + 3px body rechter Rand 3px */
	z-index: 1;
}

#headerRight {
	position: absolute;
	top: 4px;
	right: 2px; 	/* damit es nicht am rechten Rand klebt */
/*	width: 120px;		GoogleAdSens 120px + body rechter Rand 3px */
	width: 160px; /*	GoogleAdSens 160px + body rechter Rand 3px */
	min-height: 90px;
	z-index: 2;
	/* background-color: orange; */
}

#contentRightWrapperUpPixel { 
	position: absolute;
	top: -27px;
	right: 2px; 	/* damit es nicht am rechten Rand klebt */
	z-index: 2;
	/* background-color: orange; */
}

/* ------ content ------ */

#contentWrapper {
	/* ???? das vertraegt der IE nicht richtig, es wird GoogleAds in der Tabelle auf der Startseite nicht angezeigt */
	position: relative;

	padding-bottom: 5px;
	/* border-bottom: 1px solid #90bade; */
	/* left: 25px; ???? */
 	margin: 0 0 0 0px;
 	
	clear: both; /* wichtig - neu, damit die Nav drueber klappt */
}

/* #footerWrapper hier nicht integrieren, damit die horizontalen Trennlinien des Footers bis zum rechten Rand laufen 
   Dafuer hier die inneren Teile von #footerWrapper=#footerSearch,#footer-search,#footerNav,#footer-nav 170px aufnehmen
*/
#footerSearch, #footerNav,
#contentLeft, .googleAdsense, .interhypeAdsense {
	/* margin: 0 130px 0 0; */ 	/* GoogleAdSens 120px + 7px innen + 3px body rechter Rand 3px */
 	margin: 5px 170px 5px 0; 	/* GoogleAdSens 160px + 7px innen + 3px body rechter Rand 3px */
	z-index: 1;
}

#wissen {
	margin-top: 1ex;
	display: block;
	/* border-top: 1px solid #90bade; */
}

aside #wissen h2 {
	position: unset; /* damit h2 in aside sichtbar wird */
	visibility: unset;
}

#wissen h2 {
	background-color: #aea;
	border-bottom: none;
	/* margin-top: 4ex; */
	padding: 1ex 0px 1ex 1ex;
	border-radius: 4px;
}

.wissenInfo1, .wissenInfo2 {
	background-color: #aea;
	border-radius: 4px;
	font-weight: bold;
	margin-top: 5px;
	max-width: 560px;
	padding: 1ex 0px 1ex 1ex;
 	margin-left: auto;
 	margin-right: auto;
 	text-align: center;
}
 
.wissenInfo2 {
	max-width: 660px;
}

.wissenInfo2a {
	font-weight: normal !important;
}

.wissenHinweis {
 	font-weight: bold;
 	color: #9c0d0d;
	text-align: center;
	max-width: 660px;
 	margin-left: auto;
 	margin-right: auto;
} 

#wissen .strong {
 	margin-left: auto;
 	margin-right: auto;
 	text-align: center;
 }

#iFrameJaNein {
 	margin-left: auto;
 	margin-right: auto;
	font-weight: bold;
	border-bottom: 1px solid #90bade;
	padding-bottom: 2ex;
}

#wissen iframe {
 	display: block; 	/* Voraussetzung fuer zentrieren */
 	margin: 5px auto; 	/* zentrieren */
 	max-width: 560px;
 }
 
#contentLeft180 {
 	margin: 0 190px 0 0; /* GoogleAdSens 180px + Abstand */
}

#contentLeft li {
	padding-top: 2px;
}

#contentLeft li:first-child {
	/* padding-top: 0; */
}

#contentRightWrapper {
	position: absolute;
	top: 0;
	right: 0; /* damit es nicht am rechten Rand klebt */
	/* width: 120px; */ 	/* GoogleAdSens 120px + body rechter Rand 3px */
	width: 160px; 		/*GoogleAdSens 160px + body rechter Rand 3px */
	z-index: 2;
}

#contentRightWrapper180 {
	position: absolute;
	top: 0;
	right: 0; 	/* damit es nicht am rechten Rand klebt */
	width: 180px;	/* Interhyp 180px */
}

.contentRight {
	padding-bottom: 1ex;
	z-index: 3;
}

.contentRightP {
	text-align: center;
}

/* ------ footer ------ */

#footer, /* alte Bezeichnung */
#footerWrapper,
#footerWrapperOpUn,
#footerWrapperMin {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
 	margin-bottom: 40px; /* +40 unten, weil man sonst nicht ganz nach unten scrollen kann */
	border-top: 1px solid #90bade;
	border-bottom: 1px solid #90bade;
	z-index: 1;
}

#footerWrapperOpUn,
#footerWrapperMin {
	font-size: 0.9rem; 
	text-align: left;
	padding-top: 10px;
	border-bottom: 0;
}

#footerSearchLeftRight {
 	margin-top: 5px;
 	margin-bottom: 5px;
}

#footerNavLeftRight ul,
#footerNav ul,
#footer-nav ul {
 	margin: 0;
 	padding: 0;
 	padding-top: 5px;
}

#footerNavLeftRight li,
#footerNav li,
#footer-nav li {
 	display: inline;
 	border-left: 1px solid #999;
 	padding: 0 0.2rem 0 0.5rem;
}

/*
	#footer-nav a {
		text-decoration: none;
	}
*/

.liFirst {
 	border-left: none !important;
}

.blockBlau {
 	padding: 1ex;
 	background-color: #f2f8ff; /* helles Blau */
 	border-bottom: solid 1px #83b0ec;  
}

.blockBlauBorderTop {
 	padding: 1ex;
 	background-color: #f2f8ff; /* helles Blau */
 	border-top: solid 1px #83b0ec;  
}

.blockBlauBorder {
 	padding: 1ex;
 	background-color: #f2f8ff; /* helles Blau */
 	/* border: solid 1px #83b0ec; */  
}

.blockGreen {
 	padding: 1ex;
	/* background-color: #33FF00 !important; */
 	/* background-color: #CCFF99 !important; */
 	background-color: #CFC !important;
}

.blockGreen0 {
 	padding: 0 1ex 0 1ex;
 	background-color: #CFC !important;
}

.spanGreen {
 	padding: 2px;
 	background-color: #CFC !important;
}

.blockRed {
 	padding: 1ex;
 	background-color: red !important;
}

.blockDuennGreen {
 	padding: 0 1ex 0 1ex;
 	background-color: #CFC !important;
}

.blockRed {
 	padding: 1ex;
 	/* background-color: red !important; */
 	background-color: #FFCCFF !important;
}

.backToTop,
.btn,
.fBearbeiten,.fBearbeiten a,
.iBearbeiten,.iBearbeiten a,
.btnGreen,.btnGreen a,
.btnBlue, .btnBlue a {
	background-color: #44A569; /* Green */
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1rem;
	padding: .3rem;
	margin: 4px 2px;
	cursor: pointer;
	border: 2px solid #44A569; /* ohne springt die Ansicht bei :hover */
	/* border-radius: .4rem; */
	border-radius: 4px;
	box-sizing: border-box;
}

.fBearbeiten,
.fBearbeiten a {
	font-size: 0.9rem;
	padding: 2px;
 	font-weight: normal;
	margin: 0;
}

.fBearbeitenAdmin,
.fBearbeitenAdmin a,
.fBearbeitenAdmin a:hover,
.fBearbeitenAdmin a:focus,
.fBearbeitenAdmin a:active {
	cursor: default !important;
	background-color: white !important;
	text-decoration: none !important;
}

.backToTop,
.btnBlue {
	border: 2px solid #1f4494; /* ohne springt die Ansicht bei :hover */
	background-color: #1f4494; 
}

.iBearbeiten {
	padding: .1rem;
	font-size: 0.9rem;
}

.btn:hover,
.fBearbeiten:hover,
.iBearbeiten:hover,
.btnGreen:hover,
.btnBlue:hover {
	background-color: white !important; 
	color: blue !important; 
	border: 2px solid blue !important; 
	text-decoration: none !important;  /* Hyperlinks mit class="button" sehen so wie Buttons aus! */
}

.btnRed {
	background-color: red; 
	border: 2px solid red;
}

.btnRed:hover {
	background-color: white; 
	color: red; 
	border: 2px solid red;
}

.btnBlockCenter {
	display: block; 
	margin: 1rem auto;
}

.btnGreenSpan,
.btnBlueSpan {
	/* cursor: pointer; */
	padding: 2ex 1ex; /* 1.5ex Hoehe umschliesst button 1 */
	border-radius: 4px;
	font-weight: bold;
	font-size: 1.0rem;
	line-height: 4rem;
}

.btnGreenSpan {
	background-color: #CFC;;
	/* border: solid 1px #44A569; */
}

.btnBlueSpan {
	background-color: #f2f8ff; /* helles Blau */
	/* border: solid 1px #44A569; */
}

.PrevNextPointer img,
.labelStd {
	cursor: pointer;
	background-color: #f2f8ff;
	padding: .5ex 2ex; /* 2ex bewirkt bessere Klickbarkeit */
	border: solid 1px #83b0ec;  
	border-radius: 4px;
}

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

.bodyLeftNav {
 	background-color: #f2f8ff; /* helles Blau */
}

.marginRight {
 	margin-right: 1ex;
} 

/* ------ search ------ */

#search {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0.9rem;
}

#search form {
	display: inline; 
}

#searchFound li { 
	padding-top: 1ex;
	padding-bottom: 2ex;
}

#searchFound a { text-decoration: none; }
#searchFound a:hover, 
#searchFound a:focus,
#searchFound a:active { 
	text-decoration: underline; 
	background-color: #99FFFF; 
}

.searchFoundInFile li { 
	padding-top: 1ex !important;
	padding-bottom: 0ex !important;
	font-size: 0.9rem;
}

/* ---------------------------- quickmenu + submenu ---------------------------- */

#quickmenuMobile {
	line-height: 2rem;
}

#quickmenu,
.submenu {
	margin-top: 2px;
}

#quickmenu h1,
.submenu h1 {
	margin-right: 3px;
}

#quickmenu h2,
.submenu h2 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

#quickmenu img {
	padding: 0 .2ex;
}
	
#quickmenu ul,
.submenu ul {
	overflow:  auto;
	/* height: 27px; */ /* nur bei #quickmenu ul fest vorgehen */
	list-style-type: none;

 	margin: 0;
 	padding: 0;
}

#quickmenu ul {
	overflow:  hidden;
	height: 27px; /* = Zeilenhoehe - dadurch unsichtbare Ueberlaeufe */
	padding-top: 5px;
	clear: both;
}

.submenu ul {
	overflow: hidden;
	/* overflow: auto; */
	padding-bottom: 2px;
	border-bottom: 4px solid #99CCFF; /* #b7dcef; */
}

#quickmenu ul li,
.submenu ul li {
	background: url("_img/submenu-off.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	display: block;
	float: left;
	margin-right: 0;
	text-align: center;
	padding: 0 5px;
	margin-bottom: 5px;	/* damit diese an links stehenden, aktiven Menue-Eintraegen vorbeigleiten koennen */
}

#quickmenu ul li {
	height: 27px;
	line-height: 27px;
}

.submenu ul li  {
	/* height: 27px; */
	line-height: 2rem;
}

#quickmenu ul li.submenuOn,
.submenu ul li.submenuOn {
	background: url("_img/submenu-on.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: blue;
	border-bottom: solid 3px #83b0ec;  
	box-sizing: border-box;
	margin-bottom: 2px;	/* 3px Border + 2px margin-bottom = 5px margin-bottom bei .submenu ul li, damit rechts stehende Menue-Eintraege vorbeigleiten koennen */
}

#quickmenu ul li.submenuOn,	/* fett auch ohne Link, z.B. Werbepartner */
.submenu ul li.submenuOn,
#quickmenu ul li.submenuOn a,	/* fett mit Link, z.B. Forum */
.submenu ul li.submenuOn a {
	/* font-size: 1.2rem; */
	font-weight: bold !important;
}

#quickmenu ul li.submenuOff_rot  {
	background: url("_img/submenu-off-rot.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#quickmenu ul li.submenuOff_gruen  {
	background: url("_img/submenu-off-gruen.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#quickmenu ul li.submenuOff_gelb  {
	background: url("_img/submenu-off-gelb.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#quickmenu ul li.submenuOff_gelb_links  {
	background: url("_img/submenu-off-gelb-links.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#quickmenu ul li.submenuOff_start  {
	background: url("_img/submenu-off-start.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#quickmenu ul li.submenuOn_start  {
	background: url("_img/submenu-on-start.gif") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-weight: bold !important;
	border-bottom: solid 3px #83b0ec;  
	box-sizing: border-box;
}

#quickmenu ul li.submenuOn a,
#quickmenu ul li.submenuOn a:hover,
#quickmenu ul li.submenuOn a:focus,
#quickmenu ul li.submenuOn a:visited,
.submenu ul li.submenuOn a,
.submenu ul li.submenuOn a:hover,
.submenu ul li.submenuOn a:focus,
.submenu ul li.submenuOn a:visited {
	color: blue;
}

#quickmenu ul a,
#quickmenu ul a:visited,
.submenu ul a,
.submenu ul a:visited {
	/* color: #696969; */ /* DimGray, gray */
	/* text-decoration: none; */
	/* font-size: 1.1rem; */
}

/* ------------------------ Witze ------------------------ */

.witze h2 {
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

.witze ol li {
	margin-top: 2ex !important;
}

.witzeTitel {
 	font-size: 1.1rem;
  	font-weight: bold;
 	margin: 3px 0 3px 0;
  	padding: 0;
   	background: transparent;
 	border-bottom: 0;
 	/* display: inline; */
}

.witzeText p {
	margin: 1ex 0 1ex 0;
}

/* ------------------------ BauPRO  ------------------------ */

.bauproFrei {
	font-size: 0.9rem;
	color: green;
}

.bauproExklusiv {
	font-size: 0.9rem;
	color: red;
}

/* ------------------------ gb ------------------------ */

.gbListe {
	padding-left: 0;
	margin-left: 0;
}

.gb {
	margin-top: 2ex !important;
	padding-top: 2ex !important;
	list-style-type: none;
	border-top: solid 1px #83b0ec;  
}

.gbDatum {
	font-size: 0.9rem;
	font-weight: normal;
   	color: #696969; /* DimGray, gray */
}

.gbText {
	margin: 5px 0 5px 0;
}

.gbKontakt {
	margin: 5px 0 5px 0;
}

.tipp {
	font-weight: bold;
	color: red;
	vertical-align: top; 
	font-size: 0.8rem; 
	line-height: 100%; /* entspricht <sup> */
}


/* ------------------------ Inserate ------------------------ */

.inserate {
	overflow: hidden; /* bewirkt, dass border-bottom unterhalb des gefloateten img liegt */
 	padding: 1ex 0;
 	border-top: solid 1px #83b0ec;  
 	clear: both;
}

/* ------------------------ Presse ------------------------ */

.presse {
	overflow: hidden; /* bewirkt, dass border-bottom unterhalb des gefloateten img liegt */
 	padding: 1ex 0;
 	border-bottom: solid 1px #83b0ec;  
 	clear: both;
}

.presse img {
	float: left;
	padding: 5px;
	border: solid 1px #83b0ec;  
	margin-right: 10px;
	margin-bottom: 5px;
}

.presse p {
	max-width: 800px;
	/* IE haengt sich auf: width: expression(this.width > 400 ? "400px" : "auto"); */
	/* Die Loesung: http://blog.mdebono.com/2007/02/max-width-in-ie7-using-css-expressions.html */
	/* width: expression(this.width < 800 ? "auto" : "800px"); */

	line-height: 1.5rem;
}

.hinweisWerbungAnzeige,
.presseDate {
	font-size: 0.9rem;
	font-weight: normal;
	color: grey !important;
}

.presseTitle a {
	font-size: 1.1rem;
 	font-weight: bold !important;
	text-decoration: none;
}

.presseMore {
 	margin-left: 1ex;
 	padding: 0 5px 0 5px;
	white-space: nowrap;
 	background-color: #E7FFDF; /* #E7FFDF #F5FFF2 */
 	white-space: nowrap;
}
 
.presseImg {
  	padding: 5px;
  	border: solid 1px #83b0ec;  
		text-align: center;
} 
 
.presseImgNoLink {
  	padding: 5px 2ex 1ex 5px;
} 
 
.presseImgSammlung  {
 	margin-top: 1ex;
 	text-align: center;
}
 
.presseImgSammlung ul {
 	display: inline;
  	margin: 0;
  	padding: 0;	
} 
 
.presseImgSammlung ul li {
 	display: inline;
 	vertical-align: top;
	margin-right: 1ex;
} 
 
.presseImgSammlung a img {
	padding: 5px !important;
	border: solid 1px #83b0ec;  
} 

/* ------------------------ logo ------------------------ */
 
.logoUl {
	margin: 0;
	padding-left: 5px;
}
 
 .logoUl li {
 	list-style-type: none;
}

/* ------------------------ alumni ------------------------ */

.alumniEMail {
	font-size: 0.9rem;
 	font-weight: normal;
	color: #696969; /* DimGray, gray */
}

.bildTxtCenter  {
	font-size: 1.0rem;
 	text-align: center;
 	font-weight: bold !important;
 	padding: 3ex;
 	/* border: solid 1px #83b0ec; */ 
}

.bildTxtCenter img {
 	padding: 1ex;
}


/* ------------------------ Test ------------------------ */

#floatRight {
	float: right;
	width: 230px; 	
	height: 700px;
 	border: solid 1px red;
	margin: 0;
	padding: 10px;
	
	background-color: yellow; 
}

/* ------------------------ OpUn ------------------------ */

div.block_head {
	font-size: 1.2rem; 
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 5px;
	background-color: #f2f8ff; /* helles Blau */
	border-bottom: solid 1px #83b0ec;  	
}

.blogfach {
	font-size: 0.9rem;
	text-align: right;
}

li.blogstart {
	padding-top: 1.0ex;
}

.flashErforderlich {
 	border: solid 1px #CC0033;
 	font-weight: bold;
	color: #CC0033;
} 

.bisherigerText { 
	color:gray; /* DimGray, gray */ 
}

.xbackToTop {
	 background:red;
	 position: fixed;
	 bottom:20px;
	 right:20px;
	 padding: 1rem;
	 z-index: 100;
}

.backToTop {
	position: fixed;
	right: 5px;
	bottom: 2px;
	display: none;
	width: 160px; /* 50 */
	height: 40px;
	/* text-indent: -9999px; */
	/* background: url(_img/backToTop.png) no-repeat; */
	/* border-radius: .4rem; */
	border-radius: 4px;
	z-index: 100;
}    

.backToTop:hover, 
.backToTop:focus,
.backToTop:active { 
	text-decoration: none; 
	background-color: #1F4494; 
	cursor: pointer;
} 

.klappname
	width: 100%;
}

.klappname {display:inline-block;}
.trenner {margin:0;}
.toklapp {display:none;}
[id^="kl_"]  {
	border: 1px solid;padding:.5rem;
	background: #f9f8f8;
	border-radius: 4px;
	margin-top: 4px;
}

[id^="klapp"] {
	text-decoration: none; 
	padding: .2rem; 
	font-size: 1.1rem; 
	color: white;
	background-color: #1F4494;
	border: 1px solid #1F4494;
	border-radius: 4px;
}

#Xwissen [id^="klapp"] {
	background-color: #aea;
	border: 1px solid #aea;
	color: black;
}

[id^="klapp"] span:nth-of-type(2) {
	/* text-decoration: underline;  */
}

.klapp {
	text-align: center;
	padding:.2rem;
}

.klappname a:hover, 
.klappname a:focus,
.klappname a:active { 
	text-decoration: none;
	color: #1F4494;
	background-color: white;
	cursor: pointer;
}

#Xwissen a:hover, 
#Xwissen a:focus,
#Xwissen a:active { 
	text-decoration: none;
	color: black;
	background-color: white;
	cursor: pointer;
}

.oben {
	z-index: 95;
}

.obenPlus {
	z-index: 96;
}

.obenPlusPlus {
	z-index: 97;
}

.inlineBlock { /* fuer table */
	display: inline-block;
}

/* ------------------------ Suche, Login ------------------------ */

#benutzerid,
#suche,
input[name="benutzername"],
input[name="kennwort"],
input[name="k"], /* bei /forum/edit.php */
input[name="benutzerid"],
input[name="assKey"] { 
	color: green; 
}

.max30,
.maxWidth  {
  /* wichtig: !important damit eine class durchkommt bei bauass */
  /* max-width: 10rem !important; */
  max-width: 30ch !important; /* width of character 0 */
}

.max20  {
  max-width: 20ch !important; /* width of character 0 */
}

.max15,
#assKey,
#freischaltekennung,
#k, /* bei /forum/edit.php */
#benutzerid {
  max-width: 15ch !important; /* width of character 0 */
}

.max10  {
  max-width: 10ch !important; /* width of character 0 */
}

input[name="s"] { 
	color: blue; /* da bei Suche blauer Button */
}

.login { 
	padding: 2px;
}

/* ------------------------ FlexBox ------------------------ */

.flexBox,
.flexBoxLeft {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	/* align-items: center; */ /* stretch, center */
}

.flexBoxLeft {
	justify-content: left;
}

.flexBoxHCenter {
	justify-content: center;
}

.flexBoxVCenter {
	align-items: center;
}

.flexElement {
	padding: 0.5rem;
}

.flexElementGrow,
.flexElementGrow300px {
	width: 300px;
	flex: 1 1 auto;
}

.flexElementGrow200px {
	width: 200px;
	flex: 1 1 auto;
}

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

video { 
   width: 100%;
   max-width: 640px;
   height: auto;
}

/* im Gegensatz zu .mobilmenu ist .helpNav auch in der grossen Ansicht sichtbar */
/* verwendet z.B. in den eLearning-Kursen zur Einbindudg der Sitemap */
.helpNav {
	display: block;
}

.mobilmenu {
	display: none;
}

.mobilmenu .xklapp {
	text-align: center; /* in /elearning/... wird "... einblenden ? ..." zentriert angezeigt */
	padding:.2rem;
}


/* ------------------------ Form - responsiv ------------------------ */

.selected {
	font-size: 1.15rem;
	border-bottom: solid 3px #001dd8;
}

input, 
select, 
textarea {
	padding: 6px 4px; /* 6px: ca. gleiche Hoehe wie Buttons btn */
	/* border: 1px solid #ccc; */ /* #ccc */
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

input[type=date], 
input[type=email], 
input[type=file],
input[type=number], 
input[type=password], 
/* input[type=radio], */
/* input[type=search], */
input[type=tel], 
input[type=text], 
input[type=url], 
/* select, */
textarea {
	width: 100%;
	max-width: 35rem; /* damit bei grossen Displays eine Begrenzung erfolgt */
}

#anderesLand {
	width: unset;
	max-width: 35rem; /* damit bei grossen Displays eine Begrenzung erfolgt */
}

/* Style the container */
.formContainer {
	/* border-radius: 5px; */
	/* background-color: #f2f2f2; */
	/* padding: 1rem; */
}

/* Style the label to display next to the inputs */
.formContainer label {
	padding: 4px 12px 12px 0;
	display: inline-block;
}

/* Floating column for labels: 25% width */
.formContainer .col1,
.hpLogoAdrContainer .col1_230l,
.formContainer .col1_10 {
	float: left;
	/* width: 25%; */
	/* !!! Achtung: rex klappt nicht - kann der Browser nicht !!! */
	width: 7rem; /* breitestes Wort: "Suchbegriffe" in /suche/index.php */
	margin-top: 6px;
	white-space: nowrap;
}

.formContainer .col1_10 {
	width: 10rem; /* breitestes Wort: "Suchbegriffe" in /suche/index.php */
}

.hpLogoAdrContainer .col1_230l {
	width: 230px; /* breitestes Wort: "Suchbegriffe" in /suche/index.php */
}
.hpLogoAdrContainer .col2_230r {
	float: left;
	/* max-width: 35rem; */
	margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.formContainer .col2,
.formContainer .col2_15 {
	float: left;
	width: 70%; /* wichtig - muss bleiben! */
	max-width: 35rem;
	margin-top: 6px;
}

.formContainer .col2_15 {
	width: 15rem;
}

/* Clear floats after the columns */
.hpLogoAdrContainer .row:after,
.formContainer .row:after {
	content: "";
	display: table;
	clear: both;
}

/* ------------------------ hamburgerMenu ------------------------ */

.nav-toggle-label,
#hamburgerMenuLogo,
#hamburgerToggle {
	display: none;
}

#myGSearchbox {
	max-width: 90%;
	margin: 0 30px 0 10px;
	background-color: #f2f8ff;
	border: solid 1px #83b0ec;
}

#myGSearchbox {
	/* max-width: 90%; */
	margin: 0 20px 0 10px;
	padding: 1ex 0 0 0;
	background-color: #f2f8ff;
	border: solid 1px #83b0ec;
	border-radius: 4px;
	text-align: center;
}
#myGSearchresults {
	/* border-bottom: solid 1px #83b0ec; */
}

#myGSearchresults a:hover,
#myGSearchresults a:focus,
#myGSearchresults a:active {
	/* in Bilder verwendet Google einen schwarzen Hintergrund - so anpassen */
	color: blue;
	background-color: white;
	height: 0;
}

.gsc-control-cse {
	padding: 0 !important;
}

.gsc-search-button-v2 {
	padding: 6px !important;
	margin-right: 10px !important;
}

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

#header-content-footer-Wrapper {
/* 	manchmal setzten sich automatische Google-Ads zwischen </#navLeftWrapper> und <#header-content-footer-Wrapper>
	Dann stoert der Hintergrund des linken Nav -> mit diesem Hintergrund abdecken
*/
	background-color: white;
}

#jahre a {
	position: absolute;
	top: 0;
	right: 0;
	/* background-color: #1f4494; */
	/* color: white; */
	/* text-align: center; */
	/* transform: rotate(45deg); */
	/* width: 12rem; */
	/* height:6.5rem; */
	/* font-weight: bold; */
	z-index: 200;
	/* border-radius: 50%; */
}

#jahre a,
#jahre a:hover, 
#jahre a:focus,
#jahre a:active {
	/* color: white !important; */
	/* text-decoration: none; */
	background-color: white;
	cursor: pointer;
	background: transparent;
}

#quickmenuMobile,
.displayLessEqual-320 {
	display: none;
}