/**** Footer Sticky ****/
html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}
.footer, .push {
  height: 4em;
}
.footer {
  width: 960px;
  margin: 0 auto;
}

/**** General ****/
body {
  background: url(../img/bg.jpg) repeat-x 0 -350px;
  color: #232323;
  font: 14px 'Droid Sans', Arial, Verdana, sans-serif;
}
p {
  line-height: 1.4em;
}
h1, h2, h3 {
  color: #c80000;
  font-family: 'Arbutus Slab', serif;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
.csc-default h1 {
  clear:both;
  margin:0;
  padding: 35px 0 0;
  width: 100%;
}
a {
  color: #c80000;
}
a:hover {
  color: #232323;
}
#main {
  width: 860px;
  padding: 0 50px;
  margin: 0 auto;
  background: #fff;
}
.nav-wrap {
  background: #C80000;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
#head-nav {
  background: url(../img/chorensemble-allegria.jpg) no-repeat 0 0;
  height: 50px;
  margin: 0 auto;
  padding: 0 0 0 160px;
  width: 800px;
}
#head-nav ul {
  display: block;
  margin: 0 auto;
  padding:0;
  list-style: none;
  width: 100%;
}
#head-nav li{
  float: left;
  line-height: 50px;
  height: 50px;
  padding: 0 15px;
}
#head-nav a {
  color: #fff;
  font: 24px 'Arbutus Slab', serif;
  line-height: 50px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#head-nav a:hover, #head-nav .cur a {
  color: #2d2d2d;
}
#teaser {
  background: #efefef;
  border: 1px solid #e0e0e0;
  padding: 9px;
  width: 840px;
}
#teaser img {
  height: auto !important;
  width: 840px !important; 
}
#content {
  float: left;
  width: 480px;
}
#aside, #sidebar, #subnav {
  float: right;
  width: 360px;
}
.clearfix {
  border: none;
  clear: both;
  height: 40px;
  margin: 0;
  width: 100%;
}


/**** Termine ****/
.termine {
  background: url(../img/trenner-long.jpg) no-repeat 0 bottom;
  list-style: none;
  margin:0;
  padding:0 0 35px;
}
.termine li {
  height: 25px;
  line-height: 25px;
  padding: 0;
  margin: 0 0 7px;
}
.termine li:hover {
  background: #C80000;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.termine a {
  color: #232323;
  text-decoration: none;
}
.termine a:hover {
  color: #fff;
  text-decoration: none;
}
.termine .date {
  background: #c80000;
  color: #fff;
  display: inline-block;
  padding: 0 10px;
  margin: 0 10px 0 0;
  width: 90px;
}
.flexslider {
  background: url(../img/trenner-long.jpg) no-repeat 0 bottom;
  padding:0 0 35px;
}


/**** Mitglieder ****/
.mitglied {
  float: left;
  padding: 5px;
  width: 150px;
}
.mitglied h1 {
  color: #232323;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  height: 16px;
} 
.mitglied img {
  border: solid 1px #f00 !important;
}


/**** Subnavi ****/
#subnav ul{
  background: url(../img/trenner-long.jpg) no-repeat 0 bottom;
  display: block;
  margin:0 auto;
  padding:0 0 35px;
  list-style: none;
  width: 100%;
}
#subnav ul ul {
  background: none;
  display: block;
  margin:0 0 0 05%;
  padding:0;
  list-style: none;
  width: 95%;
}
#subnav li {
  margin: 7px 0;
}
#subnav .id2 {
  border: none;
}
#subnav a, #subnav .cur ul a {
  background: #C80000;
  color: #FFFFFF;
  display: block;
  font: 16px/40px 'Arbutus Slab',serif;
  padding: 0 10px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#subnav a:hover, #subnav .cur ul a:hover, #subnav .cur a, #subnav ul ul .cur a {
  background: #2d2d2d;
  text-decoration: underline;
}


/**** Sidebar Form ****/
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
#sidebar ol {
  list-style: none;
  margin:0;
  padding:0;
}
#sidebar input, .css-mailform textarea {
  padding: 5px;
  width: 346px;
  margin: 0px 0px 10px 0px;
  border: 2px solid #ccc;
}

#sidebar textarea {
  height: 90px;
}

#sidebar textarea:focus, .css-mailform input:focus {
  border: 2px solid #900;
}

#sidebar input.submit-button {
  width: 75px;
  float: right;
}

#sidebar label {
  font-weight: bold;
  margin-right: 15px;
  width: 100%;
  padding-top: 5px;
  text-align: left;
}
fieldset {
  border: none;
  margin:0;
  padding:0;
}
#sidebar .login_button input {
  width: 150px;
}
#sidebar .csc-form-6 {
  float: left;
}
#sidebar .csc-form-7 {
  float: right;
}
#sidebar .csc-form-6 input, #sidebar .csc-form-7 input {
  width: 175px;
}

/**** Comment form ****/
.tx-comments-comment-form {
  margin-top: 25px;
}

.tx-comments-comment-form input, .tx-comments-comment-form textarea {
  padding: 5px;
  margin: 0px 0px 10px 0px;
  border: 2px solid #ccc;
  width: 100%;
}

.tx-comments-comment-form textarea {
  height: 90px;
}

.tx-comments-comment-form textarea:focus, .tx-comments-comment-form input:focus {
  border: 2px solid #900;
}

#tx_comments_pi1_submit {
  float: left;
  width: 220px;
}
#tx_comments_pi1_reset {
  float: right;
  width: 220px;
}
.tx-comments-required-error {
  color: red;
  font-size: 12px;
}
.tx-comments-form-top-message {
  color: green;
  font-weight: bold;
}
.tx-comments-comment {
  padding: 10px 0;
}
.tx-comments-comment-name {
  color: #c80000;
  font-weight: bold;
}
label {
  float: left;
  text-align: right;
  margin-right: 15px;
  padding-top: 5px;
  font-weight: bold;
}

/* NEWS */
.news-clearer {
  background: url("../img/trenner-long.jpg") no-repeat scroll 0 bottom transparent;
  height: 15px;
  margin: 25px 0;
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
  margin: 0 10px 10px;
  padding: 0;
}
.csc-textpic-intext-right .csc-textpic-imagewrap dl, .csc-textpic-imagewrap dd {
  background: none repeat scroll 0 0 #C80000;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0;
  padding: 2px;
}
.tx-andshadowbox-thumb a img {
  border: solid 2px #efefef;
  margin: 8px;
  padding: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tx-andshadowbox-thumb a:hover img {
  border: solid 2px red;
}
#shadowbox_title {
  height: 0px;
  overflow: hidden;
}