/* -------------------------------- */
/* HTML Elements */
/* -------------------------------- */
html, body { width:100%; height:100%; }
html { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#616161 url(images/bg.png) scroll repeat-x 0 0; }
body { background:url(images/header.jpg) no-repeat center top; } /* scripts.js */
html, body, img, div, p, h1, h2, h3, h4, h5, h6, hr, form, ul, ol, li, table, tr, td { border:0; padding:0; margin:0; }
option, textarea, input, select, file { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border:0; padding:0; margin:0; }
#content input { padding:2px; }
#content input[type="submit"], #content input[type="reset"], #content input[type="button"] {
padding:5px; margin:15px 0; color:#444; background:#eee; border:2px solid #ddd; cursor:pointer; font-weight:bold; }
#content input[type="submit"]:hover, #content input[type="reset"]:hover, #content input[type="button"]:hover
{ color:#000; border:2px solid #ccc; }
#content select { background:#eee; border:2px solid #ddd; color:#444; padding:2px; }
#content select:hover { color:#000; border:2px solid #ccc; }
#sidebar input[type="submit"] { padding:3px; margin:10px 0; color:#ddd; background:#333; border:2px solid #555; cursor:pointer; font-weight:bold; }
#sidebar input[type="submit"]:hover { color:#ccc; border:2px solid #444; }
/* a, h, p, div, form, input, .. */
a, a:visited, a:active { color:#333; text-decoration:none; font-weight:normal; }
#sidebar a, #footer a { color:#e3e3e3; }
.newsContent a, p > a, #polls a, .forums .message a { border-bottom:1px solid #d6b654; }
#header a:focus, #navbar a:focus, #login a:focus, #sidebar a:focus { outline:1px dashed #e1ad0f; }
#contentWrapper a:hover, #teams a:hover, #polls a:hover, #adminbar a:hover, #footer a:hover, #login ul a:hover { border-bottom:2px solid #e1ad0f; }
h1 { } /* Page Headline */
h2 { } /* News Headlines */
h3 { font-size:14px; color:#000; font-weight:bold; text-indent:18px; line-height:25px; margin:0 0 10px 5px;
background:url(images/arrow.gif) no-repeat left center; clear:both; } /* Sidebar Headlines and Content Categorization */
h3 > a, h3 > a:active, h3 > a:visited { font-weight:bold; }
h4 { } /* Minor Headlines */
#navbar, #navbar ul, #sidebar, #sidebar ul, #footer ul { list-style-type:none; }
/* -------------------------------- */
/* Globally used Classes */
/* -------------------------------- */
.center { text-align:center !important; }
.right { text-align:right !important; }
.left { text-align:left !important; }
.clear { clear:both; }
.win { color:#7cca47 !important; } .loss { color:#de5e32 !important; } .draw { color:#3f3f3f !important; }
.orange { color:#e1ad0f; } .titleorange { color:#e1ad0f; font-weight:bold; }
.nowrap { white-space:nowrap; }
/* -------------------------------- */
/* Global Page Structure */
/* -------------------------------- */
#wrapper { width:977px; margin:0 auto; }
#header { position:relative; width:977px; height:186px; }
#socialmedia { position:absolute; top:8px; left:800px; list-style:none; }
#socialmedia li { display:inline; }
#socialmedia li a { display:block; float:left; width:20px; height:20px; margin:0 2px; text-indent:-8000px; overflow:hidden; }
#quicksearch { position:absolute; top:148px; left:786px; }
#quicksearch input[name="search"] { width:114px; height:16px; padding:0 5px; letter-spacing:1px;
font-size:10px; color:#fff; font-style:italic; background:transparent; }
#quicksearch input[name="submit"] { width:16px; height:16px; text-indent:-8000px; overflow:hidden; }
#quicksearch input[name="submit"] { background:url(images/icons/search.png); cursor:pointer; }
/* --- Navigation --- */
#navbar { position:relative; float:left; width:687px; height:42px; z-index:75; background:url(images/main_sprite_en.png) no-repeat 0 0; }
#navbar > li { position:absolute; top:0px; height:100%; background:url(images/main_sprite_en.png) no-repeat; }
#navInfo { left:20px; width:110px; background-position:-8px -45px !important; }
#navInfo:hover { background-position:-8px -50px !important; }
#navGaming { left:190px; width:85px; background-position:-151px -45px !important; }
#navGaming:hover { background-position:-151px -50px !important; }
#navComm { left:275px; width:120px; background-position:-264px -45px !important; }
#navComm:hover { background-position:-264px -50px !important; }
#navMedia { left:395px; width:85px; background-position:-413px -45px !important; }
#navMedia:hover { background-position:-413px -50px !important; }
#navSponsors { left:480px; width:105px; background-position:-503px -45px !important; }
#navSponsors:hover { background-position:-503px -50px !important; }
#navClub { left:585px; width:90px; background-position:-628px -45px !important; }
#navClub:hover { background-position:-628px -50px !important; }
#navbar > li > a { display:block; width:100%; height:100%; text-indent:-8000px; overflow:hidden; }
#navbar > li > ul { display:none; margin-top:-16px; padding-top:5px; background:#fff url(images/main_sprite_en.png) no-repeat;
border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
#navGaming > ul { width:106px; margin-left:-9px; background-position:-143px -80px !important; }
#navGaming > ul > li { width:105px; }
#navComm > ul { width:130px; margin-left:-5px; background-position:-260px -80px !important; }
#navComm > ul > li { width:128px; }
#navMedia > ul { width:100px; margin-left:-9px; background-position:-405px -80px !important; }
#navMedia > ul > li { width:98px; }
#navbar > li > ul > li { margin-left:-1px; height:23px; border-bottom:2px solid #f6f6f6; }
#navbar > li > ul > li:hover { border-left:2px solid #e0bf3b; border-right:2px solid #e0bf3b;}
#navbar > li > ul > li > a { display:block; width:100%; height:100%; text-indent:-8000px; overflow:hidden; }
/* --- Loginarea --- */
#login { position:relative; float:left; width:290px; height:42px;
background:url(images/main_sprite_en.png) no-repeat -687px 0; }
/* --- Login --- */
#login input[name="submit"], #login a[name] { position:absolute; display:block; height:17px;
right:27px; top:-8px; text-indent:-8000px; overflow:hidden; }
#login a[name="lostpw"] { right:89px; width:62px; background:url(images/main_sprite_en.png) no-repeat -853px -44px; }
#login a[name="register"] { right:152px; width:61px; background:url(images/main_sprite_en.png) no-repeat -791px -44px; }
#login input[name="submit"] { width:61px; cursor:pointer;
background:url(images/main_sprite_en.png) no-repeat -916px -44px; }
#login input[name="ws_user"], #login input[name="pwd"] { float:left; margin:14px 0 0 5px; width:114px; height:20px;
background:url(images/main_sprite_en.png) no-repeat -848px -62px; padding:0 6px; letter-spacing:1px;
font-size:9px; /*text-transform:uppercase;*/ color:#fff; font-style:italic; }
/* --- Userpanel --- */
#login .userpic { position:absolute; top:-10px; left:35px; width:34px; height:45px; padding:4px 7px 3px 5px;
background:url(images/main_sprite_en.png) no-repeat -791px -62px; }
#login ul { list-style:none; margin:5px 0 0 80px; }
#login ul li { float:left; width:90px; height:19px; text-align:right; white-space:nowrap; }
#login ul li a { font-size:11px; } #login ul li img { vertical-align:-3px; }
#main { width:100%; min-height:450px; clear:both; position:relative; z-index:20;
background:url(images/main_bg.png) repeat-y left top; }
/* --- Content --- */
#contentWrapper { float:left; width:723px; /* 703px width + 20px shadow */ }
#contentHeader { margin-left:20px; width:703px; height:44px; cursor:pointer;
background:url(images/main_sprite_en.png) no-repeat 0 -268px; }
#infoTable { margin-left:20px; width:703px; height:150px; font-size:11px;
background:url(images/main_sprite_en.png) no-repeat 0 -312px; }
#infoTable caption, #infoTable th, #infoTable thead { display:none; }
#infoTable, #infoTable table { float:left; border-collapse:collapse; margin-top:1px; }
#infoTable > tbody > tr > td { vertical-align:top; }
#headlines { width:243px; } #scoreboard, #upcoming { width:230px; }
#headlines td[headers="hl_rubric"], #scoreboard td[headers="sb_cat"], #upcoming td[headers="up_cat"]
{ height:36px; vertical-align:middle; padding:0 2px; text-align:center; }
#headlines td[headers="hl_details"], #scoreboard td[headers="sb_details"], #upcoming td[headers="up_details"]
{ height:36px; }
#headlines td[headers="hl_details"] p, #scoreboard td[headers="sb_details"] p, #upcoming td[headers="up_details"] p
{ padding-top:2px; color:#999; white-space:nowrap; }
#scoreboard td[headers="sb_result"] { padding:0 2px; height:36px; text-align:center;
font-weight:bold; font-size:12px; text-shadow:0px 0px 3px #eee; }
#upcoming td[headers="up_date"] { height:36px; padding:0 2px; text-align:center; color:#999; }
#upcoming td[headers="up_date"] > p:first-child { font-weight:bold; }
#content { margin-left:21px; width:703px; clear:left; padding-bottom:50px; }
#content p { text-align:justify; }
/* --- Standard Box surrounding Content (except News) --- */
.contentBoxHeader, .contentBoxMain, .contentBoxFooter { margin-left:3px; clear:both; }
.contentBoxHeader { width:697px; height:62px; background:url(images/contentBox.png) no-repeat 0 0; }
.contentBoxHeader h1 { padding:6px 0 0 20px; font-size:14px; }
.contentBoxHeader h4 { padding:0 0 0 5px; font-size:11px; color:#898989; font-weight:normal; }
.contentBoxMain { width:687px; padding:10px 5px 0 5px; background:url(images/contentBox_bg.gif) repeat-y; }
.contentBoxMain > p { margin:0 10px; }
.contentBoxFooter { width:697px; height:38px; background:url(images/contentBox.png) no-repeat 0 -62px;
text-align:right; margin-bottom:15px; }
.contentBoxFooter > iframe { height:21px !important; }
.twitter-share-button { margin-left:-15px; }
#plusone-div { margin-top:-2px; }
/* --- Sidebar --- */
#sidebar { float:right; padding-bottom:50px; width:254px; /* 234px width + 20px shadow */
background:url(images/right_gradient.png) no-repeat 233px top; color:#fff; font-size:11px; }
#sidebar > li { width:233px; }
#sidebar > li > h3 { width:100%; height:48px; text-indent:-8000px; overflow:hidden; line-height:normal; margin:0; }
#sponsors > h3 { background:url(images/main_sprite_en.png) no-repeat -744px -126px; }
#sponsors > ul > li { margin-bottom:5px; text-align:center; }
#sponsors > ul > li > hr { height:5px; border:none; background:url(images/sponsors/seperator.jpg) no-repeat scroll center; }
#teams > h3 { background:url(images/main_sprite_en.png) no-repeat -744px -175px; }
#teams > ul > li { margin-bottom:4px; height:43px; }
#teams a { font-size:0px; }
#apply > h3 { background:url(images/main_sprite_en.png) no-repeat -744px -273px; margin-top:15px; }
#apply > ul > li { text-align:center; }
#polls { background:url(images/logo_184.png) no-repeat 150px 50px; }
#polls > h3 { background:url(images/main_sprite_en.png) no-repeat -744px -224px; margin-top:15px; }
#polls > form { margin-left:10px; }
#polls > form > ul > li { margin:1px 0; text-indent:10px; line-height:24px; }
#polls > form > ul > li > h4 { text-align:center; line-height:14px; margin-bottom:10px; }
#polls > form > ul > li > input { vertical-align:-2px; }
#polls > form > ul > li.center { margin:5px 0; height:30px; }
#polls .result > li { margin:1px 8px; padding:3px 8px; height:20px; }
#polls .result div { width:200px; height:20px; background:url(images/icons/poll_bg.gif) no-repeat; }
#polls .result .center { margin:7px 0 0 0; background:none; }
#polls .result > li:first-child { background:none; text-align:center; margin-bottom:10px; }
#adminbar > h3 { background:url(images/main_sprite_en.png) no-repeat -744px -322px; margin-top:15px; }
#adminbar ul { list-style:circle inside; margin-left:10px; color:#e1ad0f; }
#adminbar li.ac { margin-top:10px; }
/* --- Footer --- */
#footer { position:relative; width:977px; height:162px; clear:both; font-size:11px; color:#777;
background:url(images/footer.jpg) no-repeat left top; }
#footerNav { position:absolute; left:28px; top:6px; }
#footerNav h4 { margin:2px 0; clear:left; font-size:10px; text-transform:uppercase; font-weight:normal; }
#footerNav > li > ul > li { float:left; margin:0 2px 2px; }
#copyright { position:absolute; right:35px; top:120px; }
#links { position:absolute; right:30px; top:137px; }
#links > li { float:left; margin:0 1px; }
/* -------------------------------- */
/* Specific Page Styles */
/* -------------------------------- */
/* --- News --- */
#internNews.news { height:auto; }
#internNews table { width:680px; padding-left:110px; background:url(images/logo_184.png) no-repeat -75px -45px; border-spacing:0px; }
#internNews th { font-weight:bold; color:#aaa; font-weight:bold; font-size:11px; }
#internNews th.title { color:#444; font-size:18px; font-weight:bold; text-align:right; }
#internNews td { padding:3px; } #internNews td.since, #internNews td.date { text-align:center; }
#internNews td.title a { font-weight:bold; font-size:13px; }
.news { width:689px; height:185px; margin:0 0 5px 3px; padding:2px; border:1px #d1cfd0 solid; }
#newsDetails { height:auto; margin:0 0 10px 3px; } /* Single News in full view */
#newsDetails ul, #newsDetails ol { padding-left:15px; }
.newsInner1, .newsInner2 { position:relative; height:100%; background:no-repeat left bottom; }
.newsInner1 { background-color:#e3e3e3; }
.newsInner2 { background-color:#f0f0f0; }
.newsInfo { position:absolute; right:50px; top:18px; font-size:11px; color:#666; }
.news > div > img { position:absolute; right:10px; top:10px; }
.news h2 { font-size:16px; padding:35px 0 10px 205px; clear:left; }
.news h3 { margin:5px 0; }
.news h4 { font-size:14px; text-decoration:underline; font-weight:bold; }
#newsDetails h2 { padding:35px 0 10px 10px; } /* Single News in full view */
.newsShort { margin:0 0 0 200px; width:450px; height:120px; font-size:13px; text-align:justify; }
.newsContent { margin:0 0 10px 10px; width:670px; height:auto; text-align:justify; display:block; font-size:13px; }
.newsContent .related h3 { margin-top:15px; } .newsContent .related ul { list-style:none; }
.newsContent hr { width:80%; margin:10px auto; height:1px; color:#ccc; background:#ccc; }
.newsInner1 > .newsFooter { background:url(images/main_sprite_en.png) no-repeat 0 -463px; }
.newsInner2 > .newsFooter { background:url(images/main_sprite_en.png) no-repeat 0 -492px; }
.newsPicLeft, .newsPicRight, .newsPicCenter { border: 1px solid #ccc; padding: 2px; }
.newsPicLeft { float: left; margin: 3px 10px 3px 0px; } .newsPicRight { float: right; margin: 3px 0px 3px 10px; } .newsPicCenter { display:block; text-align:center; margin:10px auto; }
#newsShare { float:right; margin:30px 10px 0 0; }
#newsShare > iframe { height:21px !important; }
#newsAuthor { float:right; width:400px; height:84px; margin:10px 10px 55px 5px; clear:right; }
#newsAuthor > a > img { float:left; padding:2px; border:1px solid #ccc; }
#newsAuthor h4 { float:right; height:20px; font:bold 18px Tahoma; color:#ddd; letter-spacing:1px; text-transform:uppercase; text-decoration:none; }
#newsAuthor p { margin:7px 0 7px 70px; font-size:11px; color:#333; }
#newsAuthor p.author { font-size:14px; color:#000; }
#newsAuthor p a { border:0px !important; }
#newsAuthor a { font-weight:bold; }
.newsFooter { position:absolute; right:0px; bottom:0px; width:689px; height:18px; text-align:right !important; padding:10px 0 0 0; }
.newsFooter a { color:#fff; font-size:11px; border:0px; }
.newsFooter a.orange { color:#e1ad0f; font-size:12px; margin-right:8px; border:0px; }
.newsAdmin { position:absolute; bottom:17px; left:5px; }
.newsAdmin a:hover { border:0px !important; }
/* --- Comments --- */
.comment { width:600px; margin:0 auto; padding:15px 0; }
.comment h4 { font-size:11px; color:#444; }
.comment h4 .num { color:#666; }
.comment h4 a { font-weight:bold; }
.comment h4 .date { color:#666; font-weight:normal; }
.comment .options { float:right; }
.comment .message { border-left:2px solid #777; margin:5px 0 5px 10px; padding:5px; }
.comment hr { width:80%; margin:15px auto 0; height:1px; color:#ccc; background:#ccc; }
#post h3 { padding:0px; }
#post .input { width:435px; margin-left:80px; }
#post textarea { float:left; width:435px; height:110px; }
#post .options { float:right; margin:20px 50px 0 0; }
#post p { font-size:11px; }
#post input[type="submit"] { clear:both; margin:15px 0 0 200px; }
/* --- Teams --- */
.team { height:100%; margin:0 5px 35px 5px; clear:both; }
.teamHead { height:110px; margin:5px; }
.teamHead > * { float:left; }
.teamHead > a { display:block; width:305px; height:100px; }
.teamHead > a:hover { border-bottom:0px !important; }
.teamDescription { width:355px; margin-left:5px; }
.teamDescription > h3 { font-size:13px; margin:0 0 3px 2px; }
.teamDescription a { font-weight:bold;font-size:11px; }
/* --- Player --- */
.player { position:relative; float:left; width:213px; height:82px; margin:5px 6px; text-align:left;
background:url(images/playerbox_bg.gif); }
.player > a { display:block; position:absolute; left:1px; top:1px; width:60px; height:80px; }
.player > a:hover, .player > div > a:hover { border-bottom:0px !important; }
.roundedEdgeTop, .roundedEdgeBottom { position:absolute; left:1px; width:1px; height:1px; font-size:0px; background:#a6a5a5; }
.roundedEdgeTop { top:1px; } .roundedEdgeBottom { bottom:1px; }
.player ul { position:absolute; left:64px; top:4px; width:145px; margin:0; padding:0;
list-style-type:none; overflow:hidden; }
.player li { min-height:15px; white-space:nowrap; }
.player li a { font-weight:bold; }
.playerOnline { position:absolute; right:6px; top:8px; width:10px; height:14px; }
.playerLinks { position:absolute; right:3px; bottom:-2px; }
/* --- Profile --- */
#profileSidebar { float:right; width:160px; margin-right:10px; }
#profileMain { float:left; width:500px; margin-left:10px; }
#profileMain > *, #profileSidebar > * { padding-top:20px; clear:both; }
#profileInfo ul, #profileClan ul, #profileEquip ul, #profileSquads ul,#profileVisits ul { position:relative; list-style:none; }
#profileInfo li, #profileClan li, #profileEquip li { position:relative; float:left; width:50%; height:32px; margin-bottom:10px;
white-space:nowrap; overflow:hidden; }
#profileInfo li > h4, #profileClan li > h4, #profileEquip li > h4 { position:absolute; width:95%; top:18px;
border-top:1px dotted #ccc; color:#999; font-size:11px; font-weight:normal; }
#profileAwards .place, #profileAwards .icon { text-align:center; padding:0 2px; }
#profileAwards span { font-size:11px; color:#999; }
#profilePic { margin-top:20px; padding:2px; max-width:150px; border:1px solid #ccc; }
#profileVisits p { margin-bottom:10px; }
/* --- Results --- */
#results { width:600px; margin:0 auto 20px; }
#results th { padding-bottom:5px; }
#results th, #results th a { font-weight:bold; color:#aaa; font-weight:bold; font-size:11px; }
#results th.date { width:75px; } #results th.game { width:40px; } #results th.opp { width:290px; }
#results th.league { width:140px; } #results th.score { width:55px; }
#results td { line-height:0; padding:1px; white-space:nowrap; }
#results td > span { color:#aaa; }
#results td > img { vertical-align:-1px; }
#results td.date, #results td.game, #results td.score { text-align:center; }
#results td.score { font-weight:bold; }
#results td.game > a:hover { border-bottom:0px !important; }
/* --- Matchdetails --- */
#matchHome, #matchOpp { margin:15px; list-style:none; }
#matchHome li:first-child, #matchOpp li:first-child { font-size:18px; color:#000 !important; font-weight:bold; margin-bottom:5px; }
#matchOpp li:first-child a { font-weight:bold; }
#matchHome { float:left; } #matchOpp { float:right; text-align:right; }
#matchScore { width:150px; margin:15px auto; text-align:center !important; font-size:24px; font-weight:bold; }
#matchDetails { clear:left; float:left; width:450px; margin-left:15px; }
#matchDetails ul { list-style:none; }
#matchDetails li { position:relative; float:left; width:50%; height:32px; margin-bottom:10px; }
#matchDetails li > h4 { position:absolute; width:95%; top:18px;
border-top:1px dotted #ccc; color:#999; font-size:11px; font-weight:normal; }
#matchDetails li > img { vertical-align:-1px; }
#matchMaps { clear:right; float:right; width:200px; margin-right:15px; }
#matchMaps table { width:200px; padding:2px; border:1px solid #ccc; border-spacing:0px; }
#matchMaps td, #matchMaps th { text-align:center; padding:2px;}
#matchMaps th > img { margin:0 15px; }
#matchMaps td.res { background:#ececec; max-width:40px; }
#matchMaps td.map { font-weight:bold; width:120px; }
#matchMaps tr.overall > td.res { font-weight:bold; background:#f2f2f2; border-top:1px solid #aaa;}
#matchSignup, #matchScreenshots, #matchReport { clear:both; margin:15px 0 0 15px; }
#matchScreenshots > div { text-align:center; }
#matchScreenshots img { width:280px; margin:3px; padding:2px; border:1px solid #ccc; }
#matchScreenshots a:hover { border-bottom:0px !important; }
#matchScreenshots .missing, #matchReport .missing { text-align:left; font-style:italic; }
/* --- Signup-System --- */
table.signup { width:100%; margin-top:5px;}
th.signup { width:33%; text-align:center; cursor:pointer; }
th.angemeldet { color:green; border:1px solid green; }
th.vielleicht { color:darkorange; border:1px solid darkorange; }
th.abgemeldet { color:red; border:1px solid red; }
table.signup td { vertical-align:top; }
ul.signup { list-style-type:none; }
ul.unusedPlayer li { display:inline; margin-right:5px; }
ul.unusedPlayer li > h4 { display:inline; margin-right:5px; }
div#additional { display:none; }
/* --- Upcoming --- */
#upcomingSignup { width:600px; margin:0 auto; }
#upcomingSignup > h3 { margin-top:20px; } #upcomingSignup table { width:600px; }
#upcomingSignup th, #upcomingSignup th a { font-weight:bold; color:#aaa; font-size:11px; }
#upcomingSignup th { padding-bottom:5px; }
#upcomingSignup th.date{ width:100px; } #upcomingSignup td.date{ text-align:center; }
#upcomingSignup th.game{ width:40px; } #upcomingSignup td.game{ text-align:center; }
#upcomingSignup th.opponent{ width:240px; } #upcomingSignup td.game > a { font-weight:bold; }
#upcomingSignup th.league{ width:140px; }
#upcomingSignup th.status{ width:80px; } #upcomingSignup td.status{ text-align:center; }
#upcomingSignup th.opponentupcoming{ width:320px; }
#upcomingSignup td { line-height:0; padding:1px; white-space:nowrap; }
#upcomingSignup td > img { vertical-align:-1px; }
#upcomingSignup td.game > a:hover, #upcomingSignup td.status > a:hover { border-bottom:0px !important; }
#reminder { display:none; width:689px; margin:0 0 5px 3px; padding:2px; border:1px #d1cfd0 solid; background:#e1ad0f; }
#reminder a { display:block; width:100%; padding:10px 0; background-color:#e3e3e3; font-weight:bold; font-size:14px; text-align:center; }
#reminder a:hover { border-bottom:0px !important; }
/* --- Achievements --- */
#awards { width:600px; margin:0 auto; }
#awards h3 { margin-top:20px; }
#awards th { padding-bottom:5px; color:#aaa; font-weight:bold; font-size:11px; }
#awards th.date { width:85px; } #awards th.place { width:50px; } #awards th.event { width:295px; } #awards th.recipient { width:170px; }
#awards td { line-height:0; padding:1px; white-space:nowrap; }
#awards td > img { vertical-align:-1px; }
#awards td.date, #awards td.place { text-align:center; }
#awards td.event > a { font-weight:bold; }
/* --- WebIRC --- */
#irc { display:block; width:309px; margin:0 auto; }
#irc:hover { border-bottom:0px !important; }
#irc ~ h4 { margin:30px 5px 5px; }
#irc ~ ul { list-style:none; margin-left:10px; }
#webirc { background:#e8e7e7; padding:0; }
#webircHeader { width:100%; height:100px; background:url(images/irc_header.jpg); }
#webircFooter { width:100%; height:100px; background:url(images/irc_footer.jpg); }
#webirc iframe { width:100%; height:400px; border:0; }
/* --- Forums --- */
.forums { width:675px; margin:0 auto 20px; border-spacing:1px; clear:both; }
#announcement { width:600px; padding:5px; border:2px solid #ccc; }
.forums th { padding-bottom:5px; color:#aaa; font-weight:bold; font-size:11px; }
.forums th.icon { width:22px; } .forums th.latest { width:140px; } .forums th.author { width:140px; }
.forums th.topics, .forums th.posts, .forums th.replies, .forums th.views { width:50px; }
.forums td { padding:3px 5px; } .forums td > h3 { margin:5px; }
.forums td.icon, .forums td.topics, .forums td.replies, .forums td.latest, .forums td.author { background:#f0f0f0; text-align:center; color:#555; }
.forums td.details, .forums td.posts, .forums td.views, .forums td.title, .forums td.post { background:#ececec; color:#555; }
.forums td.posts, .forums td.views { text-align:center; }
.forums td.details > h4, .forums td.details > p.mods, .forums td.details > p.pages { display:inline; margin-right:5px; }
.forums td.details > h4 > a, .forums td.title > h4 > a, .forums td.author > h4 > a { font-weight:bold; }
.forums td.details > p, .forums td.latest { font-size:11px; }
.forums td.latest > p { text-align:center !important; }
.forums td.latest > p > a { font-size:12px; }
.forums td.author, .forums td.post { vertical-align:top; margin:1px 0; }
.forums td.author > p.member { text-align:center !important; color:#e1ad0f; }
.forums td.author > img { margin:5px 0 5px 5px; padding:2px; border:1px solid #ccc; max-width:100px; }
.forums td.author > ul { float:right; list-style:none; }
.forums td.author > ul > li { text-align:center; width:16px; }
.forums td.author > div.contact { text-align:left; } .forums td.author > div.contact img { margin:1px 0; }
.forums td.author > div.contact a:hover { border-bottom:0px !important; }
.forums div.postHead, .forums div.postAwards { float:left; font-size:11px; }
.forums div.postHead { width:200px; margin-top:3px; }
.forums div.postAwards { width:110px; text-align:center; }
.forums div.postActions { float:right; }
.forums td.post > div { padding:10px 0; } .forums td.post > div.message { clear:both; border-top:1px solid #ddd; color:#000; }
.forums td.post img { vertical-align:-2px; }
.forums td.post hr { width:50%; margin:5px auto; height:1px; color:#ccc; background:#ccc; }
.forumsLegend { margin:25px auto; text-align:center; clear:both; }
.forumsLegend > img { vertical-align:-1px; margin-left:5px; }
.forumsLegend td { text-align:left; padding:2px; }
.forums ~ h3 { margin:10px; }
.forums ~ ul { list-style:none; margin:3px 0 0 10px; }
.forums ~ ul > li { display:inline; margin-right:1px; }
.forums ~ ul > li > a, .forums ~ ul.birthday > li:first-child, .forums ~ p.stats > span { font-weight:bold; }
.hierarchy ~ .actions { float:right; }
#forumsPost { width:600px; margin:0 auto 10px; }
#forumsPost h3 { margin:10px; }
#forumsPost input[type="button"] { margin:0 0 5px 0; }
#forumsPost textarea { margin:10px 0; }
#forumsPost .options, #forumsPost .settings { width:50%; height:80px; font-size:11px; }
#forumsPost .options { float:left; } #forumsPost .settings { float:right; text-align:right; }
#forumsPost input[type="submit"] { clear:both; margin:30px auto; display:block; }
/* --- Servers --- */
.serverVoice { width:350px; }
.serverVoice .logo { width:150px; }
.serverVoice .logo > img { margin:0 auto; }
.serverVoice .tool { width:70px; }
.serverVoice td { text-align:left; }
/* --- Registered User --- */
#regUsers { width:600px; margin:0 auto 20px; }
#regUsers th { padding-bottom:5px; }
#regUsers th, #regUsers th a { font-weight:bold; color:#aaa; font-weight:bold; font-size:11px; }
#regUsers th.nickname { width:210px; } #regUsers th.reg { width:130px; } #regUsers th.login { width:130px; } #regUsers th.contact { width:130px; }
#regUsers td { white-space:nowrap; }
#regUsers td > img { vertical-align:-1px; }
#regUsers td.reg, #regUsers td.login, #regUsers td.contact { text-align:center; }
#regUsers td > a { font-weight:bold; }
/* --- News Archive --- */
#newsArchive { width:600px; margin:0 auto 20px; }
#newsArchive th { padding-bottom:5px; }
#newsArchive th, #newsArchive th a { font-weight:bold; color:#aaa; font-weight:bold; font-size:11px; }
#newsArchive th.date { width:90px; } #newsArchive th.title { width:355px; } #newsArchive th.cat { width:165px; }
#newsArchive td { white-space:nowrap; }
#newsArchive td > img { vertical-align:-1px; }
#newsArchive td.date { text-align:center; }
#newsArchive td > a { font-weight:bold; }
#newsArchive td > span { color:#aaa; }
/* --- Polls --- */
.poll { margin-bottom:10px; }
.poll hr { background:none repeat scroll 0 0 #CCCCCC; clear:both; color:#CCCCCC; height:1px; margin:25px auto; width:50%; }
.poll p { margin:5px 0 0 10px; }
.poll table { margin:10px auto; }
.poll td { width:220px; height:18px; font-weight:bold; text-align:right; }
/* --- Gallery --- */
#loading { margin:30px auto; display:block; }
#gallery { width:600px; margin:0 auto; }
#gallery td { width:33%; padding-bottom:40px; vertical-align:top; }
#gallery td > a { display:block; margin:0 auto; text-align:center; background:#eee; width:170px; height:117px; padding:2px; border:1px solid #ccc; }
#gallery td > a:hover { border-bottom:1px solid #ccc !important; }
#gallery td img { margin:5px; height:107px; }
#gallery td p { margin:5px 0; text-align:center; }
/* --- Downloads --- */
#fileCategories { }
#fileCategories h3 { margin:0px; }
#fileCategories td.stats, #fileTop td.stats { text-align:center; }
#fileCategories ~ hr { width:80%; margin:15px auto; height:1px; color:#ccc; background:#ccc; }
#fileTop { float:left; width:250px; margin:0 0 20px 70px; }
#fileTop td.num { width:20px; text-align:center; }
#fileTop td.title a { font-weight:bold; }
#fileStats { float:left; width:250px; margin:0 0 20px 50px; }
#fileCategory td a { font-weight:bold; }
#fileCategory td.stats, #fileCategory td.rating, #fileCategory td.link { text-align:center; }
#fileCategory td.rating { width:70px; }
#file { width:400px; margin:10px auto 0; }
#file td.title { width:40%; }
#file td[colspan="2"] { padding:15px 0; text-align:center; }
#file h4 a { color:#00AA00; font-weight:bold; font-size:13px; }
#reportPost { width:400px; margin:0 auto; text-align:center; }
#reportPost textarea { margin:10px 0; }
/* --- Sponsors --- */
.sponsor ~ p { margin-bottom:20px; }
.sponsor ~ p > img { margin:5px; }
.sponsor ~ p > a { font-style:italic; }
/* --- Club --- */
#club h3 { margin-top:20px; }
#club > p { margin:0 10px; }
#club .vorstand, #club .docs { list-style:none; }
#club .vorstand li { float:left; width:135px; margin-bottom:20px; text-align:center; font-size:11px; }
#club .vorstand li img { padding:2px; width:100px; border:1px solid #ccc; }
#club .vorstand li p { text-align:center !important; }
#club .vorstand li h4 > a, #club .vorstand li h4 > a:hover { font-weight:bold; }
#club .vorstand ~ h3 { clear:both; }
#club .docs { background:url(images/icons/download_pdf.png) no-repeat 40px center; padding-left:100px; }
#club .docs li { height:25px; line-height:25px; } #club .docs a, #club .docs a:hover { font-weight:bold; }
/* --- Apply --- */
div.apply { float:left; width:340px; margin:20px 0; }
div.apply ul { list-style:none; margin:0 30px; }
div.apply ul li { background:url(images/icons/bullet_add.png) no-repeat left; text-indent:20px; }
div.lookingFor { clear:both; }
div.lookingFor ul { list-style:none; padding:0 30px; }
div.lookingFor h2 { text-align:center; padding:10px 0; font-size:20px; }
div.lookingFor h2 a, div.lookingFor h2 a:hover { font-weight:bold; }
/* --- FAQ --- */
h4.faq { margin-left:20px; }
ul.faq { margin:10px 30px; list-style:inside circle; }
ul.faq li.pdf { list-style-image:url(images/icons/pdf.png); }
/* --- Search --- */
#search, #searchForm > table { width:600px; margin:0 auto; }
#searchForm hr { width:80%; margin:5px auto; height:1px; color:#ccc; background:#ccc; }
#searchForm td h3 { margin-bottom:5px; }
#searchForm td input[name="text"] { width:420px; }
#searchForm td input[type="radio"] { margin-left:5px; }
#searchForm input[type="submit"] { display:block; margin:10px auto; }
#search .result { width:600px; margin:0 auto; padding:15px 0; }
#search .result h4 { font-size:11px; color:#444; }
#search .result h4 .num { color:#666; }
#search .result h4 a { font-weight:bold; }
#search .result h4 .date { color:#666; font-weight:normal; }
#search .result .link { float:right; }
#search .result h4.title { margin:10px 10px 0; font-size:12px; }
#search .result p { width:510px; border-left:2px solid #777; margin:5px 0 5px 10px; padding:5px; }
#search .result hr { width:80%; margin:15px auto 0; height:1px; color:#ccc; background:#ccc; }
/* --- Messenger --- */
#messengerNav { float:right; margin:10px; color:#e1ad0f; } #messengerNav a { font-weight:bold; }
#messenger .contentTable { width:600px; margin:20px auto; border-spacing:1px; }
#messenger .contentTable th { padding-bottom:5px; color:#aaa; font-weight:bold; font-size:11px; }
#messenger .contentTable th.icon { width:80px; } #messenger .contentTable th.date { width:150px; }
#messenger .contentTable th.reply { width:50px; }
#messenger .contentTable td { padding:3px 5px; }
#messenger .contentTable td.icon, #messenger .contentTable td.date, #messenger .contentTable td.reply { text-align:center; }
#messenger .contentTable td.date { color:#555; }
#messenger .contentTable td.title > h4 > a { font-weight:bold; }
#messenger .contentTable td.title > h4.new > a { font-weight:bold; font-size:13px; text-shadow:1px 1px 2px #D6B654; }
#messenger .contentTable td.title > p { font-size:11px; }
#messenger .quickaction { float:left; margin-left:10px; width:45%; } #messenger .quickaction input[type="submit"] { margin:0; }
#messenger .pages { float:right; margin-right:10px; width:45%; text-align:right; }
#pmPost { width:600px; margin:0 auto 10px; }
#pmPost h3 { margin:10px; }
#pmPost p { margin:10px; }
#pmPost input[type="button"] { margin:0 0 5px 0; }
#pmPost textarea { margin:10px 0; }
#pmPost .options, #pmPost .settings { width:50%; height:80px; font-size:11px; }
#pmPost .options { float:left; } #pmPost .settings { float:right; text-align:right; }
#pmPost input[type="submit"], #pmPost input[name="reply"] { clear:both; margin:30px auto; display:block; }
#pmPost > .box { padding:10px 5px; }
/* --- Settings --- */
#settings table { width:600px; margin:0 auto 10px; border-spacing:0px; }
#settings td { padding:2px; }
#settings td[colspan="2"] { padding:10px; color:#888; }
#settings td.key { width:200px; text-align:right; padding-right:15px; }
#settings.editpw td.key { width:50%; }
#settings td.required { font-style:italic; }
#settings td.userpic img { float:left; padding:2px; border:1px solid #ccc; }
#settings td.userpic div { float:left; padding:10px 0 0 10px; }
#settings td.userpic input[type="file"] { margin:10px 0; font-size:10px; }
#settings .options { font-size:11px; float:right; text-align:right; }
#settings input[type="submit"] { display:block; margin:10px auto; }
/* --- Register / Lost Password / Contact --- */
#register, #lostpw, #contact { width:500px; margin:0 auto; }
#register > ol, #contact ul { list-style:none; }
#register > ol > li, #contact ul > li { margin:10px 0; }
#register p, #lostpw p { margin:0 20px; }
#register span, #lostpw span, #contact span { text-align:center; margin:5px 0; display:block; }
#contact h4, #contact p { margin:15px 0 5px 0; }
#contact input[type="radio"] { vertical-align:-1px; margin-left:5px; }
#contact img { vertical-align:-2px; }
/* --- Imprint --- */
#imprint p { margin:5px 10px 5px 20px; }
#imprint h3 { margin-top:15px; }
#imprint h4 { margin:15px; }
#disclaimer ~ p { font-size:11px; }
/* -------------------------------- */
/* Other Classes */
/* -------------------------------- */
/* --- Tables containing Data --- */
.dataTable { width:600px; margin:0 auto 20px; }
.dataTable th { padding-bottom:5px; }
.dataTable th, .dataTable th a { font-weight:bold; color:#aaa; font-weight:bold; font-size:11px; }
.dataTable td { padding:1px; }
.dataTable td > span { color:#aaa; }
.dataTable td > img { vertical-align:-1px; }
/* --- Style für Boxen --- */
.box { padding:5px; border:1px solid #ddd; background:#eee; }
.serverBox { width:600px; margin:20px auto; text-align:center; }
.serverBox h4 { margin:5px; font-size:13px; font-weight:bold; }
.serverBox > table { margin:0 auto; }
.quoteBoxForum, .quoteBoxNews { padding:3px 10px 5px 40px; margin:5px 0 5px 20px; width:80%; text-align:justify;
background:#eee url(images/icons/quote-news.gif) no-repeat top left; font-style:italic; }
.quoteBoxNews { border:1px solid #ddd; /* legacy */ font-style:normal; }
.quoteBoxForum h4, .quoteBoxNews h4 { font-size:13px; font-style:normal; text-decoration:none; }
.mediaBox { width:50%; float:left; margin-bottom:30px; text-align:center; }
.mediaBox > a:hover { border-bottom:0px !important; }
.mediaBox > img, .mediaBox > a > img { margin:5px; padding:2px; border:1px solid #ccc; }
.mediaBox > img[onclick]:hover { padding:1px; border:2px solid #e1ad0f; cursor:pointer; }
.mediaBox > p { text-align:center !important; } .mediaBox > p > img, .mediaBox li > img { vertical-align:-3px; }
.mediaBox > ul { list-style:none; }
.mediaBox ~ hr { width:50%; margin:25px auto; height:1px; color:#ccc; background:#ccc; clear:both; }
.codeBox > div { overflow:auto; width:500px; font-family:monospace; font-size:11px; white-space:nowrap; }
/* --- Hierarchical Sub-Navigation on some Pages --- */
.hierarchy { margin:10px; color:#e1ad0f; }
.hierarchy a { font-weight:bold; }
.form_off { color:#666; border:1px solid #bbb; background:#dcdcdc url(images/textarea_bg.gif) no-repeat center center; }
.form_on { color:#666; background:#dcdcdc; border:1px solid #bbb; }
/* --- Captcha --- */
#captcha { padding:2px; border:1px solid #ccc; vertical-align:-6px !important; }
/* --- Matchsheet --- */
.matchsheet { position:relative; margin:0 auto; width:607px; height:176px; background:url(images/matchsheet_en.jpg) no-repeat left top; }
.matchsheet img, .matchsheet p, .matchsheet a { position:absolute; }
.matchsheet p { font-weight:bold; text-shadow:0px 0px 3px #eee; }
.matchsheet img.home { top:31px; left:39px; }
.matchsheet img.guest { top:30px; left:464px; }
.matchsheet p.home { top:105px; left:160px; font-size:13px; }
.matchsheet p.guest { top:45px; right:160px; font-size:13px; }
.matchsheet a.matchlink { top:60px; left:270px; display:block; width:70px; height:45px; text-indent:-8000px; overflow:hidden; }
.matchsheet p.result { top:123px; left:253px; width:100px; height:25px; text-align:center !important; font-size:20px; }
.matchsheet a:hover, .matchsheet a { border:0px !important; }
/* --- Error Message --- */
.error, .noAccess { font-size:14px; padding-top:200px; text-align:center; color:#000; }
.error { background:url(images/error.png) no-repeat center top; }
.noAccess { background:url(images/no_access.png) no-repeat center top; }
/* -------------------------------- */
/* Popups (create News, edit News, upload File) */
/* -------------------------------- */
.popup { width:auto; height:100%; padding:5px; background:white; background-image:none; }
.popup .imageList img { margin:0 4px 3px 0; }
.popup h3 { margin-top:10px; }
.popup input { padding:2px; }
.popup input[type="submit"], .popup input[type="reset"], .popup input[type="button"], .popup button {
padding:5px; margin:5px 0; color:#444; background:#eee; border:2px solid #ddd; cursor:pointer; font-weight:bold; }
.popup input[type="submit"]:hover, .popup input[type="reset"]:hover, .popup input[type="button"]:hover, .popup button:hover
{ color:#000; border:2px solid #ccc; }
.popup select { background:#eee; border:2px solid #ddd; color:#444; padding:2px; }
.popup select:hover { color:#000; border:2px solid #ccc; }
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; /*zoom:1;*/ display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto;
line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }