@charset "utf-8";
/* CSS Document */

/*.col-xs-12 {
  padding: 0;
}*/

body {
  margin: 0;
  padding: 0;
  color: #3a3939;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 1.4;}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { 
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
}


h1 {
  color: #d62029;
  font-size: 140%;
  margin: 0px;
  padding-bottom: 15px;
  font-weight: bold;  
}


h2 {
  font-weight: bold;    
  font-size: 110%;
}


h3{
  font-size: 100%;
  font-weight: bold;
}



a img { 
  border: none;
}


a:link, a:visited {
  color: #d62029;
  text-decoration: underline; 
}


a:hover, a:active, a:focus {
  text-decoration: none;
}


hr { /* ~~ Horizontale Linie um Bereiche zu trennen ~~ */
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #D6212A;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}




.container {
  max-width: 900px;
  background: #FFF; 
  border-color: #fff;
  border-style: solid;
  border-width: 0;
  margin-top: 0px;
  margin-bottom: 0;
  padding: 0;
}


.header {
  background-color: #FFF;
  background-image: url(../img/header_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 135px;
}



.logo {
  padding-top:10px;
  
}

.col-2-layout {
  padding-right: 30px;
}

 /* ~~ HeaderNavigation  ~~ */

.navbar {
  background-color: #FFF;
  background-image: url(../img/bg_navbar.gif);
  background-repeat: repeat-x;
  height: 28px;
  padding-top: 4px;
  position: relative;
  margin-bottom: 0;
}


.navbar a:link, .navbar a:visited {
  text-decoration: none;
  padding-right: 10px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #bcb8b8;
  padding-left: 10px;
  color: #3a3939;
}

.navbar a:hover, .navbar a:active {
    color: #d62029;
}


 /* ~~ Suchformular im Header~~ */

.searchform {
  float: right;
  margin: 0px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 190px;
}


.search_input {
  border: 1px solid #bbb9b9;
  margin: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8pt;
  width: 145px;

}

.sendbutton {
  background-color: #d62029;
  width: 30px;
  color: #FFF;
  padding-right: 3px;
  padding-left: 3px;
  margin: 0px;
  font-size: 8pt;
  border:none;
  font-weight: bold;  
}


 /* ~~ linke Spalte ~~ */
.sidebar1 {
  line-height: 1.2em;
  font-size: 8pt;
  padding-bottom: 3px;
  padding-bottom: 160px;
}

.tierbilder {
  position: absolute;
  bottom: 0;
}


 /* ~~ Hauptinhalt~~ */
.content {
  margin-bottom: 30px;
}

.content ul, .content ol { 
  padding: 0 15px 15px 40px; 
}



 /* ~~ rechte Spalte~~ */
.sidebar2 {
  background-color: #ecebeb;
  font-size: 8pt;
  padding: 10px;
  margin-bottom: 30px;
}



.sidebar2 h1 {
  font-size: 10pt;
  font-weight: bold;
  color: #FFF;
  background-color: #d6212a;
  display: block;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 10px;

  
}

.sidebar2 h2 {
  font-size: 8pt;
  font-weight: bold;
  color: #d62029;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}


.sidebar2 p {
  padding-bottom:3px;
  padding-top:3px;
  margin: 0px;
}



 /* ~~ Hauptnavigation in der linken Spalte~~ */

#leftnavi {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  }
  
  
 #leftnavi  ul {
  list-style: none;
  }
  
  
#leftnavi  li a:link, #leftnavi  li a:visited  
 {
  padding: 5px 5px 5px 15px;
  display: block; 
  text-decoration: none;
  background-image: url(../img/bg_button.gif);
  background-repeat: repeat-x;
  background-color: #cbc9ca;
  line-height: 1.6em;
  font-size: 10pt;
  color: #3a3939;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FFF;
 }
  
  
#leftnavi .active a:link, #leftnavi .active a:visited
 {
  text-decoration: none;
  display: block;
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: -10px;
  line-height: 120%;
  font-size: 12px;
  background-image: url(../img/pfeil_orange.gif);
  background-repeat: no-repeat;
  height: 25px;
  color: #E66213;
 }  
  
  
#leftnavi  li  a:hover, #leftnavi li a:active
 {
 color: #d62029;  
 }
  
  
  
#leftnavi li.aktiv a, #leftnavi li.aktiv,  #leftnavi aktiv
 {
  color: #d62029;
  border: none;  
  }  
  
#leftnavi li.last, #leftnavi li.aktiv.last {
  margin:20px 0 0 0;
}


#leftnavi .secLevel a:link, #leftnavi .secLevel a:visited {
  border: none;
  background-image: none;
  background-color: #dedcdd;
  font-size: 90%;  
  padding-left: 25px;
  padding-right: 10px;
}  
  
#leftnavi .secLevelaktiv a:link, #leftnavi .secLevelaktiv a:visited  {
  border: none;
  background-image: none;
  background-color: #dedcdd;
  font-size: 90%;  
  padding-left: 25px;
  padding-right: 10px;
  color: #d62029;  
}    

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #d62029;
  text-decoration: none;
  background-color: transparent;
  outline: 0;
}

 
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  font-style: normal;
  text-decoration: none;
  font-size: 12px;
}

 .secLevel a:hover, #leftnavi .secLevel a:active 
 {  
    color: #d62029;
  font-weight: normal;
  background-image: none;  
  }  
  
  
/* ~~ Stile für die Fußzeile ~~ */
.footer {
  padding: 0px;
  position: relative;
  clear: both;
  background-color: #d62029;
  height: 20px;
}


.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


/*------mailformular formatieren------*/
.csc-mailform {
border:none;
width: 90%;
}

.csc-mailform-field {
margin: 2px;
padding: 5px;
}

.csc-mailform-field label {
float: left;
padding: 1px;
width: 150px;
}


.mf-input {
clear: none;
width: 300px;
padding: 1px;
}

.mf-pass {
width: 300px;
padding: 1px;
}

.mf-text {
clear: none;
width: 300px;

padding: 1px;
}

.mf-check {
padding: 1px;
}

.mf-radio {
padding: 1px;
}

.mf-select {
width: 200px;
padding: 1px;
}

.mf-file {
width: 200px;
padding: 1px;
}

#mailformRadiotest {
border: none;
}

#mailformRadiotest legend {
display: none;
}

.mf-reset {

}

.mf-submit {
margin-left: 0px;
}

#mandatory {
  color:#ff0000;
}

.nlcat input {

}


/*----------- tt_news ----------------*/
.news-single-additional-info
{
  margin:0px;
}

.news-single-related, .news-single-files, .news-single-links {
  padding:0px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
  margin:0px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
  margin:0px;
}

/*---------- Download-Bereich Antraege -----------*/
.csc-menu.csc-menu-4 dd {
  margin:2px 0 15px 0;
}

.commentForm, .commentList  {
  margin: 0 0 25px 0;
}

.commentList hr  {
  border-color: #ccc;
  border-width: 1px 0 0 0;
  border-style:solid;
  margin: 0px;
}

.commentList div.title {
  font-weight: bold;
  font-size: 100%;
  margin: 5px 0;
}

.commentList div.odd  {
  background-color: #ecebeb;
  padding: 5px;
}

.commentList div.even  {
  padding: 5px;
}

.commentForm input[type=text] {
  margin: 2px 0 10px 0;
  width: 450px;
}

.commentForm textarea {
  margin: 2px 0 10px 0;
  width: 450px;
}

.commentForm input[type=submit] {
  margin: 2px 0 0 0;
}

.csc-uploads.csc-uploads-0 li.li-even {
  padding: 5px;
  margin:0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color:#ccc;
}

.csc-uploads.csc-uploads-0 li.li-odd {
  background-color: #ecebeb;
  padding: 5px;  
  margin:0;  
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color:#ccc;  
}

/*--- Kurs-DB ---*/
.kursList {
  margin: 10px 0 0 0;
}

.list-item-kurse {
  margin: 0 0 5px 0;
}

.kursValue {
  
}

.kurslabel {
  margin: 10px 0 3px 0;
}

.buchungsframe {
  margin: 20px 0 0 0;  
}