/* page */

html, body { margin: 0; padding: 0; width: 100%; font-family: verdana, geneva, arial, helvetica, sans-serif; text-align: center; background: url(../../bilder/grafik/bgbody.jpg) repeat-y #707070; }
#bgpg { margin: 10px auto; padding: 10px; width: 800px; text-align: left; color: #303030; background: #505050; }

.clearer { clear: both; height: 1px; }

/* text */

h1, h4 { margin: 0 0 10px 0; padding: 0; font-size: 14px; font-weight: bold; color: #303030; }
h2 {  }
h3 { font-size: 14px; font-weight: bold; color: #303030; }

p { margin: 0; padding: 0; font-size: 12px; line-height: 1.4em; color: #303030; }
 .bodytext { margin: 0 0 10px 0; }

a { text-decoration: underline; color: #666; }
a:hover { text-decoration: none; color: #666; }

/* ----------------- mainnavigation --------------------- */

#galerie_butbox { float: left; width: 269px; }

  ul.galerie_but { margin: 0; padding: 0; width: 260px; height: 134px; }
  ul.galerie_but li { list-style: none; margin: 0; padding: 0; width: 260px; height: 134px; }
  ul.galerie_but li a { display: block; margin: 0; padding: 0; width: 260px; height: 134px; color: #303030; background: url(../../bilder/grafik/bgnav_but.jpg) no-repeat; }
  ul.galerie_but li a:hover { background: url(../../bilder/grafik/bgnav_but_hover.jpg) no-repeat; }

#navbox_top { float: left; margin: 0; padding: 0 0 10px 0; width: 530px; height: 134px; background: url(../../bilder/grafik/bgnav_top.jpg) no-repeat; }
#navbox_bot { position: relative; margin: 0; padding: 0; width: 800px; height: 134px; background: url(../../bilder/grafik/bgnav_bot.jpg) no-repeat; z-index: 50; }

#navbox_top .mainmenu { width: 550px; position: relative; z-index: 100; }
#navbox_bot .mainmenu { width: 810px; position: relative; z-index: 100; }

  /* first level */

  .mainmenu ul { list-style-type: none; padding: 0; margin: 0; }
    .mainmenu li { position: relative; float: left; margin: 0; width: 270px; }
    .mainmenu a { display: block; margin: 0; padding: 0; width: 260px; height: 134px; font-size: 1px; font-weight: bold; text-decoration: none; color: #555; }
    .mainmenu a:hover { color: #555; background: #303030; }
    .mainmenu :hover > a { color: #555; background: #303030; }

  /*second level */

  .mainmenu ul ul { visibility: hidden; position: absolute; z-index: 300; margin: -134px 0 0 0; padding: 0; width: 260px; height: 124px; overflow: hidden; background: #303030; border: none; }
    .mainmenu ul ul li { margin: 0; border: none; }
    .mainmenu ul ul a { position: relative; margin: 0; padding: 5px 10px 0 10px; width: 260px; height: 20px; overflow: hidden; font-size: 11px; font-weight: bold; color: #fff; border: none; }
    .mainmenu ul ul a:hover { color: #fff; background: #606060; }
    .mainmenu ul ul :hover > a { color: #fff; background: #606060; }
    .mainmenu ul ul a.maindrop { color: #fff; background: #777; }
    .mainmenu ul ul a.maindrop:hover { background: #606060; }
    .mainmenu ul ul :hover > a.maindrop { background: #606060; }

  /* table - required for IE6 to work */
  .mainmenu table { position: absolute; top: 0; left: 0;}

  /* visibility */

  .mainmenu ul li:hover ul, .mainmenu ul a:hover ul, .mainmenu ul :hover ul ul, .mainmenu ul :hover ul :hover ul { visibility: visible; }


/* --------------------- logo ------------------------ */

#logobox { float: left; margin: 0; padding: 0; width: 260px; }
  #logobox a { display: block; width: 260px; height: 134px; background: url(../../bilder/grafik/logo.jpg) no-repeat; }
  #logobox a:hover { background: url(../../bilder/grafik/logo_hover.jpg) no-repeat; moz-opacity: 0.7; opacity: 0.7; }


/* ---------------------  subheader -------------------- */

#imagebox { clear: left; margin: 0 0 10px 0; padding: 0; width: 800px; height: 260px; overflow: hidden; }
 #imagebox img { }


/* ---------------------- content ---------------------- */

#contentbox { clear: left; margin: 0 0 10px 0; padding: 0; width: 800px; height: 260px; }

 #leftbox { float: left; margin: 0; padding: 20px 20px 10px 20px; width: 490px; height: 230px; overflow: auto; background: #f4f0e7; }

 #mapbox { margin: 0; padding: 0; width: 100%; border: 1px solid #ccc; }
   #map { margin: 2%; width: 96%; height: 300px; }
   #maphidebox { position: absolute; margin: -30 0 0 0; padding: 10px 0 0 1%; width: 44%; height: 20px; font-size: 10px; color: #909090; background: #fff; z-index: 21; }

 ul.csc-bulletlist { margin: 0; padding: 0 0 10px 0; }
   ul.csc-bulletlist li { list-style: none; margin: 0; padding: 2px 0 0 10px; font-size: 0.7em; background: url(../../bilder/grafik/list.gif) no-repeat; }
   ul.csc-bulletlist li a {  }
   ul.csc-bulletlist li a:hover { background: url(../../bilder/grafik/list_gr_back.gif) no-repeat; }

 #rightbox { float: left; margin: 0 0 0 10px; padding: 0; width: 260px; height: 260px; overflow: hidden; background: #c4c0b7; }
   #quickbox { margin: 0; padding: 10px; }
   #copicbox { margin: 0; padding: 0; }
   #copicbox h1 { position: absolute; margin: 110px 0 0 25px; font-size: 18px; color: #fff; }

   #rootlinebox { position: absolute; margin: -150px 0 0 20px; width: 220px; height: 260px; text-align: center; padding: 0; z-index: 50; }
     #rootlinebox h1, #rootlinebox h1 a { margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #fff; }


/* ------------------------- footer ------------------------*/

#footer { clear: left; margin: 0; padding: 10px 0 20px 0; width: 800px; }

  #footlft { float: left; padding: 0; width: 688px; text-align: left; }
    #footlft p { margin: 0; padding: 0; font-size: 11px; font-weight: bold; color: #909090; }
    #footlft a { margin: 0; padding: 0; text-align: left; color: #909090; }

#conavbox { margin: 10px 0 0 15px; padding: 0; width: 800px; }

  ul.conav { float: left; margin: 0; padding: 0; width: 665px; }
    ul.conav li { list-style: none; float: left; font-size: 11px; font-weight: bold; }
    ul.conav li a { display: block; padding: 3px 10px; text-decoration: none; color: #909090; background: url(../../bilder/grafik/list.gif) no-repeat; }
    ul.conav li a:hover { text-decoration: none; color: #dfdfdf; background: url(../../bilder/grafik/list_gr_back.gif) no-repeat; }

  ul.langnav { float: left; margin: 0; padding: 0; }
    ul.langnav li { list-style: none; float: left; font-size: 11px; font-weight: bold; color: #909090; }
    ul.langnav li a { display: block; margin: 0; padding: 0 2px; font-size: 11px; color: #909090; text-decoration: none; }
    ul.langnav li a:hover { text-decoration: none; color: #fff; }
    ul.langnav li a img { border: none; }

#pagenavbox { float: left; margin: 0; padding: 15px 0 0 0; width: 50px; }

  ul.pagenav { margin: 0; padding: 0; }
    ul.pagenav li { list-style: none; float: left; margin: 0 0 0 10px; }
    ul.pagenav li a:hover { moz-opacity: 0.5; opacity: 0.5; }
    ul.pagenav img { border: none; }


/* ----------------- galeriebox ----------------- */

#galeriebox_header { float: left; width: 540px; height: 144px; }

/* galerienav */

#navbox_gal { float: left; margin: 0; padding: 0; width: 540px; background: url(../../bilder/grafik/bgnav_gal.jpg) no-repeat; }

  /* first level */

  .galmenu ul { list-style-type: none; margin: 119px 0 0 10px; padding: 0; }
    .galmenu ul li.top { float: left; margin: 0; padding: 0; }
    .galmenu ul li a { display: block; margin: 0 7px; padding: 0 0 9px 0; font-size: 13px; font-weight: bold; text-decoration: none; color: #b8b8b8; }
    .galmenu ul li a:hover { color: #fff; }
    .galmenu :hover > a { color: #fff; }
    .galmenu ul li a.galdropact { color: #fff; }

  /*second level */

  .galmenu ul li ul { visibility: hidden; position: absolute; z-index: 300; margin: 0 0 0 7px; padding: 0; width: auto; height: auto; background: #fff; border: none; moz-opacity: 0.9; opacity: 0.9; }
    .galmenu ul li ul li { margin: 0; padding: 0; background: #fff; }
    .galmenu ul li ul li a { display: block; margin: 0; padding: 5px; font-size: 11px; font-weight: bold; color: #333; /*background: url(../../bilder/grafik/list.gif) no-repeat;*/ border: none; }

    .galmenu ul li ul li a:hover { color: #333; text-decoration: underline; /*background: url(../../bilder/grafik/list_gr_back.gif) no-repeat;*/ border: none; }
    .galmenu ul li ul :hover > a { color: #333; text-decoration: underline; /*background: url(../../bilder/grafik/list_gr_back.gif) no-repeat;*/ border: none; }

    .galmenu ul li ul a.galdrop { color: #333; text-decoration: underline; /*background: url(../../bilder/grafik/list_gr_back.gif) no-repeat;*/ }
    .galmenu ul li ul a.galdrop:hover { text-decoration: underline; /*background: url(../../bilder/grafik/list_gr_back.gif) no-repeat;*/ }

    .galmenu ul li ul :hover > a.galdrop { text-decoration: underline; /*background: url(../../bilder/grafik/list_gr_back.gif) no-repeat;*/ }

  /* table - required for IE6 to work */

  /*.galmenu table { position: absolute; top: 0; left: 0;}*/

  /* visibility */

  .galmenu ul li:hover ul, .galmenu ul li a:hover ul, .galmenu ul :hover ul ul, .galmenu ul :hover ul :hover ul { visibility: visible; }


/* Galeriebox content */

#galeriebox { clear: left; margin: 0; width: 800px; background: #666; }

  #galerienavbox { float: left; margin: 0; padding: 10px 15px; width: 770px; }
    ul.galerienav { margin: 0; padding: 0; }
    ul.galerienav li { list-style: none; float: left; font-size: 0.7em; font-weight: bold; }
    ul.galerienav li a { display: block; margin: 0 10px 0 0; padding: 3px 10px; text-decoration: none; color: #b8b8b8; background: url(../../bilder/grafik/list.gif) no-repeat; }
    ul.galerienav li a:hover { text-decoration: none; color: #fff; background: url(../../bilder/grafik/list_gr_back.gif) no-repeat; }
    ul.galerienav li.galerienav_active a { text-decoration: none; color: #fff; background: url(../../bilder/grafik/list_gr_back.gif) no-repeat; }

  #shoptextbox { margin: 0; padding: 0 15px 0 15px; }
    #shoptextbox h1 { padding: 20px 0 10px 0; font-size: 1.1em; color: #fff; }
    #shoptextbox p { margin: 0; padding: 0; font-size: 0.75em; line-height: 1.4em; color: #999; }
    #shoptextbox p a { color: #dfdfdf; }
    #shoptextbox .bodytext { padding: 0 0 15px 0; }

  #galerietextbox { margin: 0 15px; padding: 35px 0 5px 0; width: 770px; border-bottom: 1px solid #999; }
    #galerietextbox h1 { padding: 20px 0 10px 0; font-size: 1.1em; color: #fff; }
    #galerietextbox p { margin: 0; padding: 0; font-size: 0.75em; line-height: 1.4em; color: #999; }
    #galerietextbox p a { color: #dfdfdf; }
    #galerietextbox .bodytext { padding: 0 0 15px 0; }

  #picbox { clear: left; margin: 0 15px 0 15px; padding: 15px 0; width: 820px; }
    #picbox h1 { height: 25px; font-size: 1.1em; color: #ddd; }
    #picbox h2 { margin-top: 20px; padding-top: 20px; width: 770px; height: 25px; font-size: 14px; color: #b8b8b8; border-top: 1px solid #999; }
    #picbox p { margin-bottom: 20px; padding-bottom: 20px; width: 770px; font-size: 11px; color: #ddd; border-bottom: 1px solid #ddd; }
    #picbox DIV.csc-textpic { float: left; margin: 0; padding: 0 0 10px 0; width: 273px; height: 245px; overflow: hidden; }
    #picbox DIV.csc-textpic-clear { clear: right; float: left; }
    #picbox .csc-textpic img { width: 215px; overflow: hidden; }
    #picbox .csc-textpic a:hover { moz-opacity: 0.6; opacity: 0.6; }
    #picbox .csc-textpic .csc-textpic-caption { margin: 5px 0 0 0; font-size: 0.75em; font-weight: bold; color: #b8b8b8; }

  #pagebrowserbox { margin: 0; padding: 0; height: 30px; }
    #pagebrowserbox h1 { margin: 0 7px 0 0; padding: 0; float: left; font-size: 12px; color: #b8b8b8; }
    ul.pagebrowser { margin: 0; padding: 0; font-weight: bold; color: #b8b8b8; }
    ul.pagebrowser li { list-style: none; float: left; margin: 0 3px; padding: 0; font-size: 12px; }
    ul.pagebrowser li a { position: relative; top: 0; left: 0; display: input; text-decoration: none; color: #b8b8b8; }
    ul.pagebrowser li a:hover { color: #b8b8b8; background: #b42020; }
    ul.pagebrowser li.active { color: #b8b8b8; background: #940000; }


/* ----------------- simple gallery ------------------ */

.tx-sksimplegallery-pi1 { clear: left; margin: 0; padding: 0; width: 800px; text-align: left; }
  .tx-sksimplegallery-pi1 h3 { margin: 0 0 10px 3px; padding: 0; font-size: 14px; font-weight: bold; text-align: left; color: #dfdfdf; }
  .tx-sksimplegallery-pi1 h4 { clear: left; margin: 0 0 10px 5px; padding: 20px 0 0 0; width: 760px; color: #dfdfdf; border-top: 1px solid #dfdfdf; }
  .tx-sksimplegallery-pi1 .bodytext { font-size: 11px; color: #dfdfdf; }

/* global gallery: images - caption */

.tx-sksimplegallery-pi1 dl.list { float: left; margin: 0 30px 25px 0; background: transparent; border: none; }
.tx-sksimplegallery-pi1 dl.list dt { margin: 0 0 5px 0; border: none; }
.tx-sksimplegallery-pi1 dl.list dd { display: inline; margin: 0; padding: 0; font-size: 0.7em; text-align: left; font-weight: bold; background: transparent; color: #d8d8d8; }

/* single gallery: single teaser */

.tx-sksimplegallery-pi1 dl.teaser { float: left; margin: 0 22px 20px 0; background: transparent; border: none; }
  .tx-sksimplegallery-pi1 dl.teaser dt { margin: 0 0 5px 0; border: none; }
  .tx-sksimplegallery-pi1 dl.teaser dd { display: inline; margin: 0; padding: 0; font-size: 0.7em; text-align: left; font-weight: bold; background: transparent; color: #d8d8d8; }

.tx-sksimplegallery-pi1 .singlecontainer { margin: 0 0 0 150px; width: 550px; }

  .tx-sksimplegallery-pi1 .singlewrapbox { clear: left; width: 770px; height: auto; }
    .tx-sksimplegallery-pi1 .singlewrapbox-clear-border { clear: both; margin: 0 0 20px 5px; width: 760px; height: 20px; border-bottom: 1px solid #fff; }
    .tx-sksimplegallery-pi1 .singlewrapbox .closer { float: none; clear: both; }

    .tx-sksimplegallery-pi1 .singlepicbox { float: left; margin: 0; width: 470px; }

    .tx-sksimplegallery-pi1 .singledescbox { float: left; margin: 10px 0 0 0; }
      .tx-sksimplegallery-pi1 .singledescbox table.contenttable { margin: 0; padding: 0; border-collapse: collapse; border: none; vertical-align: top; }
      .tx-sksimplegallery-pi1 table td { margin: 0; padding: 0; height: 18px; overflow: hidden; border: none; }
      .tx-sksimplegallery-pi1 .singledescbox p { color: #dfdfdf; }
      .tx-sksimplegallery-pi1 .singledescbox a { font-size: 11px; color: #dfdfdf; }
      .tx-sksimplegallery-pi1 .singledescbox a:hover { color: #fff; }
      .tx-sksimplegallery-pi1 .singledescbox .back a { padding: 2px 0 0 10px; font-size: 11px; color: #dfdfdf; background: url(../../bilder/grafik/list.gif) no-repeat; }
      .tx-sksimplegallery-pi1 .singledescbox .back a:hover { color: #fff; background: url(../../bilder/grafik/list_gr_back.gif) no-repeat; }

/* single gallery: images - caption */

.tx-sksimplegallery-pi1 div.singlebox { float: left; margin: 0 28px 10px 0; height: 190px; }
  .tx-sksimplegallery-pi1 dl.single { margin: 0; padding: 0; background: transparent; border: none; }
  .tx-sksimplegallery-pi1 dl.single dt { margin: 0 0 5px 0; border: none; }
  .tx-sksimplegallery-pi1 dl.single dd { display: inline; margin: 0; padding: 0; font-size: 0.7em; text-align: left; font-weight: bold; background: transparent; color: #d8d8d8; }
    .tx-sksimplegallery-pi1 dl.single dd span { float: right; font-size: 70%; }

/* images all */

.tx-sksimplegallery-pi1 dl a { position: relative; top: 0; left: 0; margin: 0; padding: 0; background: none; }
.tx-sksimplegallery-pi1 dl a:hover { moz-opacity: 0.5; opacity: 0.5; }

.tx-sksimplegallery-pi1-image { border: none; }
.tx-sksimplegallery-pi1 dl img { display: block; }

.tx-sksimplegallery-pi1 .description { margin: 0; padding: 0 0 10px 0; width: 770px; border: none; }
  .tx-sksimplegallery-pi1 .description .bodytext { margin: 0 0 0 3px; padding: 0; }

.tx-sksimplegallery-pi1 p.pagebrowser span { padding: 0 4px; color: #fff; }
.tx-sksimplegallery-pi1 p.pagebrowser, .tx-sksimplegallery-pi1 p.pagebrowser a { color: #fff; }

.tx-sksimplegallery-pi1 br.clear { clear: both; }

/* exif */

.tx-sksimplegallery-pi1 .exifData { color: #ffa; padding-left: 12px; }
.tx-sksimplegallery-pi1 .exifData-Label { color: #ddd; padding-right: 12px; }
.tx-sksimplegallery-pi1 .exifData-Data { color: #999; padding-right: 12px; }


/* ------------- smooth gallery --------------- */

.tx-rgsmoothgallery-pi1 { background: #000 url(img/loading-bar-black.gif) center center no-repeat; }

.myGallery { width: 460px; height: 345px; z-index:5; display: none; border: 1px solid #000; }

.jdGallery { overflow: hidden; position: relative; }
  .jdGallery img { border: 0; margin: 0; }

  .jdGallery .slideElement { width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; }
  .jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('img/loading-bar-black.gif'); }

  .jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #333; color: #fff; text-indent: 0; overflow: hidden; }
    * html .jdGallery .slideInfoZone { bottom: -1px; }
    .jdGallery .slideInfoZone h2 { padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit; }
    .jdGallery .slideInfoZone p { padding: 0; font-size: 60%; margin: 2px 5px; color: #eee; }

  .jdGallery div.carouselContainer { position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; }
  .jdGallery a.carouselBtn { position: absolute; bottom: 0; right: 30px; height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; }

  .jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden; }
    .jdGallery .carousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden; }
    .jdGallery .carousel .carouselInner { position: relative; }
    .jdGallery .carousel .carouselInner .thumbnail { cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff; }
    .jdGallery .carousel .label { font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; }
    .jdGallery .carousel .label .number { color: #b5b5b5; }

  .jdGallery a { font-size: 100%; text-decoration: none; color: inherit; }

    .jdGallery a.right, .jdGallery a.left { position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
      * html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=70); }
    .jdGallery a.right:hover, .jdGallery a.left:hover { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }

    .jdGallery a.right { right: 0; top: 0; background: url('img/fleche2.png') no-repeat center right; }
      * html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

    .jdGallery a.left { left: 0; top: 0; background: url('img/fleche1.png') no-repeat center left; }
      * html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

    .jdGallery a.open { left: 0; top: 0; width: 100%; height: 100%; }
    .jdGallery a.open { position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
    .jdGallery a.open:hover { background: url('img/open.png') no-repeat center center; }
      * html .jdGallery a.open:hover { background: url('img/open.gif') no-repeat center center; filter:alpha(opacity=80); }


/* --------------------- lightbox --------------------------- */

#lightbox{ position: absolute; top: 40px; left: 0; width: 100%;	text-align: center; line-height: 0; z-index: 100; }
  #lightbox a img{ border: none; }

#outerImageContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; background-color: #fff; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;	}
#hoverNav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background: url(fileadmin/bilder/grafik/blank.gif) no-repeat transparent; display: block; }
#prevLink { left: 0; float: left; moz-opacity: 0.7; opacity: 0.7; }
#nextLink { right: 0; float: right; moz-opacity: 0.7; opacity: 0.7; }
  #prevLink:hover, #prevLink:visited:hover { background: url(fileadmin/bilder/grafik/prevlabel.gif) left 15% no-repeat; }
  #nextLink:hover, #nextLink:visited:hover { background: url(fileadmin/bilder/grafik/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { background-color: #fff; margin: 0 auto; line-height: 1.4em; }

#imageData { margin: 0; padding: 10px 0 0 0; }
#imageData #imageDetails { float: left; text-align: left; }
#lightbox #imageData #caption { font-weight: bold; color: #303030; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; }

#imageData #bottomNav { text-align: right; }
#imageData #bottomNavClose { float: right; padding-bottom: 0.7em; }

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  html>body .clearfix { display: inline-block; width: 100%; } /* IE hack */
  .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }


/* ------------------ anfrage ------------------- */

.tx-thmailformplus-pi1 { margin: -10px 0 0 0; width: 500px; text-align: left; overflow: hidden; }
  
 .tx-thmailformplus-pi1 fieldset { clear: left; margin: 0; padding: 0; border: none; }
 .tx-thmailformplus-pi1 label { float: left; margin: 5px 0 0 0; padding: 0; width: 250px; font-size: 11px; color: #5f5241; }

 .tx-thmailformplus-pi1 input { margin: 5px 0 5px 0; padding: 2px 3px 0 3px; width: 230px; height: 16px; font-size: 11px; color: #5f5241; background-color: #fff; border: 1px solid #ddd; }
 .tx-thmailformplus-pi1 input.button { clear: left; margin: 5px 0 0 0; padding: 0 0 3px 0; width: 15%; height: 20px; font-size: 11px; color: #5f5241; cursor: pointer; background-color: #dfdfdf; 
                                       border-top: 1px solid #f6eddc; border-right: 1px solid #909090; border-bottom: 1px solid #909090; border-left: 1px solid #f6eddc; }

 .tx-thmailformplus-pi1 label.call { margin: 8px 0 0 0; }
 .tx-thmailformplus-pi1 input.recall { float: left; margin: -2px 10px 0 0; padding: 0; width: 10px; vertical-align: middle; }

 .tx-thmailformplus-pi1 select { margin: 5px 0 0 0; padding: 0; width: 230px; font-size: 10px; color: #5f5241; background-color: #fff; border: 1px solid #ddd; }
 .tx-thmailformplus-pi1 optgroup { margin: 5px 0 5px 0; padding: 0 0 0 4px; font-size: 10px; font-style: normal; font-weight: bold; color: #5f5241; }
 .tx-thmailformplus-pi1 option { margin: 0; padding: 0 4px; height: 12px; font-size: 11px; color: #5f5241; }

 .tx-thmailformplus-pi1 textarea { clear: left; margin: 5px 0 0 0; padding: 3px 4px; width: 230px; height: 60px; font-size: 1.05em; color: #5f5241; background-color: #fff; 
                                   border: 1px solid #ddd; 
                                   scrollbar-base-color: #eee; scrollbar-3dlight-color: #eee; scrollbar-arrow-color: #eee; scrollbar-darkshadow-color: #eee; 
                                   scrollbar-face-color: #eee; scrollbar-highlight-color: #eee; scrollbar-shadow-color: #eee; scrollbar-track-color: #eee; }


fieldset.csc-mailform { padding: 0; font-size: 12px; color: #333; border: none; }
.csc-mailform-field { margin-bottom: 5px; }


/* ------------------ quickorder ------------------- */

.quickorder { margin: 0; padding: 10px 10px 0 10px; border: 1px solid #ccc; }
  .quickorder .headline { margin: -18px 0 8px 0; text-align: center; }
  .quickorder .headline h1 { display: inline; padding: 0 5px; font-size: 0.7em; font-weight: bold; color: #909090; background: #fff; }

.quickorder p { margin: 0 0 5px 0; color: #909090; }

.quickorder fieldset { clear: left; margin: 0; padding: 0; width: 100%; text-align: left; border: none; }

 .quickorder label { display: block; float: left; margin: 0 5px 5px 0; padding: 3px 0 0 0; font-size: 11px; color: #505050; }
 .quickorder input { float: left; margin: 2px 0 5px 0; padding: 0; font-size: 10px; color: #505050; background: #eaeaea; border: none; }

  .quickorder label.name { clear: left; width: 25%; }
  .quickorder input.forminput { width: 70%; }

  .quickorder label.modlabel { float: left; width: 25%; }
  .quickorder input.modinput { margin: 4px 5px 0 0; width: 30%; }

  .quickorder label.stuklabel { float: left; width: 20%; }
  .quickorder input.stukinput { margin: 4px 0 0 0; width: 15%; }

  .quickorder label.recall { clear: left; margin: 0 10px 0 0; }
  .quickorder input.recinput { margin: 5px 10px 0 0; width: 10px; background: #fff; }

  .quickorder input.button { float: left; margin: 10px 10% 0 0; padding: 0 5px 2px 5px; font-size: 10px; color: #505050; cursor: pointer; 
   background: #eaeaea; border-top: 1px solid #f6eddc; border-right: 1px solid #909090; border-bottom: 1px solid #909090; border-left: 1px solid #f6eddc; }


/* ---------------- loginformular ----------------- */

#loginbox { float: left; margin: 0; padding: 0; width: 230px; height: 134px; overflow: hidden; }

  .tx-newloginbox-pi1 { margin: 10px 0 0 0; padding: 0; }
  .tx-newloginbox-pi1 h3 { font-size: 0.75em; color: #dfdfdf; }
  .tx-newloginbox-pi1 p { width: 95%; font-size: 0.7em; color: #dfdfdf; }

  .tx-newloginbox-pi1 form { margin: 0; padding: 0; }
    .tx-newloginbox-pi1 fieldset { margin: 0; padding: 0; border: none; }
    .tx-newloginbox-pi1 label { margin: 0; padding: 0; width: 200px; font-size: 11px; color: #dfdfdf; }
    .tx-newloginbox-pi1 input { margin: 5px 0; padding: 1px; width: 200px; height: 14px; font-size: 11px; color: #303030; }
    .tx-newloginbox-pi1 input.loginsubmit { margin: 5px 0; width: 80px; height: 18px; font-size: 11px; 
                                            cursor: pointer; color: #303030; background-color: #e4e3e0; border: 1px solid #dfdfdf; }


/* ---------------- guestbook ----------------- */

.tx-wecdiscussion-pi1 { clear: left; margin: 0; padding: 0; width: 800px; }

#guestbox_header { float: left; width: 310px; height: 144px; }
#navbox_gst { margin: 0; padding: 0; width: 300px; height: 134px; overflow: hidden; background: url(../../bilder/grafik/bgnav_gst.jpg) no-repeat; }
  ul.gstnav { margin: 115px 0 0 23px; padding: 0; }
  ul.gstnav li { list-style: none; float: left; margin: 0 0 10px 0; padding: 0; font-size: 12px; font-weight: bold; color: #b8b8b8; }
  ul.gstnav li a { display: inline; margin: 0 7px; padding: 0; text-decoration: none; color: #b8b8b8; }
  ul.gstnav li a:hover { text-decoration: none; color: #fff; }
  ul.gstnav li.gstactive a { text-decoration: none; color: #fff; }

/* guestbook boxes */

#guest_leftbox { float: left; margin: 0; padding: 0; width: 500px; }
#guest_rightbox { float: left; margin: 17px 0 0 20px; padding: 0; width: 240px; }

/* page */

.tx-wecdiscussion-page { width: {$plugin.tx_wecdiscussion_pi1.totalWidth}; max-width: {$plugin.tx_wecdiscussion_pi1.totalMaxWidth};
                         min-width: 350px; width: expression( document.body.clientWidth > {$plugin.tx_wecdiscussion_pi1.totalMaxWidth} ? {$plugin.tx_wecdiscussion_pi1.totalMaxWidth} +"px" : document.body.clientWidth);
                         margin: 0; padding: 0 20px; background: #707070; }
.tx-wecdiscussion-mainContent { margin: 0 0 10px 0; padding: 0; width: {$plugin.tx_wecdiscussion_pi1.mainContentWidth}; }
.tx-wecdiscussion-sidebar { float: left; margin: 0; padding: 0; width: {$plugin.tx_wecdiscussion_pi1.sidebarWidth}; background-color: {$plugin.tx_wecdiscussion_pi1.sidebarBackColor}; }
.tx-wecdiscussion-actionbar { width: 100%; margin: 0; padding: 0; background-color: {$plugin.tx_wecdiscussion_pi1.actionbarBackColor}; }
.tx-wecdiscussion-actionbar span { float: left; margin: 0 0 0 10px; padding: 2px; vertical-align: middle; }

.tx-wecdiscussion-title { margin: 0; font-size: 14px; font-weight: bold; text-align: left; }
.tx-wecdiscussion-responseMsg { margin: 10px 0 5px 0; font-weight: bold; color: #ffffff; text-align: left; }
.tx-wecdiscussion-responseMsg2 { margin: 10px 0 10px 0; padding: 0 0 0 20px; font-weight: bold; color: #940000; text-align: left; }

.tx-wecdiscussion-button { float: left; margin: 0 10px 5px 0; padding: 5px 0 0 0; height: 15px; text-align: left; }
  .view_all_button { margin: 0 0 0 -5px; }
  .tx-wecdiscussion-button a, 
  .tx-wecdiscussion-button a:active, 
  .tx-wecdiscussion-button a:link, 
  .tx-wecdiscussion-button a:visited { margin: 0; padding: 2px 4px; font-size: 11px; font-weight: normal; text-decoration: none; border: none; background-color:{$plugin.tx_wecdiscussion_pi1.btnBackColor}; color: {$plugin.tx_wecdiscussion_pi1.btnColor}; }
  .tx-wecdiscussion-button a:hover { border: none; background-color: {$plugin.tx_wecdiscussion_pi1.btnHoverBackColor}; color: {$plugin.tx_wecdiscussion_pi1.btnHoverColor}; }

.tx-wecdiscussion-search { margin: 10px 0 15px 0; padding: 0; width: 240px; }
.tx-wecdiscussion-search form { margin: 0; padding: 0; text-align: left; }
.tx-wecdiscussion-search .wd-searchinput { float: left; margin: 0; padding: 0; width: 165px; }
.tx-wecdiscussion-search .wd-searchbutton { float: left; margin: 0 0 0 10px; padding: 0; width: 60px; text-align: center; cursor: pointer; }

.tx-wecdiscussion-list { margin: 4px 0 0 0px; padding: 6px; border: 1px #aaa dotted; font-size: 13px; background-color: {$plugin.tx_wecdiscussion_pi1.listBackColor}; }
.tx-wecdiscussion-listHeader { padding: 6px 0 0 6px; font-size: 12px; font-weight: bold; }

.tx-wecdiscussion-listElement { display: block; margin: 0; padding: 2px 0 0 0; font-size: 12px; }
.tx-wecdiscussion-listElement a:link,
.tx-wecdiscussion-listElement a:visited, 
.tx-wecdiscussion-listElement a { display: block; margin: 0; padding: 2px 0 0 0; font-size: 12px; text-decoration: underline; color: #303030; }
.tx-wecdiscussion-listElement a:hover { text-decoration: none; color: #303030; }

.tx-wecdiscussion-listElementSelected a,
.tx-wecdiscussion-listElementSelected a:visited, 
.tx-wecdiscussion-listElementSelected a:link { display: block; margin: 0; padding: 2px 0 0 0; font-size: 12px; text-decoration: underline; color: #303030; }

/* forum */

.tx-wecdiscussion-forumMessageReplyButton, .tx-wecdiscussion-forumMessageReply, .tx-wecdiscussion-forumMessageReplyInfo { font-size: 11px; }

.tx-wecdiscussion-forumMessageSubjects { margin: 10px 0 0 0; padding: 5px 10px; font-weight: bold; font-size: 12px; background: #303030; color: #fff; }

.tx-wecdiscussion-forumMessages { margin: 0; padding: 10px 10px 10px 10px; font-size: 12px; text-align: left; background-color: #f4f0e7; }
  .tx-wecdiscussion-forumMessages .bodytext { margin: 0; padding: 0; font-size: 12px; }
.tx-wecdiscussion-forumMessageInfos { margin: 10px 0 0 0; padding: 10px 0 5px 0; text-align: left; font-size: 12px; color: #303030; border-top: dotted 1px #303030; }
  .tx-wecdiscussion-forumMessageInfos a { margin: 0; padding: 0; text-align: left; }
.tx-wecdiscussion-forumMessageDivider { margin: 15px 0px 12px 0px; }

.tx-wecdiscussion-forumMessageReplys { padding: 10px 10px; color: #303030; background-color: #fff; }
  .tx-wecdiscussion-forumMessageReplys .bodytext { font-size: 12px; }
.tx-wecdiscussion-forumMessageReplyButton, .tx-wecdiscussion-forumMessageReplyButton a { margin: 0 2px; padding: 0; font-size: 11px; color: #555; text-decoration: none; }
  .tx-wecdiscussion-forumMessageReplyButton a { font-size: 12px; text-decoration: underline; }
  .tx-wecdiscussion-forumMessageReplyButton a:hover { text-decoration: none; }
.tx-wecdiscussion-forumMessageReplyInfos { font-size: 11px; color: #555; padding: 4px 0 0 5px; border-top: dotted 1px #888; }

.tx-wecdiscussion-forumPreview, .tx-wecdiscussion-forumPreviewEntry, .tx-wecdiscussion-forumPreviewInfo { margin: 2px 2px 2px 6px; font-size: 11px; line-height: 150%; }
.tx-wecdiscussion-forumPreview { width: {$plugin.tx_wecdiscussion_pi1.previewWidth}; font-size: 11px; border: 1px solid #888; background-color: {$plugin.tx_wecdiscussion_pi1.msgBackColor}; }
.tx-wecdiscussion-forumPreviewInfo { font-size: 11px; color: #555; border-top: dotted 1px #888; margin-bottom: 6px; }

/* form - reply */

.tx-wecdiscussion-formToggleOff { font-size: 11px; }
.tx-wecdiscussion-formToggleOn { font-size: 11px; }

.tx-wecdiscussion-form, .tx-wecdiscussion-forumMessageSubject, .tx-wecdiscussion-forumMessage, .tx-wecdiscussion-forumMessageInfo, .tx-wecdiscussion-forumMessageDivider,
.tx-wecdiscussion-form h2 { padding: 20px 15px 0 15px; }
.tx-wecdiscussion-form p { padding: 20px 15px 0 15px; }

.tx-wecdiscussion-form { width: {$plugin.tx_wecdiscussion_pi1.entryFormWidth}; background-color: {$plugin.tx_wecdiscussion_pi1.formBackColor};
                         border: none; margin: 15px auto; padding: 0; min-width: 350px; max-width: 800px;}

.tx-wecdiscussion-form div.inputFormRow { clear: both; display: block; margin: 0px; padding: 4px 10px 0 10px; }
  .tx-wecdiscussion-form div.inputFormRow span.label { display: block; float: left; width: {$plugin.tx_wecdiscussion_pi1.entryFormLabelWidth}; text-align: left; }

.tx-wecdiscussion-form div.inputFormRow span.textacross { display: block; float: left; width: 100%; text-align: left; margin: 10px 0 10px 0; }
  .tx-wecdiscussion-form div.inputFormRow span.textacross h1 { font-size: 14px; font-weight: bold; }
  .tx-wecdiscussion-form div.inputFormRow span.textacross p { padding: 0; font-size: 12px; font-weight: normal; color: #940000; }

.tx-wecdiscussion-form div.inputFormRow span.inputBox input.captcha { margin: 10px 0 0 0; cursor: text; }
.tx-wecdiscussion-form div.inputFormRow span.inputBox img.tx-srfreecap-pi2-image { margin: 0; padding: 10px 0 0 0; }
  .tx-srfreecap-pi2-cant-read { color: #303030; }
  .tx-srfreecap-pi2-cant-read a { color: #303030; }

.tx-wecdiscussion-form div.inputFormRow span.inputBox { display: block; float: right; width: {$plugin.tx_wecdiscussion_pi1.entryFormInputWidth}; text-align:left; }
  .tx-wecdiscussion-form div.inputFormRow span.inputBox input { width: 97%; cursor: text; }
  .tx-wecdiscussion-form div.inputFormRow span.inputBox textarea { width: 97%; height:{$plugin.tx_wecdiscussion_pi1.entryFormTextAreaHeight}; }

.tx-wecdiscussion-form div.inputFormRow input { margin: 0; padding: 0; text-align: left; cursor: pointer; }
.tx-wecdiscussion-form div.inputFormRow span.inputBox .subscribe_email { cursor: text; }

.tx-wecdiscussion-spacer { display: inline; width: 10px; line-height: 1px; padding: 0px; margin: 0 0 0 4px; }
.tx-wecdiscussion-form-requiredMarker { color: #CC0000; }


/* ----------------- links ----------------- */

#lnkbox_header { float: left; width: 540px; height: 144px; overflow: hidden; }
#navbox_lnk { margin: 0; padding: 0; width: 500px; height: 134px; overflow: hidden; background: url(../../bilder/grafik/bgnav_lnk.jpg) no-repeat; }
  ul.lnknav { margin: 115px 0 0 23px; padding: 0; }
  ul.lnknav li { list-style: none; float: left; margin: 0 0 10px 0; padding: 0; font-size: 12px; font-weight: bold; color: #b8b8b8; }
  ul.lnknav li a { display: inline; margin: 0 7px; padding: 0; text-decoration: none; color: #b8b8b8; }
  ul.lnknav li a:hover { text-decoration: none; color: #fff; }
  ul.lnknav li.lnknav_active a { text-decoration: none; color: #fff; }

  #shoptextbox h2 { margin:  0 0 10px 12px; height: 25px; font-size: 1.1em; color: #fff; }

  #lnkbox { clear: left; margin: 5px 15px 0 15px; padding: 15px 0; width: 820px; }
    #lnkbox h1 { margin:  0 0 10px 12px; height: 25px; font-size: 1.1em; color: #fff; }
    #lnkbox DIV.csc-textpic { float: left; margin: 0 0 0 15px; padding: 0 0 10px 0; width: 250px; height: 245px; overflow: hidden; }
    #lnkbox DIV.csc-textpic-clear { clear: right; float: left; }
    #lnkbox .csc-textpic a:hover { moz-opacity: 0.6; opacity: 0.6; }
    #lnkbox .csc-textpic .csc-textpic-caption { margin: 5px 0 0 0; font-size: 0.75em; font-weight: bold; color: #b8b8b8; }

  .tx-cmwlinklist-pi1 { margin: 0 0 0 7px; padding: 10px 0; }
    .tx-cmwlinklist-pi1 a { font-weight: bold; font-size: 0.75em; color: #dfdfdf; }
    .tx-cmwlinklist-pi1 td.linkreport { padding: 0 0 10px 0; }
    .tx-cmwlinklist-pi1 td.linkreport a { font-weight: normal; font-size: 0.65em; color: #b8b8b8; }

/* ---------------- gallery ------------------- */

.wtgallery_listpic { padding: 0 29px 30px 0; }

.wtgallery_pagebrowser { font-size: 11px; font-weight: bold; color: #999; }
  .wtgallery_pagebrowser_sign { float: left; margin-right: 10px; }
  .wtgallery_pagebrowser_sign a { font-size: 11px; font-weight: bold; color: #b8b8b8; }

#wtgallery_singlepic_area { width: 700px; border: 1px solid: #dfdfdf; }
  #wtgallery_singlepic_area a {  }

  .wtgallery_singlepic_comment { float: right; width: 270px; }
    #picbox .wtgallery_singlepic_comment h2 { margin: 5px 0 0 0; padding: 0; width: 270px; font-size: 14px; font-weight: bold; color: #fff; border: none; }
    #picbox .wtgallery_singlepic_comment p { margin: 0; padding: 0; width: 270px; font-size: 11px; color: #ddd; border: none; }

  .wtgallery_singlepic {  }

  .wtgallery_singlepic_popup { display: none; font-size: 11px; color: #999; }

  .wtgallery_singlepic_fwdback { margin: 20px 0; }
    .wtgallery_singlepic_fwdback a { padding: 5px 0 0 10px; font-size: 11px; font-weight: bold; text-decoration: none; color: #b8b8b8; background: url(../../bilder/grafik/list.gif) center left no-repeat; }
    .wtgallery_singlepic_fwdback a:hover { background: url(../../bilder/grafik/list_gr_back.gif) center left no-repeat; }

    .wtgallery_singlepic_fwd, .wtgallery_singlepic_back { float: left; margin-right: 20px; }
    .wtgallery_singlepic_up { margin-top: 20px; }

  .wtgallery_singlepic_listlink a { padding: 5px 0 0 10px; font-size: 11px; text-decoration: none; color: #999; background: url(../../bilder/grafik/list.gif) center left no-repeat; }
  .wtgallery_singlepic_listlink a:hover { background: url(../../bilder/grafik/list_gr_back.gif) center left no-repeat; }