/*************************************************************/
/*                        Farbwerte                          */
/*                Basic    Classic  TBC      WotLK    Cata   */
/* Dunkelgrau:    383838                                     */
/* Grau:          6e6e6e                                     */
/* Hellgrau:      c8c8c8                                     */
/* Link normal:            ffd100   7eff00   50eaec   fe8616 */
/* Link aktiv:             ffe880   bfff80   a8f5f6   ffc38b */
/* Kontrast hell:          002eff   8100ff   af1513   0179e9 */
/* Kontrast normal:        00177f   40007f   570a09   003c74 */
/* Kontrast dunkel:        000933   1a0033   230404   00182f */
/*************************************************************/
#wrapper { margin: 0 auto; padding: 0; width: 1000px; }
#startwrapper { margin: 0 auto; padding: 0; width: 800px; }
img { border: 0px; padding: 0px; margin: 0px; }

/***********************************/
/*           Grundlayout           */
/***********************************/
#head { margin: 0; padding: 0; width: 1000px; height: 180px; background: url(/layout/bg_head_transparent.png) no-repeat top center; }
#page { margin: 0; padding: 0px 10px 10px 10px; width: 980px; background: url(/layout/bg_page_transparent.png) repeat top left; text-align: center; }
#foot { margin: 0; padding: 0; width: 1000px; height: 100px; background: url(/layout/bg_foot_transparent.png) no-repeat top center; }

#sitelogo { margin: 0 10px 0 10px; padding: 0; width: 250px; height: 70px; float: left; }
#sitelogo img { margin: 29px 0 10px 0; padding: 0; width: 250px; height: 61px; }

#menuframe { margin: 4px 0 0 10px; padding: 0; width: 990px; float: left; text-align: left; }
#starthead { margin: 0; padding: 0; width: 800px; height: 100px; }
#startpagemenu { margin: 0; padding: 4px 0 0 0; width: 800px; height: 26px; text-align: left; background: url(/layout/bg_head_transparent.png) no-repeat -50px -100px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

#statusbarbottom { margin: 0; padding: 10px 0 10px 10px; width: 690px; height: 20px; float: left; }
#statusbartop { margin: 0; padding: 28px 0 0 10px; width: 690px; height: 20px; float: left; }
#statusbarbottom .locator, #statusbartop .locator { margin: 0; padding: 0; height: 20px; list-style: none;  }
#statusbarbottom .locator li, #statusbartop .locator li { float: left; margin: 0px; padding: 0px 10px; border-left: 1px solid #fff; font-weight: bold; font-size: 10px; text-align: left; font-variant: small-caps; }
#statusbarbottom .locator .withoutleftborder, #statusbartop .locator .withoutleftborder { border-left: none; }

#sitefeatsbottom { margin: 0; padding: 2px 0 13px 10px; width: 290px; height: 25px; float: left; }
#sitefeatstop { margin: 0; padding: 23px 0 0 10px; width: 290px; height: 25px; float: left; }
#sitefeatsbottom ul, #sitefeatstop ul { margin: 0; padding: 0; height: 20px; list-style: none;  }
#sitefeatsbottom ul li, #sitefeatstop ul li { float: right; margin: 0px; padding: 0px 10px; font-weight: bold; font-size: 10px; text-align: left; font-variant: small-caps; }

#copyright { margin: 10px 0 0 10px; padding: 0; width: 200px; height: 50px; float: left; font-weight: bold; font-size: 10px; font-variant: small-caps; }
#copyright a { color: white; }
.footerlogo { margin: 10px 0 0 10px; padding: 0; width: 150px; height: 50px; float: left; }
.footerlogo span { margin: 0; padding: 0; display: block; width 150px; font-weight: bold; font-size: 10px; font-variant: small-caps; }

#page #guidecontent { margin: 10px 8px 0px 0px; padding: 0; width: 800px; text-align: left; float: left; font-size: 14px; }
#page .broadcontent { margin: 10px 0px 0px 0px; padding: 0; width: 980px; text-align: left; background: transparent; font-size: 14px; }
#page #videocontent512 { margin: 10px 8px 0px 0px; padding: 0; width: 800px; text-align: left; float: left; }
#page #videocontent750 { margin: 10px 8px 20px 0px; padding: 0; width: 800px; text-align: center; left; float: left; }
#page #videocontent840 { margin: 10px 0px 0px 0px; padding: 0; width: 980px; text-align: center; background: transparent; }
#page #guidecontent .textbox { margin: 0px 0px 20px 0px; padding: 0px 10px 10px 10px; width: 766px; border: 2px solid #313131; background: url(/layout/transparent_50p_black.png) repeat top left; }
#page #gallery { margin: 0 0 20px; 0; padding: 0; text-align: left; clear: left; }
#page #guidecontent .gallery, #page #gallery .gallery { margin: 0px 0px 20px 0px; padding: 0px; width: 790px; height: 142px; }
#page h1 { margin: 0 auto; padding: 10px 40px 0 40px; width: 650px; height: 35px; font-size: 22px; color: #fff; background: url(/layout/headline_transparent73045.png) no-repeat top center; overflow: hidden; clear: both; }
#page #guidecontent .textbox h4 { margin: 0px; padding: 5px 0px 0px 0px; font-weight: bold; font-size: 16px; clear: both; }
#page #guidecontent #abilitydesc5 p, #page #guidecontent #mobsdesc5 p, #abilitiesdesc10-1 p, #abilitiesdesc10-2 p, #abilitiesdesc25-3 p, #abilitiesdesc25-4 p, #abilitiesdesc25-2 p, #abilitiesdesc20-1 p, #abilitiesdesc40-1 p, #mobsdesc10-1 p, #mobsdesc10-2 p, #mobsdesc25-3 p, #mobsdesc25-4 p, #mobsdesc25-2 p, #mobsdesc20-1 p, #mobsdesc40-1 p { padding: 10px 0px 10px 0px; }
#page #videocontent512 #videostreambox { margin: 0px 0px 20px 0px; padding: 0px; width: 786px; border: 2px solid #313131; }
#page #videocontent750 #videostreambox { margin: 0 auto; padding: 0px; width: 750px; border: 2px solid #313131; margin-bottom: 20px; text-align: left; }
#page #videocontent840 #videostreambox { margin: 0 auto; padding: 0px; width: 840px; border: 2px solid #313131; margin-bottom: 20px; text-align: left; }
#page #guidecontent .mobbox { margin: 0px 0px 20px 0px; padding: 0px 10px 10px 10px; width: 766px; border: 2px solid #313131; background: url(/layout/transparent_50p_black.png) repeat top left; }
#page #guidecontent .mobbox h3 { margin: 0px; padding: 5px 0px 5px 0px; font-weight: bold; font-size: 18px; clear: both; }
#page #guidecontent .mobbox .spelldesc { margin: 0; padding: 0px 0px 6px 0px; clear: left; }
#page #guidecontent .mobbox .spelldesc p { margin: 0; padding: 0px; }
#page #guidecontent .mobbox .spelldesc .iconleft { margin: 2px 5px 2px 0px; padding: 3px; border-top: 1px solid #000; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #000; float: left; background: url(/layout/overview_bg1707524.png) no-repeat; }
#page #guidecontent .mobbox .spelldesc .iconleft img { margin: 0px; padding: 0px; border-top: 1px solid #808080; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #808080; }
.mobbox .mobquickfacts { margin: 0px 0px 5px 5px; padding: 5px; width: 170px; border: 2px solid #313131; float: right; }
.mobbox .mobquickfacts ul { list-style: none; margin: 0px; padding: 0px; width: 170px; }
.mobbox .mobquickfacts li { margin: 0; padding: 5px 0 5px 0; font-size: 12px; }
.mobbox .mobquickfacts li span { display: block; color: #aaa; font-size: 10px; }
.mobbox .mobpic { margin: 0; padding: 0px 10px 0px 10px; width: 170px; }
.mobbox .mobpic img { margin: 0; padding: 0; width: 150px; border: 1px solid #313131; }

#page #overview { margin: 10px 0 0 0; padding: 0; width: 170px; text-align: left; float: left; overflow: hidden; }

.piccenter { margin: 5px auto; padding: 5px; border-top: 1px solid #000; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #000; clear: both; text-align: center; background: url(/layout/overview_bg1707524.png) no-repeat; }
.picleft { clear: left; margin: 5px 5px 5px 0px; padding: 5px; border-top: 1px solid #000; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #000; float: left; background: url(/layout/overview_bg1707524.png) no-repeat; }
.picright { clear: right; margin: 5px 0px 5px 5px; padding: 5px; border-top: 1px solid #000; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #000; float: right; background: url(/layout/overview_bg1707524.png) no-repeat; }
.picleft img, .picright img { margin: 0px; padding: 0px; border-top: 1px solid #808080; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #808080; }
.piccenter img { margin: 0 auto; padding: 0px; border-top: 1px solid #808080; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #808080; }

.pagenav { margin: 0; padding: 0px 40px; 0px 40px; height: 30px; width: 900px; background: url(/layout/bg_navbar.png) no-repeat top center; text-align: center; clear: both; font-size: 14px; color: #c8c8c8; font-weight: bold; overflow: hidden; }
.navleft, .navmiddle, .navright { display: block; margin: 0; float: left; }
.navleft { padding: 0; width: 300px; border-right: 1px solid #6e6e6e; height: 30px; }
.navright { padding: 0; width: 300px; border-left: 1px solid #6e6e6e; height: 30px; }
.navmiddle { padding: 5px 0 0 0; height: 20px; width: 298px; }
.navleft span, .navright span { font-size: 20px; }

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; }
.floatright { float: right; }

.blue { color: #005fe1; }
.lightblue { color: #65E4FF; }
.green { color: #068d02; }
.lightgreen { color: #07f700; }
.grey { color: #a8a8a8; }
.orange { color: #EC8602; }
.red { color: #cb0000; }
.lightred { color: #ff1919; }
.yellow { color: #ddb601; }
.alliancelink { color: #37adff; }
.hordelink { color: #ff1c16; }
.neutrallink { color: #ffd100; }
a.alliancelink:hover { color: #8acfff; }
a.hordelink:hover { color: #ff7571; }
a.neutrallink:hover { color: #ffe880; }

/***********************************/
/*       Werbungs Elemente         */
/***********************************/
#adverthead { margin: 0; padding: 5px 0 5px 0; width: 730px; height: 90px; float: left; }
.advertbtb { margin: 0; padding: 0px 45px 20px 45px; width: 730px; height: 90px; } /* Advert between Textboxes */
#advert_leaderboard728 { margin: 0; padding: 0; width: 728px; height: 90px; }
.advert_leaderboard728 { margin: 5px 0 5px 0; padding: 0; width: 728px; height: 90px; }
.advert_skyscraper160 { margin: 5px; padding: 0; width: 160px; height: 600px; } }
#advert_skyscraper160 { margin: 5px; padding: 0; width: 160px; height: 600px; } }
.advertrectangleright { margin: 0 0 0 5px; padding: 0; width: 340px; height: 280px; float: right;}
.advert_square300 { margin: 0; padding: 0; width: 340px; height: 280px; }
#abilitiesdesc #advert_square, #abilitiesdesc10-1 #advert_square, #abilitiesdesc10-2 #advert_square, #abilitiesdesc10-3 #advert_square, #abilitiesdesc20-1 #advert_square, #abilitiesdesc25-1 #advert_square, #abilitiesdesc25-2 #advert_square, #abilitiesdesc25-3 #advert_square, #abilitiesdesc25-4 #advert_square, #abilitiesdesc40-1 #advert_square, #rewardsdesc .advert_square300 { margin: 0; padding: 10px 0 0 10px; width: 340px; float: right; }
#raidsetupdesc #advert_square, #raidsetupdesc10-1 #advert_square, #raidsetupdesc10-2 #advert_square, #raidsetupdesc10-3 #advert_square, #raidsetupdesc20-1 #advert_square, #raidsetupdesc25-1 #advert_square, #raidsetupdesc25-2 #advert_square, #raidsetupdesc25-3 #advert_square, #raidsetupdesc25-4 #advert_square, #raidsetupdesc40-1 #advert_square { margin: 0; padding: 10px 0 0 10px; width: 340px; float: right; }

/***********************************/
/*         Guide Elemente          */
/***********************************/
.socialicingbar { margin: 10px 0 10px 0; padding: 5px 5px 5px 10px; width: 771px; height: 35px; background: url(/layout/transparent_50p_black.png) repeat top left; border: 2px solid #313131; overflow: hidden; }
.socialicingbar .facebooklike { margin: 0; padding: 0; width: 450px; height: 35px; float: left; }
.socialicingbar #sbookmarks { list-style: none; margin: 8px 0 0 20px; padding: 0; width: 300px; float: left; }
.socialicingbar #sbookmarks li { margin: 0 0 0 10px; padding: 0; width: 16px; height: 16px; float: left; overflow: hidden; }
.socialicingbar #sbookmarks li a { display: block; margin: 0; padding: 0; width: 16px; height: 16px }
.socialicingbar #sbookmarks #sbmstudizv { background: url(/layout/icon_social_studivz_16g.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmstudizv:hover { background: url(/layout/icon_social_studivz_16.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmschuelervz { background: url(/layout/icon_social_schuelervz_16g.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmschuelervz:hover { background: url(/layout/icon_social_schuelervz_16.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmfacebook { background: url(/layout/icon_social_facebook_16g.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmfacebook:hover { background: url(/layout/icon_social_facebook_16.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmgoogle { background: url(/layout/icon_social_google_16g.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmgoogle:hover { background: url(/layout/icon_social_google_16.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmmisterwong { background: url(/layout/icon_social_misterwong_16g.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmmisterwong:hover { background: url(/layout/icon_social_misterwong_16.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmmyspace { background: url(/layout/icon_social_myspace_16g.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmmyspace:hover { background: url(/layout/icon_social_myspace_16.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmtwitter { background: url(/layout/icon_social_twitter_16g.png) no-repeat top center; }
.socialicingbar #sbookmarks #sbmtwitter:hover { background: url(/layout/icon_social_twitter_16.png) no-repeat top center; }

.ovelement { margin: 0; padding: 0; width: 170px; background: url(/layout/transparent_50p_black.png) repeat top left; }
.ovheadline { margin: 0; padding: 5px; width: 140px; height: 10px; background: url(/layout/overview_headline_4.png) repeat-y top left; font-weight: bold; font-size: 10px; font-variant: small-caps; color: #fff; overflow: hidden; float: left; }
.ovheadlinebutton a { display: block; margin: 0; padding: 0; width: 20px; height: 20px; }
.ovcontent { margin: 0px 5px 8px 5px; padding: 4px; border-right: 1px solid #383838; border-bottom: 1px solid #383838; border-left: 1px solid #383838; width: 150px; font-size: 10px; }
.ovelement ul { list-style: none; margin: 0px 5px 8px 5px; padding: 4px; border-right: 1px solid #383838; border-bottom: 1px solid #383838; border-left: 1px solid #383838; width: 150px; font-size: 10px; }
.ovelement li { width: 150px; margin: 0; padding: 5px; }
.ovcontent img { width: 150px; margin: 0; padding: 0; }
.ovcontent .iconsmall { width: 16px; height: 16px; }
.ovcontent .friendly { color: #009702; }
.ovcontent .neutral { color: #ddb601; }
.ovcontent .unfriendly { color: #e25a00; }
.ovcontent .hated { color: #bd0013; }
.ovcontent .ovstitle { text-align: center; }
.ovcontent .ovsbg { margin: 0; padding: 0; width: 150px; height: 94px; overflow: hidden; text-align: center; font-size: 30px; font-weight: bold; }
.ovcontent .ovsbg a.res { margin: 0; padding: 32px 0 32px 0; display: block; width: 150px; height: 30px; color: #fff; }
.ovcontent .ovsbg a.lowres { margin: 0; padding: 32px 0 32px 0; display: block; width: 75px; height: 30px; background: url(/layout/transparent_20p_black.png) repeat; color: #fff; float: left; }
.ovcontent .ovsbg a.highres { margin: 0; padding: 32px 0 32px 0; display: block; width: 75px; height: 30px; background: url(/layout/transparent_20p_white.png) repeat; color: #000; float: left; }

.listguidesmain { list-style: none; margin: 0 0 20px 0; padding: 0; border-right: 2px solid #383838; border-bottom: 2px solid #383838; border-left: 2px solid #383838; width: 786px; }
.listguidesmain li { height: 57px; margin: 0; padding: 0; }
.listguidesmain .listguidessub { list-style: none; margin: 0; padding: 0;  }
.listguidesmain .listguidessub li { margin: 0; padding: 5px; float: left; height: 47px; overflow: hidden; }
.listguidesmain .listguidessub li span { margin: 0; padding: 0; display: block; font-size: 18px; }
.listguidesmain .listguidessub li img { margin: 0; padding: 0; width: 75px; height: 47px; }
.listexpansions { list-style: none; margin: 0; padding: 0; border-right: 2px solid #383838; border-bottom: 2px solid #383838; border-left: 2px solid #383838; width: 786px; }
.listexpansions li { height: 82px; margin: 0; padding: 0; }
.listexpansions .expansions { list-style: none; margin: 0; padding: 0;  }
.listexpansions .expansions li { margin: 0; padding: 5px; float: left; height: 72px; }
.listexpansions .expansions li img { margin: 0; padding: 0; width: 150px; height: 72px; }
.startlistbox { margin: 10px 0 0 43px; padding: 0; float: left; width: 424px; }
.startlist { list-style: none; margin: 0; padding: 0; border-right: 2px solid #383838; border-bottom: 2px solid #383838; border-left: 2px solid #383838; width: 420px; }
.startlist li { height: 123px; margin: 0; padding: 0; }
.startlist .startlistsub { list-style: none; margin: 0; padding: 0;  }
.startlist .startlistsub li { margin: 0; padding: 5px; float: left; height: 113px; overflow: hidden; }
.startlist .startlistsub li span { margin: 0; padding: 0; display: block; font-size: 18px; }
.startlist .startlistsub li img { margin: 0; padding: 0; width: 150px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w75 { width: 75px; }
.listxmlbossesmain { list-style: none; margin: 0; padding: 0; border-top: 1px solid #383838; border-right: 1px solid #383838; border-bottom: 1px solid #383838; border-left: 1px solid #383838; width: 750px; }
.listxmlbossesmain li { height: 18px; margin: 0; padding: 0; overflow: hidden; }
.listxmlbossesmain .listxmlbossessub { list-style: none; margin: 0; padding: 0; border-top: 1px solid #383838; border-left: 1px solid #383838; }
.listxmlbossesmain .listxmlbossessub li { margin: 0; padding: 0; float: left; height: 18px; width: 370px; overflow: hidden; }

.videostreambox { margin: 0px 20px 30px 0px; padding: 0; border: 1px solid #313131; float: left; text-align: center; }
.videostream { margin: 0; padding: 0; }
.vsbhlc { margin: 0; padding: 0; width: 100%; height: 20%; background: url(/layout/transparent.png) repeat top left; overflow: hidden; }
.vsbheadline { margin: 0 auto; padding: 2% 0 0 0; font-size: 20px; overflow: hidden; }
.vsbspacer { margin: 0; padding: 0; width: 100%; height: 60%; }
.vsbres { margin: 0; padding: 0; width: 100%; height: 21%; background: url(/layout/transparent.png) repeat top left; font-size: 17px; }
.vsbreslow, .vsbreshigh { margin: 0; padding: 3% 0; display: block; height: 100%; float: left; overflow: hidden; }

.reputationtable { margin: 0 0 20px 0; width: 790px; border-left: 1px solid #313131; border-top: 1px solid #313131; border-collapse: separate; text-align: center; font-size: 8px; }
.reputationtable th { border-right: 1px solid #313131; border-bottom: 1px solid #313131; font-size: 10px; padding: 5px; font-weight: bold; vertical-align: top; }
.reputationtable td { border-right: 1px solid #313131; border-bottom: 1px solid #313131; }
.reputationtable .friendly { margin: 1px; padding: 1px; background-color: #024f09; vertical-align: middle; }
.reputationtable .neutral { margin: 1px; padding: 1px; background-color: #654f04; vertical-align: middle; }
.reputationtable .unfriendly { margin: 1px; padding: 1px; background-color: #592100; vertical-align: middle; }
.reputationtable .hated { margin: 1px; padding: 1px; background-color: #60241a; vertical-align: middle; }
.reputationtable .questbar span { margin: 0; padding: 0 0 0 5px; }
.reputationtable #normalquests, .reputationtable #repeatablequests, .reputationtable #dailyquests, .reputationtable #kills, .reputationtable #instances { background: url(/layout/bg_radiant_white20.png) repeat-x top left; }

.dailyquesttable { width: 100%; border-collapse: separate; background: none; }
.dailyquesttable th { border-top: 1px solid #383838; border-right: 1px solid #383838; border-bottom: 1px solid #383838; font-size: 12px; padding: 5px; font-weight: bold; vertical-align: top; background: none; }
.dailyquesttable .twenty { width: 20%; }
.dailyquesttable .ten { width: 10%; }
.dailyquesttable .twentyfive { width: 25%; }
.dailyquesttable .fiveteen { width: 15%; }
.dailyquesttable .five { width: 5%; }
.dailyquesttable .five .icon { width: 20px; height: 20px; }
.dailyquesttable .five { border-right: 1px solid #383838; border-bottom: 1px solid #383838; font-size: 12px; padding: 5px; vertical-align: top; background: none; }
.dailyquesttable .twenty, .dailyquesttable .twentyfive, .dailyquesttable .fiveteen { border-right: 1px solid #383838; border-bottom: 1px solid #383838; font-size: 10px; padding: 5px; vertical-align: top; background: none; }
.dailyquesttable .ten { border-right: 1px solid #383838; border-bottom: 1px solid #383838; font-size: 9px; padding: 5px; vertical-align: top; background: none; }
.dailyquesttable .five span { font-size: 8px; }

.rewardstable { list-style: none; margin: 0; padding: 0; width: 350px; text-align: left; }
.rewardstable li { margin: 0; padding: 0; display: block; }
.rewardstable li span { padding: 3px; font-weight: bold; font-size: 15px; }
.rewardstable li ul { margin: 0; padding: 5px; display: block; border: 2px solid #383838; background: url(/layout/overview_bg1707524.png) repeat-x top left; }

.detailedloottable { width: 790px; border-collapse: separate; background: none; margin: 0 0 20px 0; border-left: 2px solid #383838; }
.detailedloottable th { border-right: 1px solid #383838; border-bottom: 2px solid #383838; font-size: 10px; padding: 3px; font-weight: bold; text-align: left; background: none; }
.detailedloottable .fifty { width: 50%; }
.detailedloottable .fortyfive { width: 45%; }
.detailedloottable .twenty { width: 20%; }
.detailedloottable .eight { width: 8%; }
.detailedloottable .five { width: 5%; }
.detailedloottable .three { width: 3%; }
.detailedloottable .eight img, .detailedloottable .three img { width: 16px; height: 16px; }
.detailedloottable .three { border-bottom: 1px solid #383838; }
.detailedloottable .twenty, .detailedloottable .fifty, .detailedloottable .eight, .detailedloottable .five, .detailedloottable .fortyfive { border-right: 1px solid #383838; border-bottom: 1px solid #383838; font-size: 10px; padding: 2px; vertical-align: middle; background: none; }
.detailedloottable .twenty, .detailedloottable .fifty, .detailedloottable .three, .detailedloottable .eight, .detailedloottable .five, .detailedloottable .fortyfive { font-size: 10px; padding: 3px; vertical-align: middle; background: none; }
.detailedloottable tr:hover { background-color: #383838; }

#abilitiesdesc .picleft, #mobsdesc .picleft { clear: left; }
.raidsetuplist { list-style: none; margin: 0; padding: 0; border-right: 2px solid #383838; border-left: 2px solid #383838; width: 786px; height: 28px; }
.raidsetuplist li { width: 262px; height: 24px; margin: 0; padding: 2px 0 2px 0; float: left; text-align: center; font-size: 24px; font-weight: bold; }
.raidsetuplist .tank { background-color: #bdbbb7; color: #000; }
.raidsetuplist .heal { background-color: #068d02; color: #fff; }
.raidsetuplist .damage { background-color: #cb0000; color: #fff; }

.onehalf { width: 48%; float: left; margin: 0; padding: 0 0 0 1%; }
.onehalf .llhead, .l1_bbcontent .llhead2 { margin: 10px 0px 0px 0px; padding: 5px; font-weight: bold; font-size: 15px; clear: left; }
.onehalf .llhead { border-left: 1px solid #383838; border-top: 1px solid #383838; border-right: 1px solid #383838; }
.onehalf .llhead2 { border: 1px solid #383838; }
.onehalf .lootlist { margin: 0px 0px 10px 0px; padding: 5px; border: 1px solid #383838; }
.onehalf .lootlist li { list-style: none; margin: 0px; padding: 0px 0px 0px 5px; text-align: left; font-size: 11px; }
.onehalf .lootlist li span { font-size: 12px; }

.onequarter { width: 24%; float: left; margin: 20px 0 20px 0; padding: 0 0 0 1%; text-align: center; }
.onequartercenter { margin: 0 auto; padding: 5px; border-top: 1px solid #000; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #000; background: url(/layout/overview_bg1707524.png) no-repeat; width: 160px; }
.onequartercenter img { margin: 0; padding: 0; border-top: 1px solid #808080; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #808080; width: 150px; }

.textadmin { margin: 0; padding: 0; width: 100%; background-color: #000; clear: both; }

#videocontent512 #videostreambox #streamcontainer { margin: 0; padding: 0; border-right: 2px solid #313131; float: left; }
#videocontent512 #videostreambox #vsdlist { margin: 0; padding: 0; width: 232px; float: left; }
#videocontent512 #videostreambox #vsdlist ul { list-style: none; margin: 0px 5px 10px 5px; padding: 4px; width: 100%; }
#videocontent512 #videostreambox #vsdlist li { margin: 0; padding: 0 0 10px 10px; }
#videocontent512 #videostreambox #vsdlist li span { display: block; width: 150px; color: #808080; font-size: 10px; }

#videocontent750 #videostreambox #streamcontainer { margin: 0; padding: 0; border-right: 2px solid #313131; }
#videocontent750 #videostreambox #vsdlist { margin: 0; padding: 0; width: 750px; text-align: left; }
#videocontent750 #videostreambox #vsdlist ul { list-style: none; margin: 0px 5px 10px 5px; padding: 4px; width: 100%; }
#videocontent750 #videostreambox #vsdlist li { margin: 0; padding: 0 0 10px 10px; float: left; }
#videocontent750 #videostreambox #vsdlist li span { display: block; width: 150px; color: #808080; font-size: 10px; }

#videocontent840 #videostreambox #streamcontainer { margin: 0; padding: 0; border-right: 2px solid #313131; }
#videocontent840 #videostreambox #vsdlist { margin: 0; padding: 0; width: 840px; }
#videocontent840 #videostreambox #vsdlist ul { list-style: none; margin: 0px 5px 10px 5px; padding: 4px; width: 100%; }
#videocontent840 #videostreambox #vsdlist li { margin: 0; padding: 0 0 10px 10px; float: left; }
#videocontent840 #videostreambox #vsdlist li span { display: block; width: 150px; color: #808080; font-size: 10px; }

#standardform fieldset { margin: 0 auto 1.5em auto; display: block; border: 0; clear: both; }
#standardform legend { display: none; }
#standardform .musthavefields label { display: block; float: left; font-size: 0.8em; font-weight: bold; padding: 5px 5px 5px 0; width: 150px; }
#standardform .musthavefields p { display: block; margin: 5px; padding: 0; clear: left; }
#standardform .musthavefields img { margin: 0; padding: 5px 0 5px 155px; border: 0; }
#standardform input, #standardform textarea { background-color: #000; border-top: 1px solid #000; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #000; color: #fff; width: 600px; font: 12px Verdana, Arial, Helvetica, sans-serif; }
#standardform .selectbar { background-color: #000; color: #fde3ab; }
#standardform .musthavefields #f_submit { display: block; background-color: #000; border-top: 2px solid #c8c8c8; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #c8c8c8; color: #fde3ab; font-weight: bold; margin: 5px; padding: 2px; width: 150px; }
#standardform .musthavefields #f_submit:active, #standardform .musthavefields #f_submit:focus, #standardform .musthavefields #f_submit:hover { border-top: 2px solid #000; border-right: 2px solid #c8c8c8; border-bottom: 2px solid #c8c8c8; border-left: 2px solid #000; }

/* Scrollable Element Anfang */
.scrollable { position:relative; overflow:hidden; width: 748px; height:140px; border: 1px solid #313131; background: url(/layout/transparent_50p_black.png) repeat top left; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.items div { float:left; width:748px; }
.scrollable img { float:left; margin:20px 4px 20px 19px; background: url(/layout/bg_radiant_white20.png) repeat top left; border:1px solid #000; padding:2px; border:1px solid #313131; width:150px; height:94px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }
.scrollable { float:left; }
a.browse { display:block; width:20px; height:142px; float:left; margin: 0px; cursor:pointer; font-size:1px; }

/* up and down */
a.up, a.down { background:url(vert_large.png) no-repeat; float: none; margin: 10px 50px; }
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 

a.disabled { visibility:hidden !important; }
/* Scrollable Element Ende */

/* root element for tabs  */
#page #modetabs { margin: 0; padding: 0; width: 800px; float: left; }
.tabs { list-style: none; margin: 10px 0 0 0 !important; padding: 1px; background: url(/layout/bg_tabs_wave.png) 50% 50% repeat-x; height: 36px; width: 786px; font-weight: bold; font-size: 14px; border: 1px solid #666666; }
.tabs li { list-style-image:none !important; margin: 0 !important; padding:0; float: left; text-indent: 0; }
.tabs a { background: url(/layout/ui-bg_gloss-wave_25_333333_500x100.png) no-repeat top left; display: block; padding: 8px 12px 8px 12px; margin: 0 3px 0 0; height: 16px; text-align: center; text-decoration: none; color: #fff; position: relative; border: 1px solid #666666; top: 1px; }
.tabs a:active { outline: none; }
.tabs a:hover { background: url(/layout/tabs_wow4_bg_hover.png) 50% 50% repeat-x; color:#000; border: 1px solid #ffc38b; }
.tabs .current, .tabs .current:hover, .tabs li.current a { background: url(/layout/tabs_wow4_bg_active.png) 50% 50% repeat-x; border: 1px solid #ffdbba; cursor: default !important; color: #000 !important; }
.panes .pane { display:none; }

/***********************************/
/*    Flowplanes der Startseite    */
/***********************************/
#flowpanes .items div h2 { margin: 10px 0 20px 0; width: 800px; height: 25px; font-weight: normal; color: #ddd; letter-spacing: 2px; font-size: 25px; }
#flowpanes .items div h2 a { color: #ddd; }
#flowpanes .items div .fpileft, #flowpanes .items div .fpiright { padding: 0; font-size: 16px; float: left; }
#flowpanes .items div .fpileft { margin: 0 10px 0 0; width: 310px; }
#flowpanes .items div .fpiright { margin: 0 0 0 70px; width: 390px; }
#flowpanes .items div .fpileft .fpilist, #flowpanes .items div .fpiright .fpilist { margin: 2px 0 0 0; padding: 10px; list-style: none; background: url(/layout/transparent_50p_black.png) repeat; overflow: hidden; }
#flowpanes .items div .fpileft .fpilist { width: 300px; }
#flowpanes .items div .fpiright .fpilist { width: 370px; }
#flowpanes .items div .fpileft .fpilist .fpiintro, #flowpanes .items div .fpiright .fpilist .fpiintro { font-size: 18px; height: 18px; }
#flowpanes .items div .fpileft .fpilist li, #flowpanes .items div .fpiright .fpilist li { margin: 2px 0 0 0; padding: 5px; background-color: #000; overflow: hidden; }
#flowpanes .items div .fpileft .fpilist li { width: 290px; }
#flowpanes .items div .fpiright .fpilist li { width: 360px; }
#flowpanes .items div .fpileft .fpilist li a, #flowpanes .items div .fpiright .fpilist li a  { font-weight: normal; }
#flowtabs { width: 800px; height: 31px !important; margin: 0 !important; padding: 0; _margin-bottom: -2px; }
#flowtabs li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; float: left; }
#flowtabs li a { background: url(/layout/bg_flowpanes_title_inactive.png) no-repeat; display: block; height: 35px; width: 200px; padding: 0px; margin: 0px; color:#aaa; font-size: 12px; line-height: 33px; text-align: center; text-decoration: none; }
#flowpanes .items div .fpileft .fpilist li { float: none; }
#flowtabs a:hover { color:#fff;	 }
#flowtabs a.current { cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background: url(/layout/bg_flowpanes_title_active.png) no-repeat; }
#flowtabs #t2.current { background: url(/layout/bg_flowpanes_title_active.png) no-repeat; }
#flowtabs #t3.current { background: url(/layout/bg_flowpanes_title_active.png) no-repeat; }
#flowtabs #t4.current { background: url(/layout/bg_flowpanes_title_active.png) no-repeat; }
#flowpanes { width: 800px; height: 430px; border: 1px solid #000;	}
#flowpanes div { display: none; margin: 0; color: #fff; height: 430px; }
#flowpanes { position:relative; overflow:hidden; clear:both; }
#flowpanes div { margin: 0; padding: 10px; display: block; width: 800px; height: 430px; font-size: 14px; text-align: left; float:left; }
#flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }
#flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; }


/************************/
/*    Drop Down Menu    */
/************************/
#mainnav { margin: 2px 0 7px 10px; padding: 2px 0 0 0; width: 100%; clear: left; }
/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu ul { list-style-type: none; margin: 0; padding: 0; font-weight: bold; font-size: 13px; overflow: hidden; width: 980px; }
.mattblackmenu li { display: inline; margin: 0; }
.mattblackmenu li a { float: left; display: block; text-decoration: none; margin: 0; padding: 5px 20px 5px 20px; }
.mattblackmenu li a:hover { background-color: #383838; }
.mattblackmenu a.selected { background: #000; }
/* ######### Drop Down ULs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul { margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: #000; border: 1px solid #383838; border-bottom-width: 0; visibility: hidden; z-index: 100;text-align: left; font-weight: normal; font-size: 13px; }
.ddsubmenustyle li a { display: block; width: 200px; background-color: #000; text-decoration: none; padding: 4px 5px; border-bottom: 1px solid #383838; font-weight: normal; }
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 210px; /*width of menu (include side paddings of LI A*/
}
.ddsubmenustyle li a:hover { background-color: #383838; }
/* ######### Neutral CSS  ######### */
.downarrowpointer { padding-left: 4px; border: 0; }
.rightarrowpointer{ position: absolute; padding-top: 3px; left: 100px; border: 0; }
.ddiframeshim { position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; }

/*******************/
/*    CMS Stuff    */
/*******************/
.uploadifyQueueItem { background-color: #383838; border: 2px solid #6e6e6e; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; padding: 10px; width: 350px; }
.uploadifyError { background-color: #FDE5DD !important; border: 2px solid #FBCBBC !important; }
.uploadifyQueueItem .cancel { float: right; }
.uploadifyQueue .completed { background-color: #6e6e6e; }
.uploadifyProgress { background-color: #6e6e6e; margin-top: 10px; width: 100%; }
.uploadifyProgressBar { background-color: #0099FF; height: 3px; width: 1px; }