@font-face {
font-family: OpenSans;
src: url('OpenSans.woff') format('woff')
}

/*****Cookies*********/

#tx_cookies {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

#tx_cookies_inner {
  padding: 10px;
}

#tx_cookies_showPermanent {
    display: none;
}

#tx_cookies #tx_cookies_close {
  position: absolute;
  right: 5px;
  border: none;
  padding: 0 10px;
  color: red;
  background: transparent;
  cursor: pointer;
}

#tx_cookies #heading {
   margin-left: 17px;
}

#tx_cookies_accept {
   overflow: hidden;
   margin-left: 17px;
}

#tx_cookies .submit {
  float: right;
  border: 2px solid;
  padding: 5px;
  background: transparent;
  color: #fff;
}

/*grid elements*/
.container {
  clear: both;
}

.row .container {
   padding-right: 4%;
}

.row {

}

.col-md-3 {
  float: left;
  width: 25%;
}

.col-md-4 {
  float: left;
  width: 33%;
}

.col-md-6 {
  float: left;
  width: 50%;
}

.col-md-8 {
  float: left;
  width: 66%;
}

.col-md-9 {
  float: left;
  width: 75%;
}

.col-sm-3 {
  float: left;
  width: 25%;
}

.col-sm-4 {
  float: left;
  width: 33%;
}

.col-sm-6 {
  float: left;
  width: 50%;
}

.col-sm-8 {
  float: left;
  width: 66%;
}

.col-sm-9 {
  float: left;
  width: 75%;
}

.col-xs-3 {
  float: left;
  width: 25%;
}

.col-xs-4 {
  float: left;
  width: 25%;
}

.col-xs-6 {
  float: left;
  width: 50%;
}

.col-xs-8 {
  float: left;
  width: 33%;
}

.col-xs-9 {
  float: left;
  width: 66%;
}

.col-lg-3 {
  float: left;
  width: 25%;
}

.col-lg-4 {
  float: left;
  width: 33%;
}

.col-lg-6 {
  float: left;
  width: 50%;
}

.col-lg-8 {
  float: left;
  width: 66%;
}

.col-lg-9 {
  float: left;
  width: 75%;
}



#ticker1939 {
    font-family: lucida sans, lucida grande, sans-serif;
    font-size: 14px;
    line-height: 150%;
    padding: 5px;
    width: 500px;
    cursor: pointer;
}


.tx-jfmulticontent-pi1 {
    margin-top: 0px;
    width: 1100px;
}


.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
     background-image: url("images/ui-icons_ef8c08_256x240.png");
    height: 16px;
    width: 16px;
}

.ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #565656;
    font-weight: normal;
}

.ui-state-default a,.ui-state-default a:link, .ui-state-default a:visited {
    color: #565656;
    text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

.ui-state-hover a:hover{
   color: #eb8f00;
  text-decoration: underline;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0px;
    float: left;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-accordion .ui-accordion-header {
    color: #005ca3;
    cursor: pointer;
    display: block;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 0px;
    border: none;
    background-color:transparent;
  font-weight: normal;
}

.ui-widget {
    font-family: lucida sans, lucida grande, sans-serif;
    font-size: 14px;
   color: #565656;
  background-color:transparent;
}

.ui-widget-content {
    font-family: lucida sans, lucida grande, sans-serif;
    font-size: 14px;
   color: #565656;
  background-color:transparent;
  line-height: 150%;
}
.ui-accordion .ui-accordion-content {
    border-top: 0 none;
    min-height:50px;
  border: none;
    margin-left: 15px;
    overflow: auto;
    padding: 0px;
  background-color:transparent;
  line-height: 150%;
}

body {
  margin: 0px;
   position: relative;
    font-family: lucida sans, lucida grande, sans-serif;
  font-size: 14px;
   background-color:#fff;
   color: #565656;
   margin-bottom:0px;
   margin-top:0px;
   line-height: 150%;
 
}

#wrap {

}

#wraptop {
  overflow: hidden;
  height: 100px;
  
}

P, ol, ul {
  margin-bottom:0px;
  margin-top:0px;
  padding-bottom:7px;
  padding-left:0px;
}

ol, ul {
     /* nächste Zeile nicht ändern wg. merkwürdigem IE */
     margin-left: 0px;
     padding-left: 20px;  
}

LI {
  margin-bottom:2px;
  margin-top:2px;
  margin-left:10px;
}

A:link {
  color:#8d8e8d;
  font-weight: normal;  
  text-decoration:none;
  
}
A:visited {
  color:#8d8e8d;
  font-weight: normal;
  text-decoration:none;  
}
A:hover {
  color:#565656;
  font-weight:normal;
  text-decoration:underline;
}
A:active {
  color:#8d8e8d;
 font-weight: normal;
  text-decoration:none;
}

#contentTop {
  overflow: auto;
  height: 100px;
  width:100%;
}

A.navitop:link {
  color:#8d8e8d;
  text-transform: uppercase;
 font-weight: normal;
  margin-right: 5px;
  padding-right: 10px;
 border-right: 1px solid #8d8e8d;
  font-size: 18px;  
}

A.navitop:visited {
  color:#8d8e8d;
  text-transform: uppercase;
    font-weight: normal;  
}

A.navitop:hover {
  color:#565656;
font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
}

A.navitop:active {
        color:#5aa532;
  text-transform: uppercase;
font-weight: normal;
}

.textnavitop {
  color:#565656;
  text-decoration: none;
}

#content {
  padding: 0px;
  width: 100%;
  margin: 0px auto;
}

.container {
  position: fixed;
  background-color: #eeeeee;
  overflow: auto;
   width: 100%;
   margin: 0px auto;
  height: 100px;
}

.nav {
  list-style-type: none;
  padding-left: 100px;
  padding-top: 35px;
  background-color: #eeeeee;
  overflow: hidden;
}

.nav:after {

}

.link {
   float: left;
   margin: 5px 5px 0px 5px;
}

.active {

}

#home {
   margin-top: -100px;
   padding-top: 100px;
}

#Home {
     overflow: hidden;
     background-color: #fff;     
     background-image: url(hg-home.jpg);
     background-position: -180px -150px;
     background-repeat: no-repeat;
     padding: 20px 20px 20px 550px;
     border: 0px solid #fff;
     max-width: 530px;
}

@media screen and (max-width: 900px) {
   #Home {
       background-image: url(hg-home-spiegel.jpg);
       background-position: 530px -150px;
       padding: 20px 250px 20px 20px;
       width: 530px;     
   }
   .nav {
        padding-left: 20px;
   }
}

#home:before {

}

#service {
   margin-top: -100px;
   padding-top: 100px;
}

#Service {
     overflow: hidden;
     background-color: #eeeeee;     
     background-image: url(hg-service.jpg);
     background-repeat: no-repeat;
  background-position: 150px 0px;
     margin: 0px auto;
     padding: 20px 20px 20px 40px;
    
     border: 0px solid #fff;
}


#referenzen {
   margin-top: -100px;
   padding-top: 100px;
}

#Referenzen {
   overflow: hidden;
     background-color: #dbdbdb;     
     background-image: url(Referenzen.jpg);
     background-repeat: no-repeat;
     margin: 0px auto;
     padding: 20px 20px 20px 40px;

     border: 0px solid #fff;
}

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
  
  height: 250px;
}

#kontakt, #datenschutz {
   margin-top: -100px;
   padding-top: 100px;
}

#Kontakt, #Datenschutz {
     overflow: hidden;
     background-color: #eeeeee;     
     background-image: url(hg-kontakt.jpg);
     background-repeat: no-repeat;
     margin: 0px auto;
     padding: 20px 20px 20px 520px;
    
     border: 0px solid #fff;
     margin-bottom: 800px;
}

@media screen and (max-width: 900px) {
   #Kontakt {
      background-image: none;
      padding-left: 20px;
   }
}

.title {
   margin: 0px auto;
   width: 500px;

}


/*Styles vom RTE*/

H1 {
 font-size: 18px;
   line-height: 160%;
  font-weight: bold;
  margin-bottom:10px;
   margin-top:0px;
}


h1.ueberschrift1 {
   font-size: 18px;
   line-height: 160%;
   font-weight: bold;
   margin-bottom:10px;
   margin-top:0px;

}

h2, h2.ueberschrift2 {
   font-size: 16px;
   line-height: 160%;
   font-weight: bold;
   margin-bottom:10px;
   margin-top:0px;
}

h3, h3.ueberschrift3 {
   font-size: 13px;
    font-weight: bold;
   line-height: 140%;
   margin-bottom:5px;
   margin-top:0px;
}

h4, h4.ueberschrift4 {
   font-size: 18px;
  font-weight: normal;
   margin-bottom:10px;
   line-height: 160%;
   margin-top:0px;
}

h5, h5.ueberschrift5 {
   font-size: 16px;
  font-weight: normal;
   margin-bottom:10px;
   line-height: 160%;
   margin-top:0px;
}

h6, h6.ueberschrift6 {
   font-size: 14px;
  font-weight: normal;
   line-height: 160%;
   margin-bottom:5px;
   margin-top:0px;
}