/* -----------------------------------------------------------------
 Definition CONTENT für: Pro Velo Schweiz
 03.11.09 das.zeichen (B. Sturm)

 MEDIA: screen, projection
---------------------------------------------------------------------
 */

@media screen, projection {

  #content {
    font-size:0.84em;
  }


  /* Textfluss und Hierarchien */
  #content p,
  #content .paragraph {
    line-height:150%;
    margin:0em 0em 0.8em 0em;
  }

  #content h1, #content h2, #content h3, #content h4, #content h5 {
    font-size:1.6em;
    margin:1.85em 0em 1em 0em;
    line-height:120%;
    color:#000;
    text-transform: uppercase;
    font-weight:normal;
  }

  #content h2, #content h3, #content h4, #content h5 {
    font-size:1.1em;
    font-style:normal;
    font-weight:bold;
    margin:2em 0em 0.6em 0em;
    text-transform: none;
    font-weight:bolt;
  }

  #content h3, #content h4, #content h5 {
    font-size:1.2em;
    font-weight:normal;
    margin:0em 0em 0.2em 0em;
  }

  #content h4, #content h5 {
    font-size:1em;
    font-weight:bold;
  }


  /* Bilder */
  /* Normales Inhaltsbild */
  #content .contentimage, #content .csc-textpic-imagewrap /*letztes von urs*/{
    float:left;
    width:145px !important;
    margin:0px 10px 2em 0;
  }

  #content .contentimage p,
  #content .imagecol p,
  #content dd.csc-textpic-caption,
  #content .imagecol dd.csc-textpic-caption,
  #content figcaption,
  #content .news-list-date {
    color:#000;
    font-size:0.85em;
    margin:0.5em 0em 0.5em 0em;
    line-height:120%;
  }

  /* Mehrere Bilder als Listenelemente */
  #content ul li.csc-textpic-image {
    list-style-type:none;
    list-style-image:none;
    margin:0;
    ;
  }

  /* Bild über eine Spalte */
  #content .imagecol, #content .imagecol {
    float:right;
    width:290px !important;
    margin:0px 0px 2em 15px;
  }

  /* kein default margin für figure (2014)*/

  figure {
    margin: 0;
  }

  /* Lightbox-Icon auf Bild */
  #content .news-single-image {
    z-index:0;
    width:270px;
    position:relative;
  }



  #content a.lightbox .zoom-symbol {
    background-image: url(../images/symbol_lightbox.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    left:270px;
    top:-6px;
    margin-top:-16px;
    position:relative;
  }

  #content .csc-textpic-imagewrap a.lightbox .zoom-symbol {
    left:126px;
  }

  #content .imagecol .csc-textpic-imagewrap a.lightbox .zoom-symbol {
    left:270px;
  }

  #content a.lightbox {
    margin:0;
  }


  /* INFOBOX IM INHALT */
  #content .content-info-box {
    float:right;
    width:290px;
    background-image: url(../images/dotted_v1g2w.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-size:0.85em;
    margin:0em 0em 1em 15px;
  }
  #content .content-info-box h2 {
    margin:0em 0em 0.5em 0em;
    padding:0.5em 0em 0em 0em;
    background-image: url(../images/dotted_v1g2w.gif);
    background-position: top;
    background-repeat: repeat-x;
    font-size:1.1em;
  }

  #content .content-info-box ul {
    margin:0;
    padding:0;
  }
  #content .content-info-box ul li {
    background-image: none;
    list-style-image:url(../images/bullet_infobox.gif);
    margin:0em 0em 0.5em 1.6em;
    padding:0;
  }

  /* wide version - angewendet von jq.js - ub 18.5.11*/

  .content-info-box-wide {
    width: 580px !important;
    margin: 1em 0 2em 15px !important;
  }

  /* Tabellen */
  #content table {
    margin:1em 0em 1em 0em;
    background-color: #f1f1f1;
    font-size:0.8em;
    width:100%;
  }

  #content table td, #content table th {
    padding:0.4em;
    line-height:120%;
  }

  #content table th {
    text-align: left;
    border-bottom:1px solid #666;
    background-color: #FFF;
  }

  /*anders wenn sortable = clickable*/

  #content table.sortable th {
    text-align: left;
    border-bottom:1px solid #666;
    color: #cc0019;
    background-color: #FFF;
  }

  #content table.sortable th:hover {
    text-decoration: underline;
  }

  #content table td {
    padding-bottom:0.5em;
    background-color: #F2F2F2;
    border-bottom:2px solid #FFF;
  }

  /* Aufzählungslisten */
  #content ul, #content ol {
    margin:0em 3em 1em 0em;
    padding:0;
    list-style-image: url(../images/content_bullet.gif);
    /*ub/bs 10.5.2012*/
    overflow: hidden;
  }

  #content ol {
    list-style-image:none;
    list-style-type: decimal;
  }

  #content ul li, #content ol li {
    /*reduziert margin-bottom auf 0.5em ub/bs 10.5.12*/
    margin:0em 0em 0.5em 1.6em;
    line-height:150%;
  }

  /* Formulare */

  #content form label {
    width:145px;
    display:block;
    float:left;
    text-align: right;
    margin:0em 0.3em 0em 0em;
  }

  #content img.form-required, span.powermail_mandatory {
    width:13px;
    height:13px;
  }

  .powermail_fieldwrap {
    clear: both;
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.4;
  }

  .powermail_fieldwrap .mandatory {
    color: #CC0019;
    padding-left: 0.5em;
  }

  /* Forms with content */
  .powermail_fieldwrap_content {
    margin-top: 4em;
  }
  .powermail_fieldwrap_content .csc-textpic-text table {
      width: auto !important;
  }


  #content form label.form-required, #content span.powermail_mandatory, #content span.required {
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../images/form_starmark.gif);
    padding-right:15px;
    width:130px;
  }

  #content span.powermail_mandatory, #content span.required {
    margin:0em 0em 0em 0em;
    color:#FFF;
  }
  #content span.required {
    padding-right:10px;
  }

  #content form input.powermail_text,
  #content form input.inputbox,
  #content form textarea, 
  #content form select {
    width:370px;
    display:block;
    float:left;
    margin:0em 0.5em 1.5em 0em;
    background-color: #EEE;
    border:none;
    border-bottom:1px solid #CC0019;
    font-family: Arial, Helvetica, sans-serif;
    padding:0.1em;
    font-size:1em;
  }

  .tx-seminars-pi1-submit input,
  #tx_onetimeaccount_pi1_form .tx-onetimeaccount-pi1-submit input,
  #content form input.button,
  #content form input.powermail_submit,
  input.tx-powermail_submitmultiple_forward,
  input.tx-powermail_submitmultiple_back,
  input.tx-powermail-pi1_confirmation,
  .powermail_confirmation_submit,
  .powermail_confirmation_form,
  .submitbutt input {
		border:none;
		background-color: #de353a;
		color:#FFF;
		padding:0.5em;
		margin:2em 0.5em 0.5em 0em;
		width:auto;
  }

  .powermail_confirmation_form {
    float: left;
  }

  .submitbutt input {
    margin-top: 0;
  }


  .tx-seminars-pi1-submit input:hover,
  #tx_onetimeaccount_pi1_form .tx-onetimeaccount-pi1-submit input:hover,
  #content form input.button:hover,
  #content form input.powermail_submit:hover,
  input.tx-powermail_submitmultiple_forward:hover,
  input.tx-powermail_submitmultiple_back:hover,
  input.tx-powermail-pi1_confirmation:hover,
  .powermail_confirmation_submit:hover,
  .powermail_confirmation_form:hover,
  .submitbutt input:hover {
	  cursor: pointer;
    background-color: #c7171d;
  }


  /*
  #content form select {
    width:auto;
  }
  */

  /*
  #content form .powermail_check_inner input,
  #content form .powermail_check_inner label
  {
      margin-bottom: 0.5em;
   }
   */

  #content form input[type="text"]:focus, #content form textarea:focus  {
    background-color:#CC0019 !important;
    color:#FFF;
  }

  .powermail_pagebrowser {

  }

  /*Bestätigungstext*/

  #content .powermail_confirmation h4 {
      margin-bottom: 1em;
  }

  .powermail_all dt {
    float: left;
    width: 45%;
    margin-right: 2em;
    margin-bottom: 1em;
  }
  .powermail_all dt:after {
    content: ': ';
  }
  .powermail_all dd {
    margin-bottom: 1em;

  }
  .powermail_all dd:after {
    clear: both;
  }
  
  /* TEASER */
  /* Teaser auf der Front und Übersichtsseiten */
  #content .teaser-item, #content .uebersicht-item, #content .topuebersicht-item {
    width:275px;
    margin:0em 0em 3em 0em;
    clear:both;
    float:none;
  }

  #content .teaser-item h2, #content #front-col3 h2, #content .uebersicht-item h2, #content #uebersicht-themen h2, #content #uebersicht-aktuelles h2, #content .topuebersicht-item h2 {
    font-size:1.4em;
    font-weight:normal;
    margin:0em 0em 0.5em 0em;
    background-image: url(../images/dotted_v1g2w.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding:0em 0em 0.2em 0em;
  }

  #content .header-top {
    background-image: url(../images/dotted_v1g2w.gif);
    background-position: top;
    background-repeat: repeat-x;
    width:275px;
    margin:0.7em 0em 0em 0em;
    height:1px;
  }

  #content .header-top-nobg {
    width:275px;
    margin:0.7em 0em 0em 0em;
    height:1px;
  }


  #content .teaser-content, #content .uebersicht-content {
    position:relative;
    margin:0;
  }
  #content .teaser-image, #content .uebersicht-image {
    width: 102px;
    height:70px;
    overflow:hidden;
    float:left;
    margin:3px 10px 0em 0em;
  }

  /* Fallback-Image */
  #content .teaser-content .fallback_img_small, #content .fallback_img_large {
    background-image: url(../images/teaser_dummy_small.gif);
    background-repeat:no-repeat;
  }

  #content .teaser-content .fallback_img_small a, #content .fallback_img_large a {
    height: 70px;
    width: 102px;
    display:block;
  }

    #content .fallback_img_large {
      background-image: url(../images/muster_topuebersicht1.jpg);
      height:140px;
      width:270px;
    }

    #content .fallback_img_large a {
    width:270px;
    height:140px;
  }



  #content .teaser-text, #content .uebersicht-text {
    width:160px;
    float:left;
  }




  #content .teaser-text p, #content .teaser-text a, #content #uebersicht-themen p, #content #uebersicht-themen a {
    line-height:130%;
    margin:0em 0em 0.5em 0em;
    font-size:1em;
  }

  #content .topuebersicht-item p {
    line-height:120%;
    margin:1em 0em 0.75em 0em;
  }

  /* FRONT AKTUELLES */
  #content .aktuell-item {
    margin:0em 0em 1em 0em;
    width:275px;
    font-size:1em;
  }

  #content .aktuell-date {
    float:left;
    width: 80px;
  }
  #content .aktuell-text {
    float:left;
    width: 192px;
  }

  #content .aktuell-item p {
    line-height:120%;
    margin:0em 0em 0.7em 0em;
  }

  /* UEBERSICHTSLISTE */
  #content #uebersicht-themen h3, #content #topuebersicht-themen h2 {
    font-weight:normal;
  }
  #content #uebersicht-themen p, #content #uebersicht-aktuelles p {
    line-height:120%;
    margin:0em 0em 0.5em 0em;
  }

  /* TOPÜBERSICHT */
  #content div.topuebersicht-item {
    width:275px;
    min-height:270px;
    _height:270px; /* IE sorry */
  }

  #content #topuebersicht-themen h2 {
    background-image: url(../images/dotted_v1g2w.gif);
    background-position: top;
    background-repeat: repeat-x;
    margin:0em 0em 1em 0em;
    padding:0.2em 0em 0em 0em;
  }

  #content #topuebersicht-themen p {
    line-height:120%;
  }
  #content #topuebersicht-themen a {
    font-weight:normal;
  }

  /*von Urs, dito auch in Template tmpl/ext_jp_pageteaser/topuebersicht.html*/
    #content .topuebersicht-image {
    width: 275px;
    height:140px;
    overflow:hidden;
    background-color: #eee;
  }
  #content .topuebersicht-image img {

  }

  /* UEBERSICHT UNTERSEITEN */
  #content .teaser-item {
    min-height:100px;
    _height:100px; /* IE sorry */
  }


  /* Symbole für Downloads */
  #content span.download-file {
    background-image: url(../images/content_file.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    height:24px;
    display:block;
    margin:1em 0em 0em 0em;
    padding:0em 0em 0em 24px;
  }

  #content span.download-file a {
    margin:1em 0px 0em 2.5em;
  }
  #content a.download,
  #content p.downlioad-file a,
  #content span.download {
    padding:4px 0px 4px 20px;
    background-image: url(../images/content_file.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  #content a.download + br {
    margin:0em 0em 0.5em 0em;
  }

  /* Symbol für externen Link */
  #content a.external-link-new-window:after {
    content: url(../images/link_external.gif);
    margin-right:0.5em;
  }

  #content .content-spezial ul li, #content .content-spezial ul {
    margin:0;
    padding:0;
    list-style-type:none;
  }

  #content .content-spezial li {
    display:block;
    width:190px;
    float:left;

  }

  /*JQUERY QUICKSEARCH*/

    #content #quicksearch {
      display:block;
      margin: 0.5em 0 0 0 !important;
      padding: 0 !important;
    }

   #content #quicksearch label {
      text-align: left;
      width: auto !important;
   }
  #content #quicksearch input.inputbox {
     width: 405px;
     margin: 0px 5px 3em 0px;
      display: inline;
      height:1em;
      background-color: #cc0019;
      padding: 5px;
      color: #fff;
      border: none;
   }


    /*seminars*/

    .tx-seminars-pi1-listrow table {
      clear: both;
    }


    /*zum sortieren - börsen und seminare*/
    #content .tx-seminars-pi1-listrow tr th a, #content .tx-csvtable-pi1 th {
      color: #CC0019;
      text-align:left;
      display:inline;
      padding:0;
    }


    #content .tx-seminars-pi1-listrow th:hover, #content .tx-csvtable-pi1 th:hover {
      cursor:pointer;
      text-decoration: none;
    }

    /*highlight Velobörsen */

    #content table tr.highlight_boerse td.category span {
      /*background-color: #ffdbe0;*/
      color: #cc0019;
    }

    /*
    #content table tr td {
      background-color: #fff;
    }
    #content table tr.highlight_boerse td {
      background-color: #F2F2F2;
    }
    */

    /* Warnung und Fehlermeldungen */
    #content p.tx-seminars-pi1-error, #content .tx-powermail-pi1_mandatory {
      color: #000;
      background-image: url(../images/icon_message.gif);
      background-position: 0px 0px;
      background-repeat: no-repeat;
      padding:0px 0px 0px 50px;
      height:40px;
      font-weight: normal;
    }

    #content p.tx-onetimeaccount-pi1-error {
      color:#cc0019;
    }

    #content .tx-powermail-pi1_mandatory {
      height:auto;
    }

    #content ul.powermail_mandatory_list {
      margin-top:2em;
    }

    #content .tx-powermail-pi1_mandatory strong {
      font-weight:normal;
    }


    #content .validation-advice {
      color:#cc0019;
      position:relative;
      left:108px;
      top:-12px;
    font-size:11px;
    font-weight:bold;
    clear:both;
    float:none;
    }


    /*Anpassungen, neue Powermail Templates 26.8.11*/
    /*erst portiert 11.6.13 powermail 1.7.x*/
    .powermail_form .powermail_pagebrowser,
    .powermail_form .powermail_fieldwrap_check fieldset > legend  {
    	display: none;
    }

    /*Visuelles ub 13.3.13*/
    .tx-powermail legend {
	    margin: 2em 0 1em 0;
      font-weight: bold;
    }

    .tx-powermail h3 {
      display: none;
    }

    .xpowermail_fieldwrap_check {
	    line-height: 1.3;
	    margin-left: 0.5em;
    }

    .powermail_fieldwrap_submit {

	    margin-left: 150px;
    }

    .powermail_fieldwrap_submit input {
	    margin-left: 1em !important;
	    padding: 0.5em !important;
    }


	/*Powermail: checkboxen validieren - sonderfeld verstecken*/
    .powermail_mandatory_helper {
		position:absolute;
		visibility:hidden;
		height:1px;
	}


    /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
   /*http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/*/
   /*extra für powermail*/
	.powermail_fieldwrap:before, .powermail_fieldwrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
	.powermail_fieldwrap:after { clear: both; }
	/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
	.powermail_fieldwrap { zoom: 1; }


    /* Suchresultate */

    /* 25.4.10 ub*/

    #content .tx-indexedsearch-searchbox input.button {
        margin: 0em 0.5em 0.5em 0;
    }

    #content .tx-indexedsearch-searchbox input.button:hover {
        cursor: pointer;
    }


    #content .tx-indexedsearch-browsebox ul {
      margin:0;
      padding:0;
      list-style-type:none;
    }
    #content .tx-indexedsearch-browsebox ul li {
      float:left;
      display:block;
      list-style-image: none;
      margin:0em 0.5em 0em 0em;
    }

    #content .tx-indexedsearch-descr {
      margin:0em 0em 3em 0em;
    }

    #content strong.tx-indexedsearch-redMarkup {
      background-color: #ff7b8f;
      font-weight: normal;
    }

    /* Sitemap */
    #content .sitemap ul li, #content .sitemap ul {
      list-style-image:none;
      margin:0;
      padding:0;
    }

    #content .sitemap ul li {
      position:relative;
    float:left;
    width:160px;
    display:block;
    font-weight:bold;
    margin:0em 0px 0.5em 0em;
    line-height:130%;
    }

    #content .sitemap ul ul {
    margin:0em 0em 0em 0em;
   }

   #content .sitemap ul ul li {
    margin:1em 0em 0em 0em;
    font-weight:normal;
    text-transform:none;
  }

   #content .sitemap ul ul ul {
     margin:0em 0em 2em 1em;
   }

   #content .sitemap ul ul ul li {
     margin:0em 0em 0.5em 0em;
   }


     /* Standardformatierungen Formulare */
     /* müssten generisch umgeschrieben werden*/
  #content form.powermail_form label {
    width:150px;
    padding-right:0.5em;
  }
  #content form .submit-outer {
    margin-left: 150px;
    
  }

  #content form.powermail_form input.powermail_text {
    width:370px;
  }

  /*Radios und Checkboxen*/

  #content form .check-outer,
  #content form.powermail_form .powermail_check_outer,
  #content form.powermail_form .powermail_radio_outer {
    margin-left: 150px;
    padding-left: 0.5em;
  }

  #content form .check-inner,
  #content form.powermail_form .powermail_check_inner,
  #content form.powermail_form .powermail_radio_inner {
    clear: both;
  }

  #content form .check-inner input,
  #content form.powermail_form .powermail_check_inner input,
  #content form.powermail_form .powermail_radio_inner input {
    float: left;
  }

  #content form .check-inner label,
  #content form.powermail_form .powermail_check_inner label,
  #content form.powermail_form .powermail_radio_inner label {
    width:300px;
    margin-left: 0.5em;
    text-align:left;
    padding-top: 0.2em;
  }



   /* Bestellungen Dokumentation */

   #content #publikationen h3 {
     margin:5em 0em 1em 0em;
   }

   #content #publikationen .publikationen-bestellen .powermail_fieldwrap:first-child h3 {
     margin-top:0em;
   }

   #content #publikationen .csc-default {
     margin:0em;
   }



   #content form#publikationen .powermail_fieldwrap {
     clear:both;
     float:none;
   }

   #content form#publikationen .powermail_fieldwrap label {
     width:300px;
     margin-left:145px;
   }
   #content form#publikationen .powermail_fieldwrap input.powermail_text {
     width:50px;
   }

   #content form#publikationen .publikationen-bestellen .csc-textpic-text {
    float:left;
    width:420px;
  }
  #content form#publikationen .publikationen-bestellen .csc-textpic-imagewrap {
    float:left;
    margin-bottom:0em;
  }

  #content form#publikationen .publikationen-angaben label {
    width:100px;
    margin:0;
  }
  #content form#publikationen .publikationen-angaben input.powermail_text {
    width:420px;
  }



  /* NEWS DETAIL und ARCHIV */
  #content .detail-news-col {
    float:left;
    width:250px;
  }

  #content .detail-news-date {
    margin:0;
    padding-bottom: 1em;

  }

  #content .news-single-item h2 {
    margin:0em 0em 1em 0em;
  }

  #content .detail-news-lead {
    font-weight: bold;
  }

  /* NEWS LIST */
  #content .news-list-item {
    margin:0em 0em 2em 0em;
  }

  #content .news-list-item h3 {
    margin:2em 0em 0.5em 0em;
  }

  #content .news-list-item img {
    float:left;
    margin:0.5em 1em 0em 0em;
  }

  #content .news-list-date {
    margin:0em 0.5em 0em 0em;
  }

  /* Velokurse */
  #content .tx-seminars-pi1 .theimage {
    float:right;
  }




   /* Ergänzungen */
   /****************************************************************************/
    #content table td {
      text-align: left;
    }

    /*Grundeinstellungen für sortierbare Tabellen*/
    table.sortable th:hover {
      cursor:pointer;
      border-bottom: none;
      color: #CC0019;
    }


    #content div.content-bild-voll .csc-textpic .csc-textpic-imagewrap{
      width: 870px !important;
      margin:0px;
      float: none !important;
    }

    /* 12.6.15 - kleine bilder nicht umfliessen */
    .content-absatz .csc-textpic-text {
      display: table;
      margin-bottom: 2em;
    }

    /*dieser style könnte auch nur auf der Seite RV angewendet werden, dann kann man ihn sonstwo noch völlig frei verwenden:*/

    #content div.content-spezial  {
      /*height: 10em;*/
      /*nur wenn nicht das unterste*/
      white-space: nowrap;
    }



    /*reset-link*/

    .rv-reset{
      cursor:pointer;
      color: #CC0019;
      text-decoration: underline;
    }

    .rv-reset:active, .rv-reset:hover, .rv-reset:focus {
      text-decoration: none;
    }

    /*klick ausserhalb von belegtem bereich auf der karte*/
    div.content-bild-voll img {
      cursor:pointer;
      z-index: 90;
    }

    /* Login-Bereich Provelonet*/
    /*Rest weiter unten bei den Formularen*/

    .tx-felogin-pi1 fieldset {
      margin-top: 2em;
    }

    .tx-felogin-pi1 fieldset legend,
    .tx-felogin-pi1 h3 {
      display: none;
    }


    /*Downloads in Provelonet*/
    #content .fileinfo {
      color: #666666;
      font-size: 90%;
    }
    #content .filedescription {
    }

    /*Logout-button*/
    #content #logout-top input.button {
      margin: 0 0 1em 0;

    }

    #content #logout-bottom input.button {
    }



    /* ENDE ERGÄNZUNGEN */

    /* UB 30.3.15 Ads Veloboersen */

    .advertisement {
      margin: 0 0 1em 0;
    }

    .advertisement img {
      width: 580px;
      height: 110px;
      border-top: 1px solid #bababa;
      border-bottom: 1px solid #bababa;
      margin-bottom: 0.5em;
    }

    .advertisement .ad-info {
      text-align: right;
      font-size: 0.7em;
    }

    .advertisement .ad-info a {
      color: #666;
      text-decoration: none;
      border-bottom: none;
    }
    .advertisement .ad-info a:hover,
    .advertisement .ad-info a:focus,
    .advertisement .ad-info a:active {
      text-decoration: underline;
    }

    /*NEU EXT. COURSES*/

  form#velokursanmeldung fieldset {
    border: 1px solid #000;
    padding: 1.5em 1em 0 1em;
    margin: 0 0 1em 0;
  }

  form#velokursanmeldung fieldset legend {
    font-size: 1.2em;
    padding: 0 0.3em;
  }

  form#velokursanmeldung fieldset.hideme {
    display: none;
  }

  form#velokursanmeldung .powermail_fieldwrap {
    padding: 0 0 1em 0;
  }

  form#velokursanmeldung .showhide {
      color: #CC0019;
      text-decoration: underline;
  }

  form#velokursanmeldung .sep {
    height: 1em;
  }

  form#velokursanmeldung .showhide:hover,
  form#velokursanmeldung .showhide:focus {
     cursor: pointer;
      text-decoration: none;
  }

  /*Tabelle fixieren*/

  #content table.courses td.kurstyp {width: 170px}
  #content table.courses td.veranstalter {width: 160px}
  #content table.courses td.ort {width: 140px}
  #content table.courses td.datum {width: 65px}
  #content table.courses td.zeit {width: 65px}

  /*F etwas anders*/

  .sitelang-fr #content table.courses td.kurstyp {width: 190px}
  .sitelang-fr #content table.courses td.veranstalter {width: 150px}
  .sitelang-fr #content table.courses td.ort {width: 130px}
  .sitelang-fr #content table.courses td.datum {width: 65px}
  .sitelang-fr #content table.courses td.zeit {width: 65px}

  /* Spacer bei Kindern   */

  form#velokursanmeldung #powermaildiv_uid674,
  form#velokursanmeldung #powermaildiv_uid676 {
    margin-bottom: 1em;
  }

  /*PLZ Picker*/

  form#velokursanmeldung #ui-datepicker-div,
  form#velokursanmeldung #ui-datepicker-header {
    margin-left: 110px;
    width: 100px;
  }

  #ajax_plz .plz-picker-title {clear:both;}

  #ajax_plz {
    margin-left: 111px;
    font-size: 1em;
  }

  #ajax_plz table {
    width: 150px;
  }



  /*Bild Kursbeschrieb*/
  .symbol {
      float: left;
      margin: 0 2em 1em 0;
  }

  body #content .kursdetail .csc-textpic-single-image img {

    width: 290px !important;
    height: auto !important;
  }

  body #content .kursdetail .csc-textpic-imagewrap {
    width: 290px !important;
    height: auto !important;
    margin: 0 0 1em 1em !important;
    float: right;
  }

  /*Edit 21.2.11 ub neue runde velokurse*/

  /*Icon für Link zu Kursen des Veranstalters*/

  .courses td.veranstalter a {
    text-indent: -9999em;
        background-image: url(../images/arrow-right.gif);
        width: 10px;
        height: 10px;
        display: block;
        float: left;
        margin-right: 2px;

        color: #000;
        text-decoration: none;
  }

  .courses td.veranstalter a:hover {
        color: #CC0019;
        text-decoration: none;
  }

  /*Liste Kursberschreibungen (S. 437)*/

  #content .kursbeschreibungen .csc-textpic-imagewrap {
    /*width: 290px !important;*/
    /*neu nicht mehr umfliessen*/
  }

  #content .kursbeschreibungen .beschreibung {
    margin-left: 300px !important;
  }

  /*UB 3.1.13 neue Velokurse*/

  .beschreibung {
    padding-bottom: 1em;
  }

  .hinweis {
    padding: 1em;
    background-color: #FFFAB3;
  }

   .senden {
     clear: both;
     margin-left: 100px;
     padding-left: 1em !important;
   }


  /* Tooltip */
  .tooltip {
    display:none;
    position:absolute;
    background-color:#cc0019;
    padding:10px;
    color:#fff;
    font-size:11px Arial;
  }

  #content .tooltip h3 {
    color:#fff;
  }

  /*ub 4.2.13 neue Velokurse: Liste*/

  #content h3.kursthema {
    background-image: url(../images/dotted_v1g2w.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 0em 0em 0.2em 0em;
    margin-bottom: 1em;
  }



  /* Flyout-Menu*/


    #content #flyout-menu {
        margin: 40px 0 0 0;
    }



    #content #flyout-menu #button a {
        background-color: #F2F2F2;
        background-image: url(../images/arrow-down.png);
        background-position: top right;
        background-repeat: no-repeat;
        display: block;
        border-bottom: 0;
        text-decoration: none;
    }

    #content #flyout-menu:hover #button a {
        cursor: pointer;
         background-color: #cc0019;
         background-image: url(../images/arrow-down-white.png);
         color: #ffffff;
    }

    #content #flyout-menu #button img {
        float: left;
        margin: 0 1em 0 0;
    }

  /* Liste in Flyout-Menu*/

    #content #flyout-menu .content-spezial {
        background-color: #f2f2f2;
        padding: 1em;
        margin: 0;
        overflow: hidden;
        position: relative;
        }


  #content #flyout-menu .content-spezial ul li, #content .content-spezial ul {
    margin:0;
    padding:0;
    list-style-type:none;

  }

  #content #flyout-menu .content-spezial ul li {
    display:block;
    margin-right: 3em;
    float:left;
  }

  #content #flyout-menu .content-spezial p.zurkarte {
    margin: 1em 0;
  }

  #content #flyout-menu .content-spezial p.info {
    width: 500px;
    white-space: normal;
    overflow: auto;
    font-size: 0.8em;
  }

  /* ub 6.8.13 Powermail datepicker*/

  /* the input field */
  .powermail_fieldwrap_datetime .date {
  	width: 237px !important;
  }

  /* calendar root element */
  #calroot {
  	/* place on top of other elements. set a higher value if nessessary */
  	z-index: 10000;

  	margin-top: -1px;
  	width: 198px;
  	padding: 2px;
  	background-color: #fff;
  	font-size: 11px;
  	border: 1px solid #ccc;

  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;

  	-moz-box-shadow: 0 0 15px #666;
  	-webkit-box-shadow: 0 0 15px #666;
  	box-shadow: 0 0 15px #666;
  }

  /* head. contains title, prev/next month controls and possible month/year selectors */
  #calhead {
  	padding: 2px 0;
  	height: 22px;
  }

  #caltitle {
  	font-size: 14px;
  	color: #FA8800;
  	float: left;
  	text-align: center;
  	width: 155px;
  	line-height: 20px;
  	text-shadow: 0 1px 0 #ddd;
  }

  #calnext, #calprev {
  	display: block;
  	width: 20px;
  	height: 20px;
  	background: transparent url(../img/prev.gif) no-repeat scroll center center;
  	float: left;
  	cursor: pointer;
  }

  #calnext {
  	background-image: url(../img/next.gif);
  	float: right;
  }

  #calprev.caldisabled, #calnext.caldisabled {
  	visibility: hidden;
  }

  /* year/month selector */
  #caltitle select {
  	font-size: 10px;
  }

  /* names of the days */
  #caldays {
  	height: 18px;
  	border-bottom: 1px solid #ddd;
  }

  #caldays span {
  	display: block;
  	float: left;
  	width: 28px;
  	text-align: center;
  }

  /* container for weeks */
  #calweeks {
  	background-color: #fff;
  	margin-top: 4px;
  }

  /* single week */
  .calweek {
  	clear: left;
  	height: 22px;
  }

  /* single day */
  .calweek a {
  	display: block;
  	float: left;
  	width: 27px;
  	height: 20px;
  	text-decoration: none;
  	font-size: 11px;
  	margin-left: 1px;
  	text-align: center;
  	line-height: 20px;
  	color: #666;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  }

  /* different states */
  .calweek a:hover, .calfocus {
  	background-color: #ddd;
  }

  /* sunday */
  a.calsun {
  	color: red;
  }

  /* offmonth day */
  a.caloff {
  	color: #ccc;
  }

  a.caloff:hover {
  	background-color: rgb(245, 245, 250);
  }

  /* unselecteble day */
  a.caldisabled {
  	background-color: #efefef !important;
  	color: #ccc !important;
  	cursor: default;
  }

  /* current day */
  #calcurrent {
  	background-color: #498CE2;
  	color: #fff;
  }

  /* today */
  #caltoday {
  	background-color: #333;
  	color: #fff;
  }

  /* date trigger icon */
  a.caltrigger {
  	position: absolute;
  	background: url(../img/calendar.png) no-repeat 0 0;
  	top: 2px;
  	left: 425px;
  	width: 16px;
  	height: 16px;
  }

  .powermail_fieldwrap_date a.caltrigger {
  	left: 487px;
  }

  /* slider root element */
  .slider {
  	background: #3C72E6 url(../img/h30.png) repeat-x 0 0;
  	height: 9px;
  	position: relative;
  	cursor: pointer;
  	border: 1px solid #333;
  	width: 300px;
  	float: left;
  	clear: right;
  	margin-top: 10px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	-moz-box-shadow: inset 0 0 8px #000;
  	box-shadow: inset 0 0 8px #000;
  }

  /* progress bar (enabled with progress: true) */
  .progress {
  	height: 9px;
  	background-color: #C5FF00;
  	display: none;
  	opacity: 0.6;
  }

  /* drag handle */
  .handle {
  	background: #fff url(../img/h30.png) repeat-x 0 0;
  	height: 28px;
  	width: 28px;
  	top: -12px;
  	position: absolute;
  	display: block;
  	margin-top: 1px;
  	border: 1px solid #000;
  	cursor: move;
  	-moz-box-shadow: 0 0 6px #000;
  	-webkit-box-shadow: 0 0 6px #000;
  	box-shadow: 0 0 6px #000;
  	-moz-border-radius: 14px;
  	-webkit-border-radius: 14px;
  	border-radius: 14px;
  }

  /* the input field */
  fieldset.tx-powermail-pi1_fieldset input.powermail_text.range {
  	float: left;
  	margin: 0 0 0 15px;
  	padding: 3px 0;
  	text-align: center;
  	width: 50px;
  }

  /*helper classes*/
  /*when Ps should look like lines with BR (in Addresses e.g.)*/
  .helper-p-br-lookalike p {
    margin: 0 !important;
    padding: 0 !important;
    line-height:120% !important;
  }


}