/* ###  Allgemeines  #################################################### */
html{
/* Bildschirm_höhe - (Höhe_des_headers + höhe_des_footers) */
    height: 100%;
    width:  100%;
	margin:  0px;
    padding:0px;	

/* Dieser Teil verhindert, das eine Border oder ein Padding, die Box vergrößert. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
/*	border: 1px solid #0000ff;	*/
}

body{
/* Bildschirm_höhe - (Höhe_des_headers + höhe_des_footers) */
    height:100%;
    width: 100%;
    margin:  0px;
    padding:0px;	
	
/* Dieser Teil verhindert, das eine Border oder ein Padding, die Box vergrößert. */
    -webkit-box-sizing:	border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
/*	border: 1px solid #000000;	*/
}

/* ###  Kopf  #################################################### */
header{
    height: 50px;
	background-color: #B5B56A;
	
/*	border: 1px solid #FF0000;*/
}

/* ###  Spalte Links / Navi  #################################################### */
left{
/*Links anordnen */
    float: left;
	
/* Bildschirm_höhe - (Höhe_des_headers + höhe_des_footers) */
    height: calc(100% - 90px);
    width: 200px;
    padding: 40px;
	
/* Dieser Teil verhindert, das eine Border oder ein Padding, die Box vergrößert. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing:     border-box;
    box-sizing:          border-box;
	background-color: #B5B56A;	
/*	background-color: #80FF80;		
	border: 1px solid #00ff00;*/
}
/* ###  Spalte Rechts / Inhalt   #################################################### */
section{
/*Links anordnen */
    float: left;
	
 /* Bildschirm_höhe - (Höhe_des_headers + höhe_des_footers) */
    height: calc(100% - 90px);
/* Bildschirm_Breite - Breite_des_ Seiten_Elements */
    width: calc(100% - 200px);
    padding: 40px;
	
/* Dieser Teil verhindert, das eine Border oder ein Padding, die Box vergrößert. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing:     border-box;
    box-sizing:          border-box;

	/*	background-color: #B5B56A;
	background-color: #409FFF;	
	border: 1px solid #0000FF;*/
}

.logo{
	width:  45px; 
	height: 40px; 
/*
	width:  10%; 
	height: 10%; 
*/	
	position: absolute; 
	left: 40px; 
	top: 5px; 
	z-index: 1;	
	border: 10; 
	border-radius: 10px; 
	background-color: #ffffff;	
	background-image:url("logo.gif");
	background-size: 45px;
	
/*	border: 1px solid #FF0000;	 */
}

.title{
	position: absolute;
/*	margin-left: 50%;
	margin-left: calc(25% - 700px);*/

/*	font-family:"Comic Sans MS", cursive;*/
	font-size:36px;
	top: 5px;
	width: 100%;
	height: 40px;
	
	/* um vertikal zentriert auszurichten,
	muss dieses div innerhalb eines divs sein */
	display: flex;
	align-items: center;
	justify-content: center;	
	
/*	border: 1px solid #FF0000;	*/
}	

/* ###  Fuß  #################################################### */
footer{
/* links Anordnung beenden */
    clear: both;
    height: 40px;

	background-color: #B5B56A;
/*	bottom: 0px;  	
	background-color: #CACACA;*/	
/*	border: 1px solid #FF0000;*/
}
.title, footer, section, .banner_text, .tdtext, .tdtext2, .tstext {
	font-family:"Comic Sans MS", cursive;		
/*	font-family:Tahoma, Geneva, sans-serif;*/
}