html			{margin:0;padding:0;width:100%;height:100%;background-color:#333333}
body		{margin:0;padding:0;background:url(/bilder/background.php) no-repeat;background-position:95% 0px;background-attachment:fixed;font-family:'Open Sans',Verdana,Tahoma,Arial;color:#EEEEEE;font-size:13px;}
td.black        {color:#000000}
td.bg           {background-color:#999999}
td.fir          {background-color:#090909}
td.sec          {background-color:#111129}
td.head         {background-color:#333333}
.link,a         {text-decoration:none;color:#8888EE}
.link:hover,a:hover   {text-decoration:underline;color:#AAAAFF;cursor:pointer}
span.title      {font-weight:bold;}
.success        {color:#00CC00;font-weight:bold;}
.failure        {color:#FF0000;font-weight:bold;}
span.undef      {color:#999999;font-weight:bold;}
small.tiny      {font-size:x-small}
input,select    {font-size:10pt;}

.strike			{text-decoration:line-through;color:#777777}
.strong			{font-weight:bold}

img {border:0}
ol.rules {font-weight:bold;color:red}
ol.rules p {font-weight:normal;color:#FFFFFF;text-align:justify}

table.standard th {width:8em;margin:0;padding:0;text-align:left;padding-right:1em;padding-bottom:0.2em;vertical-align:top}
table.standard td {margin:0;padding:0;padding-bottom:0.2em;vertical-align:top}

header {position:relative;}
.mainNavigationBg {position:absolute;width: 100%;height:49px; background-color:black; border-bottom:2px solid #CCCCCC}
.mainNavigationCenter {width: 760px;height:125px; background: url('/bilder/topmiddle.png') no-repeat;position:relative;margin-left:auto;margin-right:auto}
header h2 {position:relative;top:123px;left:0px;font-size:1em;margin:0;text-align:center}
header ul {position:absolute;bottom:37px;list-style-type:none;margin:0;left:10px;padding:0}
header li {height:14px}
header .navi {height: 145px; width: 120px; vertical-align: bottom;position:absolute;top:-20px;border:2px solid #CCCCCC;border-radius:20px;background-image:none;background-color:rgba(30,30,30,0.5);box-shadow:0px 0px 5px #000000; z-index:5}
.block1 {left:120px}
.block2 {left:255px}
.block3 {left:390px}
.block4 {left:525px}
#activityblock {right:20px;top:-65px;font-size:11px;width:85px;border-radius:15px;height:133px;background-color:rgba(50,50,50,0.8)}
#activityblock h2,#msgblock h2 {font-size:11px;top:116px}
#activityblock ul,#msgblock ul {top:65px}
#msgblock {right:120px;top:-65px;font-size:11px;width:85px;border-radius:15px;height:133px;background-color:rgba(50,50,50,0.8)}

acronym.medium {color:#AAAAAA;border-color:#AAAAAA}
acronym.unsure {color:#777777;border-color:#777777}

#historyPage {padding:30px 55px 10px 40px;-moz-column-count:2;-moz-column-gap:30px;-webkit-column-count:2;-webkit-column-gap:30px;column-count:2;  column-gap:30px;}
#historyPage h2{color:#777733;font-size:2em}
#historyPage p {color:#777733;font-size:1.1em}
		
		
.mainContent {position:relative;margin-left:auto;margin-right:auto;width:800px;margin-top:40px;margin-bottom:20px}
.fineTuning {position:relative;margin-left:24px;}
.mainContent .topLeft {position:absolute;top:0;left:0;background:url('/replay/bilder/box_tl.png') no-repeat;width:123px;height:99px}
.mainContent .topRight {position:absolute;top:0;right:24px;background:url('/replay/bilder/box_tr.png') no-repeat;width:99px;height:99px}
.mainContent .bottomLeft {position:absolute;bottom:24px;left:0;background:url('/replay/bilder/box_bl.png') no-repeat;width:67px;height:99px}
.mainContent .bottomRight {position:absolute;bottom:0px;right:0;background:url('/replay/bilder/box_br.png') no-repeat;width:99px;height:77px}
.mainContent .content {position:relative;padding:20px 39px 50px 20px;border:0px solid white;min-height:320px}
.mainContent .center {position:absolute;background-color:black;top:20px;right:35px;bottom:36px;left:22px}
.mainContent .top {position:absolute;top:0;left:123px;right:99px;height:99px;background:url('/replay/bilder/box_tm.png') repeat-x;}
.mainContent .left {position:absolute;top:99px;left:0;bottom:123px;width:123px;background:url('/replay/bilder/box_ml.png') repeat-y;}
.mainContent .right1 {position:absolute;top:99px;right:24px;bottom:276px;width:98px;background:url('/replay/bilder/box_mr.png') repeat-y;}
.mainContent .right2 {position:absolute;right:0;bottom:147px;background:url('/replay/bilder/box_mr2.png') no-repeat;width:37px;height:129px}
.mainContent .right3 {position:absolute;right:0;bottom:77px;width:98px;height:70px;background:url('/replay/bilder/box_mr.png') repeat-y;}
.mainContent .bottom1 {position:absolute;bottom:24px;left:67px;width:50px;height:39px;background:url('/replay/bilder/box_bm.png') repeat-x;}
.mainContent .bottom2 {position:absolute;bottom:0;left:117px;background:url('/replay/bilder/box_bm2.png') no-repeat;width:149px;height:36px}
.mainContent .bottom3 {position:absolute;bottom:0px;left:266px;right:99px;height:39px;background:url('/replay/bilder/box_bm.png') repeat-x;}
.footer {height:15px}

.mainContent h1 {font-size:1.7em;border-bottom:2px solid #999999;margin-bottom:1.5em;font-family: Candara;}
.mainContent h2 {font-size:1.3em;border-bottom:1px solid #222222;font-family: Candara;}
.mainContent h3 {font-family: Candara;}
/*hr {border: 0px;border-bottom: 1px solid #222222}*/
hr {background: transparent url("data:image/gif;base64,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") repeat-x 0 0;
  background-color: transparent;
  background-image: url("data:image/gif;base64,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");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0px;
  background-position-y: 0px;
  background-size: auto auto;
border: 0 none;
color: #ccc;
height: 4px;
padding: 0;
margin: 15px 0;}

.form th {width:9em;border:0px solid white;margin:0;padding:0;text-align:right;vertical-align:top;padding-right:1em;padding-bottom:0.2em}
.form td {border:0px solid red;margin:0;padding:0;vertical-align:top;padding-bottom:0.2em}
.form .short {width:8em}
.form .medium {width:15em}
.form .long {width:30em}
.form textarea.long {height:5em}
.form .team h3 {margin:0}
.form .team table {margin-top:1em;margin-bottom:2em}
.form .team .playerName {width:15em;text-align:right;padding-right:1em;vertical-align:middle}
.form .team .random {padding-left:1em;vertical-align:middle}
.submit {position:relative;left:80%;width:20%;margin-top:2em}
.errors {margin:1.5em;padding:0.5em;border:2px solid #FF5500}
.errors p, .errors li {color:#FF5500;font-weight:bold}

.introSpace {margin-top:30px}
#intro {vertical-align:top;margin:30px 0px 40px 0px;}
#intro h1 {font-weight: normal;font-size: 18pt;margin-top:40px}
#intro h2 {margin-top: -20px;font-weight: normal;}

ol.list.HP {margin:30px 230px 40px 0px;}
.list {margin:0;padding:0;list-style-type:none;margin-top:20px;}
.list li.item {position:relative;z-index:1;clear:both;padding:12px;border:2px solid #555555;border-radius:5px;vertical-align:top;margin-top:15px}
.list li.item:nth-child(odd) {background-color:#151515}
.list li.item:nth-child(even) {background-color:#252525}
.list li.item .details {overflow:hidden}
.list li.item p {margin-bottom:0px}
.list li.item h2 {font-weight:bold;border:0;margin-top:0;font-size:1em}
.time				{color:#999999}
.list li.item .icon {width:64px;height:64px;float:right;margin-left:10px;margin-top:10px;border:1px solid #999999;border-radius:4px;overflow:hidden;background-color:#000000;background-position:center center;background-repeat:no-repeat;background-image:url('/forum/pics/pixelbg.png');text-align:center;padding:8px}
.list li.item_highlighted {border-color:#997755;color:#DDBB99}


.replay li.item:hover {background-color:#332200;border-color:#886655}
.replay li.item {cursor:pointer}
.replay li.item .infoBar {cursor:default}


.dull {color:#888888}

h1.headline {font-weight: normal;font-size: 18pt;margin-top:40px}
.replay li .infoRating {background:#333333 url(../bilder/star.png) repeat-x;height:16px;}
.replay h2 {margin:0;font-size:12pt;height:22px;border-bottom:0}
.replay .date {font-size:x-small}
.replay .game {font-size:x-small}
.replay .rating {position:absolute;top:23px;right:5px;font-size:x-small}
.replay .map {width:64px;height:64px;float:left;border:1px solid #999999;border-radius:4px;margin-right:10px;overflow:hidden;background-color:#000000;background-position:center center;background-repeat:no-repeat;}
.replay .matchup {border-bottom:0px solid white;border-collapse:collapse}
.replay .uploaderInfo {font-size:x-small;margin-bottom:14px}
.replay .authorComment {font-weight:bold;}

acronym {border-bottom:1px dotted white;cursor:help}

.replay .matchup .vs {padding:5px;border:0px solid white;font-size:10pt}
.replay .matchup .player {position:relative;text-align:center;border:1px solid #999999;border-radius:4px;margin-right:2px;overflow:hidden;background-color:black;padding:3px;line-height:16px}
.replay .matchup .player img {vertical-align:top}
.replay .matchup .player p {position:absolute;left:0;right:0;bottom:0;background-color:black;margin:0;padding:2px 0 2px 0;font-size:x-small}

.details {clear:both}

.singleReplay .matchup .player {margin-bottom:5px;border:2px solid #999999;border-radius:4px;width:170px;height:32px;background-color:#222222;padding:2px;box-shadow:0px 0px 5px #000000;}
.singleReplay .matchup .winner {border-color:#88CC88}
.hidden {display:none}
.singleReplay .matchup .loser  {border-color:#DD7777}
.singleReplay .matchup .pic {width:16px;height:16px;padding:0;position:absolute;}
.singleReplay .matchup .playerInfo {padding:2px 5px 0 10px;margin-left:32px}
.singleReplay .matchup .padding {width:10px;}
.singleReplay .description {position:relative;margin:0 0 10px 140px;border:2px solid #777777;border-radius:3px;padding:5px 20px 5px 20px}
.singleReplay .description  p {margin:0}
.inlineRatingInfo {float:left;background:url(../bilder/star.png) repeat-x;height:16px;margin-right:5px;}
.singleReplay .download {cursor:pointer;background:#222222;position:absolute;right:12px;bottom:12px;width:200px;height:20px;text-align:center;font-weight:bold;border:2px solid #777777;border-radius:5px;padding:5px;box-shadow:0px 0px 5px #000000;}
.singleReplay .download:hover {background:#333333;}
.singleReplay .download:hover a {text-decoration:underline;color:#AAAAFF}
.bigMap	{float:left;border:2px solid #777777;width:128px;height:128px;border-radius:4px;background-image:url(http://www.hyperadapt.net/forum/pics/pixelbg.png);background-position: center center;
background-repeat: no-repeat}
.replayDetails th {width:9em;margin:0;padding:0;text-align:right;padding-right:1em;padding-bottom:0.2em}
.replayDetails td {margin:0;padding:0;padding-bottom:0.2em}
.playerInfo p {margin:0}
.noComments {color:#999999}
.comments h3 {margin-bottom:0px}
.comments li {margin-bottom:10px}
.comments p {margin:0px}

.dataScroller {text-align:right}
.dataScroller .currentPage {font-size:12pt;font-weight:bold}

.searchPanel {position:relative}
.searchPanel .bigPanel {position:absolute;top:20px;left:20px;visibility:hidden;z-index:50;background-color:#333333;border: 2px solid #999999;padding:10px;border-radius: 5px;box-shadow:1px 1px 5px #000000;}

.buttonPanel {text-align:right;margin-top:20px}

/* Forum */
.avatarPanel {border:2px solid #777777;width:102px;padding:11px 0 11px 0;margin-bottom:5px;border-radius:5px;text-align:center;background:url('/forum/pics/pixelbg.png');background-position:center; }


/* Context Menu */
#contextMenu {display:none;position:absolute}
.menuLevel {width:190px;border:2px solid #AAAAAA;background-color:#FFFFFF;position:relative;list-style-type:none;margin:0;padding:3px;border-radius:4px;z-index:10;box-shadow:1px 1px 5px #000000;cursor:default}
.menuLevel li.item {margin:0;padding:3px;color:black;line-height:16px;font-family:Verdana;font-size:8pt;position:relative}
.menuLevel li.item:hover {background-color:#316AC5;color:white;border-radius:2px;}
.menuLevel li.disabledItem {margin:0;padding:3px;color:#CCCCCC;line-height:16px;font-family:Verdana;font-size:8pt;position:relative}
.menuLevel li.disabledItem .icon {opacity:0.5;}
.menuLevel li.separator {border-top:1px solid gray;height:3px;padding:0;margin:3px 5px 0px 5px}
.menuLevel .arrow {position:absolute;top:3px;right:5px;font-family:Arial;font-size:x-small}
.menuLevel .label {margin-left:25px}
.menuLevel .icon {position:absolute;top:3px;left:3px;}
.menuLevel .menuLevel {display:none;position:absolute;left:185px;top:5px}




/* FORUM */
td.tablebg       {background-color:#666666;border:1px solid #CCCCCC}
td.header        {padding:5px;font-weight:bold;background-color:#444444}
td.subheader     {font-weight:bold;background-color:#101020}
td.point         {background-color:#292929;width:16px}
.rowone        {background-color:#151515}
.rowtwo        {background-color:#252525}
.headerone        {background-color:#444444}
.headertwo        {background-color:#555555}
td.smallcell     {font-size:8pt}
a                {color:#8888EE;text-decoration:none}
a:hover          {color:#AAAAFF;text-decoration:underline}
span.huge        {font-family:Verdana,Arial;font-weight:normal;font-size:18pt}
span.small       {font-size:8pt}
input            {font-family:Verdana,Arial;font-size:8pt}
.menu            {position:absolute;border:1px solid #999999;background-color:#FFFFFF;font-family:Tahoma,Verdana;cursor:default;display:none;padding:3px}
.menuitem        {font-size:8pt;padding-left:10px;padding-right:10px;padding-bottom:2px;line-height:18px;color:#000000}
.menuarrow       {font-size:8pt;float:right;padding-bottom:4px;line-height:13px}
.menushadow      {position:absolute;background:#555555;margin:2px}
/*hr               {background-color:#999999;color:#999999;border:#999999;height:1px;}*/


#activityStream {position:absolute;right:0;top:49px;border:2px solid #555555;background-color:#151515;border-radius: 5px;padding:7px;width:200px}
#activityStream h2 {margin:0}
#activityStream ol {list-style-type:none;margin:0;padding:0;font-size:11px}
#activityStream li {padding-left:22px;background-repeat:no-repeat;background-position:0 2px;}
#activityStream .bnet_played {background-image:url('/bilder/sc2.png')}
#activityStream .diablo3_played {background-image:url('/bilder/diablo3.png')}
#activityStream .overwatch_played {background-image:url('/bilder/overwatch.png')}
#activityStream .bnet_achievement {background-image:url('/bilder/sc2.png')}
#activityStream .post_add {background-image:url('/bilder/comments.png')}
#activityStream .thread_add {background-image:url('/bilder/comments.png')}
#activityStream .post_edit {background-image:url('/bilder/pencil.png')}
#activityStream .post_rate {background-image:url('/bilder/star.png')}
#activityStream .post_delete {background-image:url('/bilder/cross.png')}
#activityStream .thread_delete {background-image:url('/bilder/cross.png')}
#activityStream .replay_add {background-image:url('/bilder/film.png')}
#activityStream .replay_delete {background-image:url('/bilder/cross.png')}
#activityStream .replay_comment_add {background-image:url('/bilder/film.png')}
#activityStream .league_update {background-image:url('/bilder/date.png')}
#activityStream .league_join {background-image:url('/bilder/date_add.png')}
#activityStream .league_leave {background-image:url('/bilder/date_delete.png')}
#activityStream .profile_edit {background-image:url('/bilder/report.png')}
#activityStream .achievement_given {background-image:url('/bilder/award_star_gold_1.png')}
#activityStream .manaburn {background-image:url('/bilder/lightning.png')}
#activityStream .streamWin {color:#AAEEAA}
#activityStream .streamLoss {color:#EEAAAA}



.centered		{width:90%;margin-left:auto;margin-right:auto;position:relative}

.threadlistFrame	{width:90%;margin-left:auto;margin-right:auto;border:2px solid #666666;border-radius:3px;}
.centeredCell		{text-align:center}
.smallCell			{font-size:8pt}
.rightCell			{text-align:right}
.threadlistFrame th {padding:5px;font-weight:bold;background-color:#444444}
.threadlistFrame tr.subheader th {font-size:0.9em;font-weight:normal;}
.threadlistFrame td {padding:3px}

.postFrame		{position:relative;z-index:1;clear:both;width:93%;margin-left:auto;margin-right:5%}
.authorcell		{width:150px;vertical-align:top;position:relative;padding-right:12px;text-align:right}
.authorInfo		{margin-right:5px;margin-left:auto;width:100px;margin-top:10px}
.bar			{position:relative;border:2px solid #777777;border-radius:3px;width:102px;text-align:left}
.barLabel		{text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;line-height:11px;text-shadow: 0px 0px 2px black;font-size:x-small;font-weight:bold}
.healthBar		{height:10px;margin:1px;background:#CC3333 url('/forum/pics/healthbar.png');}
.barDetails		{position:absolute;top:6px;left:90px;display:none;z-index:20;border:2px solid #555555;border-radius:5px;background-color:#252525;padding:5px;padding-top:10px}
.bar:hover .barDetails {display:block}
.barDetails table	{width:300px}
.barDetails td {text-align:right}
.barDetails td.percent {font-size:x-small}

/* global container & infotab layout */

.infoBar		{position:absolute;top:-10px;right:10px;height:25px;margin-bottom:-8px;}
.infoTab		{float:right;border:2px solid #555555;background-color:#333333;border-radius:4px;padding:2px;line-height:16px;margin-left:5px;font-size:8pt;box-shadow:1px 1px 5px #000000;}
.infoBar .interactive:hover, .sideBar .interactive:hover {background-color:#604726;border-color:#B09766}
.infoTab img		{vertical-align:top}
.headlineTab	{float:right;border:2px solid #555555;background-color:#333333;border-radius:4px;padding:4px;margin-left:5px;font-size:10pt;font-weight:bold}

.sideBar		{position:absolute;top:0px;right:-25px;height:25px;margin-bottom:-8px;}
.sideBar .infoTab		{float:none;margin-bottom:5px}

._blink			{background:url('/forum/pics/healthbar_blink.gif');}
.manaBar		{height:10px;margin:1px;background:#3366AA url('/forum/pics/manabar.png');}
.postContent	{padding:12px;border:2px solid #555555;border-radius:5px;vertical-align:top}
.postContent p  {margin-top:0}
.postContent:hover {background-color:#221100;border-color: #B09766}
.postFrame .infoBar		{top:-25px;right:3px}
.signatureBox	{position:relative;top:-13px;z-index:2;float:left;border:2px solid #555555;background-color:#111111;border-radius:4px;padding:4px;margin-left:220px;margin-right:7%;font-size:8pt;z-index:2}

.quote div, blockquote		{margin:5px 3px 0px 15px;padding:8px;background-color:#303030;border:2px solid #555555;border-width:0px 0px 0px 8px;font-size:x-small;border-radius:5px}

table.forumform	{width:100%;border:2px solid #555555;border-radius:4px;border-spacing:0px}
.formlabel		{padding:4px;vertical-align:top}
.formfield		{padding:4px;vertical-align:top}
.formfield #textbox		{width:90%;background-color:#000000;border:2px solid #AAAAAA;border-radius:5px;color:#FFFFFF;font-family:Consolas,Courier;padding:2px}
.formfield #textbox:hover		{border:2px solid #B09766;}
.formfield #textbox:focus		{border:2px solid #BB7700;}
.formfield .textbox		{width:50%;background-color:#000000;border:2px solid #AAAAAA;border-radius:5px;color:#FFFFFF;padding:2px}
.formfield .textbox:hover		{border:2px solid #B09766;}
.formfield .textbox:focus		{border:2px solid #BB7700;}
.formsubmitbutton {width:150px;height:25px}

.achievement	{position:relative;float:left;width:150px;height:190px;margin:5px;}
.achievement.locked	{filter: grayscale(100%) brightness(60%) contrast(100%);}
.achievement h1	{font-size:10pt;margin:0;text-align:center;background-color:#333333;padding:3px}
.achievement .time {font-size:10px;color:#999999;font-weight:normal}
/*.achievement img	{position:absolute;top:50%;margin-top:-24px;left:13px}*/
.achievement p	{margin:10px;font-size:9pt}
.clear {clear:both}

/* Metro flip animation */
.card {perspective: 600px;}	
.card .front {
       transform: rotateX(0deg) rotateY(0deg);
          transition: all 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          transform-style: preserve-3d;
}
.card:hover .front { transform: rotateX(0deg) rotateY(180deg);}
.card .back {
  position: absolute;
  top: 0px;
  z-index: -1;
       transform: rotateX(0deg) rotateY(-180deg);
          transition: all 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          transform-style: preserve-3d;
}
.card:hover .back {z-index: 1;transform: rotateX(0deg) rotateY(0deg);}

.card .front, .card .back {width:inherit; height:inherit; border:2px solid #494949;border-radius:5px;overflow:hidden}
.card.gold .front, .card.gold .back {border-color:#ffc156;box-shadow:0px 0px 10px #ffc156;}
.card .front h1 {position:absolute;bottom:0;left:0;right:0}
.card .back h1 {padding:5px}
.card .front {background-color:#000000}
.card .back {background-color:#222222}


/* Inline Frame */
#InlineFrame    {position:fixed;top:50%;left:50%;margin-top:-175px;margin-left:-250px;z-index:9;width:500px;height:350px;border:3px solid #666666;background-color:#353535;border-radius:20px;box-shadow:0px 0px 10px #000000;display:flex;align-items:center;justify-content:center;}
#InlineFrame .loading {font-size:2em;text-align: center;}
#InlineFrame .response {font-size:2em;text-align: center;}
#InlineFrame .responseError {font-size:2em;text-align: center;font-weight:bold;color:red}

/* Profile Tabs */
.tabHeader {display:block;margin:0;padding:0;margin-left:10px}
.tabHeader li {list-style: none;float: left;position: relative;margin:0;}
.tabHeader li  a {display:block;padding:5px;border:2px solid #777777;border-bottom:0;margin:0 2px;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#151515;position:relative;top:2px;z-index:1}
.tabHeader li:hover a {background-color:#252525}
.tabHeader .activeTab {background-color:#000000;font-weight:bold;border-color:#CCCCCC;z-index:5;top:2px}
.tabContents {clear:both;border:2px solid #CCCCCC;padding:10px;border-radius:5px;z-index:2;position:relative;background-color:#000000}

/* quote field */
.quoteField {position:relative;margin:20px 10px;border:2px solid #777777;border-radius:3px;padding:5px 10px 5px 10px}
.quoteField  .begin {position:absolute;top:-26px;left:-7px;font-size:24pt}
.quoteField  .end {position:absolute;bottom:-18px;right:-6px;font-size:24pt}

.userPhoto {float:left;border: 2px solid #777777;padding:5px;border-radius:5px;margin-right:20px}
.profileTextbox {width:100%;height:50px;background-color:#252525;color:#CCCCCC}


/* messaging feature */
.successMsg {position:absolute;top:45%;left:0;right:0;width:300px;margin-left:auto;margin-right:auto;padding:10px;background-color:#354535;border:2px solid #668666;border-radius:20px;z-index:100;box-shadow:0px 0px 10px #000000;}
.successMsg h3 {margin-top:0}
.successMsg p {margin-bottom:0}
.hidden {display:none}

#lightbox {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:9999;display:none}
#lightboxContent {position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10000;left:50%;}
.glowFlow {border-color:#999999 !important;box-shadow:0px 0px 10px #999999;animation: glowIt 2s infinite;}
@keyframes glowIt {
        0% { 
            box-shadow: 0px 0px 10px #999999; 
        }
        50% { 
            box-shadow: 0px 0px 20px #BBBBBB; 
            }
        100% { 
            box-shadow: 0px 0px 10px #999999; 
        }
    }
	

/** Ladeanimation */
.hpActive {position:relative;text-align:center;}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #666666;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}
/* Ende Ladeanimation */

@media all and (max-width: 480px)
{
.mainNavigationCenter {background:none;width:auto;height:auto}
header {padding:5px;border-bottom:2px solid #CCCCCC;background-color:#000000}
.mainNavigationBg {display:none}
header .navi {position:relative;left:0;top:0;border:0px;background:none;width:25%;height:auto;float:left;}
header h2 {top:0}
header ul {position:relative;bottom:auto;margin:0;left:0px;font-size:12px;padding:0;text-align:center}
header .navi {box-shadow:none}

#activityblock,#msgblock {clear:both;position:relative;left:0;top:10px;background:none;float:none;height:20px;width:100%;text-align:center}
#activityblock h2,#msgblock h2 {top:0;display:inline;font-size:12px}
#activityblock ul,#msgblock ul {position:relative;bottom:auto;display:inline}
#activityblock li,#msgblock li {display:inline;}
#activityblock acronym {border:0;font-weight:normal}

.centered {width:auto;margin-left:5px;margin-right:5px;margin-top:0px}
#intro {margin:15px 0 20px 0}
ol.list.HP {margin:0px;}

.list li.item {padding:0px}
.list li.item .details {margin:5px}
.infoBar {position:relative;margin-bottom:0;top:0;right:0;height:auto;margin-top:5px;padding:5px;border-top:1px solid #555555;background-color:#000000}
.infoTab {float:none;border:none;background:none;margin:0;padding:0}


.threadlistFrame {width:auto;margin-left:5px;margin-right:5px}
.threadlistFrame td:nth-child(6n+1), .threadlistFrame td:nth-child(6n+3), .threadlistFrame td:nth-child(6n+4), .threadlistFrame td:nth-child(6n+5) {display:none}
.threadlistFrame th:nth-child(6n+1), .threadlistFrame th:nth-child(6n+3), .threadlistFrame th:nth-child(6n+4), .threadlistFrame th:nth-child(6n+5) {display:none}
.threadlistFrame th:nth-child(6n+2), .threadlistFrame td:nth-child(6n+2) {width:60%}

.introSpace {margin-top:15px}

.postFrame {width:auto;margin-left:5px;margin-right:5px}
.postFrame .authorcell {width:auto}
.signatureBox {display:none;margin-left:150px;margin-right:15px}
.postFrame .postContent {padding:5px}
.postFrame .quote {padding-left:5px}
.postFrame .postInfo {position:relative;top:0px;right:0;height:auto;margin-bottom:0}
.postFrame .postInfoTab {border:none;background:none;padding:none;padding:0}

#activityStream {position:relative;top:0px;margin:0px;border:2px solid #555555;background-color:#151515;border-radius: 5px;padding:7px;right:0;width:auto}
}