/* FCE fixed columns */

.subcolumns {
  width: 100%;
  overflow:hidden;
}


.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25% }
.c33l, .c33r { width: 33.333% }
.c50l, .c50r { width: 50% }
.c66l, .c66r { width: 66.666% }
.c75l, .c75r { width: 75% }
.c38l, .c38r { width: 38.2% }
.c62l, .c62r { width: 61.8% }


.subc  { padding: 0 0.5em }
.subcl { padding: 0 1em 0 0 }
.subcr { 
     padding: 0 0 0 1em; 
     margin-left:1em;
}


#col1 { width: 25% }
#col1_content { padding: 10px 10px 10px 20px; }

#col2 { width: 25% }
#col2_content { padding: 10px 20px 10px 10px; }

#col3 { margin: 0 25% }
#col3_content { padding: 10px }

/* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
#col1 { width: 480px; float:left; margin-left: 240px; }
#col1_content {padding-left: 10px; padding-right: 10px}

/* #col2 becomes the left column | #col2 wird zur linken Spalte */
#col2 { width: 240px; float:left;  margin-left: -720px; }
#col2_content {padding-left: 20px; padding-right: 10px }

/* #col3 becomes the right column | #col3 wird zur rechten Spalte */
#col3 { margin-left: 0; margin-right: 0; width: 240px; float:right;}
#col3_content {padding-left: 10px; padding-right: 20px}



/* FCE adjustable columns */

div.flexi {overflow:hidden; display:block; clear:both; width:100%; height:1%;}
/*div.flexi div {display:block; overflow:hidden; float:left;}*/
div.flexi div.left {margin-right:5px;display:block; overflow:hidden; float:left;}
div.flexi div.center {margin-right:5px; margin-left:5px;display:block; overflow:hidden; float:left;}
div.flexi div.right {margin-left:5px;display:block; overflow:hidden; float:left;}


/* IE5 / IE6 / IE7 Fixes*/

.clearfix { display: inline-block }  /* ... especial for IE7 */
.clearfix { display: block }      /* ... für IE5,IE6,IE7 */
* html .clearfix { height: 1% }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */