/* ALLGEMEIN */
body    { background-image: url(maingfx/bg_bjrot.gif) }
/* body { background-image: url(maingfx/bg_2008.gif); background-repeat: no-repeat; background-attachment: fixed; } */
td,tr,body,div  { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }

/* DIV-LAYER */
#head         { position: absolute; z-index: 99; top: 0; left: 0; width: 819px; height: 85px }
#main         { position: absolute; z-index: 50; top: 85px; left: 30px; width: 753px; text-align: center;  }
#skybanner    { position: absolute; top: 102px; left: 820px; width: 120px; height: 600px; text-align: center; }
#special	  { position: absolute; top: 0; left: 825px; width: 120px; height: 100px; background-image: url(gfx/specials/make_it_better.gif); }
#make_bookmark, #make_startseite { display: none; border: 1px solid #ff6600; padding:3px; width:350px; background-color: #FFB006; color: #7b0101; font-size: 10px }
#gruss_box { font-size: 10px; margin-top: 1px; }
.clear { clear: both; float: none; }


/* LINKS */
a, a:visited, a:active { color: #ff6600; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline }
a:hover { color: #ffffff; text-decoration: none; background-color: #b10000 }

a.blank, a.blank:visited, a.blank:active { font-weight: normal; text-decoration: none }
a.blank:hover { font-weight: normal; text-decoration: underline; background-color: transparent }

a.menu, a.menu:visited, a.menu:active { color: #b10000; letter-spacing: -1px; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }
a.menu:hover { color: #ffc12c; background: #b10000; border-right: 1px solid #ff8d17; border-left: 1px solid #ff8d17 }

a.submenu, a.submenu:visited, a.submenu:active { color: #b10000; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 19px; text-decoration: none; word-spacing: 2px; display: block; vertical-align: middle; border-bottom: 1px dashed #ff8d17 }
a.submenu:hover { color: #ffc12c; background: #b10000; }

a.footer, a.footer:visited, a.footer:active { color: #b10000; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none; }
a.footer:hover { color: #ffc12c; background: #b10000;  }


/* FORMULAR */
form  { margin: 0; padding: 0; }
.bj-form   { font-size: 12px; background-color: #fff; padding: 1px; border: solid 1px #7b0101; }
.bj-form:focus   { border: solid 1px #ff8d17 }
.button { color: #ff6600; font-size: 10px; font-weight: bold; background-color: #7b0101; border: dashed 1px #ff8d17; cursor: pointer; }
.button:hover { color: #ffffff; font-size: 10px; font-weight: bold; background-color: #b10000; border: dashed 1px #ff8d17; cursor: pointer; }

/* UMRANDUNGEN & BOXEN */
.picrand	{ border: dashed 1px #ff8d17 }
.headline_box    { background-color: #b10000; background-image: url(maingfx/headline_box_bg.gif); background-repeat: repeat-x; border-style: dashed solid; border-width: 1px; border-color: #ff8d17 #7b0101; }
.headline_box_hover  { background-color: #b10000; background-image: url(maingfx/headline_bg.gif); background-repeat: repeat-x; border: solid 1px #7b0101; cursor: pointer }
.headline_halbbox_hover { background-color: #b10000; background-image: url(maingfx/headline_halb_bg.gif); background-repeat: repeat-x; border-style: dashed solid; border-width: 1px; border-color: #ff8d17 #7b0101; cursor: pointer; }
.headline_box_einfach { background-color: #b10000; background-image: url(maingfx/headline_box_einfach_bg.gif); background-repeat: repeat-x; border-style: dashed solid; border-width: 1px; border-color: #ff8d17 #7b0101; }

.menu_box { text-align: center; height: 19px; float: left; }
.submenu_box  { background-color: #ffb006; display: none; padding: 4px 2px 3px; position: absolute; z-index: 110; top: 85px; float: left; border-right: 1px solid #ff8d17; border-bottom: 1px solid #ff8d17; border-left: 1px solid #ff8d17; filter:Alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; }
.newsbox  { border: solid 1px #7b0101 }
.newsbox_hover  { border: solid 1px #7b0101; color: #fff; cursor: pointer; }
.featbox  { color: #fff; height: 15px; text-align: left; background-color: #7b0101; background-image: url(maingfx/feat_button.gif); font-weight: bold; border-top: 1px dashed #ff8d17; border-bottom: 1px dashed #ff8d17; margin-bottom: 5px; }
.featbox_content  { padding: 0 5px 5px; text-align: left }
.featbox_next5events { font-size: 9px; text-align: left; padding:2px; line-height: 12px; }
.msg   { color: #7b0101; font-size: 11px; background-color: #ffb006; text-align: center; margin: 0 10px; padding: 3px; border: solid 1px #990000 }
.msg a, .msg a:hover { color: #b10000; font-weight: bold; background-color: transparent; }
.msg_okay   { color: #fff; font-size: 11px; background-color: #009900; text-align: center; padding: 5px 5px 5px 30px; border: solid 2px #fff; background-image: url(maingfx/msg_okay.png); background-repeat: no-repeat; background-position: left; background-position: 10px center; }
.msg_fehler { color: #fff; font-size: 11px; background-color: #FF0000; text-align: center; padding: 5px 5px 5px 30px; border: solid 2px #fff; background-image: url(maingfx/msg_fehler.png); background-repeat: no-repeat; background-position: left; background-position: 10px center; }
.msg_okay a, .msg_fehler a { color: #7b0101; text-decoration: none; }
.msg_okay a:hover, .msg_fehler a:hover { color: #7b0101; text-decoration: underline; background-color: transparent; }
.head_search { width: 305px; height: 39px; margin-right: 35px; background-image: url(maingfx/search_bg.gif); background-repeat: no-repeat; text-align: center; }
.head_search div { padding-top: 7px; }

.seitennavi { width: 100%; padding: 0px; border: 0px; border-collapse: collapse; margin-bottom: 10px; margin-top: 5px; }
.seitennavi td { line-height: 24px; vertical-align: top; }
.seitennavi td.seitenliste { padding-left: 10px; padding-right: 10px; line-height: 24px; }
.seitennavi a { font-size: 11px; padding: 2px 4px; color: #ff6600; background-color: #7b0101; text-decoration: none !important; font-weight: bold; }
.seitennavi a:hover { font-size: 11px; padding: 2px 4px; color: #fff; background-color: #7b0101; text-decoration: none !important; font-weight: bold; }
.seitennavi span.seite_aktiv { font-size: 12px; padding: 3px 5px; color: #fff; background-color: #ff8d17; font-weight: bold; }


/* VERSCHIEDENE FONT STYLES */
.weitefont  { letter-spacing: 2px }
.stylefont { background-color: #b10000 }
.orangefont   { color: #ff6600; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }
.whitefont   { color: #ffffff; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }

h1  { color: #ff6600; font-size: 16px; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 0; display: inline; }
h2  { color: #ff6600; font-size: 15px; letter-spacing: 0px; font-weight:bold; margin: 0; padding: 0; display: inline; }
h3  { color: #ff8d17; letter-spacing: 1px; font-size: 12px; font-weight: normal; margin: 0; padding: 0; display: inline; }

.stylebutton_main     { color: #000; font-size: 9px; background-color: #b10000; background-image: url(maingfx/button_main_bg_0.gif); text-align: center; padding-bottom: 2px; width: 100px; height: 26px; border-width: 0; cursor:pointer; }
.stylebutton_main:hover    { font-size: 9px; background-image: url(maingfx/button_main_bg_1.gif); text-align: center; padding-bottom: 2px; width: 100px; height: 26px; border-width: 0; cursor: pointer; }
.stylebutton_small     { color: #000; font-size: 9px; background-color: #900; background-image: url(maingfx/button_small_bg_0.gif); text-align: center; padding-bottom: 2px; width: 87px; height: 24px; border-width: 0; cursor:pointer; }
.stylebutton_small:hover     { font-size: 9px; background-image: url(maingfx/button_small_bg_1.gif); text-align: center; padding-bottom: 2px; width: 87px; height: 24px; border-width: 0; cursor: pointer; }


/* News Fotoslider */
a.start_pics_l { display: block; text-decoration: none; width: 24px; height: 55px; background-image:url(maingfx/start_pics_pfeil_l_0.gif); }
a.start_pics_l:hover { display: block; background-image:url(maingfx/start_pics_pfeil_l_1.gif); }
a.start_pics_r { display: block; text-decoration: none; width: 24px; height: 55px; background-image:url(maingfx/start_pics_pfeil_r_0.gif); }
a.start_pics_r:hover { display: block; background-image:url(maingfx/start_pics_pfeil_r_1.gif); }
.start_pics_container { text-align: left; width: 396px; overflow: hidden; height: 80px; }
.start_pics_slider { width: 850px; visibility: visible; position: relative; top:0px; left:0px; }


/* myBJ */
h1.mybj_name  { color: #7b0101; background-image: url(gfx/mybj/profil_name.gif); background-repeat: no-repeat; display: block; margin: -10px 0 10px -10px; padding-top: 4px; padding-left: 15px; width: 314px; height: 34px }
#profil_data { width: 145px; font-size: 10px; position: absolute; top: 78px; right: 114px; text-align: right; line-height: 10px; }
#profil_foto { width: 145px; height: 180px; position: absolute; top: 105px; right: 114px; background-repeat: no-repeat; }
#profil_infos { float: left; background-image: url(gfx/mybj/profil_infos.gif); width: 331px; height: 238px;  }
#profil_details { margin-top: 15px; line-height: 17px; width: 350px; float: right; }
#profil_details div.box  { padding: 5px; border-style: solid; border-width: 0 1px 1px; border-color: #7b0101; margin-bottom: 15px; }
#profil_details h3, #profil_freunde h3, #profil_gb h3 { color: #fff; display: block; border-bottom: 1px dashed #ff8d17; font-weight: bold; margin-bottom: 1px; background-image: url(maingfx/headline_box_einfach_bg.gif); background-repeat: repeat-x; padding: 3px; }
#profil_bewertung { color: #7b0101; font-size: 19px; font-weight: bold; position: absolute; top: 140px; left: 450px; text-align: center; }
#profil_bewertung_skala { background-image: url(/gfx/mybj/profil_bewertung_skala.png); background-repeat: no-repeat; width: 25px; height: 168px; margin-top: 5px; }
#profil_bewertung_vote { background-image: url(/gfx/mybj/profil_bewertung_vote.png); background-repeat: no-repeat; width: 25px; position: absolute; bottom: 0px; left: 0px; }
#profil_freunde { margin-top: 0px; padding-top: 15px; border-top: 2px solid #ff8d17; }
#profil_gb { margin-top: 20px; }
.gb_datum { font-size: 10px; margin-bottom: 10px; }
#profil_kontakt { width: 150px; position: absolute; top: 289px; right: 110px; font-size: 9px; color: #fff; text-align: center; } /* width: 145px; top: 305px; right: 114px; */
#profil_nachricht, #profil_anfreunden, #profil_prost, #profil_bewerten { width: 350px; height: 153px; position: absolute; left: 289px; top: 375px; background-image: url(gfx/mybj/profil_layer.gif); background-repeat: no-repeat; padding: 4px 6px; display: none; filter:Alpha(opacity=93); -moz-opacity:0.93; opacity:0.93; }
#profil_bewerten td { text-align: center; font-weight: bold; }
#profil_ad { clear: left; margin-top: 0px; margin-bottom: 15px; width: 120px; height: 240px; float: left; }
#profil_aktuell { background-image: url(/gfx/mybj/profil_aktuell.gif); background-repeat: no-repeat; margin-top: 15px; margin-bottom: 15px; width: 120px; height: auto; float: left; border: 1px solid #7b0101; }
.listen_head { color: #fff; font-weight: bold; background-color: #b10000; background-image: url(maingfx/headline_box_einfach_bg.gif); background-repeat: repeat-x; border-style: dashed solid; border-width: 1px; border-color: #ff8d17 #7b0101; }
.listen_za { padding: 5px; background-color: #b10000; border: 1px solid #7b0101; }
.listen_zb { padding: 5px; background-color: #990000; border: 1px solid #7b0101; }
.listen_hover { padding: 5px; background-color: #C30000; border: 1px solid #7b0101; } /* background-image: url(maingfx/headline_box_einfach_bg.gif); background-repeat: repeat-x; */
.listen_neu { padding: 5px; background-color: #ff8d17; border: 1px solid #7b0101; }
.listen_neu a, .listen_neu a:hover { color: #7b0101; }
.listen_galerie { padding: 3px; margin-right: 10px; margin-bottom: 10px; float: left; width: auto; text-align: center; border: 1px solid #7b0101; }
.listen_galerie img { border: 2px solid #fff; margin-bottom: 5px; width: 100px; }
.listen_info { font-size: 11px; line-height: 12px; text-align: left; margin: 3px 0px; }
.fotolayer_rechts   { display: none; position: absolute; background-image: url(gfx/mybj/fotolayer_rechts.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 10px; }
.fotolayer_rechts img { height: 95px; border: solid 2px #fff; }
.fotolayer_hide { display: none; position: absolute; }
.fotolayer_hide img { height: 0px; display: none; }
a.reiter, a.reiter:visited, a.reiter:active { color: #fff; display: block; background-color: #7b0101; padding: 3px; float: left; margin-right: 5px; border: 1px solid #7b0101; text-decoration: none; margin-bottom: -4px; margin-top: 4px; }
a.reiter:hover { color: #ff8d17; display: block; background-color: #fff; padding: 3px; float: left; margin-right: 5px; border: 1px solid #7b0101; text-decoration: none; margin-bottom: -4px; margin-top: 4px; }
a.reiter_aktiv { color: #b10000; display: block; background-color: #fff; padding: 5px 3px; float: left; margin-right: 5px; border-top: 1px solid #7b0101; border-bottom: 1px solid #fff; border-left: 1px solid #7b0101; border-right: 1px solid #7b0101; text-decoration: none; margin-bottom: 0px; }
.reiter_content { display: none; }
.reiter_line { height: 0px; margin: 0px; line-height: 0px; clear: both; }
a.linkbutton, a.linkbutton:visited, a.linkbutton:active { color: #fff; background-color: #ff8d17; font-weight: bold; text-decoration: none; border: 1px solid #7b0101; display: block; padding: 2px 4px; }
a.linkbutton:hover { color: #fff; background-color: #C30000; border: 1px solid #fff; }
#nachricht { width: 480px; height: 250px; background-image: url(gfx/mybj/nachricht.gif); background-repeat: no-repeat; margin-bottom: 10px; }

#anmelde_box { display: none; position: absolute; width: 582px; height: auto; top: 125px; left: 138px; z-index: 105; }
#anmelde_box_top { background-image: url(gfx/mybj/anmeldebox_top.gif); background-repeat: no-repeat; width: 582px; height: 70px; float: left; }
html>body #anmelde_box_top { background-image: url(gfx/mybj/anmeldebox_top.png)!important; }
#anmelde_box_middle { background-image: url(gfx/mybj/anmeldebox_middle.gif); background-repeat: repeat-y; width: 582px; height: auto; float: left; }
html>body #anmelde_box_middle { background-image: url(gfx/mybj/anmeldebox_middle.png)!important; }
#anmelde_box_bottom { background-image: url(gfx/mybj/anmeldebox_bottom.gif); background-repeat: no-repeat; width: 582px; height: 70px; float: left; text-align: center; }
html>body #anmelde_box_bottom { background-image: url(gfx/mybj/anmeldebox_bottom.png)!important; }
#anmelde_box_content { width: 496px!important; margin: 0 42px; /*margin: -17px 42px -7px;*/ background-color: #ff8d17; }
#anmelde_box_hide_site { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 1500px; background-image: url(gfx/mybj/anmeldebox_hide_site.gif); z-index: 100; filter:Alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
#anmelde_box_close { position: absolute; top: 30px; right: 30px; width: 28px; height: 28px; display: block; z-index: 110; }