html,body {
    margin:0;
    padding:0;
    color:#000;
    background:#F0F0F0 url(images/bg.jpg) 0 0 fixed;
  }

  body {
    padding:10px;
    font:76%/135% Verdana, Arial, Helvetica, sans-serif;
    min-width:350px;
  }

  .main {
    width:100%;
    margin-left:auto; margin-right:auto;
  }

  /* LINKS */
  a.elink
  {
    text-decoration:none;
    color:#004080;
    background:url(images/elink.gif) center left no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 13px;
  }

  a.elink:hover
  {
    text-decoration:underline;
    color:#004080;
    background:url(images/elink2.gif) center left no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 13px;
  }

  a.clink {
    text-decoration:none;
    color:#004080;
    background:url(images/clink.gif) center left no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 13px;
  }

  a.clink:hover {
    text-decoration:underline;
    color:#004080;
    background:url(images/clink2.gif) center left no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 13px;
  }

  a.mlink {
    text-decoration:none;
    color:#004080;
    background:url(images/mlink.gif) center left no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 13px;
  }

  a.mlink:hover {
    text-decoration:underline;
    color:#004080;
    background:url(images/mlink2.gif) center left no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 13px;
  }

  a.pdflink {
    text-decoration:none;
    color:#004080;
    background:url(images/icon_pdf.gif) 0 -1px no-repeat;
    margin:0 0 0 0;
    padding:0 0 0 18px;
  }

  a.pdflink:hover {
    text-decoration:underline;
    color:#004080;
    background:url(images/icon_pdf.gif) 0 -1px no-repeat;
    margin:0 0 0 0;
    padding:0 0 0 18px;
  }

  a.xlslink {
    text-decoration:none;
    color:#004080;
    background:url(images/icon_xls.gif) 0 -1px no-repeat;
    margin:0 0 0 0;
    padding:0 0 0 18px;
  }

  a.xlslink:hover {
    text-decoration:underline;
    color:#004080;
    background:url(images/icon_xls.gif) 0 -1px no-repeat;
    margin:0 0 0 0;
    padding:0 0 0 18px;
  }

  #content {
    clear:both;
  }

  /* listen im contentbereich */
  div#content ul {
    border:0px solid #000;
    list-style-type:none;

  }

  div#content li {
    border:0px solid #fff;
    padding:0 0 0 15px;
    background:url(images/gp_blue.gif) 1px 3px no-repeat;
    margin-bottom:5px;
  }

  div#content ul.plain {
    border:0px solid #000;
    list-style-type:none;
  }

  div#content ul.plain li {
    padding:0 0 0 1px;
    background:#fff;
  }

  div#content ol li {
    padding:0 0 0 1px;
    background:#fff;
  }

  div.rmenu ul#menu li{
    padding:0 0 0 1px;
    background:#99ccff;
  }

  ul.leftside
  {
    padding:0 0 0 1px;
    margin:0px;
  }

  /* Grafiken */
  .logo {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    height:151px;
    width:171px;
    background:url(images/logo.png) top left no-repeat;
  }

  .head {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 171px;
    width: 495px;
    height: 151px;
    background: #ffffff url(images/head.png) top left no-repeat;
  }

  .h1 {
    padding:0px 0px 0px 0px;
    width:100%;
    background:#fff url(images/head_bg.png) top left repeat-x;
  }

  .h2 {
    padding:0px 0px 0px 5px;
    background:#fff url(images/head_r.png) top right no-repeat;
  }

  .m1 {
    padding:0 0 15px 10px;
    background:url(images/m1.png) top left repeat-x;
  }

  .m2 {
    padding:0 0 0 0;
    width:100%;
    background:url(images/m2.png) top left repeat-x;
  }

  .m3 {
    padding:0 0 15px 10px;
    background:url(images/m3.png) top left repeat-x;
  }

  .m4 {
    padding:0 0 0px 0px;
    width:171px;
    vertical-align:top;
    background:#fff url(images/m4.png) top left repeat-y;
  }

  .m6 {
    padding:10px 10px 10px 10px;
    background:#fff url(images/m6.png) top right repeat-y;
    vertical-align:top;
  }

  .m7 {
    padding:0 0 15px 10px;
    background:url(images/m7.png) top left repeat-x;
  }

  .m8 {
    padding:0 0 0 0;
    width:100%;
    background:url(images/m8.png) top left repeat-x;
  }

  .m9 {
    padding:0 0 15px 10px;
    background:url(images/m9.png) top left repeat-x;
  }

  /* gr�ne box */
  .box1 {
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;  
    background:#99ccff url(images/blh1.png) top left repeat-y;
  }

  .boxhead1 {
    color:#fff;
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#fff url(images/bl1.png) top left repeat-y;
  }

  .boxfoot1 {
    height:1px;
    background:#0099cc url(images/bl1.png) top left repeat-y;
    margin:0 0 5px 0;
    clear:both;
    overflow:hidden;
  }

  /* beige box */
  .box2 {
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#99ccff url(images/blh2.png) top left repeat-y;
  }

  .boxhead2 {
    color:#fff;
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#fff url(images/bl2.png) top left repeat-y;
  }

  .boxfoot2 {
    height:1px;
    background:#99ccff url(images/bl2.png) top left repeat-y;
    margin:0 0 5px 0;
    clear:both;
    overflow:hidden;
  }

  /* brown box */
  .box3 {
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#99ccff url(images/blh3.png) top left repeat-y;
  }

  .boxhead3 {
    color:#fff;
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#fff url(images/bl3.png) top left repeat-y;
  }

  .boxfoot3 {
    height:1px;
    background:#99ccff url(images/bl3.png) top left repeat-y;
    margin:0 0 5px 0;
    clear:both;
    overflow:hidden;
  }

  /* blue box */
  .box4 {
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#fff url(images/blh4.png) top left repeat-y;
  }

  .boxhead4 {
    color:#fff;
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#99ccff url(images/bl4.png) top left repeat-y;
  }

  .boxfoot4 {
    height:1px;
    background:#99ccff url(images/bl4.png) top left repeat-y;
    margin:0 0 5px 0;
    clear:both;
    overflow:hidden;
  }

  /* rbox */
  .rbox1 {
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#99ccff;
  }

  .rboxhead1 {
    color:#fff;
    background:#fff;
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
  }

  .rboxfoot1 {
    height:1px;
    background:#99ccff;
    margin:0 0 5px 0;
    clear:both;
    overflow:hidden;
  }

  /* right menu float */
  .rmenu {
    width:210px;
    float:right;
    margin:-2px 0px 5px 5px;
  }

  /* menu listen */
  ul#menuhead {
    margin:0px;
    border:0px solid #000;
    padding:0 0 0 0;
    list-style-type:none;
  }

  ul#menuhead li {
    font-weight:bold;
    background:url(images/gp.png) center left no-repeat;
    display:inline;
    margin:0 0 0 5px;
    padding:0 0 0 15px;
  }

  ul#menu {
    margin:0px;
    border:0px solid #000;
    padding:5px 0 5px 15px;
    list-style-type:none;
  }

  ul#menu li {
    font-weight:normal;
    margin:0 0 0 0;
    padding:0 0 0 2px;
  }

  /* menu links */
  ul#menu a {
    font-weight:normal;
    text-decoration:none;
    color:#000;
    background:url(images/arrow3.gif) left center no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 12px;
  }

  ul#menu a:hover{
    font-weight:normal;
    text-decoration:none;
    color:#000;
    background:url(images/arrow2.gif) left center no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 12px;
  }

  /* text im footer  */
  .footer {
    color:#333;
    font:0.9em Verdana, Arial,Helvetica,sans-serif;
    margin-left:auto;
    margin-right:auto;
    width:780px;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
  }

  a.footer, a.footer:visited {
    color: #333;
    font:0.9em Verdana, Arial,Helvetica,sans-serif;
    margin-left:auto;
    margin-right:auto;
    width:780px;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    text-decoration:none;
  }

  /* ueberschriften  */
  h1 {
    font:180%/125%  Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-top:15px;
    margin-bottom:0px;
  }

  h2 {
    font:160%/125%  Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-bottom:0px;
    margin-top:15px;
    border:0px;
  }

  h3 {
    font:140%/125%  Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-bottom:0px;
    margin-top:15px;
    border:0px;
  }

  h4 {
    font:120%/125%  Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-bottom:0px;
    margin-top:15px;
    border:0px;
  }

  /* linkbox */

  div#linkbox {
    width:72%;
    padding:5px 5px 5px 5px;
    background-color:#99ccff;
    font:90%/125%  Verdana, Arial, Helvetica, sans-serif;
    border-left:15px solid #ccc;
    border-right:15px solid #ddd;
  }

  /* content links */
  a.linklist {
    text-decoration:none;
    color:#444;
    background:url(images/arrow.gif) center left no-repeat;
    margin:0px 15px 0px 0px;
    padding:0 0 0 15px;
    white-space:nowrap;
  }

  a.linklist:hover {
    text-decoration:none;
    color:#000;
    background:url(images/arrow4.gif) center left no-repeat;
    margin:0px 15px 0px 0px;
    padding:0 0 0 15px;
    white-space:nowrap;
  }

  div#cbox1 {
    background:#99ccff;
    font:100%/125%  Verdana, Arial, Helvetica, sans-serif;
    width:29%;
    float:left;
    margin:5px 5px 5px 5px;
    padding:5px;
    border:1px solid #ccc;
  }

  div#cbox2 {
    background:#99ccff;
    font:100%/125%  Verdana, Arial, Helvetica, sans-serif;
    width:30%;
    float:left;
    margin:5px 5px 5px 5px;
    padding:5px;
    border:1px solid #ccc;
  }

  div#cbox3 {
    background:#99ccff;
    font:100%/125%  Verdana, Arial, Helvetica, sans-serif;
    width:29%;
    float:left;
    margin:5px 5px 5px 5px;
    padding:5px;
    border:1px solid #ccc;
  }

  div#cboxmain {
    font:150%/125%  Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    width:94%;
    text-align:center;
    margin:5px 5px 5px 5px;
    padding:5px;
    border:1px solid #ccc;
    background:#eee;
  }

  div.cboxhead {
    font:160%/125%  Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    border-bottom:1px solid #000;
    font-weight:bold;
    margin-bottom:10px;
  }

  div#dbox1 {
    background:#99ccff;
    font:100%/125%  Verdana, Arial, Helvetica, sans-serif;
    width:278px;
    margin:5px 5px 5px 5px;
    padding:5px;
    border:1px solid #ccc;
    text-align:center;
    font-weight:bold;
  }

  div#dbox2 {
    background:#99ccff;
    font:100%/125%  Verdana, Arial, Helvetica, sans-serif;
    width:278px;
    margin:5px 5px 5px 5px;
    padding:5px;
    border:1px solid #ccc;
    text-align:center;
    font-weight:bold;
  }

  div#dbox3 {
    background:#99ccff;
    font:100%/125%  Verdana, Arial, Helvetica, sans-serif;
    width:278px;
    margin:5px 5px 5px 5px;
    padding:5px;
    border:1px solid #ccc;
    text-align:center;
    font-weight:bold;
  }

  .dbox {
    width:300px;
    float:right;
    margin:5px 15px 5px 5px;
    padding:0px;
    border:1px solid #000;
  }

  table.tbllist {
    border:1px solid #ccc;
  }

  table.tbllist td {
    vertical-align:top;
    border:1px solid #ccc;
    background:#eee;
  }

  table.tbllist th {
    font-weight:bold;
    vertical-align:top;
     text-align:left;
    border:1px solid #ccc;
    background:#eee;
  }

  .warning {
    color: #ff0000;
  }

  .print {
    position:relative;
    top:-50px;
    right:0px;
    width:115px;
    height:20px;
    background: url(images/print_img.gif) center right no-repeat;
    vertical-align:middle;
    text-align:center;
    float:right;
  }

  a.plink{
    font:90%/100%  Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#004080;
  }

  a.plink:hover{
    font:90%/100%  Verdana, Arial, Helvetica, sans-serif;
    text-decoration:underline;
    color:#004080;
  }
  .questiontext {
  font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    vertical-align:middle;
    padding-left: 5px;
    padding-top: 5px;
  }
  .instruction {
    font:95%/140%  Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    vertical-align:middle;
    padding-left: 5px;
    padding-bottom: 5px;
  }
.multicolumn { 
  vertical-align:top;
  text-align:center;
}
  .box6 {
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#99ccff;
    height:210px;
  }

  .boxhead6 {
    color:#fff;
    font:100%/140%  Verdana, Arial, Helvetica, sans-serif;
    background:#99ccff;
  }

  .boxfoot6 {
    height:1px;
    background:#9CAF6E;
    margin:0 0 5px 0;
    clear:both;
    overflow:hidden;

  }

  a.book {
    font:90%/100%  Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#004080;   
  }

  a.book:hover {
    font:90%/100%  Verdana, Arial, Helvetica, sans-serif;
    text-decoration:underline;
    color:#004080;    
  }
  
.book_img {
   border: solid 3px;
   border-color: transparent;
}

table.tblrating {
    border:1px solid #ccc;
  }


.tabhead {
  font: 80% Verdana, Arial, Helvetica, sans-serif;
  width:72px;
}

table.tblrating td {
    font: 80%/100% Verdana, Arial, Helvetica, sans-serif;
    vertical-align:middle;
    border:1px solid #ccc;
    background:#0099cc;    
    text-align:center;
  }