/*
* Styles für Popupfenster Playground.de
* Autor: marco.feuerriegel@web.de
*/

#popup {
 position:absolute;
 top:0;
 left:0;
 top: 0px;
 left: 0px;
 width: 400px;
 background: #ffffff;
}

#popup #main {
 width: 400px;
 background: #ffffff;
}

#popup #main H1 {
 width: 400px;
 padding-left: 3px;
 padding-bottom: 3px;
 line-height: 25px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 20px;
 font-weight: bold;
}

#popup #copyright {
 text-align: right;
 position:absolute;
 top:400px;
 left:296px;
 width:100px;
 height:10px;
 background: #ffffff;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

* html #popup #copyright {
 text-align: right;
 position:absolute;
 top:420px;
 left:300px;
 width:100px;
 height:10px;
 background: #ffffff;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

#popup #bild IMG {
 padding:3px;
}

#popup #bild P {
 text-align: center;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

#popup #main #bild P.mehr {
 width: 400px;
 text-align: left;
 padding-left: 6px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

#preview_browser {
 width: 400px;
}

#preview_browser .preview_browser{
 width: 400px;
 padding-left: 3px;
}

#popup #header {
 padding: 0px;
}

#popup #footer  {
 text-align: right;
 background: #ffffff;
 padding-top: 6px;
 width: 394px;
 border-top: 1px solid #999999;
}

#popup #footer A {
 text-align: right;
 color: #999999;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

/* Bereich Popup Abstimmungen */

#popup #abstimmung P {
 padding-left: 5px;
 text-align: left;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
 width: 400px;
}

/* Bereich Popup Puzzle */
#popup_puzzle {
 position:absolute;
 top: 0px;
 left: 0px;
 top: 0px;
 left: 0px;
 width: 550px;
 height: 620px;
 background: #999999;
}

#popup_puzzle #header {
 background: #ffffff;
 padding: 0px;
 width: 556px;
 z-index: 0;
}

* html #popup_puzzle #header {
 background: #ffffff;
 padding: 0px;
 width: 550px;
 z-index: 0;
}

#popup_puzzle #puzzle {
 position:absolute;
 background: #ffffff;
 z-index: 0;
}

#popup_puzzle #puzzle_items {
 position: absolute;
 width: 550px;
 z-index: 0;
}

#popup_puzzle #footer  {
 text-align: center;
 background: #efefef;
 padding-top: 6px;
 width: 550px;
 margin-top: 580px;
 border-bottom: 1px solid #999999;
}

#popup_puzzle #footer A {
 text-align: center;
 color: #999999;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

#popup_puzzle #footer A .wclose {
 text-align: center;
 color: #999999;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

#popup_puzzle #footer IMG {
 text-align: center;
 border: 1px solid #000000;
 margin-bottom: 10px;
}

#popup_puzzle #main #puzzle P.mehr {
 width: 550px;
 text-align: left;
 padding-left: 6px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

#popup_puzzle #main {
 width: 550px;
 background: #ffffff;
}

#popup_puzzle #main H1 {
 width: 553px;
 background: #ffffff;
 padding-left: 3px;
 padding-bottom: 3px;
 line-height: 25px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 20px;
 font-weight: bold;
}

* html #popup_puzzle #main H1 {
 width: 550px;
 background: #ffffff;
 padding-left: 3px;
 padding-bottom: 3px;
 line-height: 25px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 20px;
 font-weight: bold;
}

/* Popup Supersize */

/* Bereich Popup Puzzle */
#supersize {
 border: 1px solid #000000;
 position:absolute;
 top: 0px;
 left: 0px;
 top: 0px;
 left: 0px;
 width: 1280px;
 background: #999999;
}

#supersize #header {
 background: #ffffff;
 padding: 0px;
 width: 1280px;
}

* html #supersize #header {
 background: #ffffff;
 padding: 0px;
 width: 1280px;
 height: 1000px;
}

#supersize #footer  {
 text-align: center;
 background: #efefef;
 padding-top: 6px;
 padding-bottom: 10px;
 width: 1280px;
 margin-top: 0px;
 border-bottom: 1px solid #999999;
}

#supersize #footer A {
 text-align: center;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
 padding-bottom: 10px;
}

#supersize #footer A .wclose {
 text-align: center;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
 padding-bottom: 10px;
}

#supersize #footer IMG {
 text-align: center;
 border: 1px solid #000000;
 margin-bottom: 10px;
}

#supersize #main #bildausgabe P.mehr {
 width: 1280px;
 text-align: left;
 padding-left: 6px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

#supersize #main {
 width: 1280px;
 background: #ffffff;
}

#supersize #main H1 {
 width: 1280px;
 background: #ffffff;
 padding-left: 3px;
 padding-bottom: 3px;
 line-height: 25px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 20px;
 font-weight: bold;
}

* html #supersize #main H1 {
 width: 1280px;
 background: #ffffff;
 padding-left: 3px;
 padding-bottom: 3px;
 line-height: 25px;
 color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 20px;
 font-weight: bold;
}
#supersize #bildausgabe {
 width: 1280px;
}

#supersize #bildausgabe IMG {
 /*
 width: 1280px;
 height: 980px;
 */
}