@charset "UTF-8";

.layout_flex #col1 { display:none; }
.layout_flex #col1_content { display:none; }
.layout_flex #col2 { display:none; }
.layout_flex #col2_content { display:none; }
.layout_flex #col3 { margin: 0; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | ---     | flexible  | ---     |
* |-------------------------------|
*/


.layout_flex_25 #col1 { display:none; }
.layout_flex_25 #col1_content { display:none; }
.layout_flex_25 #col2 { width: 25%; }
.layout_flex_25 #col3 { margin: 0 25% 0 0; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | ---     | flexible  | 25%     |
* |-------------------------------|
*/


.layout_25_flex #col1 { width: 25%; }
.layout_25_flex #col2 { display:none; }
.layout_25_flex #col2_content { display:none; }
.layout_25_flex #col3 { margin: 0 0 0 25%; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 33%     | flexible  | ---     |
* |-------------------------------|
*/


.layout_flex_33 #col1 { display:none; }
.layout_flex_33 #col1_content { display:none; }
.layout_flex_33 #col2 { width: 33%; }
.layout_flex_33 #col3 { margin: 0 33% 0 0; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | ---     | flexible  | 33%     |
* |-------------------------------|
*/


.layout_33_flex #col1 { width: 33%; }
.layout_33_flex #col2 { display:none; }
.layout_33_flex #col2_content { display:none; }
.layout_33_flex #col3 { margin: 0 0 0 33%; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 33%     | flexible  | ---     |
* |-------------------------------|
*/


.layout_33_flex_33 #col1 { width: 33%; }
.layout_33_flex_33 #col2 { width: 33%; }
.layout_33_flex_33 #col3 { margin: 0 33%; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 33%     | flexible  | 33%     |
* |-------------------------------|
*/


.layout_25_flex_25 #col1 { width: 25%; }
.layout_25_flex_25 #col2 { width: 25%; }
.layout_25_flex_25 #col3 { margin: 0 25%; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
*/


.layout_50_50 #col1 { display:none; }
.layout_50_50 #col1_content { display:none; }
.layout_50_50 #col2 { width: 50%; }
.layout_50_50 #col3 { margin: 0 50% 0 0; }

/**
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | ---     | 50%       | 50%     |
* |-------------------------------|
*/