@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen f�r die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fontsen) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgr��?en f�r �?berschriften und �bliche Text-Elemente
   *
   * @section content-fonts
   */

@font-face {
font-family: SourceSerifPro;
src: url("../../font/SourceSerifPro-Regular.otf") format("opentype");
}

@font-face {
font-family: SourceSerifPro;
font-weight: bold;
font-style: bold;
src: url("../../font/SourceSerifPro-Bold.otf") format("opentype");
}

@font-face {
  font-family: 'Atkinson-Hyperlegible-Regular';
  src:  url('../../font/atkinson/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Atkinson-Hyperlegible-Italic';
  src:  url('../../font/atkinson/Atkinson-Hyperlegible-Italic-102a.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Atkinson-Hyperlegible-Bold';
  src:  url('../../font/atkinson/Atkinson-Hyperlegible-Bold-102a.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Atkinson-Hyperlegible-BoldItalic';
  src:  url('../../font/atkinson/Atkinson-Hyperlegible-BoldItalic-102a.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
}





  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgr��?en auf Standardgr��?e (16 Pixel) zur�cksetzen */
  html * { font-size: 100.01% }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgr��?e von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family: SourceSerifPro, Arial, Helvetica, sans-serif;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erh�lt Standardschriftgr��?e von 12 Pixeln */
  body {
    font-family: SourceSerifPro, Arial, Helvetica, sans-serif;
    font-size: 108%;
    color: #000;
    background-color: white;
  }

  #film {
/*  	background-image: url("/fileadmin/template/rav/img/flash-fallback.png"); */
  }

  #film {
    width: 95.2%    !important; */
    height: 100%   !important; */
  }
  #film img {
    width: 100%;
  }

  h1,h2,h3,h4,h5,h6 {
  	font-family: SourceSerifPro, Arial, Helvetica, sans-serif;
  	color:#000;
  	margin: 0 0 0.1em 0;
	line-height: 1.2em;
	font-weight: bold;

  }

  h1 { font-size: 0.65em; text-transform: uppercase; padding-left: 2.3em; color:#990000; }
  h2 { font-size: 1.28em}
  h3 { font-size:1.28em }
  h4 { font-size: 1.07em; font-weight: bold; line-height: 1.4em; }
  h5 { font-size: 0.9em; line-height: 1.4em; }
  h6 { font-size: 0.9em;  }

 h2  {
    color:#8b0e13;;
  }

  #col2 h2 {
  	margin-bottom: 0.5em;
  }
   #col2 h3:first, #col2 h4:first {
  	margin-bottom: 0.5em;
  	margin-top: 0.4em;
    	color:#990000;
   }

   #col2 h3, #col2 h4 {
  	margin-bottom: 0.5em;
  	margin-top: 0.4em;
    	color:#000000;
   }


  #col2 .csc-header-n4 h3 {
  	color: #000;
  }

 #col3 h3 {
    font-size: 1.1em;
 }

 #col3 p.event-date {
 	margin-bottom: 0.2em;
 }


  p { line-height: 1.34em;  padding: 0; font-size: 0.9em; margin-bottom: 1em;
     -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;

  }

  sup {
  	font-size: 75%;
  }

  #col3_content p,  #col2_content p {
	text-align: left;
     -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
  }

  #col3_content p {
  	margin-bottom: 0.3em;
  }

  #col2_content p.event-date {
  	margin-bottom: 0.0em;
  }
  #col2_content p.nonewstolistmsg,
  #col3_content p.nonewstolistmsg {
    line-height: 0;
    margin-bottom: 0;
  }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0; padding: 0; list-style-type: none;  }
  li { margin-left: 0em; line-height: 1.5em; background: url(../../images/li_punkt.gif) no-repeat 0 0.7em; padding-left:1.2em;  }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  #col2_content ul li,
    #col3_content ul li {
  	font-size: 100%;
  }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:normal; margin:0 0 0 0em; padding: 0; font-size: 1em; }


  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #8b0e13;
    cursor: help;
  }


#c1472 {
	padding-top: 15px;
}

#c1178 .csc-header, #c1481 .csc-header {
	display: none;
}


.twitterlink {
    left: 7px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -4px;
}

/* right col, sperate tt_news blocks better */

#c1679, #c1480, #c873 {
    border-top: 1px solid black;
    padding-top: 20px;
    margin-top: 20px;
}



  .quelle {
  	font-size: 0.6em;
	padding-top: 0.1em;
	color: #888;
  }
  p.quelle {
  	font-size: 0.6em;
	padding-top: 0.1em;
	color: #888;
  }
  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin: 0.5em 0.5em 0.1em 0;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #990000; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color:#8b0e13; text-decoration:underline;}

/*  a:visited {
  	color: #550000;
  }
*/

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  	text-decoration: none;
	color: #990000;
  }

  h1 a.header {
  	text-decoration: none;
	font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
	font-weight: normal;
  }

  #nav_main {
	font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
	font-weight: normal;

  }

  #footer {
	font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
	font-weight: normal;

  }


  #topnav a {
  font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
  color: #990000; font-weight: normal; background:transparent; text-decoration:underline; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { color: #ff0000; text-decoration:underline; background-color: transparent;}

	#print-link a { color:#888; text-decoration: none; }
	#print-link a:focus,
	#print-link a:hover,
	#print-link a:active
	 {
		color:#8b0e13;
		text-decoration: underline;
	}

	#rootline a { color:#888; text-decoration: none; }
	#rootline a:focus,
	#rootline a:hover,
	#rootline a:active
	 {
		color:#8b0e13;
		text-decoration: underline;
	}

  #footer a { color: #888; background:transparent; text-decoration: none; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #8b0e13; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen f�r die Tabellenbreite und Gestaltungsvorschriften f�r Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #ced6d7 solid;

  }
  form {
  	font-size: 0.7em;
  }
  form#mailform {
  	   margin-top: 1em;
  }

  label {
  	display: block;
	float: left;
	width: 100%;
text-align: left;
margin-right: 0;
  }
span.checkbox_label label {
    margin: -17px 0 17px 126px;
    float: none;
    width: auto;
    font-size: 120%;
}
input, textarea {

    border: 1px solid black;
    margin: 5px 2px 25px 2px;
    padding: 2px;
    width: 300px;
    padding: 10px;

}
	input[type=text]:focus, textarea:focus {
		background: #EFECF0;
	}
input[type=checkbox] {
       margin: 0 0 0 45px;
	   display: inline;
      width: auto;
}

input[type="submit"] {

    background: #F5F2F2;
    margin-left: 125px;
    width: auto;
    padding: 8px 24px;

}
	input[type=submit]:hover {
		background: #E8E6E6;
	   cursor: pointer;
   }



  /* ### Teaser #col2 - Formatierungen ### */
.teaser:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


  .teaser {
  background-color: #ced6d7;
  padding:0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 1.3em;
  -moz-border-radius-bottomright: 0.7em;

  }
    div.teaser div.news-list-item h3 {
      padding: 0 10px 0 0 !important;
   /*   font-size: 110% !important; */
      margin: -15px  0 0 0 !important;
  }
  .teaser_col2  {
  background-color: #fff;
  padding:0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 1.1em;
  }


	#col2 img.float_left {
		border: 1px solid black;
	}

  /* ### Teaser Event #col2 - Formatierungen ### */
   .teaser {
	border: 1px solid #990000;
   padding: 0 0 0 0 !important;
   margin-bottom: 1.3em;
   border-radius-bottomright: 0.7em;
  }

  .event_teaser {
   background-color: #fbb917;
	border: 1px solid #990000;
  }
  div.news_teaser div.news-list-item,
  div.event_teaser div.news-list-item{
      margin: 0  !important;
      padding: 5px 0 0 0 !important;
      border: none !important;
  }
  div.news_teaser div.corner,
  div.event_teaser div.corner {
     background-color: white;
     width: 30px;
     height: 20px;
     float: right;
     display: none;
  }
  div.news_teaser div.news-list-item h3,
  div.event_teaser div.news-list-item h3 {
      padding: 5px 10px 0 10px !important;
   /*   font-size: 110% !important; */
      margin: 0  0 0 0 !important;
  }
  div.event_teaser div.news-list-item h3 a
 {
      background-color: transparent;
      color: #990000;
  }
  div.news_teaser p,
  div.event_teaser p
 {
      padding: 5px 10px 0 10px !important;
      margin: 5px 0;
  }
  div.news_teaser_button,
  div.event_teaser_button {
  	padding: 0 !important;
        border: none !important;
  }
 div.teaser_button a {
  	color: #990000;
	 display: block;
  	font-size: 0.7em;
	  margin: 0em;
  	padding: 7px 10px 4px !important;
  	text-decoration: underline;
  border-radius-bottomright: 0.7em;
  border: none !important;
	font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
	 text-decoration: none;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;

  }


  div.event_teaser_button a {
  	color: white;
	  background-color: #990000;
    padding: 5px 10px 5px 10px !important;
      	text-decoration: none;

  }
    div.event_teaser_button a:hover {
       color: white;
       background-color: #333;
    }


a.buttonlink {
  	color: white;
	  background-color: #990000;
	 display: inline;
  	font-size: 0.7em;
	  margin: 0em;
    padding: 7px 10px 7px 11px !important;
  	text-decoration: underline;
  border-radius-bottomright: 0.7em;
  border: none !important;
	font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
 text-decoration: none;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
}

a.buttonlink:hover {
       color: white;
       background-color: #333;
    padding: 7px 10px 7px 11px !important;
}


  div.teaser_col3 a:hover {
       color: white;
       background-color: #333;
  }

  /* ### Teaser #col3 - Formatierungen ### */
  .teaser_col3 {
  	padding: 0 0 1em 0;
	width: 206px;
  }


  .teaser_col3 a.txt {
  	color: white;
	display: block;
  	font-size: 0.7em;
	margin: 0em;
  	padding: 0.5em 0 0.3em 0.5em;
  	text-decoration: none;
	background-color: #990000;
  -moz-border-radius-bottomright: 0.7em;
	font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
	-webkit-transition: background-color 1s;
    transition: background-color 1s;
  }

  .teaser_col3 a,.txt:hover {
  background-color: #8b0e13;
  }

  /* ### News / Veranstaltungen misc  ### */
	  div.special {
  color: #990000;
  text-transform: none;
    font-size: 0.7em;
  }
  
	div.special-black {
  color: #000000;
  text-transform: none;
    font-size: 0.7em;
  }  
  
  div.special p {
    display: inline;
    font-family: "open_sanscondensed_light",Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin: 0;
    overflow: hidden;
    width: 100%;
  }

	div.news-list-item div.special {
	  text-transform: none;
  }
  .news-list-item-top {
  	padding: 0 0 0.7em 0;
  }
  .news-list-item, .news-list-container {
  	padding: 0;
	margin-bottom: 1em;
  }
    .news-list-item p span,
	 .news-list-item-top p.spez span {
  	color: #990000;
	font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
  }



  div.news-list-container div.news-list-item {
  	margin-bottom: 1em;
       border-bottom: 1px #990000 solid;
  }

	div.news-single-category {
			 font-size: 0.7em;
			 	margin-bottom: 1em;
}
div.news-single-backlink {
  font-size: 0.7em;
}
div.news-single-backlink p {
  font-size: 1em;
}
div.credits {
	font-size: 0.7em;
}
  div.credits p { font-size: 1em; display:inline; }

  	/* ### tt-news LIST col#2 - Formatierungen ### */
	#col2 .news-list-item  {
		margin-bottom: 1em;
  }
	#col2 .news-list-item h3 {
	font-size: 1.28em;
  	padding: 0.2em 0 0 0;
	margin: 0 0 0.4em 0;
	color: #990000;
  }
div.tx-ttnews-browsebox, div.browseLinksWrap {
 line-height: 10px;
 margin-top: 10px;

    font-weight: normal;
}

div.browseLinksWrap span, div.browseLinksWrap a {
    line-height: 10px;
    margin: 0;
    padding: 0 4px 0 0;
    font-weight: normal;
    font-size: 0.7em;
}


div.tx-ttnews-browsebox table,
div.tx-ttnews-browsebox td,
div.tx-ttnews-browsebox p {
 padding: 0 4px 0 0; margin: 0;
 line-height: 10px;

}


.news-image {
	padding-bottom: 10px;
}

.news-single-imgcaption {
	color: #888;
}

td.tx-ttnews-browsebox-SCell a {
  font-weight: bold;
 color: black;
}

  /* ### News / Veranstaltungen #col3 - Formatierungen ### */
	#col3 .news-latest-container {
		margin-bottom: 1em;

	}
	#col3 .news-list-item {
		margin-bottom: 1em;
	}

  #col3 h2 { font-size: 1.08em; color:#8b0e13; padding-bottom: 0.6em; }
#col3 h2 a {color:#8b0e13; }


  /* #### Suche: Results ### */
  	div.csc-searchResultInfo {
	font-size: 0.7em;
	}

	div.csc-searchResultRange {
		float: left;
		margin-right: 10px;
	}

   div.tx-indexedsearch span.tx-indexedsearch-sw  {
     color: #CC0000;
     font-style: normal !important;
  }
  div.tx-indexedsearch strong.tx-indexedsearch-redMarkup {
        color: #CC0000 !important;
   }
  div.tx-indexedsearch div.tx-indexedsearch-res {
        clear: both;
        margin-bottom: 20px;
  }
  div.tx-indexedsearch h3 span.tx-indexedsearch-percent {
     float: right;
     padding-top: 20px;
  }

  /* ### Suchformular #col3 - Formatierungen ### */
    #col3 #searchform  {

	margin: 0 0 0.5em 0;
  }
  #col3 #searchform form {
          display: inline;
  	font-size: 0.7em;
	font-weight: normal;
	padding: 0;
	margin: 0 0 1em 0;
  }

  #col3 #searchform input {
	margin: 0 0 0.5em 0;
	padding: 0 0 2px 1px;
	width: 180px;
	background-color: #efeee9;
	border: 1px solid grey;
  }
  #col3 #searchform input[type=submit] {
  	display: none;
  }
  #col3 #searchform_wrapper a.header {
	 display: block; float: left;
          margin-right: 0.2em;
  }


  .news-list-item p span.news-latest-date {
	font-family: 'open_sanscondensed_bold', Arial, Helvetica, sans-serif;
	font-weight: bold;
  }



  /* --------------------------------- */

  /* ### Bilder ### */
div.csc-textpic-imagewrap {
 padding-top: 4px;

}
/* Clearer */
   #col3 div.csc-textpic-clear { clear: none; }

  /* ### Bildunterschriften ### */
  .csc-textpic-caption {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
        line-height: 1.2em;
	color: #888;
  }


.news .article .news-img-wrap {
  float: left;
  margin: 0;
  width: 100%;
}

  .article img,
  .teaser-text img,
  .news-list-item img, .news-single-img img, .news .article .news-img-wrap img {
    height: auto;
    width: 100%;
    margin-bottom: 10px;
}


  /* ### Grafiken - elastisch ### */

  .teaser_col3 img {
    height: 90px;
    width: 206px;
  }

  .image {
  	width: 100%;
	height: 100%;
  }
  /* --------------------------------- */
  /* etc */

  .content_element {
  	 margin-bottom: 1em;
  }

   .filelinks img {
   	border: 1px solid black;
   }
	.filelinks {
			line-height: 1.4em;  padding: 0em 0 0em 0; font-size: 0.7em;
			margin-bottom: 1em;
	}
   .filelinks div {

   }
	.filelinks span.fileinfo {
		color: #888888;
		text-transform: uppercase;
	}
  #col3 .filelinks span.fileinfo {
  	  display: block;

  }
	/* filelink without image */
  .filelinks_layout_0 div.img {
  	display: none;
  }
	/* filelink with image + no link */
  .filelinks_layout_2 .fileinfo, .filelinks_layout_2  .text {
     /*	display: none; */
  }

		/* -------------------------- */
	/* feuserlisting */
	.tx-feuserlisting-pi1 .tx-feuserlisting-pi1-listrow  {
		margin-top: 1em;
		 font-size: 0.7em;
                 line-height: 150%;


	}
	.tx-feuserlisting-pi1 .tx-feuserlisting-pi1-listrow span.name {
                font-size: 120%;
	}

	.tx-feuserlisting-pi1 .tx-feuserlisting-pi1-listrow div {
		margin-bottom: 1em;
                padding: 15px;
                 background-color: #DDD;
	}
        div.tx-feuserlisting-pi1-listrow-odd {
                 background-color: white !important;

        }
	.tx-feuserlisting-pi1-searchbox {
		margin-top: 1em;
	}
	/* -------------------------- */
#col2 div.tx-jppageteaser-pi1-list h3 {
   margin-top: 0 !important;
	margin-bottom: 0.3em !important;
}
div.list-entry-image  {
	float: left;
	margin: 0.2em 10px 0 0;
}

div.csc-searchResultInfo, p.csc-searchResult {
	margin-bottom: 1em;
}
#col3_content ul.csc-menu li {
	font-weight: bold;
	}


ul.csc-menu {
	margin: 1em 0 0 0;
	}
	ul.csc-menu li {
	margin-bottom: 1em;

	}
		ul.csc-menu li strong {
		font-weight: normal;
		}
}

#c1677 #captcha {
	display: none;
}

#captcha {

}


div.csc-mailform ol li {
  list-style-type: none;
  background: none;
}

.input-group-btn {
  float: left;
  width:10%;
}

/* neue news system css */


.news .article {
    padding-bottom: 0;
    margin-bottom: 0;
}

#col2 .news .article .header h3 {
  color: #8b0e13;
}


.news .footer {
    clear: both;
    padding: 0 0 0 0;
    border-top: 1px solid #990000;
    margin-top: 0;
    color: #888;
}

.news-single .footer {
    clear: both;
    padding: 0 0 0 0;
    border-top: 0 solid #990000 !important;
    margin-top: 0;
    color: #888;
}

.news_teaser .news-list-item h3 p {
  padding: 0 !important;
  margin: 0;
}

.news .article::after {
  display: inline;
}

div.event_teaser p.bodytext {
  padding: 0 !important;
}

div.teaser_subtext {
  padding-left: 10px;
}

dl.csc-menu dd {
line-height: 1.34em;
font-size: 0.9em;
}

.news .article .news-img-wrap a {
    display: block;
    float: left;
    padding: 0;
    border: 0 solid #ddd;
    background: #fff;
    padding-bottom: 20px;
}


  /*--- form changes 2021 juni 14th---*/

#mitgliedwerden-574 label {
  font-size: 120%;
  padding-bottom: 5px;
}

#mitgliedwerden-574 input[type="checkbox"] {
    margin: 0 10px 0 0;
    display: inline;
    width: auto;
}

input, textarea {
    width: 90%;
}


.form-check-label span {
  margin: 0;
  padding: 0;
}