*, *::before, *::after {
  box-sizing: border-box;
}

.container {width:950px; margin:0 auto; }

#header {height:194px; background:url(images/header-bg.png) left top repeat-x #fff; }
#header, #content, #extra-content, #footer { font-size:0.75em;}

/*
.col-1, .col-2, .col-3 { float:left;}
*/
/*======= index.html =======*/
/*
#page1 #content .col-1 {width:300px; margin-right:24px;}
#page1 #content .col-2 {width:300px; margin-right:24px;}
#page1 #content .col-3 {width:300px;}
*/
#page1 .wrapper { display: flex; gap: 22px; overflow: visible; }
#page1 #content .inner_column { flex: 1; }
/*
#page1 #content .col-1 { flex: 1; }
#page1 #content .col-2 { flex: 1; }
#page1 #content .col-3 { flex: 1; }
*/
#page1 #extra-content .col-1 {width:464px; margin-right:22px;}
#page1 #extra-content .col-2 {width:464px;}


#content .column_outside { border: 1px solid lightgrey; border-radius: 10px; background-image: none; background: linear-gradient(180deg,rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 64px); height: 100%; }
#content .column_inside { border: 2px solid white; border-radius: 10px; height: 100%; }
#content .column_inside > .inner { margin: -3px; height: 100%; }


/*======= index-2.html =======*/
#page3 #content .col-1 {width:302px; margin-right:22px;}
#page3 #content .col-2 {width:302px; margin-right:22px;}
#page3 #content .col-3 {width:302px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:302px; margin-right:22px;}
#page5 #content .col-2 {width:626px;}

/*======= index-5.html =======*/
#page6 #content .col-1 {width:302px; margin-right:22px;}
#page6 #content .col-2 {width:302px; margin-right:22px;}
#page6 #content .col-3 {width:302px;}


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


#footer {background:url(images/footer-bg.gif) left top repeat-x #717171;}