/* --------------------------- FPL ALLGEMEIN  ------------------------------- */
div.fpl{
  position:absolute;
  left:0;
  top:0;
}

.fpl div, 
.fpl table{ /* choose font properties for general text */
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}

.fpl td{
vertical-align:top;
}

.fpl a:link{color:#000000; text-decoration:none; }
.fpl a:hover{color:#000000; text-decoration:none; }
.fpl a:visited{color:#000000; text-decoration:none;}
.fpl a:active{color:#000000; text-decoration:none; }

.fpl div.border3d {
}

.fpl td.border3d {
	
}

/* --------------------------- FPL ALLGEMEIN callable ----------------------- */

.fpl div.fplform{
position:absolute;
left:0;
top:0;
padding:0;
overflow:hidden;
}

.fpl div.element3d{
position:absolute;
left:0;
top:0;
padding:0;
overflow:hidden;
}

.fpl div.elementflat{
position:absolute;
left:0;
top:0;
border:none;
padding:0;
overflow:hidden;
background-color:#fbfbfb;
}

.fpl div.elementcanvas{
position:absolute;
left:0;
top:0;
border:none;
padding:0;
overflow:auto;
background-color:#fbfbfb;
}

/* --------------------------- FPL TABS callable ---------------------- */

.fpl div.fpltabs{
position:absolute;
top:0;
left:0;
border-bottom:2px solid #000;
padding:0;
overflow:hidden;
}

.fpl div.fpltabscontent{
margin:0;
}

/* --------------------------- Toolbox: Image style ------------------------------- */

.fpl img.editbutton {
margin-right:2px;
}

/* --------------------------- Container for string or select --------------------- */

.fpl td.stringcontainer {
background-color:#C4C0B7; 
}
.fpl div.stringcontainer {
background-color:#fbfbfb; 
border-bottom:1px dashed #ccc;
}



/* --------------------------- Button with text and image ------------------------ */

.fpl div.button{
/*border:1px solid #D4D0C8;
background-color:#fc0;*/
padding:0;
/*cursor:default;*/
margin:0;
text-align:left;
}

.button table td alignment-adjust: {
	text-align:left;
};

/* --------------------------- Fieldset ------------------------------------------ */

.fpl fieldset{
text-align:left;
border:none;
margin:0;
padding:0;
}

.fpl fieldset legend {
	font-weight:bold;
	border:none;
}

/* --------------------------- FPL TABS tab templates ----------------- */

.fpl div.tab_t,
.fpl div.tab_act_t,
.fpl div.tab_b,
.fpl div.tab_act_b,
.fpl div.tab_l,
.fpl div.tab_act_l,
.fpl div.tab_r,
.fpl div.tab_act_r{
font-size:11px; /* choose font-size for tabs */
}
/*.fpl div.tab_t a,
.fpl div.tab_act_t a,
.fpl div.tab_b a,
.fpl div.tab_act_b a,
.fpl div.tab_l a,
.fpl div.tab_act_l a,
.fpl div.tab_r a,
.fpl div.tab_act_r a{
cursor:default;
}*/

/* top-tabs */
.fpl div.tab_t{
position:relative;
border-right:1px solid #999;
text-align:center;
overflow:hidden;
top:4px;
left:0;
padding:1px 5px 1px 5px;
font-weight:bold;
z-index:1;
}
.fpl div.tab_act_t{ 
position:relative;
text-align:center;
overflow:hidden;
top:4px;
left:0;
padding:1px 5px 1px 5px;
color:#f00;
border-right:1px solid #999;
font-weight:bold;
z-index:3;
}

.fpl div.tab_act_t a, .fpl div.tab_act_t a:visited
{
	color:#cf111c;
}

.fpl div.tab_act_t a:hover, .fpl div.tab_act_t a:active
{
	color:#000;
}


.fpl div.tab_t a, .fpl div.tab_t a:visited
{
	color:#000;
}

.fpl div.tab_t a:hover, .fpl div.tab_t a:active
{
	color:#cf111c;
}

/* bottom-tabs */
.fpl div.tab_b{
position:relative;
border-bottom:1px solid #808080;
border-left:1px solid #FFFFFF;
border-right:1px solid #808080;
text-align:center;
overflow:hidden;
bottom:0;
left:0;
padding:2px 5px 1px 5px;
background-color:#C4C0B7;
z-index:1;
}
.fpl div.tab_act_b{ 
position:relative;
border-bottom:1px solid #808080;
border-left:1px solid #FFFFFF;
border-right:1px solid #808080;
text-align:center;
overflow:hidden;
bottom:1px;
left:0;
padding:2px 5px 1px 5px;
background-color:#fff;
z-index:3;
}

/* left-tabs */
.fpl div.tab_l{
position:relative;
border-bottom:1px solid #808080;
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
text-align:center;
line-height:11px;
top:0;
left:0;
padding:10px 3px 10px 3px;
background-color:#C4C0B7;
z-index:1;
}
.fpl div.tab_act_l{ 
position:relative; 
border-bottom:1px solid #808080;
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
text-align:center;
line-height:11px;
top:0;
left:1px;
padding:10px 4px 10px 3px;
background-color:#fff;
z-index:3;
}

/* right-tabs */
.fpl div.tab_r{
position:relative;
border-bottom:1px solid #808080;
border-right:1px solid #808080;
border-top:1px solid #FFFFFF;
text-align:center;
line-height:11px;
top:0;
right:0;
padding:10px 3px 10px 3px;
background-color:#C4C0B7;
z-index:1;
}
.fpl div.tab_act_r{ 
position:relative; 
border-bottom:1px solid #808080;
border-right:1px solid #808080;
border-top:1px solid #FFFFFF;
text-align:center;
line-height:11px;
top:0;
right:1px;
padding:10px 3px 10px 4px;
background-color:#fff;
z-index:3;
}


/* --------------------------- FPL FORMULARE ------------------------------- */

.fpl input, 
.fpl textarea, 
.fpl select{ /* choose font properties for form elements */
font-family:Verdana,Arial,Helvetica,sans serif; 
font-size:11px; 
}

.fpl div.formcontent{
position:relative;
top:0;
left:0;
border-left:1px solid #FFFFFF;
border-right:1px solid #808080;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #808080;
background-color:#D4D0C8;
padding:0;
overflow:hidden;
z-index:2;
}

.fpl input.button{
margin:0px 5px 0px 5px;
}

/* --------------------------- COMBO BOX IMITATION ------------------------------- */

.fpl div.selectcontainer{
position:relative;
}
.fpl div.ddbox{
position:absolute; 
top: 19px; 
left:0; 
width:216px; 
height:150px;
background-color:#FFFFFF; 
visibility:hidden;
border-bottom:1px solid #B2B2B2; 
border-right:1px solid #B2B2B2; 
border-left:1px solid #000000;
border-top:1px solid #000000;
overflow:auto;
cursor:default;
}
.fpl input.sbox{
cursor:default;
width:200px;
border:none; 
background:none;
padding:0;
}
.fpl td.sbox{
background-image:url(img/input2.gif); 
background-repeat:repeat-x;
padding:2px 2px 0px 2px;
}
.fpl table.option{
table-layout:fixed;
}
.fpl td.option{
overflow:hidden;
}


/* --------------------------- Listenansicht ------------------------------- */

.fpl .list .header{
font-weight:bold;
padding:2px 5px 2px 5px;
border-bottom:1px solid #000;
}
/*
.fpl .list .row{
background-color:#fff; 
}
Wunsch von Andrea: man soll die Zeilen besser unterscheiden
*/
.fpl .list .row{
background-color:#E6E6E6; 
}



.fpl .list .cell{
padding:2px 5px 2px 5px;
/* border-bottom:1px dashed #ccc; Wunsch von Andrea: man soll die Zeilen besser unterscheiden */
}
.fpl .list img.editbutton{
margin:0px 1px 0px 1px;
}
.fpl .list td.editbutton{

}

/* ---------Globus vor das Eingabefeld platzieren um anzuzeigen,------
------------das das Feld Auswirkungen auf die Homepage hat------------*/

.fpl .online_field:before{
    content:"\1F310";
    position: relative;
    left:-15px;
}

.fpl .checkbox_online_field:after{
    content:"\1F310";
    position: relative;
    left:17px;
}

.fpl .part_online_field:before{
    content:"(\1F310)";
    position: relative;
    left:-15px;
}