
body{background-color:#004B84;}
html, body{ height:auto; min-height:100%; margin:0; padding:0; border-width:0; }
body,td,th,span,div,input,textarea,select,fieldset,label,.text,button,h1,h2,h3,p{ font-family:Verdana,Tahoma,Arial,sans-serif; font-size:11px; color:#FFFFFF; }
form, object, embed { margin: 0; padding: 0; border-width: 0; }
a { color: #65C8FF; text-decoration: none; }
a.autor { color: #FFFFFF; text-decoration: underline; }
a:hover { text-decoration: underline; color: #65C8FF;}
h1,h2,h3{font-size:1.1em; font-weight:bold;}
hr{height:1px;background-color:#65C8FF;margin:4px 0px 4px 0px;width:100%;}
input, button {border: 1px solid #003863; background-color: #277BBB; color:#FFFFFF; }
select {border: 1px solid #003863; background-color: #277BBB; color:#FFFFFF;}
.darkselect {border: 1px solid #003863; background-color: #00213A; color:#FFFFFF}
textarea {border: 1px solid #003863; background-color: #277BBB; color:#FFFFFF; }
.textarea { width: 560px; height: 250px; background-color: #277BBB; border-width:1px;}
input:hover, select:hover, textarea:hover, button:hover {border: 1px solid #5DB4F7;}
input:focus, select:focus, textarea:focus, button:focus {border: 1px solid #65C8FF;}
select.white {background-color:#EEF4FF;color:#00213A;}
input.white {background-color:#EEF4FF;color:#00213A; background-image: none;}
input.dark {background-color: #003863;color:#FFFFFF;position:relative;top:2px; background-image: none;}

.input{width:250px;}
.tabbg { background-color: #012134; }
.tabhead {background-color: #003863; line-height: 16px; vertical-align: top;}
.tabhead1{background-color: #004B84;}
.tabhead2{background-color: #004B84; line-height: 16px; vertical-align: top;}
.tabhead3{background-color: #277BBB; line-height: 16px; vertical-align: top;}
.tabhead4{background-color: #012134; line-height: 16px; vertical-align: top;}
.tabhead6{background-color: #11619E; line-height: 16px; vertical-align: top;}
.sml {background-color: #003863; line-height: 16px; vertical-align: top;padding: 2px; cursor: pointer; vertical-align: middle; text-align: center;}
.sml2{background-color: #004B84; line-height: 16px; vertical-align: top;padding: 2px; cursor: pointer; vertical-align: middle; text-align: center;}
.sml3{background-color: #277BBB; line-height: 16px; vertical-align: top;padding: 2px; cursor: pointer; vertical-align: middle; text-align: center;}
.sml4{position:absolute;left:0px;top:0px;width:100%; background-color: #145F98; line-height: 16px; vertical-align: top; cursor: pointer; vertical-align: middle; text-align: center;}
.textarea { width: 560px; height: 250px; background-color: #fafafa; border-width:1px; }
.ltextarea { width: 380px; height: 150px; }
.black { background-color: #277BBB; }
.small { font-size: 9px; }
.small2 { font-size: 10px; }
.border1{ border:1px solid #004B84;background-color:#004B84; }
.border2{ border:1px solid #004B84;background-color:#004B84; }
.premium{ margin-top:2px; }
.navbar{ background-color:#004B84; }
.groove{ border: 2px groove #004B84; }
.container{padding:6px;}
.gray{color: #C4C4C4;}
.navi{border: 1px solid #003863; background-color: #277BBB; color:#FFFFFF;}
.navborder{border-collapse: collapse;}
.navbar{background-color:#004B84;}
.navtd {background-color: #003863; cursor:default;}
.navtd_over{background-color:#012134;}
.navtd2{background-color: #003863; cursor: default;border:1px solid #004B84;}
.navtd2_over{background-color: #012134; cursor: default;border:1px solid #004B84;}
a.navstyle{color: #65C8FF; font-weight: bold; font-size:10px; letter-spacing:1px; text-decoration: none; display: block;}
a.navstyle:hover{color: #FFFFFF; font-weight: bold; font-size:10px; letter-spacing:1px; text-decoration: none; display: block;}
a.navstyle_act{color: #65C8FF; font-weight: bold; font-size:10px; letter-spacing:1px; text-decoration: none; display: block;}
a.navstyle_act:hover{color: #65C8FF; font-weight: bold; font-size:10px; letter-spacing:1px; text-decoration: none; display: block;}
div.slide {position:relative; overflow:hidden; padding:0; width:100%;}
.border0 {border:1px solid #65C8FF;}
.fat{font-weight: bold; font-size: 17px; line-height: 25px;}

.grNaviSpacer {width:80%;clear:both;height:8px;padding:0px;line-height:1px;border:0px none blue;margin-top:0px;line-height:0px;}
.grNaviBackGround {width:852px;clear:both;background-image:url(/art/royal/images/gaydgets/gaydget852_mid.png);background-repeat:repeat-y;height:24px !important;margin-bottom:0px;}
.grNaviBottom {width:852px;background-image:url(/art/royal/images/gaydgets/gaydget852_bot.png);background-repeat:no-repeat;height:8px; margin:0px;padding:0px;line-height:0px;}
#grNaviPrevious {background-color:transparent;width:21px;height:21px;margin:0px !important;top:0px !important; border:0px solid red !important;background-image:url(/art/royal/images/arrow_navleft.png);}
.grNaviPrevious {background-color:transparent;width:21px;height:21px;margin:0px !important;top:0px !important; border:0px solid red !important;background-image:url(/art/royal/images/arrow_navleft.png);background-position: 0px 0px;}
.grNaviPrevious_hover {background-color:transparent;width:21px;height:21px;margin:0px !important;top:0px !important; border:0px solid red !important;background-image:url(/art/royal/images/arrow_navleft.png);background-position: 0px -21px;}
#grNaviNext {background-color:transparent;width:21px;height:21px;margin:0px !important;top:0px !important;border:0px solid red !important;background-image:url(/art/royal/images/arrow_navright.png);}
.grNaviNext {background-color:transparent;width:21px;height:21px;margin:0px !important;top:0px !important;border:0px solid red !important;background-image:url(/art/royal/images/arrow_navright.png);background-position: 0px 0px;}
.grNaviNext_hover {background-color:transparent;width:21px;height:21px;margin:0px !important;top:0px !important;border:0px solid red !important;background-image:url(/art/royal/images/arrow_navright.png);background-position: 0px -21px;}
#grNaviForm {float:right;height:21px;width:120px;position:relative;top:2px;text-align:right;margin:0px 12px 0px 0px;padding:0px;display:inline;border:0px none red;vertical-align:top;} 
#grNaviForm SPAN {position:relative;top:-8px;margin:2px 4px;} 
.selHideDIV { position:absolute; height:21px; font-Size:9px; white-space:nowrap; padding:2px 0px 0px 8px; background-image:url(/art/royal/images/selBack.png); background-repeat:repeat-x; border:0px none RED; z-index:2000; }
.selHideIMG { background-image:url(/art/royal/images/selOpen.png); float:right; width:21px; height:21px; position:relative; top:-2px; margin:0px; z-index:2001; }
TABLE.FullWidth {width:844px !important;border-collapse:collapse;border-spacing:0px;border:0px solid red;margin:0px;padding:0px;}	
TD.black TABLE {border-collapse:separate;}
#navigationDIV {position:fixed;top:0px;left:750px;width:60px;height:200px;max-height:200px;padding:4px;overflow:auto;overflow-x:hidden;overflow-y:auto;border:1px solid transparent;border-top-width:0px;z-index:500;background-color: #006BD4;filter: drop-shadow(2px 2px 2px #001B34);}
#navigationDIV p {display:block;margin:0px;padding-block:2px;padding-inline-start:4px;border-radius:2px;color:#FFFFFF;width:40px;font-size:12px;line-height:1.5;cursor:pointer;transition:background-color 42ms linear;}
#navigationDIV p:hover {background-color:#004EA8;}
#errorDiv {border: 1px solid  #277BBB;width:844px;}
#errorImg {background-image:URL(/art/royal/images/icons/systemerror1.png); width:45px; height:45px;}
#MeineButtonDiv {position:absolute; left:15px; top:16px; z-index:8000; width:107px; height:47px; display:block; overflow:visible;}
#ContentDiv {width:844px !important;border-collapse:collapse;border-spacing:0px;margin-top:12px; padding:0px; }

.graphicButtonWide{margin-top:1px;display:block;width:210px;height:21px;background-image:url(/art/royal/images/graphbut_wide.png);color:#FFFFFF;text-decoration:none;text-align:center;font-weight:bold;}
.graphicButtonWide:hover{color:#FFFFFF;text-decoration:none;background-image:url(/art/royal/images/graphbut_wide_gold.png);}
.graphicButtonWideClicked{margin-top:1px;display:block;width:210px;height:21px;background-image:url(/art/royal/images/graphbut_wide_gold.png);color:#FFFFFF;text-decoration:none;text-align:center;font-weight:bold;}
.graphicButtonWideClicked:hover{color:#FFFFFF;text-decoration:none;}
.graphicButtonMid{margin-top:1px;display:block;width:115px;height:21px;background-image:url(/art/royal/images/graphbut_mid.png);color:#FFFFFF;text-decoration:none;text-align:center;font-weight:bold;}
.graphicButtonMid:hover{color:#FFFFFF;text-decoration:none;background-image:url(/art/royal/images/graphbut_mid_gold.png);}
.graphicButtonNarrow{margin-top:1px;display:block;width:49px;height:21px;background-image:url(/art/royal/images/graphbut_narrow.png);color:#FFFFFF;text-decoration:none;text-align:center;font-weight:bold;}
.graphicButtonNarrow:hover{color:#FFFFFF;text-decoration:none;background-image:url(/art/royal/images/graphbut_narrow_gold.png);}
.graphicButtonMax{margin-top:1px;display:block;width:290px;height:21px;background-position:0px 0px;background-image:url(/art/royal/images/graphbut_max.png);color:#FFFFFF;text-decoration:none;text-align:center;font-weight:bold;}
.graphicButtonMax:hover{color:#FFFFFF;text-decoration:none;background-position:0px -21px;}
A.Button148 {background-color:transparent;display:block;text-decoration:none;border:0px none transparent;width:148px;background-position:0px 0px;color:white;height:44px;margin:4px;line-height:44px;vertical-align:middle;text-align:center;background-image:url(/art/royal/images/but_148.png);font-weight:bold;font-size:12px;cursor:pointer;overflow:hidden;}
A.Button148:hover {background-position:0px 44px;border:0px none transparent;text-decoration:none;color:white;}
A.Button1482L {background-color:transparent;display:block;text-decoration:none;border:0px none transparent;width:148px;background-position:0px 0px;color:white;height:44px;margin:4px;line-height:19px;vertical-align:middle;text-align:center;background-image:url(/art/royal/images/but_148.png);font-weight:bold;font-size:12px;cursor:pointer;overflow:hidden;}
A.Button1482L:hover {background-position:0px 44px;border:0px none transparent;text-decoration:none;color:white;}
A.Button104 {background-color:transparent;display:block;text-decoration:none;border:0px none transparent;width:104px;color:white;height:44px;margin:4px;line-height:44px;vertical-align:middle;text-align:center;background-image:url(/art/royal/images/but_104.png);font-weight:bold;font-size:12px;cursor:pointer;overflow:hidden;}
A.Button104:hover {background-position:0px 44px;border:0px none transparent;text-decoration:none;color:white;}
A SPAN.TwoRows {line-height:16px;position:relative;top:3px;font-size:12px;}

EM {color:inherit;font-variant:inherit;font-weight:inherit;font-style:inherit;text-transform:inherit;text-decoration:inherit;line-height:inherit;font-family:inherit;}
EM.gld {color:gold!important;}
EM.tt  {font-family:Consolas,Monaco,monospace!important;}
EM.big {font-weight:bolder!important; font-size:1.2em!important;}
EM.small {font-weight:normal!important; font-size:0.8em!important;}
UL.parsed {padding-left:30px;}
UL.parsed LI {text-indent:0.5em;margin-left:-0.5em;}
BLOCKQUOTE {display:block;}
BLOCKQUOTE.code   {overflow: auto; border: 1px solid #277BBB;border-radius:4px;font-family:"Lucida Console", Courier, monospace;font-size:1em;margin:4px;padding: 4px;white-space:nowrap; }
BLOCKQUOTE.center {align-items: center; justify-content: center;}
BLOCKQUOTE.center > P {text-align:center;}
BLOCKQUOTE.quote {background-color:#001B34;line-height:16px;border:8px solid #001B34;color:#AEBCD0;font-style:italic;padding:0px;margin:2px;border-radius:8px;}

a[style*="/i/"],
a[style*="/v/"],
div[style*="/i/"],
div[style*="/v/"],
img[style*="/i/"],
img[style*="/v/"],
span[style*="/i/"],
span[style*="/v/"]{ background-size:cover!important; }

table.noChess {background-color:#003863; line-height: 16px; vertical-align: top;}
table.noChess TR TD {border-right:1px solid #004B84;}
table.noChess TR TD:last-child {border-width:0px;}
table.noChess TR {border-bottom:1px solid #004B84;}
table.noChess TR:last-child {border-width:0px;}

#feature-wrap { display:none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2000; opacity: 0; background-color: #00213Acc; cursor:pointer; }
#feature-sur { display:none; position: absolute; top: 50px; width: 720px; background-color: #013763; z-index:2001; text-align:left; opacity:0; }
#feature-head { height: 40px; line-height: 40px; vertical-align: middle; padding-left: 10px; font-size: 16px; font-weight: bold; background-color: #277aba; }
#feature-close { position: absolute; top: 5px; right: 10px; font-size: 24px; font-weight: bold; color: #FFFFFF; cursor: pointer; }
#feature-content { position: relative; margin: 10px; }

[data-tooltip] {display: inline-block;position: relative;cursor: help;} 
[data-tooltip]:before {content: attr(data-tooltip); display: none; position: absolute; background: #FFFFE1; color: #000000; padding: 4px 8px; font-size: 12px; line-height: 1.4; min-width: 100px; text-align: center; border-radius: 4px; transition: 0s display; }
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before{left:50%;transform: translateX(-50%);}
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before{top:50%;transform: translateY(-50%);}
[data-tooltip-position="top"]:before{bottom:100%;margin-bottom:6px;}
[data-tooltip-position="right"]:before{left:100%;margin-left:6px;}
[data-tooltip-position="bottom"]:before{top:100%;margin-top:6px;}
[data-tooltip-position="left"]:before{right:100%;margin-right:6px;}
[data-tooltip]:after{content:"";display:none;position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
[data-tooltip-position="top"]:after,[data-tooltip-position="bottom"]:after{left:50%;margin-left:-6px;}
[data-tooltip-position="right"]:after,[data-tooltip-position="left"]:after{top:50%;margin-top:-6px;}
[data-tooltip-position="top"]:after{bottom:100%;border-width:6px 6px 0;border-top-color:#FFFFE1;}
[data-tooltip-position="right"]:after{left:100%;border-width:6px 6px 6px 0;border-right-color:#FFFFE1;}
[data-tooltip-position="bottom"]:after{top:100%;border-width:0 6px 6px;border-bottom-color:#FFFFE1;}
[data-tooltip-position="left"]:after{right:100%;border-width:6px 0 6px 6px;border-left-color:#FFFFE1;}
[data-tooltip]:hover:before,[data-tooltip]:hover:after{display:block;z-index:50;transition-delay:1s;}

.button-main{
    box-sizing:border-box;
    display:inline-block;
    margin:0;
    padding:4px 12px;
    color:#004EA8!important;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    font-size:18px;
    line-height:18px;
    background-color:#FED500;
    background-image:linear-gradient(to bottom,#FFC700 0%,#FFA500 100%); /* TODO: outsource to sub-class? */
    border-style:solid;
    border-width:2px;
    border-color:#FFFFFF;
    border-radius:4px;
    box-shadow:2px 4px 5px 0 rgba(0,27,52,0.8);
    cursor:pointer;
}
.button-main:hover{ background-image:linear-gradient(to top,#FFC700 0%,#FFA500 100%); }
.button-main:active{ filter:brightness(120%) saturate(66%); }
button.button-main::-moz-focus-inner,
input[type="button"].button-main::-moz-focus-inner{ border:0; }
a.button-main{ text-decoration:none; user-select:none; }
a.button-main:hover{ color:#004EA8; }
button.button-main:hover,
button.button-main:focus,
input[type="button"].button-main:hover,
input[type="button"].button-main:focus{
    border-width:2px!important;
    border-color:#FFFFFF!important;
}
button.button-main:focus,
input[type="button"].button-main:focus{
    outline:none!important;
}
#tabnavbar{ display:none; }
button.pill-button{
    position:relative;
    height:18px;
    padding:2px 10px;
    border-radius:12px;
    font-weight:500/*Medium*/;
    font-size:12px;
    line-height:12px;
    border:none;
    cursor:pointer;
}
button.pill-button:active{
    top:2px;
}
.yellow-pill{color:#002F64;background-color:#FEC300;background-image:linear-gradient(to bottom,#FED300 0%,#FEC300 50%,#FEB000 100%);}
.yellow-pill:hover{ background-image:linear-gradient(to top,#FED300 0%,#FEC300 50%,#FEB000 100%);}
.blue-pill{color:#002F64;background-color:#00A5E8;background-image:linear-gradient(to bottom,#00c1eb 0%,#008ae6 100%);}
.blue-pill:hover{background-image:linear-gradient(to top,#00c1eb 0%,#008ae6 100%);}
