/*
 * MULTI COLUMN LAYOUT begin
 * requires basic.css
 *
 * Version 1.0
 *
 * Author : Philipp Wrann
 *          philippwrann@gmx.at
 *
 * Example:
 
	<div class="rel-columns">
		
		<div class="rel-column rc-half"></div>
		<div class="rel-column rc-half right-column"></div>
		
		<div class="clearer"></div>
		
	</div>

 */

.columns .column {margin:0 10px 10px 0;}
.rel-columns .rel-column {margin:0 2% 1em 0;}

.right-column {margin-right:0!important;}

.columns .column,
.rel-columns .rel-column {float:left;}

/* add column widths here like the following example */

.c-250px {width:250px;}

/* and for rel-columns */

.rc-half {width:49%;}
.rc-thirds {width:32%;}
.rc-twothird {width:66%;}

.rc-half {width:49%;}
.rc-third {width:32%;}
.rc-two-thirds {width:66%;}
.rc-quarter {width:23.5%;}
.rc-three-quarters {width:74.5%;}
*+html .rc-quarter {width:23.4%;}
*+html .rc-three-quarters {width:74.4%;}
* html .rc-quarter {width:23%;}
* html .rc-three-quarters {width:74%;}