body {
	/* background: gray; /* */
	}
	
h2 { 
	color: #cc0066; /* jazz red */
	background-color: #ffffff; /*  */
	}
.content {
	max-width: 1024px; /* problem with IE<7  see head.php */	
	/* max-width: 888px; /* problem with IE<7  see head.php */	
	--big_col_width: 512px;
	--small_col_width: 348px;
	--left_col_width: 20px;
	--right_col_width: 36px;
	--first_row_height: 348px;
	--second_row_height: 348px;
	--third_row_height: 96px;
	}
.first_row, .second_raw {
	margin: 0; 
	border: 0;
	}

#first_row_left_col, #first_row_right_col, #first_row_border_col, #first_row_middle_col, #second_row_left_col, #second_row_right_col, #second_row_border_col, #second_row_middle_col , #third_row_left_col, #third_row_right_col, #third_row_border_col, #third_row_middle_col, #pupils, #teachers, #web_site, #front_page, #copyright, #note {
	display: inline-block;
	box-sizing: border-box; 
	vertical-align: middle; 
	margin: 0; 
	border: 0; 
	}
#first_row_left_col, #first_row_right_col {
	/* height: 348px; /* */
	height: var(--first_row_height);  /* */
	margin-top: 8px;  
	border-top: 8px solid black;  
	border-bottom: 8px solid #cc9900; /*dark orange*/; 
	}
#first_row_left_col {
	/* width: 20px; /* */
	width: var(--left_col_width); /* */	
	}	
#first_row_right_col  {
	 /* width: 36px; /* */
	width: var(--right_col_width); /* */
	}		
		
#first_row_border_col, #first_row_middle_col  {
	width: 8px; /* */
	 /* height: 364px;  /* */
	height: calc(var(--first_row_height) + 16px) ; /* */
	}	
#first_row_middle_col, #second_row_middle_col, #third_row_middle_col {
	background-color: #cc9900; /*dark orange*/; 
	}	
#first_row_border_col, #second_row_border_col, #third_row_border_col {
	background-color: black;
	}	
	
#second_row_left_col, #second_row_right_col {
	/* height: 348px; /* */
	height: var(--second_row_height);  /* */
	margin-top: 8px;   
	border-bottom: 8px solid #3399ff; /*jazz light blue*/
	}
#second_row_left_col {
	/* width: 20px; /* */
	width: var(--left_col_width); /* */	
	}	
#second_row_right_col  {
	 /* width: 36px; /* */
	width: var(--right_col_width); /* */
	}
#second_row_border_col, #second_row_middle_col  {
	width: 8px; /* */
	 /* height: 364px;  /* */
	height: calc(var(--second_row_height) + 16px) ; /* */
	}	
			
#third_row_left_col, #third_row_right_col {
	/* height: 348px; /* */
	height: var(--third_row_height);  /* */
	margin-top: 8px;   
	border-bottom: 8px solid black;
	}
#third_row_left_col {
	/* width: 20px; /* */
	width: var(--left_col_width); /* */	
	}	
#third_row_right_col  {
	 /* width: 36px; /* */
	width: var(--right_col_width); /* */
	}
#third_row_border_col, #third_row_middle_col  {
	width: 8px; /* */
	 /* height: 364px;  /* */
	height: calc(var(--third_row_height) + 16px) ; /* */
	}
	
#pupils, #teachers, #web_site, #front_page, #copyright, #note { 
	padding: 8px;
	text-align: left;
	} 

#web_site { 
	max-width: var(--small_col_width); /* */
	width: auto; /* */
	height: var(--first_row_height);  /* */
	margin-top: 8px;  
	border-top: 8px solid black; 
	border-bottom: 8px solid #cc9900; /*dark orange*/; 
	}
#front_page { 
	max-width: var(--big_col_width); /* */
	/* max-width: 464px; /* */
 	width: auto; /* */
	height: var(--first_row_height);  /* */
	margin-top: 8px;
	border-top: 8px solid black; 
	border-bottom: 8px solid #cc9900; /*dark orange*/;

	}
#pupils { 
	max-width: var(--small_col_width); /* */
	width: auto; /* */
	height: var(--second_row_height);  /* */ 
	margin-top: 8px;   
	border-bottom: 8px solid #3399ff; /*jazz light blue*/; 
	}
#teachers { 
	max-width: var(--big_col_width); /* */
 	width: auto; /* */
	height: var(--second_row_height);  /* */
	margin-top: 8px;
	border-bottom: 8px solid #3399ff; /*jazz light blue*/;  
	}
#copyright { 
	max-width: var(--small_col_width); /* */
	width: var(--small_col_width); /* */
	/* max-width: fit-content; /* */
	height: var(--third_row_height);  
	margin-top: 8px; 
	border-bottom: 8px solid black;    
	}
#note { 
	max-width: var(--big_col_width); /* */
	/* max-width: fit-content; /* */
 	width: auto; /* */
	height: var(--third_row_height);
	margin-top: 8px;
	border-bottom: 8px solid black; 
	}
	
@media screen and (max-width: 1024px) { 
.content, .content-transparent {
	font-size: 1.4em;
	max-width: 896px; /* problem with IE<7  see head.php */
	}
#first_row_left_col, #first_row_right_col, #first_row_border_col, #first_row_middle_col, #second_row_left_col, #second_row_right_col, #second_row_border_col, #second_row_middle_col , #third_row_left_col, #third_row_right_col, #third_row_border_col, #third_row_middle_col, #pupils, #teachers, #web_site, #front_page, #copyright, #note {
	display: none; 
	}
#pupils, #teachers, #web_site, #front_page, #copyright, #note { 
	display: block;
	max-width: 100%; /* */
	height: auto; 
	} 
#copyright, #note { 
	border: 0; 
	} 
#pupils, #teachers, #web_site, #front_page { 
	-webkit-border-radius: 10px; /* for webkit (Konqueror, Safari) */ 
	border-radius: 10px; /* CSS 3 */
	} 
#pupils { 
	border: 3px solid #ffcc01; /* jazz yellow */
	} 
#teachers {
	border: 3px solid #000099; /* jazz dark blue */
	} 
#web_site {  
	border: 3px solid #0b9929; /* jazz medium green */
	} 
#front_page {
	border: 3px solid #cc0066; /* jazz red */
	}
#copyright { 
 	/* width: auto; /* */    
	}
}