/*CVS Add-ins*/
/*
$Revision: 1.9 $
$Date: 2009/09/25 12:14:29 $
$RCSfile: lightboxlayer.css,v $
Authors: JDE, SPI
Copyright (c) A&B.FACE2NET GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
  electionlayer.css fuer SPD08008 (AJ) (editierbare Bereiche)
  28.05.2008 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#lightboxlayer1,
#lightboxlayer2{
 z-index: 3000; 
}

.zdefault{ 
 width: 100%; display: none;
}


.zlow{ 
 position: absolute; width: 1px; height: 1px; top: -10000px; left:-10000px; overflow: hidden;
}

.zhigh{ 
 display: block;
 position: absolute; width: 100%; height: 100%; top: 0; left:0; overflow: visible; min-width: 990px; min-height: 710px; top: 0; left:0; overflow: visible;
 background: url("../styleimages/lightboxlayer/bg_zhigh.png") repeat 0 0; 
}

#lightboxlayer1 .inner,
#lightboxlayer2 .inner{
 width: 826px; min-height: 200px; padding:0; margin: 5% auto 0; position: relative;
}

#lightboxlayer1 .inner .content{ clear: both; background: #fff; }
#lightboxlayer2 .inner .content{ clear: both; border: 10px solid #900011; border-right: 0 none; border-left: 0 none; background: #E2001A url('../styleimages/bg_main.gif') repeat-x 0 0; }
#lightboxlayer2 .phase2 .content{ clear: both; border-top: 0 none; border-bottom: 0 none; background: #E2001A url('../styleimages/lightboxlayer/bg_content.gif') repeat-x 0 0; }

#lightboxlayer1 .close,
#lightboxlayer2 .close{
 float: right; padding: 4px 0;
}

#lightboxlayer1 .close a:link,
#lightboxlayer1 .close a:visited,
#lightboxlayer2 .close a:link,
#lightboxlayer2 .close a:visited{
 color: #fff; font-size: .82em; line-height: 160%; 
 background: url("../styleimages/lightboxlayer/icon_close2.gif") no-repeat right top; 
 padding: 2px 24px 2px 0;
}


/* lightboxlayer phase 1 banner ####################### */

/* .row_top */
#lightboxlayer1 .row_top{ height: 274px; }
#lightboxlayer1 div#layerPlayer{ float: left; }
#lightboxlayer1 #layerPlayer img, #lightboxlayer1 #layerPlayer img{ padding: 5px; }
#lightboxlayer1 object#layerPlayer,#lightboxlayer1 embed#layerPlayer{ margin: 5px; }
#lightboxlayer1 #layerPlayer a:link, #lightboxlayer1 #layerPlayer a:visited{ display: block; }
#lightboxlayer1 #layerPlayer a:hover, #lightboxlayer1 #layerPlayer a:focus, #lightboxlayer1 #layerPlayer a:active{ background-color: #E0001A; } 

#lightboxlayer1 .row_top .banner{ float: right; width: 346px; height:274px; background: url("/start/bilder/lightboxlayer/bg_banner_top.jpg") no-repeat right top; }
#lightboxlayer1 .row_top .banner a:link, #lightboxlayer1 .row_top .banner a:visited{ width: 346px; height:274px; display: block; background-color: #fff; }
#lightboxlayer1 .row_top .banner a:focus img, #lightboxlayer1 .row_top .banner a:hover img, #lightboxlayer1 .row_top .banner a:active img{ display: none; } 
#lightboxlayer1 .row_top .banner a:focus, #lightboxlayer1 .row_top .banner a:hover, #lightboxlayer1 .row_top .banner a:active{ background: url("/start/bilder/lightboxlayer/bg_banner_top.jpg") no-repeat right top; }

/* .row_banner */
#lightboxlayer1 .row_banner{ clear: both; }
#lightboxlayer1 .row_banner .banner{ float: right; width: 413px; }
#lightboxlayer1 .row_banner .banner a{ display: block; height: 159px; width: 413px; }
#lightboxlayer1 .row_banner .banner a:hover img,#lightboxlayer1 .row_banner .banner a:focus img,#lightboxlayer1 .row_banner .banner a:active img{ display: none; }

#lightboxlayer1 .row_banner .right{ background: url("/start/bilder/lightboxlayer/bg_banner_2.jpg") no-repeat right top; }
#lightboxlayer1 .row_banner .right a:hover,#lightboxlayer1 .row_banner .right a:focus,#lightboxlayer1 .row_banner .right a:active { background: url("/start/bilder/lightboxlayer/bg_banner_2.jpg") no-repeat right top; }
#lightboxlayer1 .row_banner .left{ background: url("/start/bilder/lightboxlayer/bg_banner_1.jpg") no-repeat right top; }
#lightboxlayer1 .row_banner .left a:hover,#lightboxlayer1 .row_banner .left a:focus,#lightboxlayer1 .row_banner .left a:active { background: url("/start/bilder/lightboxlayer/bg_banner_1.jpg") no-repeat right top; }

#lightboxlayer1 .row2 .right{ background: url("/start/bilder/lightboxlayer/bg_banner_2.jpg") no-repeat right top; }
#lightboxlayer1 .row2 .right a:hover,#lightboxlayer1 .row_banner .right a:focus,#lightboxlayer1 .row_banner .right a:active { background: url("/start/bilder/lightboxlayer/bg_banner_2.jpg") no-repeat right top; }
#lightboxlayer1 .row2 .left{ background: url("/start/bilder/lightboxlayer/bg_banner_1.jpg") no-repeat right top; }
#lightboxlayer1 .row2 .left a:hover,#lightboxlayer1 .row2 .left a:focus,#lightboxlayer1 .row2 .left a:active { background: url("/start/bilder/lightboxlayer/bg_banner_1.jpg") no-repeat right top; }


#lightboxlayer1 .layerfooter{ clear: both; position: relative; height: 78px; width: 826px; background: #fff url("/start/bilder/lightboxlayer/bg_footer.gif") no-repeat left top; }
#lightboxlayer1 .layerfooter a:link, #lightboxlayer1 .layerfooter a:visited{ width: 395px; height: 55px; display: block; }
#lightboxlayer1 .layerfooter a:hover img,#lightboxlayer1 .layerfooter a:focus img,#lightboxlayer1 .layerfooter a:active img{ display: none; }
#lightboxlayer1 .layerfooter a:hover,#lightboxlayer1 .layerfooter a:focus,#lightboxlayer1 .layerfooter a:active{ background: url("/start/bilder/lightboxlayer/bg_footer.gif") no-repeat left top;}
#lightboxlayer1 .layerfooter .claim{ position: absolute; top: 25px; right: -41px; }


/* lightboxlayer phase 2 banner ####################### */

#lightboxlayer2 .row_top{ padding: 20px 0; }
#lightboxlayer2 div#layerPlayer{ background: #fff; width: 592px; height: 340px; margin: 0 auto; }
#lightboxlayer2 object#layerPlayer, #lightboxlayer2 embed#layerPlayer{ border: 5px solid #fff; margin-left: 124px; }
#lightboxlayer2 div#layerPlayer a:link,#lightboxlayer2 div#layerPlayer a:visited{ display: block; padding: 6px; }
#lightboxlayer2 div#layerPlayer a:hover, #lightboxlayer2 div#layerPlayer a:focus, #lightboxlayer2 div#layerPlayer a:active{ background-color: #E0001A; } 

#lightboxlayer2 .layerfooter{ clear: both; position: relative; height: 103px; width: 826px; background: #fff url("/start/bilder/lightboxlayer/phase2a/bg_footer.gif") no-repeat 118px 0; }
#lightboxlayer2 .layerfooter a:link, #lightboxlayer2 .layerfooter a:visited{ position: relative; width: 596px; height: 55px; display: block; z-index: 20000; margin-left: 118px; background: url("/start/bilder/lightboxlayer/phase2a/bg_footer.gif") no-repeat 0 0; }
#lightboxlayer2 .layerfooter a:hover img,#lightboxlayer2 .layerfooter a:focus img,#lightboxlayer2 .layerfooter a:active img{ display: none; }
#lightboxlayer2 .layerfooter .claim{ position: absolute; top: 35px; right: -41px; z-index: 19000;; }


/* lightboxlayer phase 2a banner ####################### */

#lightboxlayer2 .phase2{ position: relative;  }
#lightboxlayer2 .phase2 .content{ min-height: 525px; }
#lightboxlayer2 .phase2 .row_top{ position: relative; height: 358px; padding-top: 19px;background: url("../styleimages/lightboxlayer/bg_playershadow.jpg") no-repeat 94px top; }
#lightboxlayer2 .phase2 object#layerPlayer, #lightboxlayer2 .phase2 embed#layerPlayer{ position: absolute; display: block; height: 328px; width: 580px; margin-top: 8px;  }
#lightboxlayer2 .phase2 object#layerPlayer, #lightboxlayer2 .phase2 embed#layerPlayer{ border:0 none; }
#lightboxlayer2 .phase2 div#layerPlayer a:link,#lightboxlayer2 .phase2 div#layerPlayer a:visited{ padding: 8px;  }
#lightboxlayer2 .phase2 div#layerPlayer { position: absolute; margin-top: 0; width: 596px; }
 
#lightboxlayer2 .phase2 .row_banner{ position: relative; height: 146px; }
#lightboxlayer2 .phase2 .row_banner .banner{ position: absolute; }
#lightboxlayer2 .phase2 .row_banner .banner a:hover img,#lightboxlayer2 .phase2 .row_banner .banner a:focus img,#lightboxlayer2 .phase2 .row_banner .banner a:active img{ display: none; }

#lightboxlayer2 .phase2 .row_banner .left{ bottom: 0; left:0; width: 441px; height:146px; background: #fff url("/start/bilder/lightboxlayer/phase2a/bg_banner_1.jpg") no-repeat 10px 10px; }
#lightboxlayer2 .phase2 .row_banner .left img{ padding: 10px; }
#lightboxlayer2 .phase2 .row_banner .left a:link, #lightboxlayer2 .phase2 .row_banner .left a:visited{ display: block; width: 441px; height:146px; }
#lightboxlayer2 .phase2 .row_banner .left a:hover,#lightboxlayer2 .phase2 .row_banner .left a:focus,#lightboxlayer2 .phase2 .row_banner .left a:active { background: url("/start/bilder/lightboxlayer/phase2a/bg_banner_1a.jpg") no-repeat 10px 10px; }

#lightboxlayer2 .phase2 .row_banner .right{ bottom: 0; right: 0; width: 370px;}
#lightboxlayer2 .phase2 .row_banner .right a:link, #lightboxlayer2 .phase2 .row_banner .right a:visited{ display: block; width: 370px; height:146px; }
#lightboxlayer2 .phase2 .row_banner .right a:hover,#lightboxlayer2 .phase2 .row_banner .right a:focus,#lightboxlayer2 .phase2 .row_banner .right a:active { background: url("/start/bilder/lightboxlayer/phase2a/bg_banner_2.jpg") no-repeat 0 0; }
#lightboxlayer2 .phase2 .layerfooter{ clear: both; position: absolute; height: 133px; width: 124px; background: transparent; right: -42px; bottom: 67px; }

/* lightboxlayer phase 2b banner ####################### */
#lightboxlayer2 .phase2 .row2 .left, #lightboxlayer2 .phase2 .row2 .right{ bottom: 0; height:146px;  }
#lightboxlayer2 .phase2 .row2 .left{ left:0; width: 418px; background: #fff url("/start/bilder/lightboxlayer/phase2/bg_banner_1.jpg") no-repeat 10px 10px;}
#lightboxlayer2 .phase2 .row2 .right{ right: 0; width: 408px; background: #fff url("/start/bilder/lightboxlayer/phase2/bg_banner_2.jpg") no-repeat 0 10px; }
#lightboxlayer2 .phase2 .row2 .left img{ padding: 10px; }
#lightboxlayer2 .phase2 .row2 .right img{ padding: 10px 10px 10px 0; }

#lightboxlayer2 .phase2 .row2 .left a:link, #lightboxlayer2 .phase2 .row_banner .left a:visited,
#lightboxlayer2 .phase2 .row2 .right a:link, #lightboxlayer2 .phase2 .row2 .right a:visited{ display: block; width: 418px; height:146px; }
#lightboxlayer2 .phase2 .row2 .left a:hover,#lightboxlayer2 .phase2 .row_banner .left a:focus,#lightboxlayer2 .phase2 .row_banner .left a:active { background: url("/start/bilder/lightboxlayer/phase2/bg_banner_1.jpg") no-repeat 10px 10px; }


#lightboxlayer2 .phase2 .row2 .right a:hover,#lightboxlayer2 .phase2 .row2 .right a:focus,#lightboxlayer2 .phase2 .row2 .right a:active { background: url("/start/bilder/lightboxlayer/phase2/bg_banner_2.jpg") no-repeat 0 10px; }


#lightboxlayer2 .phase2 div#layerPlayer { position: static;  }

/* lightboxlayer phase 3 banner ####################### */

#lightboxlayer2 .phase3 .row_top, #lightboxlayer2 .phase3 .content{ background: transparent; border: 0 none; padding:0; margin:0; }
#lightboxlayer2 .phase3{ width:742px; }
#lightboxlayer2 .phase3 img{ border: 8px solid #fff; }