@charset "utf-8";
    
    a:link        { text-decoration:underline; font-weight:normal; color:#0000FF; }
    a:visited     { text-decoration:underline; font-weight:normal; color:#0000A0; }
    a:active      { text-decoration:underline; font-weight:normal; color:#0000FF; }
    a:hover       { text-decoration:underline; font-weight:normal; color:#0000FF; background-color:#FFFF99; }
    
    *, #topbanner, #date, #topbeamsmall { margin:0; padding:0; }
    form { padding:0; }
    input, select, textarea { border: thin solid gray; }
    
    .clear { clear:both; }
  
    * { border:0; }
    table { border-collapse:collapse; }
    td { padding:3px 10px; }
    input { border: 1px solid silver; }
    .box, .form, .border { border: 5px ridge silver; margin: 1em auto; width:100%; }
    .form td { padding:2px 5px }
    .border td { border: 1px solid silver; }
    option { padding:0 5px; }
    
   .linkbutton { border: 1px solid black; border-top:0; background-image:url(http://www.jokerad.com/images/buttonmid.gif); background-repeat:repeat-x; }
   .formbutton { padding:0px 0px; border: 1px solid black; border-top:0; text-decoration:none; color:#0000FF; font-size:18px; background-image:url(http://www.jokerad.com/images/buttonmid37.gif); background-repeat:repeat-x; }

    
    .progressbox { width:600px; background-color:#ececec; margin: auto; font-size:0.7em; text-align:center; }
    
    
   
body { background-color:#FFFFF9; 
    margin:auto; margin-bottom:60px; 
    background-image:url(http://www.jokerad.com/images/bgbody.jpg); background-repeat:repeat-x; 
    color: black;
    font-size: 100.01%; font-family: helvetica,arial,sans-serif;
    text-align: center;
  }

#page { background-color:#ffffff; font-family:arial,helvetica,sans-serif;
    text-align: left;
    margin: 0 auto;
    width: 760px;
    border: 2px ridge silver; 
  }

#head { background-color:#ECECF1; }
#title { font-family:cursive,fantasy,Times,Helvetica,Serif; font-style:italic; color:#E3D599; font-weight:normal; font-size:18px; }

#topbanner { background-color:#ECECF1; background-image:url(http://www.jokerad.com/images/top.jpg); background-repeat:no-repeat; height:100px; }

#date { float:left; width:40%; font-size:0.8em; margin-left:7px; font-weight:bold; }
#company { float:right; width:40%; text-align:right; font-size:0.7em; margin-right:7px; }
#refid { text-align:center; font-size:0.7em; }

#topbeamsmall { clear:both; height:18px; background-image:url(http://www.jokerad.com/images/topbeamsmall.gif); background-repeat:repeat-x; }

#topbeam { height:30px; background-image:url(http://www.jokerad.com/images/topbeam.gif); background-repeat:repeat-x; }

#totop { clear:both; padding:20px; text-align:right; }

#foot { clear:both; border-top:2px ridge silver; }

#content { background-color:#ffffff; min-height:620px; font-family:Tahoma,"Franklin Gothic Medium","Trebuchet MS",verdana,arial,helvetica,serif; 
    font-size:1.2em;
    padding: 1em 29px;
    }
    
    hr { border:1px solid gray; margin:1em 0; }
    img { border:0; vertical-align:bottom; }    

    #hometext { font-size:12px; width:95%; margin: 0 auto; }
    #searchimages { border-top:thin solid gray; border-bottom:thin solid gray;
                              vertical-align:middle; margin-bottom:10px; width:100%; }
    #leftbarhome { text-align:center; font-size:0.7em; border-right: 1px solid gray; 
                            height:445px; width:125px; padding-left:0px; float:left; }
    #rightbarhome { text-align:center; font-size:0.7em; border-left: 1px solid gray; 
                              height:445px; width:125px; padding-left:0px; float:right; }
    
    #adverts a { text-decoration:none; }
    .ad { background-image:url(http://www.jokerad.com/images/gold1.gif); 
            width:485px; margin:5px auto 5px; padding:3px; border:2px outset #AAAAAA; 
            font-size:0.9em; background:#F8F4E4; }
    .ad span { font-size:12px; font-style:italic; }

    .h1, .h1center, .h1right { font-size:1.3em; line-height:1.4em;  }
    .h2, .h2center, .h2right { font-size:1.3em; line-height:1.4em; }
    .h3, .h3center, .h3right { font-size:1.1em; line-height:1.4em; }
    .h4, .h4center, .h4right { font-size:0.9em; line-height:1.4em; }
    .h1, .h1center, .h1right, .h2, .h2center, .h2right, .h3, .h3center, .h3right, .h4, .h4center, .h4right {
            color:#BBA022; font-family:"Palatino Linotype",Georgia,serif; font-weight:bold; line-height:1.4em; }
    .h1center, .h2center, .h3center, .h4center { text-align:center; }
    .h1right, .h2right, .h3right, .h4right { text-align:right; }
       
    p { line-height:1.4em; }
    .p1, .p1center, .p1right, .p1justify { margin:0.3em 0 1.2em }
    .p2, .p2center, .p2right, .p2justify { margin:0.3em 0 2.0em }
    p, .p1, .p2 { text-align:left; }
    .pcenter, .p1center, .p2center { text-align:center; }
    .pright, .p1right, .p2right { text-align:right; }
    .pjustify, .p1justify, .p2justify { text-align:justify; }
    
    .em { color:#BBA022; }
    .big { font-size:1.2em; }
    .bigger { font-size:1.4em; }
    .small { font-size:0.7em; }
    .smaller { font-size:0.6em; }
    
    .red { color:#D50000; }
    .attention { color:red; }

  ul#navigation, ul#navismall {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#navigation li, ul#navismall li {
    list-style: none;
    float: left;
    position: relative;
margin:0;
background-image:url(http://www.jokerad.com/images/topbeam.gif); background-repeat:repeat-x;
  }

  ul#navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;
  }
  ul#navigation li:hover ul {
    display: block;
  }

  ul#navigation li ul li {
    float: none;
    display: block;
  }

  ul#navigation a, ul#navigation span, ul#navismall a, ul#navismall span {
    display: block;
    text-decoration: none;
    border: 1px solid black;
    border-left-color: #ECECF1; border-top-color: #ECECF1;
    color: blue;
    font-size: 18px;
    padding:3px 0.6em;
    min-width: 4.0em;
} 

  ul#navismall a, ul#navismall span {
    padding:0 0.3em;
    font-size: 80%;
    min-width: 4.5em;
    font-weight: normal;
  }

  ul#navigation a:hover, ul#navigation span, li a#aktuell, ul#navismall span {
    border-color: #ECECF1;
    border-left-color: black; border-top-color: black;
    color:maroon;
  }
  
  ul#navigation a:hover {
      border-bottom-color: gray;
  }

  li a#aktuell {
    color: maroon;
  }

  ul#navigation a:visited, ul#navismall a:visited {
    color: #0000A0;
  }