/* * { padding: 0; margin: 0; } !entfernt: das wirkt zu weit - alle p, ul, ol...! */
/* html { overflow-y: scroll; } Scroll-Balken rechts immer aktiv */

html, body { 
	padding: 0 3px 0 3px; /* body linker + rechter Rand 3px - links fuer bauingenieuere.de,  */
	margin: 0;
	border: 0;
	/* http://www.gn-webdesign.de/css-tutorials/css-div-height-100.html */
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

html { 
	/* fuer die Google-Sprachuebersetzung - sonst springt die linke Navi um etliche Pixel nach rechts */
	padding: 0 !important;
}

body {
	font-size: 100.01%; /* 100% - Fehler bei Opera 6 */
	background-color: #FFFFFF; 	

	background: url('_img/background1.jpg') top repeat-x;
	/* dann entsteht rechts immer der Scroll-Balken :-(
	min-height: 100.5%;
	*/
	/* hiding from ie5mac \*/
	height: 100%;
	/* end ie5mac hack */	
}

/* 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 {
	font-size: 1.0em; 
	font-family: arial, helvetica, geneva, sans-serif;
	/* font-weight: normal; */
	/* color: #000; */ /* nicht die a */
}

header { 
	/* damit im Forums-Beitragstitel vor dem Datum nicht umgebrochen wird */
	display: inline;
}

/* ------ Allgemein ------ */

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

a:hover,
a:focus,
a:active { 
	background-color: #9FF;
}

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

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

.visable {
  	display:block !important;
}

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

.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;
}

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

acronym {
	speak: 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 --- */

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

p {
 	/* clear: both; */
}

.blue {
	color: blue;
}

.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;
}

.absOben_small 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;
}

.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 {
	max-width: 728px;
	/* 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");
 	border: solid 1px #83b0ec;  /* dunkles Blau */
} 

.borderBlue {
	border: solid 1px #83b0ec;  /* dunkles Blau */
}

.borderBluePadding {
 	margin-top: 1ex;
 	padding: 1ex;
	border: solid 1px #83b0ec;  /* dunkles Blau */
}

.clear {
	clear: both;
}

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

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

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

#adjustFont {
 	text-align: center;
}

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

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

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

.imgSmall,
.iInserat img, 	/* evtl. fuer aeltere Browser */
.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;  /* dunkles Blau */
} 

.iLeftRight {
} 

.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: 110%;
	font-weight: bold;
	margin: 3px 0 3px 0;
	padding: 0;
	background: transparent;
	border-bottom: 0;
}

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

/*
.iTextKurz,
.iLangAnzeigen {
	display: inline;
} 
*/

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

.iNrDatum {
	font-size: 90%;
	font-weight: normal;
	color: grey;
}
 
.iZusatz,
.iAnhang,
.iKontakt {
	clear: both;
}

.iZusatz {
	color: grey;
}

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

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

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

.iZusatz 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: #CCFFCC;
 	font-size: 110%;
} 

#iMsgWikiEingestellt {
 	background-color: #CCFFCC;
 	font-size: 115%;
 	margin-right: 170px;
} 

#iErneuterDurchlauf {
 	padding-left: 10;
 	text-align: left;
 	background-color: #CCFFCC;
  border-top: solid 1px #83b0ec;  /* dunkles Blau */
} 

.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;	
}

.bauHpH2redUL li {
 	xmargin: 0 5px 0 5px;
 	xpadding: 0 5px 0 5px;	
}

/* ------------------------ 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;  /* dunkles Blau */
} 

img.noborder {
	border: 0 !important;
} 

.anhang_rechte {
	font-size: 90%;
	color: grey;
	display: block !important;
	list-style-type: none !important;
	clear: both;
}

.forumHinweisFachmoderator {
	font-size: 70%;
}

.forumHinweisTxtKlein {
	font-size: 90%;
	color: grey;
}

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

.datumKlein {
	font-size: 90%;
 	font-weight: normal;
	color: grey;
	/* display: inline; */
 	padding-left: 1ex;
}

/* ------------------------ 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: 110%;
	font-weight: bold;
 	margin: 3px 0 3px 0 !important;
	padding: 0;
	background: transparent;
 	border-bottom: 0;
 
 	/* display: inline; */
}

.fkReg {
 	font-weight: bold;
} 

.fListeName {
	color: 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;  /* dunkles Blau */
} 

.fAnhang .faRechte {
	font-size: 90%;
	color: grey;
	clear: both;
}

.fFrageListe {
	font-size: 100%;
 	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 {
	xcolor: red;
	width: 585px;
	border-bottom: 0px;
}

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

#fNext li {
	list-style-type: none;
	font-size: 90%;
	color: grey;
 	/* padding: 2px; */
}

#fNext .ffKW { 
	font-weight: bold;
	color: black;
 	padding: 1ex;
 	background-color: #CCFFCC !important;
}

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

.hinweisTxtKlein, /* allgemein haeufig verwendet */
.fHinweisTxtKlein  {
	font-size: 90%;
	color: grey;
 	padding: 1ex 0 1ex 0;
 	margin: 1ex 0 1ex 0;
}

.fLink,
.fAnhang,
.fText p  {
	margin: 1ex 0 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: 1ex;
} 

.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-top: 0.5ex;
 	margin-right: 1ex;
} 

/* 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;  /* dunkles Blau */
} 


/* 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;
}

.fBearbeiten,
.fDatum,
.fNrDatum {
	font-size: 80%;
 	font-weight: normal;
	color: grey;
 	padding-left: 1ex;
 	margin-bottom: 5px;
	/* display: inline; */
 	/* padding-left: 1ex; */
}

.fBearbeiten {
 	/* padding: 1ex; */
 	background-color: #CCFFCC !important;
}

.fReplay {
 	background-color: #CCFFCC;
 	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: grey;
	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: 150%;
}

.verryBig {
	font-size: 200%;
}

.fontPlus10  {
	font-size: 110%;
}

.fontPlus1  {
	font-size: 115%; /* wie h2 */
}

.fontPlus2  {
	font-size: 150%;
}

.fontPlus3  {
	font-size: 180%;
}

.font_small,
.fontSmall,
.fontMinus1  {
	font-size: 90%;
	font-weight: normal;
}

.fontMinus2  {
	font-size: 80%;
	font-weight: normal;
}

.fontMinus3  {
	font-size: 70%;
	font-weight: normal;
}

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

.red {
	color: red;
}

.gray {
	color: gray;
}

.green {
	color: green;
}

.center {
	text-align: center;
}

.whiteSpaceNowrap {
	white-space: nowrap;
}

.whiteSpacePre {
	white-space: pre;
}

.fMarkerBlog,
.markerBlog {
	color: green;
}

.fMarkerFrage {
	color: red;
}

.hidden,
/* #content-left hr, #footer-search hr, #footer-navi hr, .google-adsense hr, #content-right hr, */
#footerSearchLeftRight h1, #footerNaviLeftRight h1,
#footerSearch h1, #footerNavi h1, .googleAdsense h1, #contentRight h1, #contentRight180 h1,
#footer-search h1, #footer-navi h1, .google-adsense h1, #content-right h1, #content-right-180 h1,
#dummy
{
	position: absolute;
	left: -3000ex;  /* unsichtbar + hoerbar */
	visibility: hidden;
}

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

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

.meldungOK, .meldungError,
.meldung-ok, .meldung-error {
 	font-size: 115% !important; 
 	text-align: center;
 	margin-top: 2ex;
 	margin-bottom: 2ex;
 	
	background: transparent !important; 	
}

.meldungOK,
.meldung-ok {
	color: green;
}

.meldungError,
.meldung-error {
	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: 110%;
}

.ulPointHomepage a { text-decoration: none; }

.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: 90%;
	font-weight: normal;
}

.kwErforderlich {
	color: red;
}

.kwNichtErforderlich {
	color: green;
}

/* ------ Tags ------ */

h1,  h2, h3, h4 {
 	font-weight: bold;
 	padding: 5px 0px 5px 0px; /* -5 px */
 	margin:  5px 0px 5px 0px;
}
 	
h1 {
	clear: both;
 	font-size: 130%; 
 	background-color: #99CCFF; /* 153 204 255 */
 	text-align: center;
 	padding: 1ex 0px 1ex 0px;
 	color: black;
}

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

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

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

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

h4 {
 	font-size: 100%;
 	margin-bottom: 5px;
	padding-left: 0;
}

.myHpTitel1 {
 	font-size: 120%;  
}

.myHpTitel2 {
 	font-size: 90%;  
}

.myHpTitel2 a {
 	font-size: 100%; 
	font-weight: bold; 	
}

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

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

#werbepartner {
 	font-size: 95%;
 	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;  /* dunkles Blau */
 	margin-top: 0;
 	margin-bottom: 0;
}

.wCenter b {
 	font-size: 120%;
}

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

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

.wCenterYellow,
.werbungCenterYellow {
	width: 730px; /* 728 google-adsense + Rand */
}

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

.padding4 {
	padding: 4px;
}

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

.wCenterYellowTxt b,
.werbungCenterYellowTxt b {
 	font-size: 120%;
}

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

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

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

.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;
 	*/
}

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

#path {
	font-size: 90%;  
	margin:  2px 0 2px 0; /* oben nicht 0 wegen alumni */
	padding: 2px 0 2px 0;	/* oben nicht 0 wegen alumni */
	
	clear: both;
}

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

#path h2 {
	background-color: transparent;
	border: 0;
	display: inline;	
	font-size: 90%;  
	font-weight: normal;
	margin: 0 0 0 12px; /* 8px point.gif + 4px Abstand */
	padding: 0;
	text-align: left;
}

#path ul {
 	padding: 0;
	margin: 0;
	/* 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;	
}

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

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

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

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


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

#headerLeftRight {
}

#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;
	xpadding: 5px;
	/* background-color: orange; */
}

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

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

#content { /* reiner Content - z.B. bei Dr. Klein */
 	/* margin-top: 5px; */
 	/* margin: 5px 0 5px 0px; oben, unten, links */
}

#contentWrapper,
#content-wrapper {
	/* ???? 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 Navi drueber klappt */
}

#contentLeftRight {
	/* ueber body rechter Rand 3px geloest */
 	/* padding: 0 5px 0 0; */ /* GoogleAdSens 160px + 15px Abstand */
}
/* #footerWrapper hier nicht integrieren, damit die horizontalen Trennlinien des Footers bis zum rechte Rand laufen 
   Dafuer hier die inneren Teile von #footerWrapper=#footerSearch,#footer-search,#footerNavi,#footer-navi 170px aufnehmen*/
#footerSearch,#footer-search,#footerNavi,#footer-navi,
#contentLeft, .googleAdsense, .interhypeAdsense,
#content-left, .google-adsense, .interhype-adsense {
/*	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;
}

#contentLeft180,
#content-left-180 {
 	margin: 0 190px 0 0; /* GoogleAdSens 180px + Abstand */
}

#contentLeft li,
#content-left li {
	padding-top: 0.5ex;
}

#contentLeft li:first-child,
#content-left li:first-child {
	padding-top: 0;
}

#contentRight,
#content-right {
	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;

}

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

.contentRightElement,
.content-right-element {
	padding-bottom: 1ex;
	z-index: 3;

}

.contentRightElementP {
	text-align: center;
}

#lampenweltAbsolute,
#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 220px+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: 120%;
}

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

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

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

.googleAdsense div, .interhypeAdsense div,
.google-adsense div, .interhype-adsense div {
	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: 90%;  
	text-align: left;
	padding-top: 10px;
	border-bottom: 0;
}

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

/*
#footerSearch,
#footer-search,
#footerNavi,
#footer-navi {
	margin: 5px 170px 5px 0; /* GoogleAdSens 160px + 7px innen + 3px body rechter Rand 3px */
}
*/

#footerNaviLeftRight,
#footerNavi,
#footer-navi {
	font-size: 90%;  
}


#footerNaviLeftRight ul,
#footerNavi ul,
#footer-navi ul {
 	margin: 0;
 	padding: 0;
 	padding-top: 5px;
}

#footerNaviLeftRight li,
#footerNavi li,
#footer-navi li {
 	display: inline;
 	border-left: 1px solid #999;
 	padding: 0 .2em 0 .5em;
}

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

/* versagt bei IE < 7 
	#footer-navi li:first-child {
		border-left: none;
	}
*/

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

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

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

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

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

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

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

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

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

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

.bodyLeftNavi,
.body_leftnavi {
 	background-color: #f2f8ff; /* helles Blau */
}

.marginRight,
.margin_right {
 	margin-right: 1ex;
} 

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

#search {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 90%;  
}

#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: 90%;
}

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

#quickmenu {
	margin-top: 2px;
}

#submenu {
	margin-top: 2ex;
}

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

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

#quickmenu ul, 
#submenu ul {
	height: 28px;
	list-style-type: none;

 	margin: 0;
 	padding: 0;
 	
/* margin: 0 0 -7px 0; /* -7px fuer IE */
/* 	padding: 0; */
/* 	padding-top: 7px; */
}

#quickmenu ul {
	padding-top: 5px;
	clear: both;
}

#submenu ul {
	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;
	display: block;
	float: left;
	height: 37px;
	line-height: 27px;
	margin-right: 0;
	text-align: center;
	padding: 0 5px 0 5px;
}

#quickmenu ul li.submenuOn, 
#submenu ul li.submenuOn {
	background: url("_img/submenu-on.gif") no-repeat left top;
	color: blue;
}

#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: 120%; */
	font-weight: bold !important;
}

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

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

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

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

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

#quickmenu ul li.submenuOn_start  {
	background: url("_img/submenu-on-start.gif") no-repeat left top;
}

#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: grey; */
	/* text-decoration: none; */
	/* font-size: 110%; */
}

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

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

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

.witzeTitel {
 	font-size: 110%;
  	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: 90%;
	color: green;
}

.bauproExklusiv {
	font-size: 90%;
	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;  /* dunkles Blau */
}

.gbDatum {
	font-size: 90%;
	font-weight: normal;
   	color: grey;
}

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

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

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


/* ------------------------ news ------------------------ */

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

.news img {
	float: left;
	padding: 5px;
	border: solid 1px #83b0ec;  /* dunkles Blau */
	margin-right: 10px;
	margin-bottom: 5px;
}

.news 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.5em;
}

.newsDate {
	font-size: 90%;
	font-weight: normal;
	color: grey;
}

.newsTitle a {
	font-size: 110%;
 	font-weight: bold !important;
	text-decoration: none;
}

.newsMore {
 	margin-left: 1ex;
 	padding: 0 5px 0 5px;
	white-space: nowrap;
 	background-color: #E7FFDF; /* #CCFFCC #E7FFDF #F5FFF2 */
 	white-space: nowrap;
}
 
.newsImg {
  	padding: 5px;
  	border: solid 1px #83b0ec;  /* dunkles Blau */
		text-align: center;
} 
 
.newsImgNoLink {
  	padding: 5px 2ex 1ex 5px;
} 
 
.newsImgSammlung  {
 	margin-top: 1ex;
 	text-align: center;
}
 
.newsImgSammlung ul {
 	display: inline;
  	margin: 0;
  	padding: 0;	
} 
 
.newsImgSammlung ul li {
 	display: inline;
 	vertical-align: top;
	margin-right: 1ex;
} 
 
.newsImgSammlung a img {
	padding: 5px !important;
	border: solid 1px #83b0ec;  /* dunkles Blau */
} 

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

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

.alumniEMail {
	font-size: 90%;
 	font-weight: normal;
	color: grey;
}

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

.bildTxtCenter img {
 	padding: 1ex;
}


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

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

/* ------------------------ wKachelofenwelt ------------------------ */

#wKachelofenwelt a img {
	background-image: url(_img/kachelofenwelt1.jpg);
	margin: 0 0 0 1ex;
}

#wKachelofenwelt a:hover,
#wKachelofenwelt a:focus,
#wKachelofenwelt a:active {
	text-decoration: none;
	background-color: transparent;
}

#wKachelofenwelt a:hover img,
#wKachelofenwelt a:focus img,
#wKachelofenwelt a:active img{
	background-image: url(_img/kachelofenwelt2.jpg);
	margin: 0 0 0 1ex;
}


.Xlinks { 
float:left;
width:300px;
text-align: center;
}
.Xrechts {
width:300px;
text-align: center;
}
.Xclear {
clear:left;
}

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

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

.blogfach {
	font-size: 80%; 
	text-align: right;
}

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

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

/* ------------------------ Suche ------------------------ */

input[name="s"] { 
	color:green; 
}

/* ------------------------ Kaeuferportal ------------------------ */

.kp_frame {
	margin-top: 2ex;
 	margin-left: auto;
 	margin-right: auto;
}