@CHARSET "UTF-8";

/* ====================================================================== */
/* Fonts */

/* wo werden die Eigenschaften definiert? */
/* --> Font-Family wird für body definiert. */
/* --> Die Font-Size wird in den einzelnen Boxes angegeben (boxworksh, boxmenue) */

/* ====================================================================== */

a {text-decoration: none;}


html, body{
/* 	font-family: calibri;verdana;	 */
	font-family:Helvetica;
/* 	background-color:#ffffff; */
	background-color:#101010;
/* 	height:100%; */
	}



#boxbg {

/* 	width: 1400px; 1400px; /* 90%; */

	width:100%;
	max-width:1390px;
	
	
	height:2300px;


	
	margin-top:-5px;

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

	background-color:#f8f8f8; 
 	
 	padding:5px;
 	
    /*  	box-shadow: 10px 10px 5px #888888; */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	border-radius: 4px;
}




/* ==================================================================================== */
/* Links und Worksheet */
/* Die Breiten (width) waren ursprünglich BoxLinks: 15% und Worksheet 84% */
/* ==================================================================================== */



/* Linker Bereich der Seite */
#boxmenue {


    float: left;

	width:139px;

/* 	width: 10%; */
/* 	min-width:139px;  */
	
	margin-right:3px;
	
	background-color:#b8b8b8; /*#b8b8b8;*/
	padding:3px;
/* 	padding-top:3px; */
	
/* 	height: 91%; */
/* 	height: calc(100% - 7% - 14px); */
	font-size: 80%;

	/*20180303*/
	/*--------*/
	height:520px;
}





#boxworksh {	

/* 	width: calc(100% - 10% - 10px - 5px - 6px); */
	
/* 	Berechnung Breite */
/* 	2px -> 2 x Border Menue */
/* 	6px -> 2 x Padding Menue */
/* 	2px -> 2 x Border worksheet */
/* 	6px -> 6 x Border worksheet */	
/* 	3px -> margin rigth Menue */

 	width: calc(100% - 2px - 6px - 139px - 6px - 2px - 3px);	 

	float: left;
	background-color:#fff0f0; 
	padding: 3px;
/* 	height: 92%; 91% */
/*     height: calc(100% - 7% - 15px); */
 	font-size: 80%; 
/* 	font-size: 95%; */
/* 	overflow-y: scroll; */

	/*20180303*/
	/*--------*/
	min-height:520px;
 	
	}



/* #boxhead, */
 #boxmenue, #boxworksh
{   
/* 	border: 1px solid blue; */
	border:1px solid #e28c05  ;
/* 	border-color:  #e28c05  ; */
	background-color:#f8f8f8;
	}

#boxworksh{background-color:#eeeeee;}