﻿@import url("fontawesome.min.css");

/*Individual Styles*/
.show-grid {
  margin: 0 0 20px 0;
}
/*FONT OVERWRITING*/
h1 {
  margin: 0 0 10px 0;
  text-transform: uppercase;
  line-height: 16px;
}
h2 {
  line-height: 16px;
  margin: 0px 0 21px 0;
  padding:21px 0 0 0;
}

/* Padding für die Teaser-Startseite */
.news-latest-content h2 {
  padding:0px 0 0 0;
}

h3 {
  line-height: 16px;
  margin: 10px 0 10px 0;
}

/*h4 für forms */
h4 {
  line-height: 10px;
  margin: 0px 0 5px 0;
  font-size:12px;
}


/* h4 forms end */
/*h6 Kastenüberschrift */
h6 {
  line-height: 16px;
  margin: 0px 0 5px 0;
  font-size:12px;
  color: white;
  font-weight:bold;
  padding-left:2px;
  background: #998993 none repeat scroll 0 0; 
}

/* h6 Kastenüberschrift end */
div.wrap {
  background: #f4f4f4;
  width: 956px;
  margin: 0 auto;
}
a.logo h1 {
  text-indent: 999em;
  overflow: hidden;
  white-space: nowrap;
  height: 119px;
  width: 248px;
  background: url(../img/logo.png) no-repeat top left;
  display: block;
  margin: 0;
}
/*BOBBLES*/
div.rel {
  position: relative;
}
div#bubbles {
  position: absolute;
  background: url(../img/bubbles.png) no-repeat top left;
  width: 267px;
  height: 118px;
  left: 730px;
  top: -95px;
}
div#bubbles a {
  text-indent: 999em;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 155px;
  height: 64px;
}
div#bubbles a.blob2 {
  position: relative;
  left: 100px;
  top: -20px;
}
/*Topnavi*/
div#topnavi {
  margin: 7px 0 0 0;
  text-align: right;
}
div#topnavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#topnavi ul li {
  margin: 0;
  padding: 0 3px 0 0;
  list-style: none;
  border-right: 1px solid #393939;
  line-height: 12px;
  display: inline-block;
}
div#topnavi ul li.last {
  border: none;
}
div#topnavi ul li a:link,
div#topnavi ul li a:visited {
  display: block;
  float: left;
  padding: 0 4px 0 5px;
  color: #393939;
  line-height: 12px;
}
div#topnavi ul li a.external {
  background: url(../img/link-external.png) no-repeat right 2px;
  padding: 0 10px 0 5px;
}
div#topnavi ul li a:hover,
div#topnavi ul li a:active {
  text-decoration: none;
  color: #eb6721;
}
/*Mainnavi*/
div#mainnavi {
  border: 1px solid #393939;
  border-width: 1px 0 2px 0;
  height: 26px;
}
div#mainnavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#mainnavi ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#mainnavi ul li a:link,
div#mainnavi ul li a:visited {
  display: block;
  float: left;
  padding: 5px 12px 0 0px;
  color: #393939;
  font-weight: bold;
  text-transform: uppercase;
}
div#mainnavi ul li a:hover,
div#mainnavi ul li a:active,
div#mainnavi ul li a.current {
  text-decoration: none;
  color: #eb6721;
}
/*BREADCRUMP*/
div#breadcrump {
  margin: 0 0 0 -5px;
}
div#breadcrump a {
  color: #555555;
  padding: 2px 10px 0 5px;
  display: block;
  float: left;
  font-size: 10px;
  background: url(../img/breadcrump.png) no-repeat right 8px;
}
div#breadcrump a:hover,
div#breadcrump a:active,
div#breadcrump a.current {
  text-decoration: none;
  color: #eb6721;
}
div#breadcrump a.last {
  background: none;
}
/*SEARCHBAR*/
div#searchbar {
  height: 20px;
  border-bottom: 1px solid #393939;
}
div#searchbar form {
  position: relative;
  margin-bottom: 20px;
}
div#searchbar input.input-large {
  width: 217px;
  height: 10px;
  margin: 0.0px 0 0 0;
  /* damit die Schrift im Firefox nicht zu groß für das Form Feld ist */
  font-size: 11px;
}
div#searchbar input[type="text"]:focus {
  box-shadow: none;
  border-color: #c6c6c6;
}
div#searchbar input.button {
  position: absolute;
  left: 220px;
  top: 7px;
}
/*INFOBOXES*/
/*color variables*/
div.infobox a {
  text-decoration: none;
  color: #ffffff;
}
div.fair h2 {
  background: #ec7536;
}
div.fair {
  background: #ec8736;
}
div.dark p:hover a {
  color: #eb6721;
}
div.dark h2 {
  background: #998993;
}
div.dark {
  background: #b8b0b4;
}
div.dark p:hover {
  color: #b8b0b4;
}
div.infobox {
  margin: 0 0 20px 0;
}
div.infobox h2 {
  margin: 0;
  color: #ffffff;
  diplay: block;
  padding: 12px 9px 11px 9px;
  border-bottom: 1px solid #ffffff;
}
div.infobox p {
  padding: 14px 12px 20px 9px;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  margin: 0;
}

div.infobox .csc-textpic-caption {
  padding: 14px 12px 0px 9px;
  color: #ffffff;
  margin: 0;
   text-align: left;
}

div.infobox a {
  font-weight: bold;
}
div.dark p:hover {
  background: #B8B0B4;
  color: #ffffff;
}

div.infobox li a {
  font-weight: bold;
}
div.dark li a:hover {
  color: #eb6721;
}

div.infobox dt, dd  {
  line-height: 16px;
  margin-top:5px;

}

div.dark dd a:hover {
  color: #eb6721;
  background: #B8B0B4;
}




/*TABS*/
.tabbable {
  margin: 0 0 20px 0;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 17.5px;
  padding-left: 14px;
  margin-right: 1px;
  line-height: 12px;
  font-weigth: bold;
}
.nav {
  margin: 0;
}
.nav-tabs {
  border-bottom: 1px solid #fff;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 12px;
  padding-bottom: 9px;
  line-height: 16px;
  background: #998993;
  color: #ffffff;
  border: 1px solid transparent;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  border-width:1px 0px 1px 0px;
  border-radius: 0;
  font-weight: bold;
}
.nav-tabs > li > a > .tooltip {
 text-transform: none !important;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
  background: #b8b0b4;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #ffffff;
  background-color: #b8b0b4;
  border: 1px solid #ddd;
  border-width:1px 0px 1px 0px;
  border-bottom-color: transparent;
  border-radius: 0;
  cursor: default;
}
div.tab-content div.active {
  background: #b8b0b4;
  margin: 0 3px 0 0;
  color: #ffffff;
}

/* Spendenforms kasten tabs*/
#kontoInfo .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  background: #BDBDBD;
}

#kontoInfo .nav-tabs li a {
background: none repeat scroll 0 0 #666666 ;
}

#kontoInfoData .tab-pane {
  background: #BDBDBD;
  margin: 0 3px 0 0;
  color: #ffffff;
}

/* Spendenforms kasten tabs ende*/

div.tab-content p.date {
  margin: 0 0 5px 0;
}
div.tab-content div.item {
  border-bottom: 1px solid #ffffff;
  padding: 8px 8px 10px 15px;
}
div.tab-content div.tocategory {
  background: #998993;
  text-align: right;
  padding: 10px;
}
div.tab-content div.tocategory a {
  color: #ffffff;
  background: url(../img/pfeilrweiss.png) no-repeat right 6px;
  padding: 0 10px 0 0;
  font-weight: bold;
}
/*TOOLBOX*/
div.toolbox {
  margin: 0 0 20px 0;
}
div.subscribe {
  background: #bdbdbd;
  padding: 10px;
  position: relative;
}
div.subscribe input.input-medium {
  width: 90%;
  display: block;
}
div.subscribe input.button {
  position: absolute;
  right: 20px;
  top: 40px;
}
div.subscribe form label {
  font-weight: bold;
}
div.social {
  margin: 10px 0 0 0;
}
div.social a {
  text-indent: 999em;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  float: left;
  height: 25px;
  width: 25px;
  margin: 0 5px 0 0;
}
div.social a.rss {
  background: url(../img/rss.png) no-repeat top left;
}
div.social a.fb {
  background: url(../img/fb.png) no-repeat top left;
}

div.social a.tw {
  background: url(../img/tw.png) no-repeat top left;
}
div.social a.mail {
  background: url(../img/mail.png) no-repeat top left;
}
/*SUBNAVIGATON*/
div#subnavi {
  margin: 0 0 20px 0;
}
div#subnavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#subnavi ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 2px solid #393939;
}
div#subnavi ul li a:link,
div#subnavi ul li a:visited {
  text-transform: uppercase;
  font-weight: bold;
  color: #393939;
  padding: 3px 10px 3px 0;
  display: inline-block;
}
div#subnavi ul li a:hover,
div#subnaiv ul li a:active,
div#subnavi ul li a.current {
  color: #eb6721;
  text-decoration: none;
  background: url(../img/subnavipd.png) no-repeat right 7px;
}
/*second level*/
div#subnavi ul li ul {
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none;
}
div#subnavi ul li ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: none;
}
div#subnavi ul li ul li a:link,
div#subnavi ul li ul li a:visited {
  text-transform: none;
  font-weight: normal;
  color: #393939;
  padding: 3px 0 3px 15px;
  display: inline-block;
}
div#subnavi ul li ul li a:hover,
div#subnaiv ul li ul li a:active,
div#subnavi ul li ul li a.current {
  color: #eb6721;
  text-decoration: none;
  background: url(../img/subnavipr.png) no-repeat left 8px;
}
/*FOOTER*/
footer {
  padding:0;
  margin:60px 0 0 0;
  background: #bdbdbd;
   -moz-box-shadow:    inset 0 0 10px #666;
   -webkit-box-shadow: inset 0 0 10px #666;
   box-shadow:         inset 0 0 10px #666;
}
footer div.container {
  padding: 10px 22px 0 22px ;
}
/*only for visualaiton*/
footer div.rel {
  margin: 0;
}
footer div.banner {
  position: relative;
  width: 210px;
  padding: 0 0 0 -10px;
}

footer div.banner div.csc-textpic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer div.banner div.csc-textpic ul li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}

footer div.banner a:link,
footer div.banner a:visited {
  background: none;
  padding: 0;
}

footer div.banner div.csc-textpic {
/*  background: blue;*/
}
html body div.wrap footer div.container div.row div.span3.rel div.banner div#c41125.csc-default div.csc-textpic.csc-textpic-center.csc-textpic-above div.csc-textpic-imagewrap div.csc-textpic-center-outer div.csc-textpic-center-inner div.csc-textpic-imagerow.csc-textpic-imagerow-last div.csc-textpic-imagecolumn.csc-textpic-firstcol img {
  margin: 0 5px 0 0;
}
footer div.csc-textpic-imagecolumn {
  margin: 0 0 10px 0;
}
footer div.banner csc-textpic-imagecolumn csc-textpic-firstcol {
  margin: 0 10px 0 0;
}
/*----END---*/
/*FOOTERNAVI*/
footer ul {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
}
footer ul li {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
}
footer ul li a:link,
footer ul li a:visited {
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 0 3px 10px;
  font-weight: bold;
  background: url(../img/pfeil_b.png) no-repeat 0px 4px;
}
/*second level*/
footer ul li ul {
  margin: 0;
}
footer ul li ul li {
  margin: 0;
}
footer ul li ul li a:link,
footer ul li ul li a:visited {
  text-transform: none;
  padding: 0 0 3px 10px;
  font-weight: normal;
  background: none;
}
footer ul li ul li a.current {
  background: url(../img/pfeil_b.png) no-repeat right 4px;
  padding: 0 10px 3px 10px;
}
/*third level*/
footer ul li ul li ul li a:link,
footer ul li ul li ul li a:visited {
  padding: 0 0 3px 20px;
}
/*STARTPAGE*/
.hidden{
  display: none;
}
/*TOPNEWS*/
div.top-news {
  border-bottom: 2px solid #393939;
  background: #fff;
  height:290px;
}
div.top-news h1 {
  color: #eb6721;
}
div.top-news-img {
  float: left;
  margin: 0 10px 10px 0;
}
div.top-news-content a.news-more,
div.top-news-content a.news-links {
  display: inline-block;
  padding: 0 10px 5px 0;
  background: url(../img/subnavipr.png) no-repeat right 5px;
}

div.top-news-content p {
padding-right:10px;
}
/*LATEST*/
div.news-latest-item {
  border-bottom: 1px solid #393939;
  padding: 8px 40px 0px 0;
  width:500px;
}
div.news-latest-item.active{
  background: #fff;
}
div.news-latest-img {
  float: left;
  height:75px;
  width:70px;
  margin: 0 28px 0 14px;
}

div.news-latest-img img {
  float: left;

  width:70px;
  margin: 0 28px 0 14px;
}
div.news-latestlist-img {
min-width:100px;
}
div.news-latestlist-img img {
  float: left;
  height:75px;
  max-width:100px;
  margin: 0 28px 0 14px;
  
}

div.news-latest h2 {
  margin: 0;
}
div.news-latest-content p{
  display: inline;
}
span.news-latest-more {
  display: inline-block;
  padding: 0 10px 0 0;
  background: url(../img/subnavipr.png) no-repeat right 7px;
}

span.calgroup-latest-more {
    color: #eb6721;
  display: inline-block;
  padding: 0 10px 0 0;
  background: url(../img/subnavipr.png) no-repeat right 7px;
}

/*LIST by Nico*/
div.news-list-item {
  border-bottom: 1px solid #393939;
  padding: 8px 40px 8px 0;
}
div.news-list-item.active{

}
div.news-list-img {
  float: left;
  margin: 0 28px 0 14px;
}
div.news-list h2 {
  margin: 0;
}
div.news-list-content p{
  display: inline;
}
span.news-list-more {
  display: inline-block;
  padding: 0 10px 0 0;
  background: url(../img/subnavipr.png) no-repeat right 7px;
}


/*NEWS in Tabbbox*/
div.latest div.item p{
  display: inline;
}
div.latest div.item p.title{
  display: block;
  font-weight:bold;
  margin:0;
}

/*RSS in Tabbox*/
div.latest #twrss_table{
  padding:8px 0 0 0;
}
div.latest .twrss_bodytext{
  padding:3px 8px 5px 15px;
  color:#fff;
  font-size:12px;
}
div.latest #twrss_table .twrss_item_link a{
  color:#fff;
  border:none!important;
  font-weight: bold;
  font-size:12px;
  padding:0!important;
}
div.latest #twrss_table .twrss_item_link{
  margin:0;
  padding:3px 8px 0px 15px;
}
div.latest #twrss_table .twrss_item_link a:hover, div.latest #twrss_table .twrss_item_link a:active{
  color:#EB6721;
  font-weight:normal;
}
div.latest .twrss_item_creator{
  border-bottom: 1px solid #fff;
  margin:5px 0 0 0;
}

/* NEWS Single */
.news-single-img .infobox {border-top:1px solid #fff;}

/*Newsletter Submit Pfeil*/
div.tx-attacnewsletter input.button {
 position: absolute;
  right: 20px;
  top: 35px;
  background: url(../img/newsletterp.png) no-repeat top left;
  color:white;
  border:none;
}


/*Anpassung teaser by nico */
#myCarousel .item {
margin-top:14px;
}

/* UK MOD */
.uploadsIcon {float:left;}
.uploadsLabel {display:block;min-height:18px;}
.uploadsLabel, .uploadsDescription { margin-left:25px; }
.uploadsDescription {clear:left;}
.tab-content fieldset {padding:10px;}

/*Natalie für Bilder in den Boxen */

div.infobox img{ margin-bottom:5px !important; max-width: none;}

/*Nico Infobox ul style */
div.infobox ul {
padding: 14px 12px 20px 9px;
line-height: 16px;
color: #ffffff;
list-style-image:url(../img/pfeil_bullet_w.png);
border-bottom: 1px solid #ffffff;
margin: 0 0 8px 0px;
}

div.infobox li {
margin: 0 0 0px 14px;
}

.tooltip {
text-align: left;
font-weight:normal;
}

/* iFrame für Template breit */
.span15 .tx-ffiframe-pi1 {
margin-left: -18px;
margin-right: 18px;
}

/* UK MOD */
/*Word-Break für rechte Infobox News-Dateien*/
#news-more div.infobox a {
    word-wrap: break-word;
}
