/* main layout {{{ */
html                { overflow:hidden; }
body                { background: url("/gfx/bretter-bu.de/bg_main.jpg"); background-position:top left;
                      font-family: Calibri, Verdana, Tahoma, Arial; overflow:hidden; }
div.debug           { position:absolute; z-index:99; top:5px; right:5px; width:400px; height:200px; border:1px solid red; overflow:scroll; 
                      display:none; }
div.logo            { background: url("/gfx/bretter-bu.de/lg_main.png"); width:350px; height:88px; background-repeat:no-repeat; 
                      position:absolute; z-index:99; bottom:10px; left:10px; }
div.bottom_white    { background: url("/gfx/bretter-bu.de/bg_half_green.png"); width:100%; height:70px; background-repeat:repeat; 
                      position:absolute; z-index:98; bottom:0px; left:0px; }
div.userbar         { background: url("/gfx/bretter-bu.de/bg_userbar.png"); width:100%; height:30px; background-repeat:repeat; 
                      position:absolute; z-index:98; bottom:70px; left:0px; padding-top:3px; }
div.radar_out       { background: url("/gfx/bretter-bu.de/bg_radar.png"); width:100%; height:50px; background-repeat:repeat; 
                      position:absolute; z-index:98; top:0px; left:0px; }
div.radar_ico       { position:absolute; z-index:99; top:7px; right:7px; width:40px; height:40px; cursor:pointer; }
div.radar_text      { position:absolute; z-index:99; bottom:5px; right:60px; width:90%; height:40px; 
                      font-size:14px; color:white; font-weight:normal; vertical-align:middle; text-align:right; }
div.connect         { position:absolute; z-index:99; bottom:12px; right:145px; width:50px; height:50px; }
.on                 { background: url("/gfx/bretter-bu.de/ico_refresh_on.png"); }
.off                { background: url("/gfx/bretter-bu.de/ico_refresh_off.png"); }
.error              { background: url("/gfx/bretter-bu.de/ico_refresh_error.png"); }
div.content         { position:absolute; z-index:1; top:0px; left:65px; width:80%; height:80%; padding:20px; }

div.online_info     { position:absolute; z-index:99; width:600px; height:30px; top:4px; left:380px;
                      font-family:'Maven Pro', Arial, Serif; color:#ffffff;
                      font-size:14px; letter-spacing:0px; }
div.online_msgs     { position:absolute; z-index:99; width:600px; height:30px; top:20px; left:380px;
                      font-family:'Maven Pro'; color:#ffffff;
                      font-size:14px; letter-spacing:0px; }
div.feedback        { border-radius: 0px 5px 0px 5px; -moz-border-radius: 0px 5px 0px 5px; text-align:center;
                      width:20%; left:40%; border: 1px solid white; position:relative; color:white;
                      background: url("/gfx/bretter-bu.de/bg_half_green.png"); top:-60px; cursor:pointer; }
div.feedback:hover  { font-weight:bold; }
span.info_out       { font-family:'Maven Pro'; color:#ffffff;
                      font-size:16px; letter-spacing:0px; cursor:pointer; }
span.chat_time      { font-size:10px; color:#085f2f; }
span.err            { color:#ff0000; }
/* }}} */
/* text {{{ */ 
h1                  { font-size:18px; line-height:5px; margin-top:0px; }
h3                  { font-size:16px; color:#085f2f; line-height:10px; }
span.win_head       { font-size:14px; color:white; }
span.win_content    { font-size:12px; color:#2c2c2c; font-weight:normal; }
span.wrn_content    { font-size:14px; color:white; font-weight:bold; }
span.brd_e_content  { font-size:12px; color:#2c2c2c; }
span.brd_u_content  { font-size:12px; color:#2c2c2c; }
span.brd_id         { font-size:24px; color:#fcfcfc; }
span.welcome        { font-size:14px; color:white; padding-right:10px; line-height:25px; }
span.comment        { font-size:11px; }

a.link              { font-size:12px; color:white; text-decoration:none; cursor:pointer; }
a.content           { font-size:12px; color:#085f2f; text-decoration:none; cursor:pointer; }
a.content:hover     { font-weight:bold; font-variant:small-caps; color:#2c2c2c; }
a.navi              { font-size:14px; color:#deffde; text-decoration:none; cursor:pointer; font-family:'Maven Pro', Calibri, Verdana, Tahoma, Arial; }
a.link:hover        { font-weight:bold; }
a.navi:hover        { font-variant:small-caps; color:white; }
/* }}} */
/* navi, focushelper & icons {{{ */
div.register_button { position:absolute; z-index:50; top:1px; width:30px; height:30px; 
                      background:url("/gfx/bretter-bu.de/bt_register_off.png"); cursor:pointer; }
div.register_button:hover { background:url("/gfx/bretter-bu.de/bt_register_on.png"); cursor:pointer; }
div.whiteout        { position:absolute; z-index:200; left:0px; top:0px; width:100%; height:100%; visibility:hidden; display:none; 
                      background:url("/gfx/bretter-bu.de/bg_half_black.png"); }
div.navi            { position:absolute; z-index:100; left:5px; top:5px; width:100px; font-family:'Maven Pro', Calibri, Verdana, Tahoma, Arial; }
div.icon            { background-position: center !important; background-repeat: no-repeat !important; position:relative; width:52px; height:42px; 
                      z-index:101; float:left !important; }
/* }}} */
/* fancy chat {{{ */ 
div.chat_out        { width:100%; height:100%; overflow:hidden; background:transparent; padding:0px; }
div.chat_top        { width:100%; height:100%; bottom:50px; left:-20px; padding-left:42px; padding-bottom:2px; border-bottom:1px solid #cfcfcf;
                      overflow:hidden; overflow-y:scroll; background:transparent; float:left; padding-right:10px;
                      position:absolute; }
div.chat_input      { width:450px; height:20px; overflow:hidden; padding:2px; float:left; position:absolute; 
                      bottom:18px; }
/* }}} */
/* fancy gallery {{{ */
div.gal_next        { width:40px; height:40px; background: url("/gfx/bretter-bu.de/bg_half_green.png"); position:absolute; z-index:99; right:40px; top:40px;
                      border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border: 1px solid white;
                      font-size:3em; text-align:center; vertical-align:top; line-height:34px; cursor:pointer; color: white; }
div.gal_next:hover  { background:red; background: url("/gfx/bretter-bu.de/bg_userbar.png"); font-size:4em; }
div.gal_before      { width:40px; height:40px; background: url("/gfx/bretter-bu.de/bg_half_green.png"); position:absolute; z-index:99; left:40px; top:40px;
                      border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border: 1px solid white;
                      font-size:3em; text-align:center; vertical-align:top; line-height:34px; cursor:pointer; color: white; }
div.gal_before:hover { background:red; background: url("/gfx/bretter-bu.de/bg_userbar.png"); font-size:4em; }
/* }}} */
/* windows {{{ */
div.win_container   { position:absolute; } 
div.win_tl          { position:relative; float:left; width:21px; height:38px; background: url("/gfx/bretter-bu.de/win/win_tl.png"); 
                      background-repeat:no-repeat; background-position:top left; cursor:nw-resize; }
div.win_t           { position:relative; float:left; height:38px; background: url("/gfx/bretter-bu.de/win/win_t.png");
                      background-repeat:repeat-x; background-position:top; cursor:move; text-align:center; line-height:40px; }
div.win_tr          { position:relative; float:left; width:40px; height:38px; background: url("/gfx/bretter-bu.de/win/win_tr.png");
                      background-repeat:no-repeat; background-position:top right; cursor:pointer; }
div.win_tr:hover    { background: url("/gfx/bretter-bu.de/win/win_tr_a.png"); }
div.win_tr_nox      { position:relative; float:left; width:25px; height:51px; background: url("/gfx/bretter-bu.de/win/tr_nox.png");
                      background-repeat:no-repeat; background-position:top right; cursor:pointer; }
div.win_r           { position:relative; float:left; width:6px; background: url("/gfx/bretter-bu.de/win/win_r.png");
                      background-repeat:repeat-y; background-position:right; cursor:e-resize; }
div.win_cnt         { position:relative; float:left; background: url("/gfx/bretter-bu.de/win/bg.png"); 
                      background-repeat:repeat; overflow-y: scroll; padding:20px; }
div.win_refresh     { position:absolute; background: url("/gfx/bretter-bu.de/win/win_refresh.png");
                      background-repeat:no-repeat; overflow:hidden; width:20px; height:20px; top:11px; right:45px; 
                      z-index:99; cursor:pointer; border-right: 1px solid #cfcfcf; padding-right:5px; }
div.win_refresh:hover { background: url("/gfx/bretter-bu.de/win/win_refresh_on.png"); background-repeat:no-repeat; } 
div.win_l           { position:relative; float:left; width:8px; background: url("/gfx/bretter-bu.de/win/win_l.png");
                      background-repeat:repeat-y; background-position:left; cursor:w-resize; }
div.win_bl          { position:relative; float:left; width:8px; height:4px; background: url("/gfx/bretter-bu.de/win/win_bl.png");
                      background-repeat:no-repeat; background-position:bottom left; cursor:sw-resize; }
div.win_b           { position:relative; float:left; height:4px; background: url("/gfx/bretter-bu.de/win/win_b.png"); 
                      background-repeat:repeat-x; background-position:bottom; cursor:s-resize; }
div.win_br          { position:relative; float:left; width:6px; height:4px; background: url("/gfx/bretter-bu.de/win/win_br.png");
                      background-repeat:no-repeat; background-position:bottom right; cursor:se-resize; }
div.autocomp        { background: url("/gfx/bretter-bu.de/win/bg.png"); border: 1px solid #085f2f; overflow:hidden; overflow-y:scroll;
                      height: 100px; padding:10px; border-radius: 0px 5px 0px 5px; -moz-border-radius: 0px 5px 0px 5px; }
/* }}} */
/* fancy messages {{{ */
div.wrn_container   { position:absolute; z-index:12; }
div.wrn_tl          { position:relative; float:left; width:20px; height:17px; background: url("/gfx/bretter-bu.de/win/w_tl.png"); 
                      background-repeat:no-repeat; background-position:top left; }
div.wrn_t           { position:relative; float:left; height:17px; background: url("/gfx/bretter-bu.de/win/w_t.png");
                      background-repeat:repeat-x; background-position:top; }
div.wrn_tr          { position:relative; float:left; width:18px; height:17px; background: url("/gfx/bretter-bu.de/win/w_tr.png");
                      background-repeat:no-repeat; background-position:top right; }
div.wrn_r           { position:relative; float:left; width:18px; background: url("/gfx/bretter-bu.de/win/w_r.png");
                      background-repeat:repeat-y; background-position:right; }
div.wrn_cnt         { position:relative; float:left; background: url("/gfx/bretter-bu.de/win/w_bg.png"); 
                      background-repeat:repeat; overflow: hidden; color:white; }
div.wrn_l           { position:relative; float:left; width:20px; background: url("/gfx/bretter-bu.de/win/w_l.png");
                      background-repeat:repeat-y; background-position:left; }
div.wrn_bl          { position:relative; float:left; width:20px; height:22px; background: url("/gfx/bretter-bu.de/win/w_bl.png");
                      background-repeat:no-repeat; background-position:bottom left; }
div.wrn_b           { position:relative; float:left; height:22px; background: url("/gfx/bretter-bu.de/win/w_b.png"); 
                      background-repeat:repeat-x; background-position:bottom; }
div.wrn_br1         { position:relative; float:left; width:10px; height:22px; background: url("/gfx/bretter-bu.de/win/w_br1.png");
                      background-repeat:no-repeat; background-position:bottom right; }
div.wrn_br2         { position:relative; float:left; width:18px; height:22px; background: url("/gfx/bretter-bu.de/win/w_br2.png");
                      background-repeat:no-repeat; background-position:bottom right; }
/* }}} */
/* fancy news {{{ */
div.news_spacer     { border-bottom:1px solid #dfdfdf; width:50%; margin-left:25%; }
/* }}} */
/* fancy board {{{ */
div.board_headrow   { clear:both; position:relative; width:100%; }
div.board_head_cnt  { position:relative; float:left; border:1px solid #efefef; }
div.form_row        { clear:both; position:relative; width:100%; }
div.board_row       { clear:both; position:relative; width:100%; }
div.brd_container   { position:relative; float:left; }
div.brd_cnt         { position:relative; float:left; 
                      background-repeat:repeat; overflow: hidden; color:white; padding:10px; padding-top:0px; }
td.tl               { width:5px; height:5px; background-repeat:no-repeat; background-position:top left; }
td.tr               { width:5px; height:5px; background-repeat:no-repeat; background-position:top left; }
td.bl               { width:5px; height:5px; background-repeat:no-repeat; background-position:top left; }
td.br               { width:5px; height:5px; background-repeat:no-repeat; background-position:top left; }
td.l                { width:5px; background-repeat:repeat-y; background-position:left; }
td.r                { width:5px; background-repeat:repeat-y; background-position:right; }
td.t                { height:5px; background-repeat:repeat-x; background-position:top; }
td.b                { height:5px; background-repeat:repeat-x; background-position:bottom; }

.brd_e_cnt       { background:url("/gfx/bretter-bu.de/win/bg_e.png"); padding-top:0px; padding-bottom:0px; 
                   border-radius: 0px 5px 0px 5px; -moz-border-radius: 0px 5px 0px 5px; border: 1px solid #efefef; }
.brd_u_cnt       { background:url("/gfx/bretter-bu.de/win/bg_u.png"); padding-top:0px; padding-bottom:0px; 
                   border-radius: 0px 5px 0px 5px; -moz-border-radius: 0px 5px 0px 5px; border: 1px solid #efefef; }
/* }}} */
/* fancy buttons {{{ */
div.btn_container   { position:relative; float:left; width:auto; padding-right:2px; padding-bottom:5px; cursor:pointer; }
div.btn_left        { width:0px; height:20px; }                     
div.btn_right       { width:0px; height:20px; }                      
div.btn_content     { position:relative; float:left; width:auto; height:20px; background: url("/gfx/bretter-bu.de/bg_userbar.png"); 
                      background-repeat:repeat-x; background-position:center; color:white; line-height:20px; padding-left:10px;
                      padding-right:10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; 
                      border: 1px solid #efefef; }
div.btn_content:hover   { background:white; border:1px solid #085f2f; color:#085f2f; }
div.btn_red_left    { width:0px; height:20px; }                     
div.btn_red_right   { width:0px; height:20px; }                      
div.btn_red_content { position:relative; float:left; width:auto; height:20px; background: url("/gfx/bretter-bu.de/win/bt_red_bg.png");
                      background-repeat:repeat-x; background-position:center; color:white; line-height:20px; padding-left:10px;
                      padding-right:10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; 
                      border: 1px solid #efefef; }
div.btn_red_content:hover   { background:white; border:1px solid red; color:red; }
/* }}} */
/* fancy navigation {{{ */
ul                  { margin:0px; padding:15px; padding-bottom:0px; }
div.nav_container   { position:absolute; z-index:13; }
div.nav_tl          { position:relative; float:left; width:24px; height:16px; background: url("/gfx/bretter-bu.de/win/n_tl_up.png"); 
                      background-repeat:no-repeat; background-position:top left; }
div.nav_tl_bottom   { position:relative; float:left; width:24px; height:16px; background: url("/gfx/bretter-bu.de/win/n_tl_bot.png");
                      background-repeat:no-repeat; background-position:top left; }
div.nav_t           { position:relative; float:left; height:16px; background: url("/gfx/bretter-bu.de/win/n_t_up.png");
                      background-repeat:repeat-x; background-position:top; }
div.nav_tr          { position:relative; float:left; width:15px; height:16px; background: url("/gfx/bretter-bu.de/win/n_tr_up.png");
                      background-repeat:no-repeat; background-position:top right; }
div.nav_tr_bottom   { position:relative; float:left; width:15px; height:16px; background: url("/gfx/bretter-bu.de/win/n_tr_bot.png");
                      background-repeat:no-repeat; background-position:top right; }
div.nav_r           { position:relative; float:left; width:15px; background: url("/gfx/bretter-bu.de/win/n_r_up.png");
                      background-repeat:repeat-y; background-position:right; }
div.nav_cnt         { position:relative; float:left; background: url("/gfx/bretter-bu.de/win/n_bg.png"); 
                      background-repeat:repeat; overflow: hidden; color:white; padding:10px; }
div.nav_l           { position:relative; float:left; width:24px; background: url("/gfx/bretter-bu.de/win/n_l_up.png");
                      background-repeat:repeat-y; background-position:right; }
div.nav_bl          { position:relative; float:left; width:24px; height:16px; background: url("/gfx/bretter-bu.de/win/n_bl_up.png");
                      background-repeat:no-repeat; background-position:top left; }
div.nav_bl_bottom   { position:relative; float:left; width:24px; height:16px; background: url("/gfx/bretter-bu.de/win/n_bl_bot.png");
                      background-repeat:no-repeat; background-position:top left; }
div.nav_b           { position:relative; float:left; height:16px; background: url("/gfx/bretter-bu.de/win/n_b_up.png"); 
                      background-repeat:repeat-x; background-position:bottom; }
div.nav_br          { position:relative; float:left; width:15px; height:16px; background: url("/gfx/bretter-bu.de/win/n_br_up.png");
                      background-repeat:no-repeat; background-position:bottom right; }
div.nav_br_bottom   { position:relative; float:left; width:15px; height:16px; background: url("/gfx/bretter-bu.de/win/n_br_bot.png");
                      background-repeat:no-repeat; background-position:bottom right; }
/* }}} */
/* login form {{{ */
table.login_form    { width:450px; font-family: Calibri, Verdana, Tahoma, Arial; font-size:12px; color:white; }
td.login_form_left  { width:10px; font-weight:bold; text-align:left; padding-left:4px; }
td.login_form_right { width:90px; }
input.login_form    { background: transparent; width:99%; border:1px solid #1c2428; color:white; }
input.login_form[type="submit"] { background: url("/gfx/bretter-bu.de/bg_userbar.png");
                      background-repeat:repeat-x; background-position:center; color:white; line-height:20px; padding-left:10px;
                      padding-right:10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
                      border: 1px solid #efefef; }
/* }}} */
/* forms {{{ */
textarea.form       { background: transparent; width:99%; border:1px solid #c6c6c6; color:#1c2428; height:99%; }
input.form          { background: transparent; width:99%; border:1px solid #c6c6c6; color:#1c2428; margin-bottom: 10px; height:20px; }
input.form[type="submit"] { background: url("/gfx/bretter-bu.de/bg_userbar.png"); margin-bottom:10px;
                      background-repeat:repeat-x; background-position:center; color:white; line-height:20px; padding-left:10px;
                      padding-right:10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
                      border: 1px solid #efefef; font-size:9pt; padding-bottom:2px; cursor:pointer; }
input.form[type="button"] { background: url("/gfx/bretter-bu.de/bg_userbar.png"); margin-bottom:10px;
                      background-repeat:repeat-x; background-position:center; color:white; line-height:20px; padding-left:10px;
                      padding-right:10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
                      border: 1px solid #efefef; font-size:9pt; padding-bottom:2px; cursor:pointer; }

input.form[type="submit"]:hover { background:white; border:1px solid #1c2428; color:#1c2428; }
input.form[type="button"]:hover { background:white; border:1px solid #1c2428; color:#1c2428; }

.chatline           { width:300px !important; height:18px; }
/* }}} */
/* the big clock {{{ */
div.clock           { position:absolute; z-index:10; right:20px; top:-35px; width:220px; color:#ffffff; text-align:right;
                      font-family:'Zeyada'; font-size:120px; letter-spacing:0px; }
/* }}} */