/* DIRKHOPPE.DE */
/* BASICS ------------------------------------------------------------------- */
  body
  {
  background:white;
  margin:auto;
  padding:auto;
  font-size:12px;
  line-height:20px;
  font-family:Arial,sans-serif;
  scrollbar-base-color:white;
  scrollbar-3dlight-color:silver;
  scrollbar-arrow-color:white;
  scrollbar-darkshadow-color:white;
  scrollbar-face-color:silver;
  scrollbar-highlight-color:white;
  scrollbar-shadow-color:silver;
  scrollbar-track-color:silver
  }

  .flL {float:left}
  .flR {float:right}
  .clB {clear:both}
  .clL {clear:left}
  .clR {clear:right}
  .hidden {display:none}
  .noborder {border:0;}
  .clear {clear:both}
  .inline {display:inline}
  br.clear {line-height:0;height:0;}
  a {cursor: pointer;outline: none;}
  a.anchor{display:none}
  li {list-style-type:none;}
  pre {font-family:Monaco, 'Courier New', Courier, monospace;}

/* BOX POSITIONS ------------------------------------------------------------ */
  .frame
    {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-415px;
    margin-top:-262px;
    width:830px;
    height:542px;
    background:white url(../dirkweg.jpg) no-repeat;
    }

    .frame#cat1
    {
    background:white url(../hintergrund.jpg) no-repeat;
    }

  #innerframe
    {
    display:block;
    }

  #logo
  {
    display:none;
  }
  #logo h1
  {
    display:none;
  }

  #headnavline
  {
    display:none;
  }

  .lang-switch
  {
    position: absolute;
    display:block;
    top:43px;
    right:210px;
    border:0;
    /*background:url(../bg_grey_10.png);*/
    margin:0;
    padding:4px 6px 4px 6px;
    line-height: 1px;
    font-size:10px;
    color:#B2B2B2;
    z-index: 20;
  }

  .lang-switch img
    {
    vertical-align:middle;
    border:0;
    margin:0;
    padding:0;
    }

  #breadcrumb
    {
    display:block;
    position:absolute;
    color:#B2B2B2;
    font-size:9px;
    top:-17px;
    left:160px;
    }

  #breadcrumb a,
  #breadcrumb a:link,
  #breadcrumb a:visited
    {
    color:gray;
    font-size:9px;
    text-decoration:none;
    }

  #breadcrumb a:hover
    {
    color:#F91006;
    }

/* NAVI --------------------------------------------------------------------- */
  .headnav
    {
    position: absolute;
    display:block;
    top:20px;
    left:20px;
    width:120px;
    margin:0;
    padding:0 0 0 0;
    line-height:13px;
    font-size: 12px;
    z-index:30;
    /* background:pink */
    }

  .innerheadnav
    {
    margin:0;
    padding-right:50px;
    }

  .leftnav
    {
    position: absolute;
    display:block;
    top:130px;
    left:0px;
    bottom:23px;
    width:185px;
    margin:0;
    padding:0;
    overflow:auto;
    line-height:12px;
    font-size: 12px;
    border-bottom:1px solid #B2B2B2;
    }

  .innerleftnav
    {
      padding:10px 0 0 0;
    }

  /* RESETS */


  .leftnav ul,
  .leftnav ul li,
  .leftnav ul li a,
  .headnav ul,
  .headnav ul li,
  .headnav ul li a
  {
    margin:0;
    padding:0;
    border:none;
    background:transparent;
    text-decoration:none;
  }

  /* LINKS */

  ul.nav1st a,
  ul.nav2nd a,
  ul.nav3rd a
  {
    color:white;
  }

  ul.nav1st a:hover,
  ul.nav2nd a:hover,
  ul.nav3rd a:hover
  {
    color:black;
  }

  ul.nav1st a.current,
  ul.nav2nd a.current,
  ul.nav3rd a.current
  {
    color:#B2B2B2;
    font-weight:bold;
  }

  ul.nav1st a.current:hover
  {
    color:#B2B2B2;
  }

  /* HEADNAV */

  ul.nav1st
  {
    padding:0 0 0 0;
  }

  ul.nav1st li
  {
    padding:0px 2% 0px 2%;
  }

  ul.nav1st li a
  {
    display:block;
    padding:0 0 0 6px;
    margin:10px 0 1px 0;
    white-space: nowrap;
    border-left:1px solid white;
  }

  ul.nav1st a.current
  {
    color:gray;
    border-left:1px solid gray;
  }

  /* LEFTNAV */

  .leftnav ul
  {
    /*display:block;*/
    position:relative;
    z-index:4;
    background:transparent;
  }

  ul.nav2nd
  {
    /* border-bottom:2px solid white */
  }

  ul.nav3rd
  {
    margin:0 0 0 20px;
  }

  ul.nav2nd li,
  ul.nav3rd li
  {
    padding:6px 0 6px 0;
    border-bottom:1px solid #C3C3C3;
    z-index:4;
  }

  ul.nav3rd li
  {
    border-bottom:none;
  }

/* SEARCHBOX ---------------------------------------------------------------- */
  .searchbox
  {
    position: absolute;
    display:block;
    top:20px;
    right:20px;
    width:203px;
    height:18px;
    z-index:40;
    background:url(../bg_black_20.png);
    padding:0;
    margin:0;
    border:0;
  }

  .searchbox:hover
  {
  border:0;
  background:url(../bg_black_30.png);
  }

  .searchbox#hoversearch
  {
    /* display:none */
  }

  .searchbox#contentsearch
  {
    top:100px;
    left:10%;
  }

  #innersearchbox {
    position: absolute;
    display:block;
    padding:0px;
    margin:0px;
    background:transparent;
  }

  #innersearchbox input#rexsearch {
    position: absolute;
    top:0px;
    left:16px;
    height:18px;
    width:157px;
    border:0;
    padding:0 0 0 6px;
    line-height:16px;
    font-size:12px;
    color:white;
    /* background:url(../bg_black_10.png) */
    background:transparent;
  }

  #innersearchbox input.submit {
    position: absolute;
    top:0px;
    height:25px;
    width:30px;
    border:0;
    margin:0;
    padding:0;
    background: url(../search.png) 5px 4px no-repeat;
  }

  #innersearchbox .closesearch {
    position: absolute;
    top:18px;
    left:230px;
    height:21px;
    width:33px;
    font-size:14px;
    margin-left:10px;
    color:black;
  }

  .searchresult li {
    border:1px dotted #efefef;
    padding:10px;
    margin:2px 0 2px 0;
    color:black;
  }

  .searchresult {
    background:url(../bg_black_10.png);
    padding:8px 4px 4px 12px;
  }

  .searchresult p
  {
    font-style:italic;
    color: white;
  }

  .searchresult p b
  {
    color: silver;
  }

  .searchresult h3 a
  {
    color: #83C9E3;
  }

/* CONTENT ------------------------------------------------------------------ */
  .content
    {
    position:absolute;
    width:647px;
    top:50px;
    overflow:auto;
    bottom:30px;
    left:150px;
    padding:0px 6px 0px 6px;
    color:white;
    background: url(../bg_black_20.png);
    }

  #rs1 .content {
    width:422px;
    top:20px;
    bottom:30px;
    left:150px;
    background: url(../bg_gray_50.png);
    }

  .innercontent
    {
    padding:15px 10px 10px 20px;
    margin:0;
    max-width:690px;
    }

  .content a, .content a:visited {color:#83C9E3;text-decoration:none;border-bottom:1px dotted silver;padding: 0 2px 0 2px;}
  .content a:hover {color:white;text-decoration: none;border-bottom:1px dotted gray}
  .content a:active{color:black;}
  .content a.targetblank,
  .content a.blank,
  .content a.new {background: url(../targetblank.gif) no-repeat 100% 0px;padding-right:14px;/*cursor:url(cursor-targetblank.png), ne-resize*/}

  .content p {margin:4px 0 8px 0;}
  .content p.date {font-size:10px;float:right;clear:left;margin:5px 0 0 8px;padding:0;color:silver;}
  .content p.legacycontent {font-size:10px;font-weight:bold;text-align:center;margin:0;padding:10px;color:#F91006;background:#FAE9E5;border:2px dotted #F91006}

  .content strong.rex {background:#AAB9A8;color:white;margin:0;padding:1px 2px 2px 2px;font-weight:bold;}

  .content li {margin:0 0 4px 0;}

  .content hr {clear:both;border:0;border-top:1px solid #D3D2D2}

  .content h1 {font-size:22px;margin-top:0;padding-top:0;color:white}
  .content h1:before {content:"/// ";color:silver;}/*FFC600*/
  .content h2 {font-size:18px;margin:12px 0;padding-top:0;color:white;}
  .content h3 {font-size:16px;margin:10px 0;padding-top:0;color:white;}
  .content h4 {font-size:14px;margin:20px 0 10px 0;padding-top:0;}
  .content h5 {font-size:12px;margin:0 0 0 0;padding:0 0 0 0;}

  /* links floatende Überschriften */
  .content h1.flL,
  .content h2.flL,
  .content h3.flL,
  .content h4.flL,
  .content h5.flL {padding:0;margin:2px 8px 0 0;}


  .content ul {margin:0;margin:3px 0 0 0;padding:0 0 0 20px;list-style-image:url(../list_bullet_silver_2.gif);}
  .content ul li {list-style-type:square;margin:0 0 3px 0;padding:0}
  .content ol {margin:3px 0 0 0;padding:0 0 0 20px;}
  .content ol li {list-style-type:decimal;margin:0 0 3px 0;padding:0}

  .content pre {padding:8px;border:1px dashed white; background:url(../bg_black_05.png);font-size:12px;line-height:12px;font-family:Monaco, 'Courier New', Courier, monospace;overflow:auto;}
  .content pre {padding:10px;border:none; background:url(../bg_black_10.png);font-size:12px;line-height:12px;font-family:Monaco, 'Courier New', Courier, monospace;overflow:auto;}

  /* spezielle Klassen */
  .articleupdate
  {
    background:#B0B0B0;
    padding:6px;
    display:inline-block;
    margin: 0 0 20px 0;
    color:gray;
  }
  .articleupdate span
  {
    font-family:monospace;
    color:white;
  }

  /*box varianten*/
  .infobox {}

  /* geshi*/
  .content div.geshi {width:100%;overflow:auto;padding:0;margin:0;/*border-right:1px dashed red*/}
  .content div.geshi table {}
  .content div.geshi table td.ln,
  .content div.geshi table td.de1 {width:100%;padding:0;margin:0;vertical-align: top;}
  .content div.geshi table td.ln pre {padding:8px;margin:0;border:0; background:transparent;color:silver;text-align:right;font-size:12px;line-height:12px;font-family:Monaco, 'Courier New', Courier, monospace;}
  .content div.geshi table td.de1 pre {padding:8px;margin:0;border:none; border-right:1px solid #efefef;background:url(../bg_black_10.png);font-size:12px;line-height:12px;font-family:Monaco, 'Courier New', Courier, monospace;}
  .content div.geshi span {margin:0;padding:0;}
  .content div.geshi span.xtra {display:block;margin:0;padding:0;color:gray;}

  /* geshi2*/
  .content div.geshi2 {width:100%;padding:0;margin:0;border:0}
  .content div.geshi2 div.linenumbers {float:left;clear:left;padding:0;margin:0;background:transparent}
  .content div.geshi2 div.sourcecode {padding:0;margin:0;height:110%;}
  .content div.geshi2 div.linenumbers pre {border:0;background:transparent;text-align:right;color:silver;}
  .content div.geshi2 div.sourcecode pre {overflow:auto;background:#efefef;background:url(../alternating_source.png) 0 -3px;}
  .content div.geshi2 span {margin:0;padding:0;}
  .content div.geshi2 span.xtra {display:block;margin:0;padding:0;}
  .content div.geshi2 div.linenumbers span.xtra {color:gray;}


  .content pre.textilein {margin:0 0 8px 0;padding:2%;width:45%;float:left;}
  .content p.textileout {margin:0 0 8px 0;padding:2%;width:45%;background:#FFF0CC;float:right;}
  .content iframe {position:absolute;top:0;left:0;padding:0;margin:0;width:100%;height:100%;border:0;overflow:visible;}

  /*.content sup {color:#0033CC;font-size:10px;font-weight:bold;margin:0 0 0 3px;}
  .content sup:before {content:"[";}
  .content sup:after {content:"]";}*/
  .content cite {color:#0730B7;font-family:Monaco, monospace;font-style:normal;/*white-space:nowrap*/}

  .content div.disclaimer {font-size:9px;font-style:italic;color:gray;border-top:1px solid silver}
  .content div.disclaimer a {background:none;padding:0 2px 0 2px;}

  .content div.flowtable {width:100%;overflow:auto}
  .content div.flowtable table {background:#efefef}
  .content div.flowtable th {text-align:center;white-space:nowrap}
  .content div.flowtable td {background:white;text-align:center;white-space:nowrap}

  .content div.articlelist h1 {font-size:18px}

/* TEXTILE DELUXE ----------------------------------------------------------- */
  .ImgBoxR,
  .ImgBoxL,
  .ImgBox
  {
    padding:2px;
    color:black;
    font-size:10px;
    font-style:normal;
    line-height:12px;
  }

  .ImgBoxR {
    float:right;
    margin:0 0 4px 8px;
    padding:0 0 4px 8px;
  }

  .ImgBoxL {
    float:left;
    margin:3px 8px 4px 0;
  }

  .ImgBoxR img,
  .ImgBoxL img,
  .ImgBox img
  {
    margin:0;
    padding:0;
    border:1px solid gray;
  }

  .ImgBoxR img.noborder,
  .ImgBoxL img.noborder,
  .ImgBox img.noborder
  {
    border:0;
  }

/* SIMPLE LIFGHTBOX --------------------------------------------------------- */

  .simple-lightbox-galerie
  {
    margin:0 0 30px 0;
  }
  .simple-lightbox-thumb a,
  .simple-lightbox-thumb a:link,
  .simple-lightbox-thumb a:visited,
  .simple-lightbox-thumb img
  {
    border:0;
    margin:0;
    padding:0;
  }
  .simple-lightbox-outerthumb
  {
    float:left;
    margin:1px;
    /*border:1px solid #E5E5E5;
    border-right:1px solid silver;
    border-bottom:1px solid silver;*/
    padding:12px;
    background:url(../bg_black_10.png);
  }

  .simple-lightbox-outerthumb:hover
  {
    /*background:silver url(../lupe.gif) no-repeat 50% 95%
    border:1px solid grey;*/
    background:url(../bg_black_20.png);
  }
/* XFORM -------------------------------------------------------------------- */
  fieldset.kontaktformular
  {
    border:0;
  }

  fieldset.kontaktformular legend
  {
    display:none;
  }

  fieldset.kontaktformular input,
  fieldset.kontaktformular textarea
  {
    background: url(../bg_black_20.png);
    border:0;
    color:white;
    padding:4px;
  }

  fieldset.kontaktformular input:hover,
  fieldset.kontaktformular input:focus,
  fieldset.kontaktformular textarea:hover,
  fieldset.kontaktformular textarea:focus
  {
    background: url(../bg_black_50.png);
  }

  p.formtext input.text
  {
    width:200px;
  }

  p.formtextarea textarea
  {
    width:430px;
    height:150px;
  }

  p.formsubmit
  {
    text-align: right;
    margin-right: 14px
  }

  p.formsubmit input.submit
  {
    background: url(../bg_black_20.png);
    color:white;
    border:0;
    padding:4px;
  }

  p.formsubmit input.submit:hover
  {
    background: url(../bg_black_50.png);
    border:0;
  }

  label.text,
  label.textarea
  {
    width:100px;
    text-align:right;
    white-space:nowrap;
    padding-top:3px;
    padding-right:8px;
    float:left;
    clear:left;
  }

  ul.form_warning
  {
    color:red;
  }

  ul.form_warning li:first-child
  {
    display:none;
  }

/* FOOTER ------------------------------------------------------------------- */
  #footer
  {
    position: absolute;
    display:block;
    right:0;
    left:0px;
    bottom:0;
    height:17px;
    line-height:10px;
    margin:0;
    padding:4px 12px 0 3px;
    text-align:right;
    /* text-transform: uppercase */
    /*border-top:1px solid #B2B2B2;*/
  }

  #footer p
  {
    margin:0;
    padding:0;
    font-size: 10px;
    color:#A8A8A8;
  }

  #footer a:link,
  #footer a:visited
  {
    font-size:10px;
    color:gray /*#E2A131*/;
    text-decoration:none;
  }

  #footer a:hover
  {
    color:#F91006 /*#E2A131*/;
  }


/* DOWNLOAD DELUXE ---------------------------------------------------------- */
  fieldset.download
  {
    border:0;
    margin:0;
    padding:8px;
    background:#efefef;
    border:1px solid #A8A8A8;
  }
  legend.download
  {
    display:none;
  }
  .downloadpreview img
  {
    margin:0 10px 0 10px;
    border:1px solid #FFC700;
  }
  .downloadpreview img:hover
  {
    border:1px solid black;
  }
  fieldset.download h3 {font-size:16px;display:inline}
  fieldset.download p.dateigroesse {font-size:12px;display:inline}




/* WPAUDIO ------------------------------------------------------------------ */
  .wpa_container
  {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  color: inherit;
  background: url(../bg_black_20.png);
  min-width:150px
  }

  .content .wpa_container a
  {
  text-decoration: none;
  margin:0 4px 0 4px;
  border-bottom:0;
  color: #EBEBEB;
  }

  .wpa_container a:hover
  {
  text-decoration: none;
  color: #73BDE0;
  }

  .wpa_container,
  .wpa_container img,
  .wpa_container div,
  .wpa_container span
  {
  margin: 0;
  border: 0;
  padding: 0;
  }

  .wpa_container,
  .wpa_container img,
  .wpa_container div,
  .wpa_container span
  {
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  }

  .wpa_container img.wpa_play
  {
  width: 16px;
  height: 14px;
  margin-right: 5px;
  vertical-align: baseline;
  background: transparent;
  }

  .wpa_container span.wpa_text
  {
  font-family: Arial, Sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
  }

  .wpa_container span.wpa_text em
  {
  font-size: 14px;
  color:silver;
  vertical-align:top;
  line-height:18px;
  margin-left: 4px;
  font-weight:normal;
  font-style: normal;
  }

  .wpa_container div.wpa_bar,
  .wpa_container div.wpa_bar div
  {
  height: 5px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  }

  .wpa_container div.wpa_bar
  {
  display: none;
  position: relative;
  margin: 4px 0 0 22px;
  background: #eee;
  }

  .wpa_container div.wpa_bar div
  {
  position: absolute;
  top: 0px;
  left: 0px;
  }

  .wpa_container div.wpa_bar div.wpa_bar_load
  {
  width: 0;
  z-index: 10;
  background: #ccc;
  }

  .wpa_container div.wpa_bar div.wpa_bar_position
  {
  width: 0;
  z-index: 11;
  background: #73BDE0;
  }

  .wpa_container div.wpa_bar div.wpa_bar_click
  {
  width: 100%;
  z-index: 12;
  background: transparent;
  cursor: pointer;
  }

  .wpa_container div.wpa_sub
  {
  display: none;
  position: relative;
  margin: 0 0 0 22px;
  color: #aaa;
  }

  .wpa_container div.wpa_sub,
  .wpa_container div.wpa_sub span.wpa_time,
  .wpa_container div.wpa_sub span.wpa_dl
  {
  font-family: Arial, Sans-serif;
  font-size: 11px;
  }

  .wpa_container div.wpa_sub a.wpa_dl
  {
  position: absolute;
  top: 0;
  right: 0;
  }

  .wpa_container div.wpa_sub span.wpa_dl_info
  {
  display: none;
  position: absolute;
  top: -130%;
  left: 105%;
  border: 1px solid #ddf;
  padding: 5px;
  background: #f2f2ff;
  }