/*************/
      /* allgemein */
      /*************/
      * {
        color:#000;
        vertical-align:top;
      }
      body {
        background:#920408 url(/pages/jbo.dev/pic/hg_sterne-rot_row.gif) repeat top left;
        font-size:1em;
        font-family:verdana,helvetica,arial,sunsans-regular,sans-serif;
        padding:0px;
        margin:0px;
      }
      a,a:link,a:visited,a:hover,a:visited:hover,a:active {
        font-weight:bold; 
        text-decoration:none;
        color:#8C0710;
      }
      a:hover,a:visited:hover,a:active {text-decoration:underline;}
      a img {border:0;}    
      img.inline-left {
        float:left;
        vertical-align:middle;
        border:1px solid #8C0710;
        margin:5px 10px 5px 0;
      }
      img.inline-right {
        float:right;
        vertical-align:middle;
        border:1px solid #8C0710;
        margin:5px 0 5px 10px;
      }
      a.piclink:hover {cursor:pointer;}
      a.piclink img {border:1px solid #8C0710;}
      a.piclink-borderless:hover {cursor:pointer;}
      a.piclink-borderless img {border:0;}
      img.linkstyle {border:1px solid #8C0710;}
      /*************/
      /* container */
      /*************/
      #outercontainer {
        width:100%;
        height:100%;
        background:url(/pages/jbo.dev/pic/hg_sterne-gelb_row.gif) repeat-x top left;
      }
      #innercontainer {
        width:833px;
        margin-left:auto;
        margin-right:auto;
      }
      /**********/
      /* ränder */
      /**********/
      #rand1 {}
      #rand2 {}
      /**********/
      /* banner */
      /**********/
      #banner {
        width:800px;
        height:265px; 
        float:right;
      }
      #banner h1 {
/*
        background:transparent url(/pages/jbo.dev/pic/banner.gif) top left no-repeat;
*/
        width:800px;
        height:265px; 
        margin:0;
      }
      #banner h1 span {display:none;}
      #banner2 {
        width:33px;
        height:266px; 
        float:right;
      }
      #banner2 div {
        padding:0;
      }
      #banner2 span {display:none;}

      #werbebanner-links {
        clear:both;
        padding:5px 0 0 0;
        width:175px;
      }
      #werbebanner-links div.werbeelement-links {
        width:171px;
        margin:5px 2px;
      }
      #werbebanner-rechts {
        float:right;
        width:33px;
      }
      #werbebanner-rechts div.werbeelement-rechts {
        width:33px;
      }

      /************************/
      /* linke & daten-spalte */
      /************************/
      #outer {
        clear:both;
        width:833px;
      }      
      #inner {
      } 
      /* die IE PC schlaufe */ 
      /****************/
      /* navigation   */
      /****************/
      #navi1-container {
        background-color:#FCAD01;
        width:800px;
        height:27px;
        border-bottom:3px solid #630C0F;
        float:left;
      }
      #navi1 {
      }
      #navi1 ul {
        list-style:none;
        margin:0;
        padding:0;
      }
      #navi1 ul li {
        float:left;
        background-color:#FCAD01;
        border-right:1px solid #920408;
      }
      #navi1 a,#navi1 a:link,#navi1 a:visited {
        display:block;
        float:left;
        font-size:0.7em;
        text-transform:uppercase;
        letter-spacing:1px;
        color:#900;
        height:20px;
        padding:7px 7px 0 7px;
        text-decoration:none;
        vertical-align:middle;
      }
      #navi1 a:hover,#navi1 a:visited:hover,#navi1 a:active,#navi1 a.current:visited,#navi1 a.current:link {
        color:#FDB822;
        background-color:#920408;
      }

      #navi2zelle {
        background:#ccc url(/pages/jbo.dev/pic/hg_navi_links.gif) no-repeat bottom left;
        width:175px;
      }
      
      #navi2-container {
        width:175px;
        float:left;
        text-align:left;
        padding-bottom:15px;
      }
      #navi2 {
      }
      #navi2 ul {
        list-style:none;
        margin:0;
        padding:0;
      }
      #navi2 ul li {
        width:175px;
        float:right;
      }
      #navi2 li a,#navi2 li a:link,#navi2 li a:visited {
        display:block;
        font-size:0.7em;
        font-weight:bold;
        color:#fff;
        text-decoration:none;
        vertical-align:middle;
        background:url(/pages/jbo.dev/pic/hg_navi-2-off.gif) center right no-repeat;
        height:22px;
        padding:5px 0 0 20px;
      }
      #navi2 li.l4 a.current, #navi2 li.l4 a:hover,#navi2 li.l4 a:visited:hover,#navi2 li.l4 a:active {
        background:url(/pages/jbo.dev/pic/hg_navi-2-on.gif) top right no-repeat;
        color:#920408;
      }
      #navi2 li.l5 a,#navi2 li.l5 a:link,#navi2 li.l5 a:visited {
        background:url(/pages/jbo.dev/pic/hg_navi-2sub-off.gif) center right no-repeat;
        padding:5px 0 0 45px;
      }
      #navi2 li.l5 a.current, #navi2 li.l5 a:hover,#navi2 li.l5 a:visited:hover,#navi2 li.l5 a:active {
        background:url(/pages/jbo.dev/pic/hg_navi-2sub-on.gif) top right no-repeat;
        color:#920408;
        padding:5px 0 0 45px;
      }
      #navi2 li.l6 a,#navi2 li.l6 a:link,#navi2 li.l6 a:visited {
        background:none;
        background-color:#FCAD01;
        color:#fff;
        padding:5px 0 0 60px;
        height:15px;
      }
      #navi2 li.l6 a.current, #navi2 li.l6 a:hover,#navi2 li.l6 a:visited:hover,#navi2 li.l6 a:active {
        text-decoration:underline;
      }

      #navi3-container {
        width:33px;
        float:right;
      }
      #navi3-container a img {
        margin:0 0 5px 0;
      }

      #navix ul {float:right;list-style:none;margin:0 10px 0 0;vertical-align:bottom;}
      #navix ul li {
        float:left;
        line-height:25px;
        height:25px;
        color:#fff;
      }
      #navix li a,#navix li a:link,#navix li a:visited {color:#fff;font-weight:normal;}
      #navix li a.current {font-weight:bold;}
      /****************/
      /* inhalt       */
      /****************/
      #contentzelle {
        background:#fff url(/pages/jbo.dev/pic/hg_data_rechts.gif) no-repeat bottom right;
        width:625px;
      }
      #content {
        float:left;
        width:625px;
        margin:0;
        font-size:0.9em;
      }
      #content div#data {
        padding:10px 20px 30px 25px;
      }
      /****************/
      /* bannertausch */
      /****************/
      #bannertausch {
        background:transparent url(/pages/jbo.dev/pic/hg_bannertausch3.gif) no-repeat top left;
        clear:both;
        margin:0 0 10px 0;
        padding:6px 0 0 0;
        width:800px;
        height:88px;
        text-align:center;
      }
      #bannertausch-banner {
        background:transparent url(/pages/jbo.dev/pic/hg_bannertausch_weiss.gif) no-repeat top left;
        text-align:center;
        width:430px;
        height:74px;
        margin-left:199px;
        padding:9px 0 0 0;
      }
      
      #bannersponsoring-wrap {
        background:transparent url(/pages/jbo.dev/pic/hg_sponsoring-unten.gif) no-repeat left bottom;
        clear:both;
        margin:0 0 10px 0;
        width:800px;
      }
      #bannersponsoring {
        background:transparent url(/pages/jbo.dev/pic/hg_sponsoring-oben.gif) no-repeat left top;
        clear:both;
        padding:10px;
        width:780px;
        text-align:left;
      }
      #bannersponsoring a {
      	font-size:0.65em;
      	color:#000;
      	font-weight:bold;
      	text-decoration:none;
      	margin:3px;
      }
      #bannersponsoring img {
      }
      /****************/
      /* footer       */
      /****************/
      #footer-rand1 {
        background:url(/pages/jbo.dev/pic/hg_footer-rechts.gif) top right no-repeat;
        clear:both;
        width:800px;
      }
      #footer-rand2 {
        background:url(/pages/jbo.dev/pic/hg_footer-links.gif) top left no-repeat;
        padding:0 5px 0 5px;
      }

      #footer {
        background-color:#F0A80A;
        margin:0;
        vertical-align:middle;
        font-size:0.7em;
      }
      #footer div#copy {
        padding:0 0 0 10px;
        line-height:25px;
        width:200px;
        height:25px;
        color:#fff;
      }
      #footer a {color:#8C0710;}
      #rand3 h1 {display:none;}
      #fl-m {
        float:right;
        text-align:right;
        padding:0 10px 0 0;
        line-height:25px;
        height:25px;
        color:#fff;
        font-size:0.7em;
      }
      #fl-m a {color:#fff;}
      /*************************************/
      /* listenformatierungen              */
      /*************************************/
      .u-list li {
        margin-bottom:7px;
      }
      /*************************************/
      /* formatierungen im datenbereich    */
      /*************************************/
      .medialist th {
        padding:5px 15px;
        text-align:center;
        font-size:1em;
        background:#999;
        border-top:1px solid #fff;
        border-right:1px solid #fff;
        color:#920408;
      }
      .medialist th.left {
        text-align:left;
      }
      .medialist td {
        padding:7px 15px;
        text-align:center;
        font-size:0.85em;
        background:#ccc;
        border-top:1px solid #fff;
        border-right:1px solid #fff;
      }
      .medialist td.left {
        text-align:left;
      }


      div.title {
        background:url(/pages/jbo.dev/pic/hg_content-title.gif) bottom left no-repeat;
        margin:7px -10px 7px -35px;
        padding:0;
      }
      span.title {
        background-color:#fff;
        font-family:arial, helvetica, verdana;
        font-size:1.3em;
        font-weight:bold;
        color:#920408;
        letter-spacing:1px;
        line-height:25px;
        height:25px;
        margin:0 0 0 35px;
        padding:0 10px 0 0;
      }

      blockquote {margin:15px 10px 10px 15px;}
      hr {color:#00266D;background-color:#920408;}
      #content h2 {
        font-size:1.2em;
        font-weight:bold;
        color:#920408;
      }
      #content h3 {
        font-size:1em;
        font-weight:bold;
        color:#920408;
      }
      #content h4 {
        font-size:1em;
        font-weight:bold;
        color:#920408;
        margin:0 0 3px 0;
      }
      #content h5 {
        font-size:1em;
        font-weight:bold;
        color:#333;
        margin:0 0 3px 0;
      }
      .inline {display:inline;margin:0;padding:0;}
      .monospaced {font-family:monospace,courier,'andale mono';}
      .normal-all {color:#000;font-weight:normal;}
      .normal-color {color:#000;}
      .normal-bold {font-weight:normal;}
      .colored {color:#920408;}
      .colored-bold {color:#920408;font-weight:bold;}
      .colored-bg {
        background-color:#FCAD01;
        color:#920408;
        margin:-3px -5px;
        padding:3px 5px;
      }
      .colored-bg-bold {
        background-color:#FCAD01;
        color:#920408;
        font-weight:bold;
        margin:-3px -5px;
        padding:3px 5px;
      }
      .bold {font-weight:bold;}
      .p-o {padding-top:15px;}
      .p-lr, .p-rl {padding:0px 10px 0px 15px;}
      .p-all {padding:15px 10px 10px 15px;}
      .m-o {margin-top:15px;}
      .m-lr, .m-rl {margin:0px 10px 0px 15px;}
      .m-all {margin:15px 10px 10px 15px;}
      .align-left {text-align:left;}
      .align-center {text-align:center;}
      .align-right {text-align:right;}
      .align-top {vertical-align:top;}
      .align-middle {vertical-align:middle;}
      .align-bottom {vertical-align:bottom;}
      .align-justify {text-align:justify;}

      /*******************/
      /* Teaser Modules  */
      /*******************/
      
      div.modulehead {
        background-color:#920408;
        color:#e08003;
        text-align:center; 
        padding:10px 0 0 0;
        margin:15px 0 -2px 0;
        font-weight:bold;
        font-size:1.05em;
        line-height:20px;
        width:175px;
      }
      .teaser { 
        font-family:verdana,helvetica,arial,sunsans-regular,sans-serif;
        background-color:#fcad01;
        width:175px;
        padding:5px;
      }
      table.teaser td.date {
        font-weight:bold;
        font-size:0.65em;
        text-align:center;
      }
      table.teaser td.teaser {
        font-size:0.65em;
        text-align:center;
        color:#920408;
        border-bottom:1px dotted #fff;
      }

      /*******************/
      /* steffens css    */
      /*******************/
      .headline { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; color: #000000 }
      .llbold { font-size: 24px; font-weight: bold; color: #000000 }
      .llblue { font-size: 24px; color: #0000FF }
      .txt { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: normal; color: #000000 }
      .txtbold { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: bold; color: #000000 }
      .txtboldinvert { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #000000 }
      .comment { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: normal; color: #000000 }