   /*      default CSS - NTC               */
 /*      by 28|zwo arge medien, 2007     */

  body, table, td, textarea, input, select, pre {
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 14px;
    color: #131313;
    }

  body {
    margin: 0px 0px 10px 0px;
    padding: 0; 
    background-color: #fff8dc;
    }


/* Global Links */
  a { text-decoration: none; color: #fc6200; }
  a:hover { color: #131313; }

  .magazine-image a img, .magazine-image a:hover {
    background: transparent;
    } 


/* Layout */
  #visual-portal-wrapper {
    text-align: left;
    background-color: #fff8dc;
    margin: 0 auto;
    width: 900px;
    }

  #headimage {
    height: 157px;
    }

  #left-col {
    float: left;
    width: 200px;
    margin: 0 0 0 0;
    padding: 0 15px 0 0;
    }
  
  #main-col {
    width: 683px;
    margin: 0;
    float: left;
    height: 1%; /* Holly hack for Peekaboo Bug */
    }

  .visual-clear {
    clear: both;
    }
  
  dl {
    width: 200px;
    margin: 0 0 15px 0;
    padding: 0;
    }

  dt {
    margin: 0 0 10px 0;
    padding: 8px;
    color: #131313;
    }
  
  dd {
    margin: 0 0 0 10px;
    padding: 0 10px 10px 10px;
    color: #131313;
    font-family: Verdana, sans-serif;
    }

  .infobox {
    width: 200px;
    }

  .infoboxtop {
    background: url(boxtop2.gif) no-repeat top left;
    }

  .infoboxbottom {
    background: url(boxbottom2.gif) no-repeat bottom left;
    }

  .infoboxcontent {
    color: #fff;
    border-style: solid;
    border-color: #ff6600;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    background-color: #f90;
    }

  .infoboxtop, .infoboxbottom {
    width: 100%;
    height: 6px;
    font-size: 1px;
    }

  .infoboxcontent { padding: 5px 10px; }

  .bigbox {
    width: 683px;
    }

  .bigboxtop {
    background: url(bigboxtop.gif) no-repeat top left; width: 100%; height: 6px; font-size: 1px;
    }

  .bigboxbottom {
    background: url(bigboxbottom.gif) no-repeat bottom left; width: 100%; height: 6px; font-size: 1px;
    }

  .bigboxcontent {
    border-style: solid;
    border-color: #ff6600;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    background-color: #fff;
    padding: 5px 10px;
    }

/* Navigation */
  #portal-globalnav {
    font-size: 12px;
    color: #d3dae2;
    background-color: transparent;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    white-space: nowrap;
    background: url("globalnavbackground.jpg") no-repeat;
    height: 25px;
    }

  div#portal-globalnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    }

  div#portal-globalnav ul li {
    float: left;
    margin: 2px 0 0 0;
    padding: 0;
    }

  div#portal-globalnav ul li a {
    display: block;
    margin: 3px 10px 3px 9px;
    text-decoration: none;
    color: #fc6200;
    }

  div#portal-globalnav a { float: none; }

  div#portal-globalnav ul li a:hover {
    color: #131313;
    }

  div#portal-globalnav ul li.selected a {
    color: #131313;
    }


  #nav {
    font-size: 12px;
    background: #fff url(boxbottom.gif) no-repeat bottom left;
    padding: 0 0 5px 0;
    }

  #nav dt {
    margin: 0;
    background: #fff url(boxtop.jpg) no-repeat top left;
    }

  #nav dd {
    margin: 0;
    padding: 8px 10px 5px 10px;
    border-top: 1px solid #ff6000;
    border-right: 1px solid #ff6000;
    border-left: 1px solid #ff6000;
    }

  #nav.noSubItem {
    background: #fff url(boxbottomnoitem.gif) no-repeat bottom left;
    }

  ul#subNavList {
    margin: 0;
    padding: 0;
    width: 180px;
    list-style-type: none;
    color: #131313;
    }

  ul#subNavList li {
    display: block;
    }

  ul#subNavList li a {
    display: block;
    padding: 2px 0 2px 15px;
    margin: 0;
    text-decoration: none;
    color: #fc6200;
    line-height: 24px;
/*    height: 24px; */
    background: url(biglistdot.gif) no-repeat 0 9px;
    }

  ul#subNavList li.active a, ul#subNavList li a:hover {
    color: #131313;
    }


/* Site map*/
  ul.sitemap1st {
    list-style: none;
    width: 400px;
    }

  ul.sitemap1st li a.firstLevel {
    margin: 15px 0 5px 0;
    padding: 2px 5px;
    display: block;
    border-top: 1px solid #131313;
    border-bottom: 1px solid #131313;
    background-color: #efefef;
    }

  ul.sitemap2nd {
    list-style: none;
    }


/* Forms */
  form {
    margin: 0;
    padding: 0;
    }
  
  input[type=text] {
    font-size: 12px;
    padding: 0 2px 0 0;
    border: 1px solid #ccc;
    background-color: #eee;
    }

  .button, #searchButton {
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #fc6200;
    }


/* Images */
  img {
    border: 0;
    padding: 0;
    margin: 0;
    }
  
  .rex_image {
    float: right;
    clear: both;
    margin: 5px 0 5px 10px;
    border: 1px solid #ff6000;
    padding: 1px;
    }

  .rex_img_magazin {
    border: 1px solid #ff6000;
    padding: 1px;
    }

  .magazine-image {
    background: #fff;
/*    border: 1px #eee solid; */
    }

  .magazine-image img {
    padding: 0px;
    background: #fff;
    margin: 2px;
    border: 1px #eee solid;
    }

  .flLeft {
    padding: 5px 10px 3px 10px;
    float: left;
  }

  .flRight {
    padding: 5px 10px 3px 10px;
    float: right;
  }


/* Text */
  .smaller {
    font-size: 0.75em;
    }
  
  h1, h2, h3 {
    font-size: 1.2em;
    }

  h4, h5, h6 {
    font-size: 1em;
    }


/* Misc */
  .debug {
    border: 1px solid #f00;
    }

