/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    TXT-FORMATION
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.txtWhiteBold , .txtWhite {
    color:#ffffff;
}
.txtWhiteBold {
    font-weight:bold;
}
.txtOrangeBold {
    color:#FFC038;
    font-weight:bold;
}
.txtBlueLight {
    color:#B2D1FF;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    BG-IMAGE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.bgInfo {
    background: url(../image/dev/bgImage/int_infobox_big.gif) no-repeat;
}
.bgLocked {
        background: url(../image/dev/bgImage/ext_locked.jpg) no-repeat; cursor: pointer
}
.bgHeader {
    background: url(../image/dev/bgImage/bg_header.png) no-repeat;
}
.bgContent {
    background: url(../image/dev/bgImage/bg_content.jpg) no-repeat;
}
.bgFooterBlue {
    background: url(../image/dev/bgImage/bg_footer_blue.jpg) no-repeat;
}
.bgFooterBrown {
    background: url(../image/dev/bgImage/bg_footer_brown.jpg) no-repeat;
}
.extRegBgLeft {
    background: url(../image/dev/bgImage/ext_reg_bg_left.jpg) no-repeat;
}
.extRegBgLeftAlt {
        background: url(../image/dev/bgImage/ext_reg_bg_left_alt.jpg) no-repeat;
}
.extRegBgRight {
    background: url(../image/dev/bgImage/ext_reg_bg_right.jpg) no-repeat;
}
.extRegButton {
    background: url(../image/dev/bgImage/ext_reg_button.jpg) no-repeat;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    BG-LABEL-IMAGE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.extRegLabel01 {
    background: url(../image/dev/labels/ext_reg_01.jpg) no-repeat;
}
.extRegLabel02 {
    background: url(../image/dev/labels/ext_reg_02.jpg) no-repeat;
}
.extRegLabel03 {
    background: url(../image/dev/labels/ext_reg_03.jpg) no-repeat;
}
.extRegLabel04 {
    background: url(../image/dev/labels/ext_reg_04.jpg) no-repeat;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    ABSOLUTE DIVS BY ID
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#tmpMain {
    position:relative;
    left:50%;
    top:0px;
    width:816px;
    height:592px;
    margin-left:-408px;
    visibility:visible;
    z-index:1;
}
/*--- STATIC DIV HEADER CONTAINS FLASH-HEADER ---*/
#tmpHeaderExternal {
    position:absolute;
    left:0px;
    top:0px;
    width:816px;
    height:92px;
    margin:0px;
    visibility:visible;
    z-index:1;
}

#bgHeaderLink {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 370px;
        height: 70px;
}


/*--- DYNAMIC DIV CONTENT CONTAINS ALL CONTENT-DATA ---*/
#tmpContentExternal {
    position:absolute;
    left:0px;
    top:92px;
    width:816px;
    height:476px;
    margin:0px;
    visibility:visible;
    z-index:3;
}
/*--- DYNAMIC DIV FOOTER ---*/
#tmpFooter {
    position:absolute;
    left:0px;
    top:568px;
    width:816px;
    height:24px;
    margin:0px;
    visibility:visible;
    z-index:4;
}
#tmpFooter div {
    width:816px;
    height:18px;
    font-size:9px;
    text-align:center;
    color:#ffffff;
    margin: 5px 0px 0px 50px;
}
/*--- DYNAMIC TEXTFIELD FOR ALL GAME-MESSAGES ---*/
#myInfo {
    position:absolute;
    left:50%;
    top:20%;
    width:447px;
    height:291px;
    margin:-140px 0px 0px -223px;
    display:none;
    overflow:hidden;
    z-index:2;
}
#myLocked {
    position:absolute;
    left:50%;
    top:30%;
    width:480px;
    height:600px;
    margin:-140px 0px 0px -223px;
    display:none;
    overflow:hidden;
    z-index:2;
}
#myInfo div.infoClose{
    width:438px;
    height:18px;
    margin: 0px 0px 0px 0px;
    overflow:hidden;
    cursor:hand;
}
#myInfo div.data{
    width:438px;
    height:225px;
    margin: 20px 0px 0px 5px;
    text-align:center;
    overflow:auto;
}
#myInfo div.dataLarge{
    width:438px;
    height:255px;
    margin: 2px 0px 0px 5px;
    text-align:center;
    overflow:auto;
}
#myInfo div.infoButton{
    width:100px;
    height:30px;
    margin: 0px 0px 0px 180px;
    text-align:center;
    overflow:hidden;
}

/*--- DYNAMIC TEXTFIELD FOR ALL GAME-MESSAGES ---*/
#myPassword {
    position:absolute;
    left:50%;
    top:50%;
    width:447px;
    height:291px;
    margin:-140px 0px 0px -223px;
    display:none;
    overflow:hidden;
    z-index:2;
}
#myPassword div.infoClose{
    width:438px;
    height:18px;
    margin: 0px 0px 0px 0px;
    overflow:hidden;
    cursor:hand;
}
#myPassword div.data{
    width:438px;
    height:225px;
    margin: 20px 0px 0px 5px;
    text-align:center;
    overflow:auto;
}
#myPassword div.dataLarge{
    width:438px;
    height:255px;
    margin: 2px 0px 0px 5px;
    text-align:center;
    overflow:auto;
}
#myPassword div.closeButton{
    width:100px;
    height:20px;
    margin: -20px 0px 0px 250px;
    text-align:center;
    overflow:hidden;
}
#myPassword div.sendButton{
    width:100px;
    height:20px;
    margin: 0px 0px 0px 80px;
    text-align:center;
    overflow:hidden;
}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    DIVS BY CLASS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* register positions */

.extRegLeft , .extRegLeftAlt, .extRegRight {
    height:476px;
}
.extRegLeft , .extRegLeftAlt {
    float:left;
    width:443px;
}

.extRegLeftSuggestions {
        color: rgb(83, 255, 43);
        font-weight: bold;
        margin-top: 4%;
        margin-left: 30%;
        height: 89px;
        width: 190px;
}
.extRegRight {
    float:right;
    width:373px;
}
.extRegLeftBox1 {
    width:443px;
    height:348px;
}
.extRegLeftBox2 {
    width:443px;
    height:91px;
}
.extRegLeftBox2Alt {
        margin-top: 5% !important;
        margin-top: -9%;
}
.extRegLeftBox2AltAID {
position: absolute;
margin-left: -7% !important;
margin-left: -15%;
margin-top: 46% !important;
margin-top: 100%;
}

.extRegButton {
    width:372px;
    height:91px;
    margin-left:57px;
    cursor:hand;
}
.extRegLeftBox1Form {
    width:360px;
    height:150px;
    margin-left:59px;
    padding-top:82px;
}
.extRegLeftBox1FormElem1 {
    width:360px;
    height:21px;
    margin-left:0px;
    margin-top:0px;
}
.extRegLeftBox1FormElem {
    width:360px;
    height:21px;
    margin-left:0px;
    margin-top:9px;
}
.extRegLeftBox1FormElemLabel {
    float:left;
    width:111px;
    height:21px;
}
.extRegLeftBox1FormElemInput {
    float:right;
    width:249px;
    height:21px;
}

.extRegLeftBox1FormElemInputSuggestions {
        margin-top: -15px;
}

.extRegLeftBox1FormCheck {
    width:380px;
    height:80px;
    margin-left:53px;
    margin-top:2px;
}
.extRegLeftBox1FormCheckAlt {
    margin-top:98px !important;
    margin-top: 2px;
}
.extRegLeftBox1FormCheckBox {
    float:left;
    width:20px;
    height:20px;
}
.extRegLeftBox1FormCheckLable {
    float:right;
    width:350px;
    height:18px;
    padding-top:3px;
}

.extRegLeftLabelAlt {
        cursor: pointer;
}



#regis-inp {
color:#ffffff;
border-style:none;
background-image:url(../image/de/www_reg/regis_07.png);
}

#regis-01 {
        position:absolute;
        left:0px;
        top:0px;
        width:816px;
        height:145px;
}

#regis-02 {
        position:absolute;
        left:0px;
        top:145px;
        width:58px;
        height:331px;
}

#regis-03 {
        position:absolute;
        left:58px;
        top:145px;
        width:112px;
        height:32px;
}

#regis-04 {
        position:absolute;
        left:170px;
        top:145px;
        width:254px;
        height:32px;
}

#regis-05 {
        position:absolute;
        left:424px;
        top:145px;
        width:392px;
        height:200px;
}

#regis-06 {
        position:absolute;
        left:58px;
        top:177px;
        width:112px;
        height:30px;
}

#regis-07 {
        position:absolute;
        left:170px;
        top:177px;
        width:254px;
        height:30px;
}

#regis-08 {
        position:absolute;
        left:58px;
        top:207px;
        width:112px;
        height:30px;
}

#regis-09 {
        position:absolute;
        left:170px;
        top:207px;
        width:254px;
        height:30px;
}

#regis-10 {
        position:absolute;
        left:58px;
        top:237px;
        width:112px;
        height:30px;
}

#regis-11 {
        position:absolute;
        left:170px;
        top:237px;
        width:254px;
        height:30px;
}

#regis-12 {
        position:absolute;
        left:58px;
        top:267px;
        width:112px;
        height:23px;
}

#regis-13 {
        position:absolute;
        left:170px;
        top:267px;
        width:254px;
        height:23px;
}

#regis-14 {
        position:absolute;
        left:58px;
        top:290px;
        width:366px;
        height:5px;
}

#regis-15 {
        position:absolute;
        left:58px;
        top:295px;
        width:98px;
        height:15px;
}

#regis-16 {
        position:absolute;
        left:156px;
        top:295px;
        width:268px;
        height:15px;
}

#regis-17 {
        position:absolute;
        left:58px;
        top:310px;
        width:98px;
        height:15px;
}

#regis-18 {
        position:absolute;
        left:156px;
        top:310px;
        width:268px;
        height:15px;
}

#regis-19 {
        position:absolute;
        left:58px;
        top:325px;
        width:98px;
        height:20px;
}

#regis-20 {
        position:absolute;
        left:156px;
        top:325px;
        width:268px;
        height:20px;
}

#regis-21 {
        position:absolute;
        left:58px;
        top:345px;
        width:369px;
        height:89px;
}

#regis-22 {
        position:absolute;
        left:427px;
        top:345px;
        width:389px;
        height:131px;
}

#regis-23 {
        position:absolute;
        left:58px;
        top:434px;
        width:369px;
        height:42px;
}


.extLogin {
        position: absolute;
        left: 24px;
        top: 3px;
        width: 393px;
        height: 50px;
        background: url(../image/dev/external/ext_login.png) no-repeat;

}

.extLoginUsername {
        position: relative;
        left: 35px !important;
        top: 4px !important;
        width: 110px!important;
        height: 10px !important;
        font-size:9px !important;
        height: 14px;
        width: 112px;
        left: 36px;
        top: 3px;
        
}

.extLoginPassword {
        position: relative;
        left: 63px !important;
        top: 4px !important;
        width: 110px !important;
        height: 10px !important;
        font-size:9px !important;
        height: 14px;
        width: 112px;
        left: 68px;
        top: 3px;
        
}

.extLoginSubmit {
        position: relative;
        left: 62px !important;;
        left: 70px;
        top: 9px;
        width: 76px;
        height: 18px;
}

.extLoginPasswordLost {
        position: relative;
        width: 102px;
        height: 8px;
        left: 187px;
        top: 5px;
}

/** IMPRINT **/

.extDOI {
        background-image:URL(../image/dev/external/ext_imp_bg.jpg);
        position: absolute;
        width: 816px;
        height: 475px;
        color:#CCCCCC;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:9px;
        text-decoration:none;
}
.extDOIContent {
        position: absolute;
        left :50px;
        top: 45px;
        width: 750px;
        height: 420px;
}
.extDOIContent a {
        color: lightgreen;
}

.verifyEmail_errorTitle {
        font-size: 20px;
        color: lightgreen;
}

.extImprintContent {
        margin-left: 10px;
        color:#CCCCCC;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:9px;
        text-decoration:none;
}

.extImprintContent a {
        color: lightgreen;
}

.extImprintTop {
        background-image: url(../image/dev/external/ext_imprint_top.jpg);
        width: 769px;
        height: 275px;
        position: relative;
        left: 25px;
        top: 10px;
        background-repeat: no-repeat;
}
.extImprintMiddle {
        background-image: url(../image/dev/external/ext_imprint_middle.jpg);
        width: 769px;
        left: 25px;
        top: 20px;
        position: absolute;
        background-repeat: repeat-y;
        
}
.extImprintBottom {
        background-image: url(../image/dev/external/ext_imprint_bottom.jpg);
        width: 769px;
        height: 126px;
        margin-top: -33px;
}

/** LOGOUT PAGE **/


.logoutContainer {
	color:#CCCCCC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	text-decoration:none;
	min-height: 70px;
}

.buttonPortalLink {
	color: #cccccc;
	border: 2px solid #111B2E;
	background-color: #465E84;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
}

.buttonGameLink {
	color: #cccccc;
	border: 2px solid #111B2E;
	background-color: #465E84;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
}