/* import common styles */
@import url("../../css/common.css");

/* debug with frontend as preview */
/*@import url("preview.css");*/

/* Single Large Content-Area */
.ca-single { margin:0; padding:0; }
.ca-single #colNormal { margin:0px; }
/* Test Content-Area */
.ca-single #colTest { margin:0; }

/* Two Column Content-Area (50%-50%) */
.ca-l1r1 { margin:0; }
.ca-l1r1 #colLeft-wrapper, .ca-l1r1 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l1r1 #colLeft-wrapper { width:50%; }
.ca-l1r1 #colRight-wrapper { width:50%; }
.ca-l1r1 #colLeft-wrapper #colLeft { margin:0; padding-right:12px; }
.ca-l1r1 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

/* Two Column Content-Area (33%-67%) */
.ca-l1r2 { margin:0; }
.ca-l1r2 #colLeft-wrapper, .ca-l1r2 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l1r2 #colLeft-wrapper { width:33%; }
.ca-l1r2 #colRight-wrapper { width:67%; }
.ca-l1r2 #colLeft-wrapper #colLeft { margin:0; padding-right:12px; }
.ca-l1r2 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

/* Two Column Content-Area (67%-33%) */
.ca-l2r1 { margin:0; }
.ca-l2r1 #colLeft-wrapper, .ca-l2r1 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l2r1 #colLeft-wrapper { width:67%; }
.ca-l2r1 #colRight-wrapper { width:33%; }
.ca-l2r1 #colLeft-wrapper #colLeft { margin:0; padding-right:12px; }
.ca-l2r1 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

/* Three Column Content-Area (33%-34%-33%) */
.ca-l1n1r1 { margin:0; }
.ca-l1n1r1 #colLeft-wrapper, .ca-l1n1r1 #colNormal-wrapper, .ca-l1n1r1 #colRight-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-l1n1r1 #colLeft-wrapper { width:33%; }
.ca-l1n1r1 #colNormal-wrapper { width:34%; }
.ca-l1n1r1 #colRight-wrapper { width:33%; }
.ca-l1n1r1 #colLeft-wrapper #colLeft { margin:0; padding-right:12px; }
.ca-l1n1r1 #colNormal-wrapper #colNormal { margin:0; padding-left:12px; padding-right:12px; }
.ca-l1n1r1 #colRight-wrapper #colRight { margin:0; padding-left:12px; }

/* Three Column Compound Content-Area (100%, 50%-50%) */
.ca-n-l1r1 { margin:0; padding:0; }
.ca-n-l1r1 .ca-single #colNormal { margin-bottom:12px; }

/* Three Column Compound Content-Area (50%-50%, 100%) */
.ca-l1r1-n { margin:0; padding:0; }
.ca-l1r1-n .ca-single #colNormal { margin-top:12px; }

/* Four Column Compound Content-Area (100%, 33%-34%-33%) */
.ca-b-l1n1r1 { margin:0; padding:0; }
.ca-b-l1n1r1 .ca-single #colBorder { margin-bottom:12px; }

/* Four Column Compound Content-Area (33%-34%-33%, 100%)*/
.ca-l1n1r1-b { margin:0; padding:0; }
.ca-l1n1r1-b .ca-single #colBorder { margin-top:12px; }

/* kde Default Content-Area */
.ca-aligni-moebelmanukaktur-default { margin:0; height:auto; }
.ca-aligni-moebelmanukaktur-default #colNormal-wrapper, .ca-aligni-moebelmanukaktur-default #colBorder-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-aligni-moebelmanukaktur-default #colNormal-wrapper { }
.ca-aligni-moebelmanukaktur-default #colBorder-wrapper { width:182px; background-color:#FFFFFF ; padding:0 4px 4px 4px; }
.ca-aligni-moebelmanukaktur-default #colNormal-wrapper #colNormal { margin-left:0px; margin-right:4px; margin-top:0px;}
.ca-aligni-moebelmanukaktur-default #colBorder-wrapper #colBorder { margin:0; padding:0; }
/* inside colBorder column any specific frame will have margins on left and right */
.ca-aligni-moebelmanukaktur-default #colBorder-wrapper #colBorder div.csc-frame { margin-left:10px; margin-right:10px; }
/* inside colBorder column any kde-redbg-header styled element will have a border on bottom */
.ca-aligni-moebelmanukaktur-default #colBorder-wrapper #colBorder div.csc-header-n1 .kde-yellowbg-ucase-text { border-bottom:2px solid #EEEAD2; }
/* paragraphs in the normal column */
/*
.ca-aligni-moebelmanukaktur-default #colNormal-wrapper #colNormal p, .ca-aligni-moebelmanukaktur-default #colNormal-wrapper #colNormal pre { margin-left:5px; margin-right:5px; }
.ca-aligni-moebelmanukaktur-default #colNormal-wrapper #colNormal table tr td p, .ca-aligni-moebelmanukaktur-default #colNormal-wrapper #colNormal table tr td pre { margin-left:0; margin-right:0; }
*/

/* kde Compound Content-Area */
.ca-aligni-moebelmanukaktur-compound { margin:0; height:430px; }
.ca-aligni-moebelmanukaktur-compound #colNormal-wrapper, .ca-aligni-moebelmanukaktur-compound #colBorder-wrapper { text-align:left; vertical-align:top; white-space:normal; }
.ca-aligni-moebelmanukaktur-compound #colNormal-wrapper { padding:0; padding-right:20px; padding-bottom:6px; }
.ca-aligni-moebelmanukaktur-compound #colBorder-wrapper { width:192px; background:#f5d682 url(../images/kdegreen_bottom_bg.gif) left bottom repeat-x; padding-bottom:4px; }
.ca-aligni-moebelmanukaktur-compound #colNormal-wrapper #colNormal { margin:0; padding:0; }
.ca-aligni-moebelmanukaktur-compound #colBorder-wrapper #colBorder { margin:0; padding:0; }
.ca-aligni-moebelmanukaktur-compound #colLeftRight-wrapper { padding:0; padding-right:20px; padding-top:6px; vertical-align:bottom; }
.ca-aligni-moebelmanukaktur-compound #colLeftRight-wrapper .ca-l1r1 #colLeft-wrapper { text-align:left; vertical-align:bottom; white-space:normal; }
.ca-aligni-moebelmanukaktur-compound #colLeftRight-wrapper .ca-l1r1 #colRight-wrapper { text-align:left; vertical-align:bottom; white-space:normal; }
.ca-aligni-moebelmanukaktur-compound #colLeftRight-wrapper .ca-l1r1 #colLeft-wrapper #colLeft { padding-right:5px; }
.ca-aligni-moebelmanukaktur-compound #colLeftRight-wrapper .ca-l1r1 #colRight-wrapper #colRight { padding-left:5px; }
/* inside colBorder column any specific frame will have margins on left and right */
.ca-aligni-moebelmanukaktur-compound #colBorder-wrapper #colBorder div.csc-frame { margin-left:10px; margin-right:10px; }
/* inside colBorder column any kde-redbg-header styled element will have a border on bottom */
.ca-aligni-moebelmanukaktur-compound #colBorder-wrapper #colBorder div.csc-header-n1 .kde-yellowbg-ucase-text { border-bottom:2px solid #EEEAD2; }