## Column #col1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque.

### Lorem ipsum ...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque. Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed, aliquet vel, quam. Pellentesque molestie laoreet tortor. Aenean quam. Pellentesque magna metus, venenatis sit amet, congue nec, dictum in, est. Aliquam nibh.

## About this example

If you want to alter your screen layout without having to create a new (X)HTML template and a new central stylesheet, then why not use generic CSS classes (added to `<body>` element). This example demonstrates how this can be done. By clicking the provided links one of the CSS classes `.hidecol1`,`.hidecol2` or `.hideboth` is added to `<body>`. More information about the usage of thes classes can be found in the documentation (see section: "Generic classes for layout design").

Toggle to change the layout: show all columns (default) | hidecol1

JavaScript has to be enabled for this demonstration.