/* default styles for extension "tx_fdfx2cols_pi1" */

/*  Layout 1 */
.c2l1-left{
   border: 0px solid black;
   padding-right: 15px;
   padding-top: 0px;
   padding-left: 0px;
   width: 50%;
   white-space:normal;
   vertical-align: top;
   font-family: Arial, Verdana, sans serif;
   line-height: 150%;
}
.c2l1-middle{
   border: 0px solid black;
   padding-left: 12px;
   width: 50%;
   white-space:normal;
   vertical-align: top;
   font-family: Arial, Verdana, sans serif;
   line-height: 150%;
}

/*  Layout 2 */
.c2l2-left{
   border: 0px solid black;
   padding-right: 15px;
   padding-top: 0px;
   padding-left: 0px;
   width: 50%;
   white-space:normal;
   vertical-align: top;
   font-family: Arial, Verdana, sans serif;
   line-height: 150%;
}
.c2l2-middle{
   border: 0px solid black;
   padding-left: 12px;
   width: 50%;
   white-space:normal;
   vertical-align: top;
   font-family: Arial, Verdana, sans serif;
   line-height: 150%;
}

/*
	Styles 2 Column DIV Section
*/

div.tx-fdfx2cols-pi1{
    position:relative;
    left:0px;
    margin-bottom:10px;
}
/* Layout 1 */
div.c2l1d-left{
   position:absolute; 
   left:0px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid red;
}
div.c2l1d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
/* Layout 2 */
div.c2l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
div.c2l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
/*   background-color:#C0C0C0; */
background-color:red;
}
/* 
	Layout 3 
	
	embedded
*/
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid blue;
}
div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/* default styles for extension "tx_fdfx3cols_pi1" */
/* Layout 1 */
.c3l1-left{
   border-right: 1px solid #00529F;
   padding-left: 25px;
   padding-right: 25px;
   width:33%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
   line-height: 150%;
}
.c3l1-middle{
   border-right: 1px solid #00529F;
   padding-left: 25px;
   padding-right: 25px;
   width:33%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
   line-height: 150%
}
.c3l1-right{
   padding-left: 25px;
   padding-right: 25px;
   width:33%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
   line-height: 150%
}
/* Layout 2 */
.c3l2-left{
   background-color: #FDB813;
   border-right: 0px solid #FFEDA8;
   padding-left: 25px;
   padding-right: 25px;
   /* width:25%; */
   width: 33%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
}
.c3l2-middle{
   background-color: #B00D28;
   border-right: 0px solid #FFEDA8;
   padding-left: 25px;
   padding-right: 25px;
   /* width:50%; */
   width:33%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
}
.c3l2-right{
   background-color: #00AD8E;
   padding-left: 25px;
   padding-right: 25px;
   /* width:25%;
 */
   width:33%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
}
/* Layout 3 */
.c3l3-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:40%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
}
.c3l3-middle{
   border-right: 1px solid #FFEDA8;
   padding-left: 5px;
   padding-right: 5px;
   width:40%;
   white-space:normal;
   vertical-align: top;
   font-size: 80%;
}
.c3l3-right{
   padding-left: 5px;
   width:20%;
   white-space:normal;
   background-color:#FFEDA8;
   vertical-align: top;
   font-size: 80%;
}
/*
	Styles 3 Column DIV Section
*/
div.tx-fdfx3cols-pi1{
    position:relative;
    left:0px;
	margin-bottom:10px;
}
/* Layout 1 */
div.c3l1d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:250px;
   white-space:normal;
   border:1px solid red;
}
div.c3l1d-middle{
   position:absolute;
   left:260px;
   padding: 0px;
   width:250px;
   border:1px solid blue;
   white-space:normal;
}
div.c3l1d-right{
   position:absolute;
   left:520px;
   padding: 0px;
   width:250px;
   border:1px solid green;
   white-space:normal;
}
/* Layout 2 */
div.c3l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
div.c3l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/*
	Layout 3

	embedded
*/
div.c3l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}
div.c3l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}