/*
 * Theme Name: Deutscher Basketball Bund
 * Theme URI: http://www.basketball-bund.de
 * Description: tbd.
 * Version: 2.0
 * Author: DIGITAL FORWARD GmbH
 * Author URI: http://www.digitalforward.de
 */
/* *         { margin: 0; padding: 0; border: 0; } */
body      { background: transparent url(img/bg/bg_dbb.jpg) no-repeat 0px 0px; font-family: Arial, Helvetica, "Trebuchet MS"; color: #333; font-size: 12px; }
a         { /* text-decoration: none;  */color: #000; font-weight: bold; }
a:focus, input:focus { -moz-outline: none; outline: none; ie-dummy: expression( this.hideFocus=true ); }
/* a:hover   { color: #f39401; } */
div.clear { clear: both; width: 1px; height: 1px; overflow: hidden; }


div.nav_bar a { padding: 8px 10px 7px 10px; font-size: 13px; font-weight: bold; color: #fff; display: block; float: left; margin: 3px 0px 2px 3px; }
div.nav_bar a:hover   { color: #f39401; }
div.nav_bar a.hi  { color: #f39401; background: #43423e; }

#wrapper  { width: 1005px; margin: 0 auto; background-color: #fff; clear: both;}

#header       { height: 175px; padding: 0px 0px 20px 0px; }
#header_logo  { width: 101px; height: 160px; float: left; margin: 15px 10px 0px 0px; }
#header_func  { width: 893px; height: 175px; float: left; margin: 0px; }
#header_func input  { width: 140px; border: 1px solid #000; float: left; padding: 1px; margin: 62px 10px 0px 10px; }
#header_func img.top_navi { float: left; margin: 62px 0px 0px 0px; }
#header_func div.top_logo { float: right; text-align: center; margin-left: 1px; }
#header_func div.top_logo_title { }
#header_func img.top_logo_img {   }
#header_func img.offizieller_ausruester {   }
#header_func img.offizieller_hauptsponsor { margin-top: 7px; width: 140px; }
#header_nav   { margin-top: 10px; }
#header_nav img { float: left; margin-right: 9px; }
#header_breadcrumb, #header_breadcrumb a  { margin-top: 10px; font-size: 12px; color: #000; font-weight: normal; }
#header_breadcrumb a:hover  { color: #f39401; }
#header_breadcrumb a.active  { color: #f39401; font-weight: bold; }

/* oben-mitte-unten-links-rechts */
.ol, .alignleft  { float: left; margin: 0px 10px 10px 0px;}
.or, .alignright { float: right; margin: 0px 0px 10px 10px; }
.ml { float: left; margin: 10px 10px 10px 0px; }
.mr { float: right; margin: 10px 0px 10px 10px; }
.ul { float: left; margin: 10px 10px 0px 0px; }
.ur { float: right; margin: 10px 0px 0px 10px; }

#footer   { margin-top: 1px; }
#fsep     { background: #555; width: 1000px; height: 8px; }

div.row   { clear: both; }
div.w250  { width: 250px; float: left; overflow: hidden; }
#footer div.footer_logo { text-align: center; }
#footer div.footer_logo_title { font-size: 87%; margin-left: 0px; margin-top: 5px; }
#footer img.footer_logo_img {   }
#footer img.offizieller_hauptsponsor { width: 115px; margin-top: 5px; }
#footer img.offizieller_ausruester {   }
#footer img.offizieller_gesundheitspartner { width: 150px; }
div.w500  { width: 500px; float: left; overflow: hidden; }
div.w750  { width: 750px; float: left; overflow: hidden; }
div.w1000 { min-width: 1000px; float: left; }

h1        { border-right: 1px solid #fff; margin: 0px; background: transparent url(img/bg/hd.gif) repeat-x; font-size: 15px; font-weight: bold; color: #fff; padding: 8px 10px 17px 10px; text-transform: uppercase; font-family: Arial, "Trebuchet MS", Helvetica; letter-spacing: 0.5px; }

div.textwidget h1 { margin: -1px -1px 0px -1px; }

h1.last   { border-right: 0px; }
h2        { font-size: 18px; color: #555; margin: 2px 8px 0px 9px; padding: 0; border: 0; }
h3        { font-size: 12px; color: #999; margin: 7px 8px 0px 10px; font-weight: bold; padding: 0; border: 0; }
h4, a.hint        { font-size: 10px; color: #999; margin: 7px 8px 0px 10px; font-weight: normal; padding: 0; border: 0; }
h4.hint, a.hint   { margin-top: 2px; }

h5        { font-size: 12px; color: #999; margin: 6px 8px 0px 10px; font-weight: bold; padding: 0; border: 0; }
h6        { border-right: 1px solid #fff; margin: 0px; background: #ebebeb; font-size: 15px; font-weight: bold; color: #333; padding: 4px 10px 7px 10px; font-family: Arial, "Trebuchet MS", Helvetica; letter-spacing: 0.5px; }
h6.last   { border-right: 0px; }
div.content           { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0px; padding-top: 1px; background: #fff; position: relative; }
div.content_noborder  { border-right: 1px transparent; border-bottom: 1px solid #ddd; margin: 0px; padding-top: 1px; background: #fff; position: relative; }
div.content p, div.content_noborder p { /*font-size: 12px;*/ font-size: 13px; color: #555; margin: 7px 8px 10px 10px; }
div.content ul li     { margin-left: 10px; font-family: Arial, Helvetica, "Trebuchet MS"; color: #333; font-size: 11px; list-style: none; }
div.content p a         { font-weight: bold; color: #f39401; text-decoration: underline; }
div.content p a:hover   { text-decoration: none; }

img.noborder { margin: -8px -8px 0px -10px; }

.first                { border-left: 1px solid #ddd;  }

span.hint { font-size: 10px; color: #999; font-weight: normal; padding: 0; border: 0; }

div.h160              { height: 160px; overflow: hidden; }
div.h700              { height: 700px; overflow: hidden; }

div.pad_10            { padding: 10px; }

div.min_height        { min-height: 300px; }

div.player_card       { position: absolute; bottom: 10px; }

div.newsbox_border    { border-bottom: 1px solid #ddd; position: relative; }
div.newsbox_content   { float: left; width: 145px; }
div.newsbox_content h3, div.newsbox_content p { margin-left: 5px; }
div.newsbox_content h3 a        { color: #999; }
div.newsbox_content h3 a:hover  { color: #f39401; }
div.newsbox_content h3 a.hi { color: #000; }
div.newsbox_text    { float: right; width: 335px; padding: 2px 0px 0px 0px; position: relative; margin-bottom: 30px; text-align: left; }
div.newsbox_text_no_img    { padding: 2px 0px 0px 0px; position: relative; margin-bottom: 30px; text-align: left; }

div.newsbox_text h3 a, div.newsbox_text p, div.newsbox_text_no_img h3 a, div.newsbox_text_no_img p { color: #707070; /*font-size: 12px;*/ font-size: 13px; }
div.newsbox_image { float: left; width: 150px; padding: 10px 0px 10px 10px; overflow: hidden; }

div.newsbox_image_large { float: left; width: 250px; padding: 10px 0px 10px 10px; overflow: hidden; }


.content p strong { font-size: 14px; margin: 0; }

div.box480_content      { float: left; background: #fff; height: 175px; width: 235px; }
div.box480_third        { float: left; width: 145px; margin-right: 10px; }

img.click_area    { position:absolute; top:0; left: 0; width: 75px; height: 89px; border: 1px solid #000; }
img.action_button { position:absolute; bottom:0; right: 0; }
img.gallery, img.gallery_last       { float: left; margin: 0px 5px 5px 0px; }
img.gallery_last  { margin: 0px 0px 5px 0px; }
img.left          { float: left; margin-right: 10px; }
img.video_box     { width: 145px; }
hr  { border-bottom: 1px solid #ddd; margin: 8px 0px; padding: 0; height: 1px; }

/* table { margin-bottom: 0px; width: 100%; border-spacing: 0; } */
/* th  { background: #333; color: #e1e1e1; text-align: left; padding: 5px 10px; border: 0; margin: 0; font-size: 13px; } */
tr.row1   { background: #cbcbcb; color: #424242; text-align: left; }
tr.row2   { background: #eee; color: #424242; text-align: left; }
td        {  /* padding: 2px 10px; */  font-size: 12px; }
td a  { font-weight: normal; }

td.w50  { width: 50px; }
td.w60  { width: 60px; }
td.w80  { width: 80px; }
td.w100  { width: 120px; }
td.w150 { width: 150px; }
td.w200 { width: 200px; }
td.center { text-align: center; }

ul.bullet             { list-style: none; margin: 5px 0px 0px 10px; }
ul.bullet  li         { background: transparent url(img/footer/target.png) no-repeat 0px 4px; padding: 5px 0px 5px 20px; }
ul.bullet  li:hover   { background: transparent url(img/footer/target_hi.png) no-repeat 0px 4px; }
ul.bullet  li a       { color: #555; }
ul.bullet  li a:hover { color: #333; }

ul.bullet_sub li 		{background: transparent url(/img/footer/nav_right.png) no-repeat 0px 4px;}
ul.bullet_sub li:hover  {background: transparent url(/img/footer/nav_right_hi.png) no-repeat 0px 4px; }


/* Slideshow */
div.slide { width: 499px; height: 499px; overflow: hidden;}
#slide_left         { background: transparent url(img/buttons/pfeil_li.png) no-repeat 0px 0px; position: absolute; width: 50px; height: 51px; top: 250px; left: 20px; z-index: 10; cursor: pointer; }
#slide_left:hover   { background: transparent url(img/buttons/pfeil_li_hi.png) no-repeat 0px 0px; }

#slide_right        { background: transparent url(img/buttons/pfeil_re.png) no-repeat 0px 0px; position: absolute; width: 50px; height: 51px; top: 250px; right: 20px; z-index: 10; cursor: pointer; }
#slide_right:hover  { background: transparent url(img/buttons/pfeil_re_hi.png) no-repeat 0px 0px; }

/*div.slide_visual    { position: absolute; width: 350px; height: 250px; top: 25px; left: 105px; z-index: 10; cursor: pointer; overflow: hidden; }*/
div.slide_content   { position: absolute; width: 460px; bottom: 20px; left: 20px; z-index: 10; cursor: pointer; }

div.slide_content h1, div.player_card h1 { background: #f39401; color: #fff; font-size: 22px; font-weight: bold; border: 0; margin: 0px 0px 5px 0px; padding: 10px 5px ; }
div.slide_content h2, div.player_card h2 { background: #413d3a; color: #fff; font-size: 14px; font-weight: normal; border: 0; margin: 0px 0px 2px 0px; padding: 5px 5px; }

/*
div.player_card h1 { background: #f39401; color: #fff; font-size: 20px; font-weight: bold; border: 0; margin: 0px 0px 5px 0px; padding: 5px 5px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
div.player_card h2 { background: #413d3a; color: #fff; font-size: 12px; font-weight: normal; border: 0; margin: 0px 0px 2px 0px; padding: 5px 5px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

div.player_card   { position: absolute; width: 300px; top: 225px; left: 10px; z-index: 10; }
*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {  margin:      0;
  padding:    0;
  list-style:    none;
}
.sf-menu {
  /*line-height:  1.0;*/
}
.sf-menu ul {
  margin-top: 2px;
  position:    absolute;
  top:      -999em;
  width:      150px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:      100%;
}

.sf-menu ul li ul {
  position:    absolute;
  top:      -999em;
  width:      200px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li.current-menu-ancestor, .sf-menu ul li ul li.current-menu-ancestor, .sf-menu ul li ul li ul li.current-menu-ancestor, .sf-menu ul li.current-menu-ancestor:hover, .sf-menu ul li ul li.current-menu-ancestor:hover, .sf-menu ul li ul li ul li.current-menu-ancestor:hover  { /*background-image: url(img/arrow_right.png);* background-repeat: no-repeat; background-position: center right;*/ }

.sf-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:    relative;
  /* z-index:    99; */
}
.sf-menu a {
  display:    block;
  position:    relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:      0;
  top:      25px;
  z-index:    99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
  z-index:    99;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:      171px; /* match ul width */
  top:      0;
  z-index:    99;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:      221px; /* match ul width */
  top:      0;
  z-index:    99;
}

/*** DEMO SKIN ***/
.sf-menu {
  /*float:      left;
  margin-bottom:  1em;*/
}
.sf-menu a {
  /*border-left:  1px solid #fff;*/
  /*border-top:    1px solid #CFDEFF;*/
  /*padding:     .75em 1em;*/
  text-decoration:none;
}
.sf-menu a /*, .sf-menu a:visited*/  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #fff;
  font-weight: normal;
  font-size: 12px;
}
.sf-menu li {
  /*background:    #BDD2FF;*/
}
.sf-menu li li        { background: #555; padding: 10px; border-top: 1px solid #fff; }
.sf-menu li li:hover  { background: #f39401; }
.sf-menu li li li     { background: #555; padding: 10px; border-top: 1px solid #fff; }

/*.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background:    #CFDEFF;
  outline:    0;
}
*/
/*** arrows **/
.sf-menu a.sf-with-ul {
/*
  padding-right:   2.25em;
  min-width:    1px;*/ /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      0px;
  top:      4px;
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  background: transparent url(img/arrow_right.png) no-repeat 0px 4px;
  overflow:    hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  /*top:      .8em;
  background-position: 0 -100px;*/ /* use translucent arrow for modern browsers*/
}


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {

}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {

}

.sf-menu ul li ul, .sf-menu ul li ul li ul, .sf-menu ul li ul li ul li ul { margin-top: -1px; }

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background:  url('img/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

li.firstlevel > a { font-size: 18px; background: #000; text-transform: uppercase; padding: 5px 10px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 10px; }
li.firstlevel > a:hover, li.firstlevel > a.active, li.current-menu-item > a, li.current-menu-parent > a, li.current-menu-ancestor a { background: #f39401; color: #fff; }
.sub-menu li a { background: none; color: #fff; }

li.hide { display: none; }
.select { border: 1px solid #aaa; margin: 10px 0px; width: 100%;}
ul.bullet > li.current-menu-item > a { background: none; color: #555; }

.flickr-gallery { height: 220px; overflow: hidden; }
.fg-clear { display: none; }

.sub-menu li.current_page_item { background: #555 url(img/bg/bg_menu_hi.png) no-repeat 0px 0px; }

ul.menu-quicklinks, ul.menu-kontakt, ul.menu-sponsors { padding-left: 0px !important; }
ul.menu-quicklinks li, ul.menu-kontakt li, ul.menu-sponsors li { margin-left: 0px !important; }




/* Adtags */
#frnMain {FLOAT: left; POSITION: relative;}
#frnMain {MARGIN: 0px 50px 0px 0; WIDTH: 1005px; padding-left:50px; background-color: #fff;}
#frnBanner {PADDING-RIGHT: 0px;	PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;	MARGIN: 10px 0px 0px; PADDING-TOP: 0px}
#frnBannerAd {Z-INDEX: 900;	MARGIN-BOTTOM: 10px; POSITION: relative; TEXT-ALIGN: center; border: 0px solid;}
#frnAdSky {RIGHT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 110px;}
#frnAdSkyPos {PADDING-LEFT: 12px; POSITION: absolute; border: 0px solid;}
#frnAdCustom {min-width: 1000px; border: 0px solid; float: left;}
#frnBillboardAd {border: 0px solid;}
#frnRectangleAd {text-align: center;}


.div-gpt-ad-container {
    padding: 4px 10px 10px 10px;
    background-color: #f7921d08;
    border: 1px solid #f7921d21;
    text-align: center;
    margin: 4px;

}
.div-gpt-ad-container span.gpt-ad-title  {
	line-height: 22px;
	position: relative !important;
}


/****************** cookie-alert *****************/
.fixed-modal-layer {  
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    outline: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    backface-visibility: hidden; 
    width: 100%;
    height: 100%; 
    background: rgba(25, 13, 0, 0.4);
}

.fixed-modal-content {
    position: absolute;
    background-color: white;
    padding: 20px;
    max-width: 500px;
    top: 20%;
    left: 5px;
    right: 5px;
    margin: auto;
    border: 1px solid rgb(85, 85, 85);
    border-radius: 5px;
}


.fixed-modal-content p {
	font-size: 120%;
	line-height: 1.5;
}

.fixed-modal-content button {
    background-color: rgb(243, 148, 1);
    color: #ffffff;
    width: 140px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    height: 36px;
	border-radius: 5px;
}