/* Schrift Open Sans laden Stärken (400,300,600,700) */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/* Einstellungen für die gesamte Seite (Schrift, Größe) */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', arial, sans-serif;
  font-size:13px;
}

/* Schrifteinstellungen für Tabellen */
table, tr, td, th {
  font-family: 'Open Sans', arial, sans-serif;
  font-size:13px;
}

/* Klasse die Umlaufende Elemente beendet */
.clear {
  clear:both;
}

/*Wrapper der gesamten Seite*/
#all {
  width:100%;
  min-width:980px;
  text-align:center;
}

/*Wrapper der mittleren Elemente*/
.main {
  width:820px;
  margin: 0px auto;
  padding:0px 80px;
  text-align: left;
}


/* Abstände der Überschriften */
h1, h2, h3,h4 {
  margin:0px 0px 10px 0px;
  padding:0px;
}

/* Größe Überschrift H1, Großschreibung */
h1 {
  font-size:200%;
   text-transform:uppercase;
}

/* Dicke H1 und h2 */
h1, h2 {
  font-weight:300;
}

/* Farbe und Abständde H2 */
h2 {
  color:#da1920;
  margin-top:15px;
}
h2 a {
    color:#da1920;
}

/* RTE Rechtsbündig und Zentrierung */
p.align-right {
  text-align:right;
}
p.align-center {
  text-align:center;
}

/* Bereich ganz oben Logo+Suche+Sprache Gesamt */
.top {
  position:relative;
  text-align:center;
  overflow:hidden;
  height:95px;
  padding:8px 0px 20px 0px;
}

/* Box mit Sprache und Suche */
.top #func {
  position:absolute;
  right:0px;
  top:15px;
  color:#6b6864;
  
}
.top #func a {
  color:#6b6864;
  text-transform:uppercase;
  text-decoration:none;
}
/* CSS gesteuerte Größe des Logos */
.top a img {
  width:300px;
  height:95px;
  max-width:300px;
}
/* Mobiler Suchbutton */
.top .msearch {
 display:none;
}
.top .msearch a img {
  width:10px;
  height:10px;
  max-width:10px;
  padding:0px;
}

/* Normale Suchbox */
.top #func #box_search {
  float:right;
  margin-left:10px;
}
.top #func #box_search div {
  float:left;
}
.top #func #box_search .searchbox-sword {
  border:0px;
  background:url(../img/bg_search.jpg) no-repeat;
  height:20px;
  width:85px;
  overflow:hidden;
  color:#6b6864;
  font-size:85%;
  padding-left:4px;
  line-height:18px;
}


/* Navigationsbereich */
.navi {
  height:50px;
  overflow:hidden;
}

/* Hauptnavigation  */
.navi #m_navi {
  float:left;
  width:70%;
}

.navi #m_navi ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
/* Unterelemente ausblenden (werden mobil eingeblendet) */
.navi #m_navi ul ul.sub {
  display:none;
}
.navi #m_navi ul li {
  float:left;
  margin-right:10px;
}
/* FOrmatierung der Links in der Navigation */
.navi #m_navi ul li a {
  color:#6b6864;
  display:block;
  font-size:18px;
  font-weight:300;
  text-decoration:none;
  padding:13px 15px;
}
/* Hintergrund bei Mouseover und Aktiv ändern */
.navi #m_navi ul li:hover,
.navi #m_navi ul li.active {
  background:#da1920;
}
/* Linkfarbe bei Mouseover und Aktiv ändern */
.navi #m_navi ul li:hover a,
.navi #m_navi ul li.active a {
  color:#fff;
}

/* Servicenavigation */
.navi #s_navi {
  float:left;
  text-align:right;
  width:30%;
  font-size:95%;
  padding-top:21px;
}
/* Linkfarbe ServiceNavi  */
.navi #s_navi a {
    color:#6b6864;
  text-decoration:none;
  font-size:95%;
}
/* Ändern der Linkfarbe bei Mouseover */
.navi #s_navi a:hover {
  color:#da1920;
}

/* Großes Bild auf der Stadtseite */
.headerimage {
  width:100%;
  max-height:447px;
  overflow:hidden;
  position:relative;
  color:#6c6965;
}
/* Bildgröße festlegen */
.headerimage img {
  width:100%;
  margin-top:0px;
}
/* Overlay für das Bild */
.headerimage .overlay {
  font-size:34px;
  line-height:40px;
  text-transform:uppercase;
  background:#fff;
  filter: alpha(opacity = 80); /* IE 6, 7, 8 */
  -ms-filter: "alpha(opacity = 80)"; /* ab IE 8 zusätzlich möglich */
  opacity: .80; /* alle anderen Browser einschließlich IE 9 */opacity
  color:#6c6965;
  position:absolute;
  z-index:2;
  width:420px;
  left:50%;
  margin-left:-210px;
  font-weight:300;
  bottom:0px;
}
/* Farbe bei Schrägschrift  */
.headerimage .overlay em,
.headerimage .overlay i {
  color:#da1920;
}
/* Linkfarbe */
.headerimage .overlay a {
  font-size:13px;
  color:#6c6965;
  text-decoration:none;
  border:1px solid #6c6965;
  padding:5px 10px;
}
/* Absatzabstände */
.headerimage .overlay p {
  margin:15px 0px;
}


/* Sliderbild */
.slider {
  width:980px;
  height:290px;
  padding-top:30px;
}
/* Sliderbild: Schatten aus der Extension entfernen */
.slider .theme-default .nivoSlider {
  -webkit-box-shadow: 0px 0px 0px 0px #fff;
  -moz-box-shadow: 0px 0px 0px 0px #fff;
  box-shadow: 0px 0px 0px 0px #fff;
}
/* Sliderbild: Bildunterschriften formatieren */
.slider .nivo-caption {
  position:absolute;
  left:0px;
  bottom:-1px;
  background:#fff;
  color:#cd001e;
  font-style:italic;
  font-size:23px;
  width:auto;
  float:left;
  z-index:8;
  padding: 15px 20px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter:alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  font-weight:300;
  font-family: "Times New Roman", Times, serif;
}
/* Sliderbild: Vor und zurück Navi */
.theme-default .nivo-directionNav a {
  display:block;
  width:73px;
  height:74px;
  background:url(../img/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
  background-position:-72px 0;
  right:-37px;
}
.theme-default a.nivo-prevNav {
  left:-37px;
}


/* Inhaltsbereich: Schriftarbe */
.content {
    color:#6c6965;
}
/* Inhaltsbereich: Zeilenhöhe von Absätzen */
.content p {
  line-height:22px;
}

.content h3 a {
      color:#6c6965;
  font-weight:bold;
}

.content #breadcrumb {
  padding:5px 0px 15px 0px;
}

/* Inhaltsbereich: Oberen Abstand vom ersten Absatz entfernen */
.content .csc-textpic-text p:first-child,
.content .csc-text p:first-child {
  margin-top:0px;
}

/* Inhaltsbereich: Bildrahmen und Abstand in der Hauptspalte */
.content .cCol1 .csc-textpic-image img {
  padding:3px;
/*  border:1px solid #dcdcdc;*/
}

/* Inhaltsbereich: Bildunterschriften */
.content .csc-textpic-caption {
  padding-top:4px;
  font-size:95%;
}

/* Inhaltsbereich: Abstände zw. den Inhaltselementen */
.content .csc-default {
  margin-bottom:20px;
}

/* Inhaltsbereich: Tabellendefinition */
.content table {
  width:100%;
  border-collapse:collapse;
}
.content table caption {
  font-weight:bold;
}
.content table tr th {
  background:#da1920;
  color:#fff;
  font-family:'Open Sans', arial, sans-serif;
}
.content table tr th,
.content table tr td {
  padding:6px;
  vertical-align:top;
}
.content table tr:nth-child(odd) td {
  border-top:1px solid #eee;
}
.content table tr:nth-child(even) td {
    background: #eee;
}

/* Inhaltsbereich: Hauptspalte */
.content .cCol1 {
  width:71%;
  float:right;
  overflow:hidden;
  padding:35px 0px;
}
/* Inhaltsbereich: Schriftart und Größe für Inhaltsbereich */
.content .cCol1 td,
.content .cCol1 li,
.content .cCol1 p {
  font-family: 'Open Sans', arial, sans-serif;
  font-size:110%;
}

/* Inhaltsbereich: Linke Spalte */
.content .cCol2 {
  width:24%;
  margin-right:5%;
  float:left;  overflow:hidden;
  padding:35px 0px;
}
/* Inhaltsbereich: Linke Spalte Innenabstand */
.content .cCol2 .col2wrap {
  padding-right:30px;
}

/* Inhaltsbereich: Linkdefinition */
.content a {
  color:#da1920;
  font-weight:400;
  text-decoration:none;
}

/* Inhaltsbereich: Überschrift h2 mit link */
.content h2 a {
  font-weight:300;
}

/* Inhaltsbereich: Box für Quicklinks */
.content .ql {
  padding:0px 0px 0px 0px;
}
.content .ql span {
  margin:0px 0px 10px 0px;
  padding:0px;
  font-size:200%;
  font-weight:300;
  display:block;
  text-transform:uppercase;
}
.content .ql ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
.content .ql a {
  line-height:20px;
}
.content a:hover {
  color:#000;
}


/* Inhaltsbereich: Subnavigation */
.content #subnavi {
  margin:0px;
  padding:0px 0px 30px 0px;
  list-style-type:none;
}
/* Inhaltsbereich: Subnavigation Linkdefinition erste EBene */
.content #subnavi li a {
  color:#6c6965;
  text-decoration:none;
  display:block;
  font-size:125%;
  padding:7px 0px 7px 20px;
  font-weight:300;
}
/* Inhaltsbereich: Subnavigation Hintergrundänderung bei Mouseover */
.content #subnavi li:hover,
.content #subnavi li.active {
  background:#cd001e;
}
/* Inhaltsbereich: Subnavigation Linkfarbenänderung bei Mouseover */
.content #subnavi li:hover a,
.content #subnavi li.active a {
  color:#fff;
}

/* Inhaltsbereich: Subnavigation 3. Ebene */
.content #subnavi li.active ul,
.content #subnavi ul {
  padding:10px 0px;
  background:#fff;
}
/* Inhaltsbereich: Subnavigation Hintergrundänderung deaktivieren */
.content #subnavi li.active ul li:hover,
.content #subnavi li.active ul li.active {
  background:#fff;
}

/* Inhaltsbereich: Subnavigation Linkdefinition 3. Ebene */
.content #subnavi li.active ul li a,
.content #subnavi li ul li a {
  color:#6c6965;
  text-decoration:none;
  display:block;
  font-size:100%;
  padding:3px 0px 3px 35px;
  font-weight:400;
}
/* Inhaltsbereich: Subnavigation Linkdefinition Mouseover */
.content #subnavi li.active ul li:hover a,
.content #subnavi li.active ul li.active a {
  color:#cd001e;
}

/* Inhaltsbereich: Teaserboxen für Portraitseiten */
.cTeaser {
  padding-top:20px;
  display:none;
}
.cTeaser .teaser {
  width:45%;
  float:left;
  padding-right:5%;
  font-size:95%;
  margin-bottom:20px;
}
.cTeaser .teaser h3 {
  color:#da1920;
  margin-bottom:0px;
}
.cTeaser .teaser h3 a {
  color:#da1920;
}
.cTeaser .teaser img {
  float:left;
  margin-top:20px;
  margin-right:20px;
  padding:2px;
  border:1px solid #e3e3e3;
  margin-bottom:5px;
}

/* Mobile Fußzeilen ausblenden */
.footer_snavi,
.footer_tnavi {
  display:none;
}

/* Fußbereich mit Teasern */
.footer {
  background:#e3e3e3;
  margin-bottom:10px;
  color:#6c6965;
  padding:25px 80px;
}
/* Fußbereich mit Sitemap */
.footer2 {
  border-top:10px solid #cd001e;
  padding:15px 80px;
}

/* Fußbereich Teaser 25% Breite */
.footer .t25 {
  width:24.5%;
  margin-right:0.5%;
  overflow:hidden;
  float:left;
  background:#fff;
  min-height:250px;
}
/* Farben bei Sitemap nicht übernehmen */
.footer2 .t25 {
  background:transparent;
  min-height:0px;
}
.footer .t25 p {
  margin:6px 5px;
}
/* Fußbereich Bildfärbung grau */
.footer .t25 img {
  background:#ecebe9;
  -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
  filter: gray; filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
/* Fußbereich Bildfärbung grau bei Mouseover entfernen */
.footer .t25:hover img {
  filter:none;
  -webkit-filter: none;
  -moz-filter: none;
}

/* Fußbereich Listendefinition */
.footer ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Fußbereich Linkdefinition */
.footer a {
  color:#be162b;
  text-decoration:none;
  line-height:20px;
}
/* Fußbereich Linkdefinition Mouseover */
.footer a:hover {
  text-decoration:underline;
  color:#000;
}
/* Fußbereich Überschrift h3 */
.footer h3 {
  font-size:150%;
  text-transform:uppercase;
  margin:8px 5px;
  font-weight:300;
}
/* Fußbereich Überschrift h4 */
.footer h4 {
  font-size:165%;
  font-weight:300;
}


/* Einstellungen Extension News */
.news-list-image {
 float:right;
  padding-top:8px;
 margin-left:15px;
 margin-bottom:15px; 
}
.news-list-item {
  padding-bottom:20px;

}
.news-single-item h1,
.news-list-item h2 {
  margin-top:7px;
}
.news-cat {
  border-bottom:1px solid #e2e1e0;
  padding-bottom:4px;
  margin-bottom:4px;
}
.news-list-date {
  font-size:90%;
}
.news-single-image {
  float:right;
  padding-left:20px;
  padding-botom:10px;
}
.news-list-morelink {
  display:block;
  padding-top:8px;
}



/* Einstellungen Extension Gästebuch */
.tx-pwcomment-pi1 img.comment_author_image {
  display:none;
}
.tx-pwcomment-pi1 .comment_body a {
  color: #dd1815;
}
.tx-pwcomment-pi1 .comment_header a {
  color: #dd1815;
  text-decoration: none;
}
.tx-pwcomment-pi1 .voteSum {
  display:none;
}
#writeComment input.button {
  border:0px;
  background:#dd1815;
  color:#fff;
}
#writeComment input {
  font-family:arial;
  font-size:12px;
  border:1px solid #9a9895;
  width: 66%;
}
#writeComment textarea {
  width: 66%;
  border:1px solid #9a9895;
  font-family:arial;
  font-size:12px;
}



/* Formulare Abstand des Formulares */
div.csc-mailform {
  padding:10px 0px;
}

div.csc-mailform li {
  clear:right;
  display:block;
}
/* Formulare Labels */
div.csc-mailform li label {
  width:120px;
  float:left;
  padding:3px 0px;
}

/* Formulare einzeliges Eingabefeld */
div.csc-mailform li input,
.com-chkout-address-input input {
  font-family:arial;
  font-size:12px;
  color:#b61e3f;
  border:1px solid #c5bec1;
}
/* Formulare Auswahlfeld */
div.csc-mailform li select,
.com-chkout-address-input select {
  font-family:arial;
  font-size:12px;
  color:#b61e3f;
  border:1px solid #c5bec1;
  width:120px;
  padding:4px;
}
/* Formulare Eingabefeld */
.csc-form-element-textline input {
  font-family:arial;
  font-size:12px;
  color:#b61e3f;
  border:1px solid #c5bec1;
  padding:4px;
  width:300px;
  margin-bottom:6px;
}
/* Formulare Textfeld */
.csc-form-element-textarea textarea {
  font-family:arial;
  font-size:12px;
  color:#b61e3f;
  border:1px solid #c5bec1;
  width:300px;
  padding:4px;
  margin-bottom:6px;
}
/* Formulare Absenden Button */
.csc-form-element-submit input {
  color:#b61e3f;
  border:1px solid #c5bec1;
  padding:4px;
}




/*Bürgerserviceeinbindung*/

.ytsa_page p, 
.ytsa_page td, 
.ytsa_page a, 
.ytsa_page div, 
.ytsa_page li,
.ytsa_page span,
.ytsa_page .tsaid_value
{font-family: "Open Sans", Arial, sans-serif !important;}

.ytsa_page table tr th{
  background:#fff !important; 
  color:#6C6965 !important;
font-weight:normal !important;}

.ytsa_page{margin:0 !important; padding:0 !important;}

#tsaid_TextH1_01 h1{
font-family: "Open Sans", Times, serif !important;
font-size:200% !important;}

.ytsa_page h2{
font-family: "Open Sans", Times, serif !important;
font-size:150%;}

.ytsa_page h4{
font-family: "Open Sans", Times, serif !important;
font-size:122% !important;
margin: 1em 0 1em 0 !important;}

.ytsa_page p span,
.ytsa_page p a,
.ytsa_page a,
.tsaid_data*{font-size:100% !important;}

.tsaid_label{font-size:114% !important;}

.ytsa_page ul{margin:1em 0 !important;}

.tsaid_currentSelection{margin-left:0 !important;}

  blockquote p { 
     font-weight: bold;
     color:#b61e3f;
  }
.csc-linkToTop {
  text-align: right;
}