BODY,P,TD,H1,H2,H3,H4,H5,H6,H7,H8,UL,OL,LI,NOBR,B,I
     { font-family:  Trebuchet MS, Cambria, Arial, Sans-Serif, Geneva, Helvetica,"Frutiger 45 Light", Verdana;}
p,UL,OL,LI,NOBR,B { font-size:11pt;line-height:16pt; word-spacing:0.8mm;}

/* Schrift formate */
.h1 { font-size:16pt; line-height:18pt; word-spacing:0.8mm; font-weight:normal; }
.h2 { font-size:16pt; line-height:18pt; word-spacing:0.8mm; font-weight:bold; }
.h3 { font-size:14pt; line-height:16pt; word-spacing:0.8mm; font-weight:normal; }
.h4 { font-size:12pt; line-height:14pt; word-spacing:0.8mm; font-weight:bold; }
.h5 { font-size:12pt; line-height:14pt; word-spacing:0.8mm; font-weight:normal; }
.h6 { font-size:11pt; line-height:12pt; word-spacing:0.8mm; font-weight:normal; }
.h7 { font-size:10pt; line-height:8pt; word-spacing:0.8mm; font-weight:bold; }

I { font-size:8pt;line-height:10pt; word-spacing:0.8mm;}
I1 { font-size:12pt;line-height:10pt; word-spacing:0.8mm;}

h2.color { color: #FFFFFF;}
h3.color { color: #007D93;}
h3.color1 { color: #022FA2;}

p.normal  { font-style: normal;}
p.italic  { font-style: italic;}
p.thick  { font-weight: bold;}
p.color  { color: gray;}

a:link    { color:#000; text-decoration:none;}
a:visited { color:#000; text-decoration:none;}
a:active  { color:#000; text-decoration:none;}
a:hover   { color:#000; text-decoration:none;}

body { background-color: #ffffff; background-position: center top; margin: auto; }
hr	{box-sizing:content-box;height:0;overflow:visible;} 

footer { clear: both; }

/* Navibar Ende - Beitrag? */
#content { max-width: 1000px; min-width: 300px; margin: 0 auto; }
#content-navibox { max-width: 1000px; min-width: 250px; margin: 0 auto; }
#content-endbox { max-width: 1000px; min-width: 200px; margin: 0 auto; }
.content-rahmen { max-width: auto; min-width: 200px; margin: 0 auto; }

/* header-navigtion fixed */
.header-navi-bar {white-space:normal} 
.header-navi-white {color:#000!important;background-color:#fff!important} 
.header-navi-wide{letter-spacing:4px} 
.header-navi-padding{padding:8px 16px!important}
.header-navi-card {box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} 

/* header mit Eingangsbild und Text in der Mitte*/
.header-display-container{position:relative}
.header-content{max-width:980px;margin:auto}
.header-wide{letter-spacing:4px} 
.header-image{max-width:100%;height:auto}
.header-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} 
.header-margin-top{margin-top:16px!important}
.header-center{display:inline-block;width:auto} 
.header-textbox-bg  {background-color: #ffffff; opacity: 0.8; } 

/* themen-box einen hinter einander*/
.box-content{max-width:980px;margin:auto;}
.box-padding{padding:8px 16px!important}
.box-row-padding{padding:0 8px}
.box-col {float:left;width:100%} 
.box-col.l3{width:24.99999%}
.box-col.m6{width:30.99999%}
.box-margin{margin:10px!important}
.box-margin-bottom{margin-bottom:16px!important}

    /* Navi-Text´s style wie start, themen, autoren,*/
.box-display-container{position:relative;border:#757575;background-color:#FFFFFF;}
.box-display-topleft{position:absolute;left:0;top:0}
.box-black {color:#fff!important;background-color:#000!important} 
.box-padding{padding:8px 16px!important}

/* end-navi-box am Ende der Seite*/
.end-content{max-width:980px;}  /* tabel breite*/
.end-padding{padding:0px 1px!important}  /* tabel padding */
.end-row-padding{padding:0 10px}  /* tabel padding */
.end-col {float:left;width:100%} 
.end-col.l3{width:18.99999%}
.end-col.m6{width:22.99999%}     /* colums breite*/
.end-margin{margin:2px!important} /* colum außenabstand*/
.end-margin-bottom{margin-bottom:16px!important}

  /* Navigation am top der Seite */  

.header-navi  { 
	width: 100%; 
	height: 50px; 
	background: gray; 
	position: fixed; 
	top:0px; 
	border-bottom: 0px solid #A9A9AA;	
	}
.logo { float:left; margin-left: 5px; border: 0px solid #000; }
.navibar { 
	background-color:#C1C1C1;
	float:right; 
	display: inline-block;
	margin-right: 10px; 
	margin-top: 15px; 
	border: 0px solid #111; }

  /* Navigation am Ende der Seite ---- zu lösen*/  

.end-navibar { 
	background-color:#C1C1C1;
	width: 100%;
    float:left; 
	display: inline-block;
	margin-left: auto;     
	margin-right: auto; 
	margin-top: 20px; 
	margin-bottom: 0px;
	border: 0px solid #111; 
    padding: 0px; }

#end-navi { 
	background-color:#000000;
	float:center; 
    width: 15em;
    display: inline-block;
	margin-left: 5px;     
	margin-right: 5px; 
	margin-top: 0px; 
	margin-bottom: 5px;
	border: 0px solid #111; 
    padding: 10px;
    padding-left: 20px; 
    padding-right: 20px; }



/* Head & Transparentes Textbox */  
.header { 
	width:100%;
	height:100%;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	border: 0px solid #000;	
	}
	
/* Head-Backgroundbilder */  
.header-bg-bild01 { 
	background: url("images/bild01.jpg") no-repeat center center fixed; 	
	}
.header-bg-bild02 { 
	background: url("images/bild02.jpg") no-repeat center center fixed; 	
	}
.header-bg-bild03 { 
	background: url("images/bild03.jpg") no-repeat center center fixed; 	
	}
.header-bg-bild031 { 
	background: url("images/bild031.jpg") no-repeat center center fixed; 	
	}
.header-bg-bild032 { 
	background: url("images/bild032.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild033 { 
	background: url("images/bild033.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild034 { 
	background: url("images/bild034.jpg") no-repeat center center fixed; 	
	}				
.header-bg-bild04 { 
	background: url("images/bild04.jpg") no-repeat center center fixed; 	
	}
.header-bg-bild041 { 
	background: url("images/bild041.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild042 { 
	background: url("images/bild042.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild043 { 
	background: url("images/bild043.jpg") no-repeat center center fixed; 	
	}		
.header-bg-bild044 { 
	background: url("images/bild044.jpg") no-repeat center center fixed; 	
	}		
.header-bg-bild045 { 
	background: url("images/bild045.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild046 { 
	background: url("images/bild046.jpg") no-repeat center center fixed; 	
	}					
.header-bg-bild047 { 
	background: url("images/bild047.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild048 { 
	background: url("images/bild048.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild049 { 
	background: url("images/bild049.jpg") no-repeat center center fixed; 	
	}	
.header-bg-bild0410 { 
	background: url("images/bild0410.jpg") no-repeat center center fixed; 	
	}				
		
/* Webeingang - Transparentes Textbox & Text*/  
.header-textbox  { 
	background-color: #ffffff; 
    border: 1px dotted #757575;    
	width: 19em; 
	height: auto;
	opacity: 0.8;	
	float: right;	
	margin-top: 16em;				
	margin-right: 5%;
    padding: 20px 10px 20px 10px;
	}

.header-text  { 
	position: static;
	text-align: center;	
	width:100%;
	margin-top: 40px;
	}
	
/* Textbox mit Weisheiten auf den folgenden Seiten*/  
 
/* Textbox auf der rechten Seite*/

.header-spruchbox  { 
	background-color: ghostwhite; 
    border: 1px dotted #757575;
	width: 15em; 
	height: auto;
	opacity: 0.8;	
	margin-top: 19em;				
	float: right;	
	margin-right: 5%;	
    padding: 10px;    
	}
	

.header-spruchbox-top  { 
	background-color: #FFFFFF; 
    border: 1px dotted #757575;
	width: 17em; 
	height: auto;
	opacity: 1;	
	margin-top: 8em;				
	float: right;	
	margin-right: 5%;	
    padding: 10px;    
	}
	
.header-spruchbox-top-turkis  { 
	background-color: #00A6D6; 
    border: 1px dotted #757575;
	width: 17em; 
	height: auto;
	opacity: 1;	
	margin-top: 8em;				
	float: right;	
	margin-right: 5%;	
    padding: 10px;    
	}
	
.header-spruchbox-top-yellow  { 
	background-color: #E8EA28; 
    border: 1px dotted #757575;
	width: 17em; 
	height: auto;
	opacity: 1;	
	margin-top: 8em;				
	float: right;	
	margin-right: 5%;	
    padding: 10px;    
	}

/* Textbox auf der linken Seite*/ 

.header-spruchbox-left  { 
	background-color: ghostwhite; 
    border: 1px dotted #757575;
	width: 15em; 
	height: auto;
	opacity: 0.9;	
	margin-top: 19em;				
	float: left;	
	margin-left: 2%;	
    padding: 5px;    
	}


	
/* Weisheit - Schrift*/ 

.header-spruch  { 
	position: static;
	text-align: center;	
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;	
	}

/* Text-Color */
.text-color-darkblue { color: #14007A; }
.text-color-darkgreen { color: #00757C; }
.text-color-darklila { color: #842471; }
.text-color-white { color: #FFFFFF; }

/* ??? */  

.header-textbox-sub  { 
	background-color: #ffffff; 
	width: auto; 
	height: auto;
	opacity: 0.8;				
	float: left;	
	}
.header-text-sub  { 
	position: static;
	text-align: left;	
	width:100%;
	margin-top: auto;
	}

/* ??? */  
	
.padding { padding: 5px;}
.padding10 { padding: 10px;}
.padding20 { padding: 20px;}
.title-margin-left  { margin-left: 20px;}
.title-margin { margin-left: 20%;}

/* Mehrspalt format */
#wrapper { display:flex; flex-direction: column; height: 100%; min-height: 100%; }

#mehrspaltig  { background-color: #ffffff; flex: 1; display: flex; flex-direction: row; }
	intro  { background-color: #ffffff; flex: 1; }
	produkt  { background-color:#ffffff; flex: 1; }

/* neue Beitrag-box*/
.beitrag-box  { 
	background-color:grey; 
	width:auto;
	height: auto; 
	float: left; 
	border: 1px dotted #111;	
	margin-left:10px; 
	margin-right:10px; 
	margin-top:10px; 	
	margin-bottom:20px; 
	}
.beitrag-foto  { 
	background-color:#fff; 
	width: 350px;
	height: auto; 
	border: 0px dotted #111;	
	margin:10px; 
	}
.beitrag-spruch  { 
	background-color:#D7DAD8;
	font-family: Cambria; 	 
	position: static;
	text-align: center;	
	width:60%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;	
	}
	
/* Navi-box*/
.navi-box  { 
	background-color:#ffffff; 
	width:100%;
	height: auto; 
	float: left; 
	border: 0px solid #111;	
	margin-left:0px; 
	margin-right:0px; 
	margin-top:10px; 	
	margin-bottom:10px;
	}	
.navi-box01  { 
	background: url("images/thema1.jpg") top center no-repeat;     
	width: 30%;
	height: 40%;
	float: left; 
	border: 1px dotted #111;	
	margin-left:10px; 
	margin-right:10px; 
	margin-top:10px; 	
	margin-bottom:20px;
	}	
.navi-box02  { 
	background-color:teal; 
	width:30% min-width:100px;
	height: 20px; 
	float: left; 
	border: 1px dotted #111;	
	margin-left:0px; 
	margin-right:50px; 
	margin-top:0px; 	
	margin-bottom:20px; 
	}	

	
.neuaufsatz-textbox  { 
	background-color: #ffffff; 
    border: 1px dotted #757575;    
	width: auto; 
	height: auto;
	opacity: 0.8;	
	float: right;				
	margin: 5%;
    padding: 20px 10px 20px 10px;
	}	
	
	
/* Weiterbildung und Kontakt - Beschreibung von Autoren*/  	

.autoren-rahmen  { 
	background-color:#ffffff; 
	width:100%; min-width: 250px;
	height: auto; 
	float: left; 
	border-bottom: 1px solid gray;	
	margin-left:0px; 
	margin-right:0px; 
	margin-top:10px; 	
	margin-bottom:10px;
	}
.autoren-box1  { 
	background-color:#fff; 
	width: 200px;
	height: auto; 
	float: left; 
	border: 0px dotted #fff;	
	margin:10px; 
	}
.autoren-box2  { 
	background-color:#fff; 
	width: auto;
	height: auto; 
	float: left; 
	border: 0px dotted #111;	
	margin:10px; 
	}
.autoren-box3  { 
	background-color:#fff; 
	width: 250px;
	height: auto; 
	float: left; 
	border: 0px dotted #111;	
	margin:10px; 
	}

	
/* content field */  
	
.themen-rahmen1  { 
	background-color:#ffffff; 
	width:95%; min-width: 250px;
	height: auto; 
	float: left; 
	border: 0px solid gray;	
	margin-left:0px; 
	margin-right:0px; 
	margin-top:10px; 	
	margin-bottom:0px;
	}
.themen-rahmen2  { 
	background-color:#ffffff; 
	width:95%; min-width: 250px;
	height: auto; 
	float: left; 
	border-bottom: 1px solid gray;	
	margin-left:0px; 
	margin-right:0px; 
	margin-top:10px; 	
	margin-bottom:0px;
	}

.themen-box1  { 
	background-color:#fff; 
	width: auto;
	height: auto;     
	border: 0px dotted #000;	
	margin:5px; 
    margin-bottom: 15px;
	}
.themen-box2  { 
	background-color:#fff; 
	width: auto;
	height: auto; 
	border: 0px dotted #111;	
	margin:5px; 
	}
.themen-box3  { 
	background-color:#fff; 
	width: auto;
	height: auto;  
	border: 0px dotted #111;	
	margin:5px; 
	}


.bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block} 
.bar-buttom{width:100%}}  

.box-shadow  {  -moz-box-shadow: 1px 1px 10px 1px #787878;
				-webkit-box-shadow: 1px 1px 10px 1px #787878;
				box-shadow: 1px 1px 10px 1px #787878;
			 }

/* textbody formate */

.textbody  {
	background-color: #ffffff; 
	width: 100%; 
	height: 60%; 
	margin-top: 50px;
	margin-bottom: auto;
	margin-left: 5px;
	margin-right: 5px;
	
	-webkit-background-size:covr;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	border: 0px solid #000;	
	}

/* text formate */
.valign-middle { vertical-align: middle; }
.valign-bottom{ vertical-align: bottom; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }


/* Zeilehöhe */
.zeilehohe1 { line-height: 1.5em; }
.zeilehohe2 { line-height: 2.0em; }
.zeilehohe3 { line-height: 3.0em; }
.zeilehohe4 { line-height: 4.0em; }

/* Beitrag */
.beitrag-rahmen350 { width: 350px;}


.floatstop  { clear:both; }

/* Fusszeile */
.footerbox  { height: 20px; background: #E0E0E0; width: 100%; position: fixed; top:0px; border-right: 30px; }
.footer  { text-align: center  }