/*
 * MULTI COLUMN LAYOUT begin
 * requires basic.css
 *
 * Version 1.0.1
 *
 * 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 15px 15px 0;}
.rel-columns .rel-column {margin:0 2% 1em 0;}

.right-column {margin-right:0!important;}
.nomarginbottomcolumns .column,
.nomarginbottomcolumns .rel-column {margin-bottom: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%;}
*+html .rc-half {width:48.9%;}
* html .rc-half {width:48.9%;}
.rc-third {width:32%;}
.rc-two-thirds {width:66%;}
*+html .rc-third {width:31.9%;}
* html .rc-third {width:31.9%;}
*+html .rc-two-thirds {width:65.9%;}
* html .rc-two-thirds {width:65.9%;}
.rc-quarter {width:23.5%;}
.rc-fifth {width:18.4%}
.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%;}