img, div { behavior: url(iepngfix.htc) }
 
   /* Default -----------------------------------------------
 
   ---------------------------------------------------------*/
   

          .showquery {
            position: fixed;
            bottom: 40px;
            right: 0;
            content: "Hans ";
            z-index: 999;
            background: red; 
            color: #fff;
            padding: 5px;
            display: none;
            
          }
          .showquery:before {
            content: "> 1000px ";
          }  
          
  body {
  behavior: url("csshover3.htc");
     font-size: 100%;
     padding: 0;
     margin: 0;
    
     
       /* Für Webfonts! */
       -webkit-font-smoothing: antialiased;
       -moz-font-smoothing: antialiased;
       font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
  }
    
   
   
  a{ color: #9a1319; text-decoration: none; font-weight: 400; }
  a:visited { }
  a:hover, a:focus { color:#7E0E13; }

  a:active { color: #003058; }
  





  
  :selection { color: #fff; background: #E7B21F; }
  
  h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 700; }
  
    h1 { font-size: 1.8em; line-height: 1.3em; font-weight: 600;   color: #9a1319;  }
    h2 { font-size: 1.3em; line-height: 1.2em; font-weight: 600; color: #444444;}
    h3 { font-size: 1.3em; line-height: 1.5em; font-weight: 400; color: #444444;  }
    h4 { font-size: 1.1em; font-weight: 600;  }
    h5 { font-size: 1.0em; font-weight: 600;  }
    
  p {
    margin-top: 0;
  }
  
  img {
    display: block;
  }
  
 hr {
    border: none; 
 /*   background: #bcbcbc;*/
    
    background: rgb(225,225,225);
    height: 1px;
    margin-top: 0px
  } 
  
  
 #footer hr{
 	background: #32845b;
 } 
  
  

  .cf:before,
     .cf:after {
       content: " "; 
       display: table; 
     }
     
     .cf:after {
       clear: both;
     }
  
     .cf {
       *zoom: 1;
     }
  
/* - Gerüst -----------------------------------------------
 
   ---------------------------------------------------------*/  

      


  body {
    /* background: #fff url('../img/base/hg_body.jpg') repeat-x left top; */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #444444;
    
  }
  

  .wrapper, #wrapper { width: 960px; margin: 0 auto;}
  
  #header {
    margin: 20px 0 0 0; /*war 60px*/
  
    position: absolute;
}
  .slider {
   
    height: 364px;

         background:  url(../img/base/slider-shadow-top.jpg), url(../img/base/slider-shadow-bottom.jpg);
                 background-position: left top, left bottom;
                 background-repeat: repeat-x;
      background-color: #f5f5f5;
      
   
  }
    .slider > div {
      width: 960px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      height: 340px;
    }
    
    .slider img {
     /* position: absolute;
      bottom: 0;*/
    }
  .topteaser {
    margin: 40px 0;
    padding
    border: 1px solid #333;
    height: 200px;
    background: #fff url('../img/base/shadow960.jpg') no-repeat left bottom;
    background-size:100% auto;
  }
  
/* - Special COntentseite -----------------------------------------------
 
   ---------------------------------------------------------*/  
   .slidercont DIV.csc-textpic {
   	overflow: visible;
   }
   
   #slc div {
   overflow: visible;
   white-space: nowrap;
   }
   
   #slc h1 {
   	white-space: nowrap;
   	position: relative;
   	z-index: 4000;
   }
  
  .slidercont {
    
      font-weight: 400;
      
     font-size: .9em;
      line-height: 1.6em;
  
     position: relative;
     z-index: 980;          
     margin-top: 30px;
     padding-top: 130px;
}
  
 /*   .slidercont p {font-size: 0.85em; line-height: 1.6em; font-weight: 400;
	} */
    
    .slidercont > div {
      width: 960px;
      margin-left: auto;
      overflow: hidden;
      position: relative;
      /* height: 364px; */
      
    
      margin-right: auto;
}
    
    
    	
		    	.g16galerie {
		    	  overflow: hidden;
		    	  position: relative;
		    	width: 100%;
		    	  height: 230px;
}
		    	.g16galerie > div {
		    	  /* position: absolute !important; */
		    	  width: 100%;
		    	  display: none;
position: relative;
		    	   
		    	}
		    	
		    	.g16galerie > div:first-child {
		    		display: block;
		    	}
		    	
		    	.g16galerie  ul, .g16galerie  li {
		    	  list-style-type: none !important;
		    	  margin: 0 !important;
		    	  padding: 0 !important;
		    	}
		    	
		    	.sliderbtn {
		    	 
		    	  width: 38px;
		    	  height: 38px;
		    	  top: 40%;
		    	  
		    	  position: absolute;
		    	  z-index: 40;
		    	  display: block;
		    	}		    	

.sliderbtn:hover {
cursor:pointer;
		    	 
		    	  	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
		    	}
		    	
		    	.sliderbtn.next {
		    	  right: 0px;
		    	  background-position: left top;
		    	}
		    	.sliderbtn.prev {
		    		left: 0px;
		    	}
		    	
		    	.sliderbtn.next:hover {
		    	  right: -5px;
		    	  
		    	}
		    	.sliderbtn.prev:hover {
		    		left: -5px;
		    	}
		     
    
    
  /*---------------headerbalken  ------------------*/
    
   #slc-high.slidercont {
   	height: 100px;
   }/*header grau flach*/
   
      #slc-high2.slidercont {
   	height: 200px; /*header grau mittel*/
   }
   
     #slc-high3.slidercont {
   	height: 340px; /*header grau hoch*/
   }
   
     #slc-high4.slidercont {
   	min-height: 0px; /*header grau hoehe frei*/
   }
   
  #slc-high-w1.slidercont, #slc-high-w2.slidercont, #slc-high-w3.slidercont, #slc-high-w4.slidercont { 
   background:  #fff;
      background-color: #fff; }
      
      
      #slc-high-w1.slidercont {
   	height: 100px;
   }/*header weiss flach*/
   
      #slc-high-w2.slidercont {
   	height: 200px; /*header weiss mittel*/
   }
   
     #slc-high-w3.slidercont {
   	height: 300px; /*header weiss hoch*/
   }
   
     #slc-high-w4.slidercont {
   	min-height: 0px; /*header weiss hoehe frei*/
   }
   
   

  #slc-high-s1.slidercont, #slc-high-s2.slidercont, #slc-high-s3.slidercont { 
   background:  #000;
      background-color: #000; }
      
      
      #slc-high-s1.slidercont {
   	
   }/*header sonder A*/
   
      #slc-high-s2.slidercont {
   	/*header sonder B*/
   }
   
     #slc-high-s3.slidercont {
   	/*header sonder C*/
   }
 
   
    #cont-page .slidercont > div {
      height: inherit;
      /* padding-top: 0px; */
      
    }
    
   /* #cont-page */ .slidercont > div h1 {
      font-weight: 400;
     
      font-size: 3.1em;
      margin-bottom: 0.2em;
  	  
      color: #003058;
       
      margin-top: 15px;
    }
    
  /*  #cont-page */ .slidercont > div h2 {
     font-weight: 400;
      
     color: #991318;
 
     font-size: 2.5em;
  
    
     margin-top: -15px;
}    

   /*---------------endheaderbalken  ------------------*/  
  
  #col-nav {
    width: 22%;
    float: left;
  
  
    /* padding: 20px 0 0 0; */
}
  
  #col-cont {
    width: 75%;
    float: right;
  
  padding: 20px 0 0 0;
}
  
  
  	#main.col3 #col-content {
  		width: 66.6% !important;
  		float: left;
  	}
  	#main.col3 #col-cont-right {
  		width: 33.3%;
  		float: right;
  		 
  	}
  	#main.col3 #col-cont-right-inner {
  		 
  		padding-left: 30px;
  		margin-top: 20px;
  	}
  
  
  	#white { padding: 50px;  	}
  	#white #col-cont	 {
  		float: none;
  		width: 100%;
  	}
  
  .spalten1 #col-nav {
    display: none;
  }
  .spalten1 #col-cont {
    width: 100%;
    float: none;
  }
    
  
.sub2{

  border-bottom: none;
  
}

#subnav {
margin-top: 20px;
}

#subnav ul li a, .sub-aside .csc-menu li a {
    display: block;
 font-size: .85em; 
    font-weight: 400;
  color: #444444;
    padding: 10px 0px;
    /* width: 80%;  width: 95%;  */
      line-height: 1.6em;
}

#subnav ul li a{
  	border-bottom: 1px solid #D2D2D2;
  	  
	}
  	
.sub-aside .csc-menu li a {
  	font-size: 1.1em;
  	}
  
#subnav ul li:hover,  .sub-aside .csc-menu li:hover, .sub-aside .csc-menu li a:hover {
    color: #003058;
    }  

#subnav ul li a:hover {
    width: 100%;
	position: relative;
    z-index: 10;
    
  }  
  
#subnav li.sub a:hover {
     margin-left: 0px	;
  	     
   }  
 
  
#subnav ul  li, .sub-aside .csc-menu li  {
      position: relative;
    }
    
  /* #subnav ul li.active a:after, .sub-aside .csc-menu li.active a:after {
     float: right;
    font-family: FontAwesome;
    content: "\f107";
  } */
  
#subnav li.sub, .sub-aside .csc-menu li.sub {
      margin-left: -2px;
      
    }
#subnav li.sub2, .sub-aside .csc-menu li.sub2 {
           padding-left: 2px;
          
        }
        
#subnav ul li ul li ul a {
     
       padding: 0px 10px !important;
       font-size: 0.8em;
       

       } /*Navigation Einzug der ebenene */ 
       
#subnav ul li ul a:hover{
	position: relative;
	left:  -10px;
 }     
            
 
#subnav li.sub a, .sub-aside .csc-menu li.sub a {
   padding: 3px 0 3px 0;
       border-bottom: none;
	 border-top: none;
           line-height: 1.6em;
    }
    
     #subnav li.sub a:before{
        
      font-family: FontAwesome;
      content: "+  ";
   color: #999999;
      left: -9px;
      top:  8px; }
    
   /* #subnav li.sub a:before, #subnav ul li a:before, .sub-aside .csc-menu li.sub a:before, .sub-aside .csc-menu li a:before {
        
      font-family: FontAwesome;
      content: "\f105  \00A0";
      position: absolute;
      left: -9px;
      top:  8px;
    } 

 #subnav li.sub a:hover:before, #subnav ul li a:hover:before, .sub-aside .csc-menu li.sub a:hover:before, .sub-aside .csc-menu li a:hover:before {
          
      left: -7px;
  font-weight: 700;
      }
    
    
    #subnav li.sub a:before, .sub-aside .csc-menu li.sub a:before {

      top:  3px;
    }
    #subnav ul li.sub a:after, .sub-aside .csc-menu li.sub:after {
      content: "";
    }*/
  #subnav li.current > a, #subnav li.active > a, .sub-aside .csc-menu li.current > a, .sub-aside .csc-menu li.active > a   {
    color: #003058;
  }

 
    
    
    
    
  
  #col-cont {
  
    font-size: .9em;
    line-height: 1.6em;
  }

  
  
  #submain {
background:   #f6f5f5;
   
   font-weight: 400;  
    font-size: .9em;
    line-height: 1.6em;
    position: relative;
    
z-index: 99;
  
/* margin-top: -60px; */
}
  #submain-inner {
    width: 960px;
    margin: 0px auto 0 auto;
    padding: 0px 0 0px 0; /* war padding: 30px 0 */
  
}
  
  .sub-aside {
    margin-top: 15px;
    font-size: .9em;
    font-weight: 400;
  }
  
/* - Ende Special Contentseite --------------------------------------
 
   ---------------------------------------------------------*/  
  
  #cont-page #main, #main.col3{

 }
 

 
 #col-cont .csc-firstHeader {
 	
 }
    
  #footer {
    background: #003058;
    padding-bottom: 0px;

                 position: relative;
                 z-index: 120;
            
  }
  
  #footer H1, H2, H3, H4, H5, a {
  	color: #fff;
  }
  
  #footerinner {
    width: 960px;
    margin: 0 auto 0;

     color: #B4B3B3;
    font-size: .8em;
      line-height: 1.5; 
  }
  
  #footerinner ul {
  	margin: 0 0 0 20px;
  	padding: 0;
  	list-style-type: disc;
  	line-height: 2em;
  }
  
  #footerinner li {
  border-bottom: 1px solid #00457e;

  }
  
  #footerinner DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, #submain-inner DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
  	margin-bottom: 10px;

  }
  
  #footer h1, #footer h2, #footer h3, #footer h4, #footer h5{
color: #fff;

  
font-weight: 700;
}

 #footer a {
color: #fff;

}
    
  .greyforce i, .greyforce a,.greyforce a:before, .greyforce h1, .greyforce h2, .greyforce h3, .greyforce h4, .greyforce h5 {
  color: #444444 !important;
  }
  
  .greyforce h3 {
  font-size:  1.1em !important;
  }
  
  .greyforce {
  
 -webkit-box-shadow: 0px 23px 23px -28px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 23px 23px -28px rgba(0,0,0,0.75);
box-shadow: 0px 23px 23px -28px rgba(0,0,0,0.75);

}
  
  /* - Navigationen -----------------------------------------------
   
     ---------------------------------------------------------*/  
     
    
      
      #tabnav {
	   background: #003058;
        color: #ffffff;
          font-size: 12px;
          text-align: center;
          padding: 6px 10px 6px 10px;

	   width: 100%;

	   z-index: 999;

	   top: 0;
        
      
	   position: fixed;
}
      
      #tabnav h1{
      	font-size: 2.2em;
      }
      #tabnav ul {
        width: 960px;
        margin: 0 auto;
        display: block;
      }
      
      #tabnav ul, #nav ul, #teaserbutton ul, #subnav ul { list-style-type: none; margin: 0; padding: 0;  }
      
      #tabnav ul {
        width: 960px;
        margin: 0 auto;
        display: block;
      }
      
      #tabnav ul li, #nav ul li, #teaserbutton ul li  { float: left; margin: 0 20px 0 0px; padding: 0;}
      #tabnav ul li {
        margin: 0;
      }
      
        #tabnav ul li.sm {
          float: right;
          position: relative;
        
}
         #tabnav ul li.sm #sm-showbox {
         	display: none;
         	position: absolute;
         	background: #000; 
         	background: rgba(0, 0, 0, .9);
         	color: #fff;
         	z-index: 99; 
         	padding: 15px;
         	width: 180px;
         	font-size: .7em;
         	top: 47px;
         	left: -56px;
         		-webkit-transition: background .3s ease;
         				-moz-transition: background .3s ease;
         		        -ms-transition: background .3s ease;
         		        -o-transition: background .3s ease;
         				transition: background .3s ease;
         	
         	
         }	
         		 #tabnav ul li.sm #sm-showbox:hover {
         		 	background: rgba(0, 0, 0, .8);
         		 }
         		 
         		 #tabnav .facebooklink-showbox a:hover, #tabnav .facebooklink-showbox a {
         		 border-top: 0px solid #8f8f8f;
         		 margin-top: 0 !important;
         		 margin: 16px 0 0 0 !important;
       
         		 padding: 0 !important;
         		 background: transparent !important;
         		 }
         
         .fb-like {
         	margin-top: 10px;
         }
      
      
      	#sm-showbox {
      	 
      		background: #000;
      		border: 1px solid #8f8f8f;
      	}
      	#sm-showbox:after, #sm-showbox:before {
      		bottom: 100%;
      		border: solid transparent;
      		content: " ";
      		height: 0;
      		width: 0;
      		position: absolute;
      		pointer-events: none;
      	}
      	
      	#sm-showbox:after {
      		border-color: rgba(0, 0, 0, 0);
      		border-bottom-color: #000;
      		border-width: 10px;
      		left: 50%;
      		margin-left: -10px;
      	}
      	#sm-showbox:before {
      		border-color: rgba(143, 143, 143, 0);
      		border-bottom-color: #8f8f8f;
      		border-width: 11px;
      		left: 50%;
      		margin-left: -11px;
      	}
      	
      	.link-showbox {
      		background: none !important;
      		color: #fff;
      		text-decoration: underline;
      		padding: 0 !important;
      		font-size: 1em !important;
      	}
      	.link-showbox:hover {
      		border: none !important;
      		margin-top: 8px !important;
      		color: #ececec !important;
      		
      	}
      
      
      
      
      #tabnav a, #tabav ul.ico-menue li span {  
        font-weight: 600; 
        font-size: 0.9em;
        font-style: normal; 
        color: #fff; 
        display: inline-block;  
        background: none;
        margin-right: 4px;
        
        margin-top: 8px;
        
      }
        
        #tabnav a:hover, #tabnav a.active {
          
          color: #DBC0C0;
       -webkit-transition: all 0s ease-in;
  -moz-transition: all 0s ease-in;
  -o-transition: all 0s ease-in;
  transition: all 0s ease-in;

        
}
        
        #tabnav a.shop {
        
}
          #tabnav a.shop:hover {
            border-color: #e8b52a;
  color: #fff;
  background: #000;


          }
          
        #tabnav ul li.sm a {
          font-size: .8em;
          padding: 5px 10px;
          color: #fff;
        
        
          background: #000;
          font-weight: 400;
}
          #tabnav ul li.sm a i {
            font-size: 1.3em;  
            padding-right:  5px;        
          
            color: #fff;
}
      
 

.icon-angle-down{ 
    position: relative;
    right: -5px;
    
}

      
      #nav {
      
    position: fixed;
    top: 3px;
    z-index: 999;
}
      #nav a { 
        display: inline-block;
        font-size: .9em;
        color: #fff;
        font-weight: 600;
   
   
	}



      
      #nav ul.sub  a {
        font-size: .8em;
       }
      #nav a b, #nav li b {
        display: none;
      }
        #nav ul.sub b {
          display: block;
          position: absolute;
                 right: 8px;
                 color: #fff;
                 top: 5px;
        }
        #nav a span {
        display: block;
        font-size: .79em;
        margin-top: 0px;
        color: #888888;
        line-height: 1.4em;
        display: none;
}
        
          #nav a:hover {

          color: #CBE8FF !important;
                }
        
        #nav li {
          height: 30px;
           
            
         }
        
        #nav li:hover {
          color: #96CFFF;
        }
        
        #nav a:hover i {
          color: #CBE8FF;
        }

      
            }
      #nav a, #tabnav a {
     -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
        }
        
        
        #nav li.current, #nav li.active    {
         /* border-color: #003058; */

         }
         
         #nav li.current a, #nav li.active a {
                  color: #C0F0FF;
         
                  }

         
        
        #nav ul.sub li.active > a, #nav ul.sub li.current > a   {
          background: #003058; 
        }
        
        
        
        /* SUBMENÜ */
        #nav ul {
          position: relative;

        /*  display: inline-table;*/
  
        
          text-transform: uppercase;
}
         #nav ul > li {
             position: relative;
         }
        #nav ul ul {
          display: none;
          position: absolute;
          /*padding-top: 13px;*/
          z-index: 999;
         
          top: 27px;
          
        }
        
          
          #nav  ul.sub2 {
         /*   margin-left: 183px; */
  margin-left: 209px;
            top: 0;

          }
       
      
        #nav ul li ul li {
          float: none;
          padding: 0;
          margin: 0;
          border: none;
          height: inherit;
          width: 100%;
          
        }
        #nav ul ul li a {
          padding: 5px 20px 5px 8px;
          margin: 0 0 0 0px;
                 background: #003058; 
       
          background-color: rgba(0, 47, 88, 0.85);
          
          
          
    width: 250px;
          color: #fff!important;
          
            -webkit-transition: background .5 ease;
              -moz-transition: background .5 ease;
                  -ms-transition: background .5 ease;
                  -o-transition: background .5 ease;
              transition: background .5 ease;

        }
        #nav ul ul li a i {
          display: none;
        }
  
         
        
        #nav ul ul li a:hover {
          color: #fff !important;
          background: #2681CE;
        }

  
/*    #subnav ul {
      margin-left: 12px;
    } */

/* - Content -----------------------------------------------
 
   ---------------------------------------------------------*/
   a { color: #9a1319; }
   
/*   h1 { margin-top: 0; font-weight: 700; color:#003058; font-size: 1.8em; }   
   h2 { margin-top: 0; font-weight: 600; color:#003058; font-size: 1.6em; }*/  
   h1, h2, h3, h4, h5, h6 { margin-top: 0;}
   
h1, .ka-content h1
     { font-size: 1.5em; font-weight: 600; line-height: 1.3em; color: #9a1319;  font-weight: 700;}
     
    
     
     h2, .ka-content h2, .csc-header csc-header-n1 h2  
     { font-size: 1.2em; font-weight: 400; line-height: 1.4em; color: #9A1319;}
     
     h3, .ka-content h3
      { font-size: 1.3em; font-weight: 400; line-height: 1.2em; color: #003058;  }
      
     h4, .ka-content h4
      { font-size: 1.1em; font-weight: 400; color: #003058;  }
      
     h5, .ka-content h5
      { font-size: 1.1em; font-weight: 600;  } 

    .teaserbutton {
  width: 960px;
    margin: 14px auto 0 auto;

  }
  .teaserbutton a, input[type=submit] {
    display: inline-block;
    width: 33.125%;
    padding: 5px 0;
    background: #003058;
    text-align: center;
    color: #ffffff;
    margin-left: .3125%;
    font-size: 1.2em;
    float: left;
    -webkit-transition: background .4s ease;
        -moz-transition: background .4s ease;
            -ms-transition: background .4s ease;
            -o-transition: background .4s ease;
        transition: background .4s ease;
  }
    .teaserbutton a:hover, input[type=submit]:hover {
		background-color: #740000;
	}

  .teaserbutton a:first-child {
    margin-left: 0;
  }
  
  .subhead h3 {
    text-align: center;
    margin-top: 26px;
  }
  
  .text-teaser-div {
    width: 66.666%;
    float: left;
  }
  
  .text-teaser {
    position: relative;
    padding-left: 52px;
    width: 220px;
    font-size: .85em;
    float: left;
    margin: 0 20px 20px 0;
  }
    .text-teaser > span {
      position: absolute;
      left: 0;
      top: 4px;
      font-size: 35px;
    } 
    .text-teaser H1, H2, H3, H4, H5 {
      margin: 0 0 5px 0;
      font-size: 1.2em;
    }
    .text-teaser p {
      margin-top: 0;
      font-weight: 400;
    }
    
  .aktuelles {
    float: left;

  }
  
  .aktuelles h1, .aktuelles h2,.aktuelles h3,.aktuelles h4,.aktuelles h5 {
    font-size: 1em;
    font-weight: 700;
    margin-top: 0;
  }
  
    .newsimg {
      float: left;
      width: 95px;
      padding-right: 20px;
    }
    
    .newstxt {
      float: right;
      width: 200px;
      font-size: .85em;
      line-height: 1.5;
      font-weight: 400;
    }
    
    .newstxt h3 {
      margin: 0;
      font-size: 1.1em;
      font-weight: 600;
    }
    .newstxt p {
      margin: 0;
    }
    .newstxt a {
      display: block;
    }
    .newstxt a i {
      display: inline-block;
      font-size: 1.3em;
       
    }

  .newslist {
    display: inline-block;
    margin-top: 30px;
    font-size: 1.1em;
  }
  
  .showResultsWrap, .disabledLinkWrap{
  	display: none;
  }
   .impressionen {
     margin-bottom: 40px;
   }
   
     .impressionen h3 {
        font-weight: 700;
      }
  
  
  
  
  .imp-caption {
    background: #003058;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: .95em;
    padding: 12px 0;
    
  }
  
  
  
  .sidebar {
    background: #000;
    position: absolute;
    top: 200px;
    padding: 0px 0px;
    text-align: center;
    z-index: 3000;
    position: fixed;
    border-top:22px solid #fab413;
  
    display: none;
}
  
    .sidebar-cont .closebbb {
         position: absolute;
         right: 6px;
         top: 1px;
         font-size: 1.4em;
         display: none;
       }
  
  
  .sidebar a {
    display: block;
    color: #aeaeaf;
    font-size: 1.4em;
    margin: 7px 0 7px 0;
  }
  .sidebar a.feedback {
    margin: 10px 0 0 0;
    cursor: pointer;
  }


  .sidebar a:hover {
    color: #fff;
  }
   .sidebar-cont {
   position: absolute;
   display: block;
   z-index: 8;
   background: #000;
   background: rgba(0, 0, 0, 0.8);
   height: 187px;
   top: 222px;
   width: 380px;
   padding: 20px 0px 20px 60px;
   color: #FFF;
   left: -500px;
   position: fixed;
   height: 192px;
   font-size: 1em;
   display: none;
   }
      .sidebar-cont a {
        display: inline-block;
        color: #fff;
        text-align: center;
        font-size: .9em;
        float: left;
        margin-right: 20px;
      }
      
        .sidebar-cont a:hover {
          opacity: .8;
        }
      .sidebar-cont a i {
        font-size: 3.0em;
        margin-bottom: 5px;
      }
  
  
  
  /*  Mehrspalter */    
    .row4 {
      width: 100%;
    }
   .row4 > div {
     
       float: left;
       
       width: 22%;
      
       margin-left: 4%;
       
     }
    .row4 > div:first-child {
      margin-left: 0;
    }




    .row3 {
      width: 100%;
    }
    .row3 > div {
    
      float: left;
      /*width: 24.0625%;*/
      width: 29.33333%;
      margin-left: 6%;
      /*margin-left: 1.25%;*/
      
    }
    .row3> div:first-child {
      margin-left: 0;
    }
    


    
    
    .rowfree2 > div {
      float: left;
      position: relative;
    }
      .rowfree2 > div:first-child {
        margin-right: 4%;
      }
      
      .rowfree2 img.bot {
        position: absolute;
        bottom: 0;
      }
   
   /* ######## Tab-Element ###### */
   
   .close-g-tab .icon-remove-sign {
   display: none;
   }
   
  .close-g-tab {
   	cursor: pointer !important;
  
  padding: 5px 15px 5px 15px;
  position: relative;

  float: right;
  font-weight: 600;
   }
   
   .close-g-tab:before {
    float: left;
     font-family: FontAwesome;
     content: "\F057";
     color: #fff;
     position: relative;
   left:  -5px;
   top:  3px;
     /*  transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg); */
   
   } 
   
   .close-g-tab:hover {
    	cursor: pointer !important;
		background-color: rgb(129, 16, 20);
	}
    
    /*.close-g-tab:after {
     	content: "  |  wird noch gestyled";
     } */
    
   
   
   #col-cont .close-g-tab {
   	display: none;
   }
   
   .g-tab button {
       
       border: none; 
       
       padding: 6px 12px 6px 0px;
       margin-right: 1px;
   
       color: #fff;
       background: #003058;
       
       
    
 
       -webkit-transition: background .2s ease;
           -moz-transition: background .2s ease;
               -ms-transition: background .2s ease;
               -o-transition: background .2s ease;
           transition: background .2s ease;
       
     }
     
        .g-tab button:before {

-o-transform: rotate(180deg);
     }

.g-tab button.ac:before {
 float: left;
  font-family: FontAwesome;
  content: "\F052";
  color: #9a1319;
  position: relative;
  top:  18px;
  left: 10px;
    transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);

} 

.g-tab button::before {
 float: left;
  font-family: FontAwesome;
  content: "\F052";
  color: transparent;
  position: relative;
  top:  18px;
  left: 10px;
    transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);

} 

.g-tab button:hover:before {

  color: #9a1319;

  top:  18px;
  left: 10px;


} 



       .g-tab button:hover {
         background-color: #9a1319;
  padding-top: 4px;

       }
       
         .g-tab button.ac{
         background-color: #9a1319;
padding: 6px 12px 6px 0px;
 
       }
       
     .g-tab .bthr{
       margin: 0 0 -1px 0 ;
      
       padding-left: -10 !important;
       overflow: visible;
       border-top: none !important;
     }
     .tabcenter .g-tab .bthr {
       text-align: center;
     }
   .g-tab > div {

       
   border-bottom: 1px solid #e7e7e7;
    

   border-top: 1px solid #e7e7e7;
    
    
   

}
   
   
   
   .g-tab .dotab {
     padding: 25px 15px 15px 15px;
     
 
   
     border-right: 1px solid #e7e7e7;
     border-left: 1px solid #e7e7e7;
     border-top: 1px solid #e7e7e7;
     display: none;
}

  .noborder .g-tab .dotab {
  padding: 25px 0px 15px 0px;
     border-right: 0px;
     border-left: 0px;
     border-top: 0px;

}


   

/* ######## Tab-Element Footer ###### */


 #footer .g-tab > div {
  
       border-top: 0px solid #e7e7e7 !important;      

   }

  #footer .g-tab button {
             color: #fff;
     
              font-size: 1.1em;
       background: #000;
   
       
     
             font-weight: 600;
}
     
      #footer .g-tab button::before, #footer .g-tab button:hover:before  {
             color: transparent;
     
     }
     

   
 #footer .g-tab button:hover {
 color: #000;
         background-color: #e8b52a;


       }
       
 #footer    .g-tab button.ac{
 color: #000;
         background-color: #e8b52a;


       }
       


#footer .g-tab > div {

       
   border-bottom: none;
    border-top: none;
    
    
   }
   
 #footer .g-tab .dotab {
     padding: 45px 0px 0px 0px;
     border-left: 0px;
     border-right: 0px;
 background: none;
   }
   
   
   
   
  /* im header tab */
  
  #tabnav .floright {
  
  }
  #tabnav i {
  	font-size: 1.1em;
  	padding-right: 5px;
  }
  
    #tabnav .g-tab {
    	width: 960px;
    	margin: 0 auto;
    	display: block;
    	
    }
    
    #tabnav .g-tab .bthr {
    margin: 0 0 0 0;}
    
    
  #tabnav   .g-tab button {
         
         border: none; 
         
         padding: 6px 12px 6px 5px;
     
         color: #fff;
         background: #9a1319;
         
         
      
   
         -webkit-transition: background .0s ease;
             -moz-transition: background .0s ease;
                 -ms-transition: background .0s ease;
                 -o-transition: background .0s ease;
             
         transition: background .0s ease;
         
       
         font-size: 0.9em;
  
         font-weight: 600;
         float: right;
         position: relative;
         z-index: 7000;
}
       
          .g-tab button:before {
  
  -o-transform: rotate(180deg);
       }
  
 #tabnav .g-tab button.ac:before {
   float: left;
    font-family: FontAwesome;
    content: "\F052";
    color: #047753;
    position: relative;
    top:  18px;
    left: 10px;
      transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  

  } 
  
 #tabnav .g-tab button::before {
   float: left;
    font-family: FontAwesome;
    content: "\F052";
    color: transparent;
    position: relative;
    top:  18px;
    left: 10px;
      transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  
    
  
  } 
  
#tabnav  .g-tab button:hover:before {
  
    color: transparent;
  
    top:  18px;
    left: 10px;
  
  
  } 
  
  
  
        #tabnav .g-tab button:hover {
           background-color: #811015;
    
  
         }
         
          #tabnav .g-tab button.ac{
           background-color: #811015;
  padding: 6px 12px 6px 0px;
   
         
  }
         
     #tabnav  .g-tab .bthr{
        
         padding-left: -10 !important;
         overflow: visible;
         border-top: none !important;
         border-bottom: none;
       }
       
       
      #tabnav .g-tab button.ac:before {
       
         color: #811015;
       
       } 
       
       #tabnav .g-tab .dotab {
       padding: 15px 15px 0px 15px;
       border-right: none;
       border-left: none;
       border-top: none;
       color: #fff;
       font-size: 0.9em;
   
       position: absolute;
	   z-index: 5000;
       width: 300px;
       left: 50%;
       top: 31px;
       margin-left: 150px;
	     background: #9a1319;
	   background-color: rgba(129, 16, 20, 0.9);
	
	   
   
}
       
       #tabnav .g-tab .dotab h1, #tabnav .g-tab .dotab h2, #tabnav .g-tab .dotab h3, #tabnav .g-tab .dotab h4, #tabnav .g-tab .dotab h5 {
       	color: #fff;
       }
       
       #tabnav .g-tab > div {
       	border-bottom: none;
       }
       
       .tabcenter .g-tab .bthr {
         text-align: center;
       }
     .g-tab > div {
  
         display: none;
     
      
      
      
     
  
  }
  .g-tab > div.bthr {
  		display: block;
  } 

      
    
   /* Akkordion */
   
   .ka-panel .csc-header > h1, .ka-panel .csc-header > h1,
   ka-panel .csc-header > h2,  .ka-panel .csc-header > h2,
    ka-panel .csc-header > h3,  .ka-panel .csc-header > h3,  ka-panel .csc-header > h4, 
   .ka-panel .csc-header > h4,  ka-panel .csc-header > h5, . ka-panel .csc-header > h5 {
     padding-bottom: 5px;

  cursor: pointer !important;
  color: #003058;
  font-weight: 400;  
 font-size: 1.3em;
 	
   }

 
.ka-panel > .csc-header > h1 {
position: relative;
left:  0.4em;	
	  
}

.ka-content{
position: relative;
left:  1.2em;	
	  
}
      
   
   .ka-panel > .csc-header > h1:before, .ka-panel > .csc-header > h2:before , .ka-panel > .csc-header > h3:before, .ka-panel  > .csc-header h4:before, .ka-panel > .csc-header > h5:before {
      
   
font-family: FontAwesome;
           content: "\F105" ; 
           
           font-size: 1em;
           display: inline-block;
           
           transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);

display: inline-block;


transition: all 0.5s ease-in-out !important;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
position: relative;
left:  -0.4em;

   }
   

   

      
      
      
         
       /*  .close > .csc-header > h1:hover:before, .close > .csc-header > h2:hover:before, .close > .csc-header > h3:hover:before, .close > .csc-header > h4:hover:before, .close > .csc-header > h5:hover:before {
         	
         	display: inline-block;
         	transform: rotate(90deg);
         	-webkit-transform: rotate(90deg);
         	-moz-transform: rotate(90deg);
         	-ms-transform: rotate(90deg);
         	-o-transform: rotate(90deg);
         } */
 
        
   
   .close > .csc-header > h1::before, .close > .csc-header > h2::before , .close > .csc-header > h3::before, .close  > .csc-header h4::before, .close > .csc-header > h5::before {
font-family: FontAwesome;
           content: "\F105" ; 
           
           font-size: 1em;
           display: inline-block;
           
           transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);

display: inline-block;
position: relative;
left: -0.4em;

   
}
  
      
.ka-panel .csc-header > h5 {
      font-weight: 400;
     color: #003058;
   }
   
  .ka-content {
  	position: relative;
  	z-index: 20;
  
  }
  
   
   
   .spalten-2 .left {
     float: left;
     margin-right: 4%;
   }
   .spalten-2 .right {
     float: right;
   
}
   
   .teaser-cont-gruen {
     	background: #003058; 
     	color: #fff;
     
     	
     }
     
     .teaser-cont-gruen.nurtext {
     	padding: 10px;
     	height: 90px;
     
     	
     }
     .teaser-cont-gruen h1, .teaser-cont-gruen h2, .teaser-cont-gruen h3 {
     	color: #fff;
     	margin-bottom: 3px;
     }
      .teaser-cont-gruen a {
      	color: #fff;
      }
      
      		.teaser-cont-gruen  .csc-textpic-above .csc-textpic-text {
      			padding: 10px;
      			height: 120px;
      		}
      		
      		.teaser-cont-gruen .csc-textpic-intext-right-nowrap .csc-textpic-text {
      			padding: 10px;
      			height: 140px;
      		}
     
   .teaser-cont-gruen .csc-header {
   		padding: 10px;
   		font-size: .9em;
   }
   .fa1-left, .fa2-left, .fa3-left {
   		position: relative;   		

   }
   
      .fa1-left i, .fa2-left i, .fa3-left i {
	
color: #003058;
   }
   
   .fa1-left i {
   		position: absolute;
   		left: 0;
   		font-size: 25px;
   } 
   .fa1-left .fa-inner {
   	padding-left: 35px;
   }
   
   
   
   .fa2-left i {
   		position: absolute;
   		left: 0;
   		font-size: 40px;
   } 
   .fa2-left .fa-inner {
   	padding-left: 55px;
   }
   
   
   .fa3-left i {
   		position: absolute;
   		left: 0;
   		font-size: 80px;
   } 
   .fa3-left .fa-inner {
   	padding-left: 100px;
   }
   
   
   
   
   
 
   .fa1-top, .fa2-top, .fa3-top {
   		text-align: center;
   		color: #777777
   		
   }
   
    .fa1-top:hover, .fa1-top a:hover,.fa1-top:hover, .fa2-top a:hover, .fa2-top:hover, .fa2-top a:hover, .fa3-top:hover, .fa3-top a:hover  {
   
      		color: #003058 !important;
   } 
   
   .fa1-top i {
   			display: block;
   			text-align: center;
      		font-size: 22px;
   } 
   
   .fa2-top i {
   display: block;
   text-align: center;
      		font-size: 40px;
   } 
   
   .fa3-top i {
   
      font-size: 55px;
      position: relative;
      top: -5px;
   } 
   
  
    
    
 /*---- horizontalnavi subslider --*/  

  
  #subslider .csc-menu-def {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
  	background-color: #F5F5F5;
  	text-align:center;
  	-webkit-transition: background .5s ease; 
  	-moz-transition: background .5s ease;
  	-ms-transition: background .5s ease;
  	-o-transition: background .5s ease;
  	transition: background .5s ease;
  
  	border-top: 1px solid #fff;
  	position: relative;

}
  
  #subslider .csc-menu-def li {
 
  	display:inline;
  }
  #subslider .csc-menu-def li a {
display: inline-block;
padding: 8px 30px 8px 30px;
color: #777777;
display: inline-block;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
margin-left: -1px;
-webkit-transition: background .5s ease;
-moz-transition: background .5s ease;
-ms-transition: background .5s ease;
-o-transition: background .5s ease;
transition: background .5s ease;
background-color: #F5F5F5;

}


   
   
   
#subslider .csc-menu-def li.current a, #subslider .csc-menu-def li.current a, #subslider .csc-menu-def li.current a, .csc-menu-def li.current a{
 
   	   background-color: #003058;
   	   color: #fff;
    }
   
#subslider .csc-menu-def li a:hover{
 
   	   background-color: #e8e8e8;
    }
   
  
  
  #subslider .csc-menu-def:before,
     #subslider .csc-menu-def:after {
       content: " "; 
       display: table; 
     }
     
     #subslider .csc-menu-def:after {
       clear: both;
     }
     
     /*---- horizontalnavi col-cont --*/  
     .csc-menu li {
   
     background: none !important;
 
     }
 
   #col-cont .csc-menu-def {
   	
   
   	-webkit-transition: background .5s ease; 
   	-moz-transition: background .5s ease;
   	-ms-transition: background .5s ease;
   	-o-transition: background .5s ease;
   	transition: background .5s ease;
   

 }
   
   #col-cont .csc-menu-def li {
  padding: 0 1px 0 0;
   	display:inline-block;
   	
   }
   #col-cont .csc-menu-def li a {
  position: relative;
 padding: 8px 12px 8px 12px;

 color: #fff;

 
 -webkit-transition: background .5s ease;
 -moz-transition: background .5s ease;
 -ms-transition: background .5s ease;
 -o-transition: background .5s ease;
 transition: background .5s ease;

   	background-color: #003058;
 }
 
 
    
    
 #col-cont .csc-menu-def li.current a, #col-cont .csc-menu-def li.current a, #col-cont .csc-menu-def li.current a, .csc-menu-def li.current a{
  
    	   background-color: #047753;
    	   color: #fff;
    	   position: relative;
    
     }
    
 #col-cont .csc-menu-def li a:hover{
    padding-top: 4px;

    	   background-color: #047753;
     }
    
   
#col-cont .csc-menu-def li.current a:before {
 float: left;
  font-family: FontAwesome;
  content: "\F052";
  color: #047753;
  position: absolute;
  top:  24px;
  left: 20px;
    transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);

} 

#col-cont .csc-menu-def li a::before {
 float: left;
  font-family: FontAwesome;
  content: "\F052";
  color: transparent;
  position: absolute;
  top:  24px;
  left: 20px;
    transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);

} 

#col-cont .csc-menu-def li a:hover:before {
 float: left;
  font-family: FontAwesome;
  content: "\F052";

 
  color: #047753;
  position: absolute;
  top:  20px;
  left: 20px;


} 


   
     
/* - OnePager -----------------------------------------------

   ---------------------------------------------------------*/ 
   
   .op-pics-too {
  
   position: relative;
  
   bottom: 0;
z-index: -1;
   }

   
       
   .op-u {
   	position: relative;
   	z-index: 200;
   }
   .op-pics {
   width: 400px;
   height: auto;
   position: relative;
   left: 10px;
   top: 10px;
   }
   
   	.op-ttcontent-l {
   	width: 800px;
   	position: relative;
   	left: -10px;
   	z-index: 500;
   
   	}
   	
   	.op-ttcontent-r {
   	width: 800px;
   	position: relative;
   	left: -80px;
   	}
   	
   	#op {
   		position: relative;
   		/*background: #fff url('../img/op/buchner-people.jpg') no-repeat 410px -0px;*/
   		margin-bottom: -210px;
   	top: -180px;
   		overflow: visible;
   		position: relative;
   		z-index:  140;
}
   	.op-fuenf {
float: left;
margin-right: 5px;
margin-bottom: px;
position: relative;
left: -8px;
width: 80px;
height: auto;
margin-top: 3px;
   
   	
}

   	.op-fuenf-head {
   		float: left;
   		margin-right: 10px;
   	
   		width: 40px;
   		height: auto;
   	
   		margin-top: 5px;
}

   	
   	#op h1 { line-height: 1.25em;
	   }
   	#op h1, #sec02 h1, #sec03 h1, #sec04 h1, #sec05 h1 /*span*/ { font-weight: normal; color: #444444; line-height: 1em; padding-top: 10px;}
  	#op h2, #sec02 h2, #sec03 h2, #sec04 h2, #sec05 h2 { font-size: 1.5em; font-weight: 700; line-height: 1em;}
  	
		  
  	.op-intro { width: 450px; top: -0px; position: relative;}
  	.op-part { position: relative;  z-index:100 }
  	.op-part.op-r {
  		  padding-left: 7px;
  	
  		  min-height: 270px;
  		  position: relative;
  		  z-index: 200;
}
  	.op-part.op-l {
  		  padding-left: 196px;
  	
  		  min-height: 270px;
}
  	
  	.arr01 {
  		margin-top: 0px;
  		position: relative;
  	
  		left: -8px;
  		top: 10px;
  		margin-bottom: 10px;
}
  			#icos {
  				position: absolute;
  				top: 120px;
  				left: 143px;
  			}
  				#icos a {
  					background:  url('../img/op/icos.png') no-repeat left top;
  					width: 50px;
  					height: 50px;
  					display: block;
  					float: left;
  					margin-right: 6px;
  					
  					
  				}
  					#icos a#i01 { background-position: 0px 0px; }
  					#icos a#i02 { background-position: -55px 0px; }
  					#icos a#i03 { background-position: -110px 0px; }
  					#icos a#i04 { background-position: -165px 0px; }
  					#icos a#i05 { background-position: -220px 0px; }
  					#icos a#i01:hover, #icos a#i02:hover, #icos a#i03:hover, #icos a#i04:hover, #icos a#i05:hover {
  						background-position-y: -60px;
  					}
  	
  	
  	.op-r {
  		background: #fff url('../img/op/bg-greens.png') repeat-y 845px top;
  	}
  	.op-l {
  		background: #fff url('../img/op/bg-greens.png') repeat-y 12px top;
  	}
  	/* #op .op-part h1,  #sec02 h1, #sec03 h1, #sec04 h1, #sec05 h1 { color: #003058; margin-bottom: 0; padding-top: 0; 
	   font-weight: 700;}
  	 #op .op-part h2, #sec02 h2, #sec03 h2, #sec04 h2, #sec05 h2 { color: #444444; font-size: 1.5em; margin-top: 0;	 padding-top: 0; font-weight: normal;
	   } */
	 #op .op-part h3 { color: #003058; font-size: 1.5em; margin-top: 0;	padding-top: 5px; font-weight: 700;
	   margin-left: 85px;}
  	 .op-txt {
  	 	margin-top: 10px;
  	 clear: both;
  	 	width: 680px;
  	 
  	 	margin-left: 85px;
}
  	 
  	 		#op .g-tab {
  	   	 			/*width: 780px;
  	   	 			margin-left: 85px;*/
  	   	 		
  	   	 			margin-top: 20px;
  	   	 		border: none !important;
  	   	 			  	 }
  	 
  	 #op .g-tab > div {
  	  /*  padding-left: 20px; */
  	   
  	 border-bottom: none;
  	  border-top: none;
  	  
  	  
  	 }
  	 
  	 #op .dotab {
  	   	 border-bottom: 1px solid #e7e7e7 !important;
  	   	 	 border-top: 1px solid #e7e7e7 !important;  	   	 			
  	   	 		
  	   	 			/*width: 710px;*/
  	 }
  	 
  	 
  	   	 .op-r .topimg { margin-left: -38px;  margin-bottom: 20px;	   }
  	   	 .op-l .topimg { margin-left: -226px; margin-bottom: 0px; }
  	   
     .arr-down {
     	position: absolute;
     	     	
}
     	.op-r .arr-down { left: 860px;   top: 328px;  	}
     		.op-r.p01 .arr-down {   top: 145px; 	   left: 860px;}
     	.op-l .arr-down { left: 28px;    top: 345px;	}
    
    
    .op-r .ico-big  { position: absolute; left: 806px;  top: 142px;  z-index: 20; }
    	 .p01 > .ico-big  {  top: -40px;  }
    .op-l .ico-big  { position: absolute; left: -27px;    top: 159px;  }
    
    
    .op-l .op-fuenf, .op-l h1, .op-l h2, .op-l h3, .op-l .op-txt, .op-l .g-tab {
    position: relative;
   /* left: -70px;*/
    }
    
    .fivehead {
    	    	top: 230px;
    	
    	    	left: 140px;
    	font-size: 1.3em;
    	position: absolute;
    	
    	    	display: inline-block;
    
    	    	width: 400px;
}
   .fivehead h1, .fivehead h2 {
 
   	display: inline-block;
   }
      
/* - Formulare -----------------------------------------------
 
   ---------------------------------------------------------*/   
   
   
   input, textarea {
     width: 94%;
     padding: 10px;
     margin-top: 5px;
     border: none; 
     background: #f5f5f5;
    
     color:  #00579a;
     margin: 0 0 8px 0;
   }
   label {
   	display: block;
   }
   select {
   	display: block;
  	padding: 13px;
  	background: #f5f5f5;
  	margin-top: 5px;
  	width: 160px;
   }
   
   textarea {
     height: 80px;
   }
   
   input[type=submit] {
   	margin-top: 10px;
   }
   input[type=checkbox] {
     width: auto;
   }
   

   .inputrow {
   	position: relative;
   }
   label.error {
   	position: absolute;
   	right: 0;
   	background: #000;  
   	background: rgba(0,0,0);
   	padding: 10px;
   	top: 73px;
   	color: #fff;
   	z-index: 99;
   	display: inline-block;
   }
   		label.error:after,label.error:before {
   			bottom: 100%;
   			border: solid transparent;
   			content: " ";
   			height: 0;
   			width: 0;
   			position: absolute;
   			pointer-events: none;
   		}
   		
   		label.error:after {
   			border-color: rgba(0, 0, 0, 0);
   			border-bottom-color: #000;
   			border-width: 10px;
   			left: 50%;
   			margin-left: -10px;
   		}
   		label.error:before {
   			border-color: rgba(143, 143, 143, 0);
   			border-bottom-color: #8f8f8f;
   			border-width: 11px;
   			left: 50%;
   			margin-left: -11px;
   		}
   		
   .inputrow.formCB label.error {
   	left: 0;
   	right: inherit;
   	top: 30px;
   	left: 270px;
   }
   		
   
   
   
   :-webkit-input-placeholder { 
       color:  #00579a;
   }
   :-moz-placeholder { 
       color:   #00579a;
   }
   :-moz-placeholder { 
       color:    #00579a;
   }
   :-ms-input-placeholder { 
       color:   #00579a;
   }
  
   
   #subnav ul li.active a:after {
     display: none;
   }
   
   
   
   a.linkbluebox {
    background: #00579a;
     color: #fff;
     display: inline-block;
     margin: 20px 20px 20px 0 ;
     padding: 10px 20px;
    font-size: 1.7em;
    text-transform: uppercase;
    font-weight: 300;
   }
   
/* - SPRITES + LINKKLASSEN + ICONS -----------------------------------------------
 
   ---------------------------------------------------------*/
   #tabnav ul.ico-menue, .respmenuebutton { display: none; }
   
  .ico-email,.ico_email,  .ico-phone, .ico-phone, .ico_termin, .ico_website, .ico_kontakt, .ico-asp, .ico-adresse, .ico-dokument, .ico-frage, .ico-bilder, .ico-support, .ico_download   {
      display: inline-block;
      padding-left: 25px;
      
     
   }
   
   .ico-pfeil   {
       display: inline-block;
       padding-left: 15px;
       position: relative;
        
       left: 10px;
    
}
   
.ico-email:before,.ico_email:before, .ico-pfeil:before, .ico-phone:before, .ico_termin:before, .ico_website:before, .ico_kontakt:before, .ico-asp:before, .ico-adresse:before, .ico-dokument:before, .ico-frage:before, .ico-bilder:before, .ico-support:before, .ico_download:before {
  font-size: 1.3em;
    
   
    font-family: FontAwesome;
    position: absolute;
    
  margin-left: -25px;
  }
  
  .ico-pfeil:before {
    font-size: 0.8em;
      
     ;
      
      position: relative;
        top:  -0.1em;
    margin-left: -15px;
     left: -10px;
    
    }
      
    
#footer .ico-email:before,#footer .ico_email:before,#footer  .ico-pfeil:before,#footer  .ico-phone:before,#footer  .ico_termin:before,#footer  .ico_website:before,#footer  .ico_kontakt:before,#footer  .ico-asp:before,#footer  .ico-adresse:before,#footer  .ico-dokument:before,#footer  .ico-frage:before,#footer  .ico-bilder:before,#footer  .ico-support:before,#footer  .ico_download:before {
  font-size: 1em;
    font-family: FontAwesome;
    
    
 
    
  position: relative;
  top: 0.05em;
}
    
  

  
 .ico-email:before,.ico_email:before { content: "\f003 "; }
 .ico-pfeil:before { content: "\F054 "; }
 .ico-phone:before { content: "\f095 "; }
 .ico_termin:before,.ico_termin-gruen:before { content: "\f073 "; }
 .ico_website:before, .ico_website-gruen:before { content: "\f108 "; }
 .ico_kontakt:before, .ico_kontakt-gruen:before { content: "\f095 "; }
 .ico-asp:before, .ico-asp-gruen:before { content: "\f007 "; }
 .ico-adresse:before, .ico-adresse-gruen:before { content: "\f018 "; }
 .ico-dokument:before, .ico-dokument-gruen:before { content: "\f016 "; }
 .ico-frage:before, .ico-frage-gruen:before { content: " \f059 "; }
 .ico-bilder:before, .ico-bilder-gruen:before { content: " \f00a "; }
 .ico-support:before, .ico-support-gruen:before  { content: "\f0f9 "; }
 .ico_download:before { content: "\f019 "; }
 
 
   .ico-uhr-gruen, .ico-buch-gruen, .ico-download-gruen, .ico-shoplink-gruen, .ico_termin-gruen, .ico_website-gruen, .ico_kontakt-gruen, .ico-asp-gruen, .ico-adresse-gruen, .ico-dokument-gruen, .ico-frage-gruen, .ico-bilder-gruen, .ico-support-gruen  {
 
font-weight: 600;
   background-color: #003058; 
      
padding: 4px 10px 4px 10px;  
        margin-bottom: 2px;
        display: inline-block;
        color: #fff !important;
        
        display: block;            
          max-width:  300px; 
          
        -webkit-transition: background .5s ease; 
        -moz-transition: background .5s ease;
        -ms-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease;
   
font-size: 0.9em;
}

.ico-asp-gruen {
	margin-left: 0.2em;
}
       
#footer .ico-uhr-gruen,#footer .ico-buch-gruen,#footer .ico-download-gruen,#footer .ico-shoplink-gruen,#footer .ico_termin-gruen,#footer .ico_website-gruen,#footer .ico_kontakt-gruen,#footer .ico-asp-gruen,#footer .ico-adresse-gruen,#footer .ico-dokument-gruen,#footer .ico-frage-gruen,#footer .ico-bilder-gruen,#footer .ico-support-gruen  {
   background-color: transparent;
        color: #fff !important;
        font-weight: 600;
font-size: 1em;
 padding: 0px;  
   }
       
 
   
   .ico-shoplink-gruen {
     width: auto;
   }
  


   
 .ico-uhr-gruen:before, .ico-buch-gruen:before, .ico-download-gruen:before, .ico-shoplink-gruen:before, .ico_termin-gruen:before, .ico_website-gruen:before, .ico_kontakt-gruen:before, .ico-asp-gruen:before, .ico-adresse-gruen:before, .ico-dokument-gruen:before, .ico-frage-gruen:before, .ico-bilder-gruen:before, .ico-support-gruen:before {
    font-size: 1.2em; 
    font-family: FontAwesome;
    padding-right: 6px;
    font-weight: 400;
  }
  .ico-uhr-gruen:before { content: "\f017";}
  .ico-buch-gruen:before { content: "\f02d"; }
  .ico-download-gruen:before { content: "\f019"; }
  .ico-shoplink-gruen:before { content: "\f07a"; }
   

 .ico-uhr-gruen:after, .ico-buch-gruen:after, .ico-download-gruen:after, .ico-shoplink-gruen:after, .ico_termin-gruen:after, .ico_website-gruen:after, .ico_kontakt-gruen:after, .ico-asp-gruen:after, .ico-adresse-gruen:after, .ico-dokument-gruen:after, .ico-frage-gruen:after, .ico-bilder-gruen:after, .ico-support-gruen:after  {
    font-size: 1.2em;
    font-family: FontAwesome;
    content: "\f105";
    float: right;
  color: #a4ddc1;
    
  }
  
 #footer  .ico-uhr-gruen:after,#footer .ico-buch-gruen:after,#footer .ico-download-gruen:after,#footer .ico-shoplink-gruen:after,#footer .ico_termin-gruen:after,#footer .ico_website-gruen:after,#footer .ico_kontakt-gruen:after,#footer .ico-asp-gruen:after,#footer .ico-adresse-gruen:after,#footer .ico-dokument-gruen:after,#footer .ico-frage-gruen:after,#footer .ico-bilder-gruen:after,#footer .ico-support-gruen:after  {
  color: #fff ;
  }  

 #footer  .ico-uhr-gruen:hover:after,#footer .ico-buch-gruen:hover:after,#footer .ico-download-gruen:hover:after,#footer .ico-shoplink-gruen:hover:after,#footer .ico_termin-gruen:hover:after,#footer .ico_website-gruen:hover:after,#footer .ico_kontakt-gruen:hover:after,#footer .ico-asp-gruen:hover:after,#footer .ico-adresse-gruen:hover:after,#footer .ico-dokument-gruen:hover:after,#footer .ico-frage-gruen:hover:after,#footer .ico-bilder-gruen:hover:after,#footer .ico-support-gruen:hover:after  {
  color: #E7B21F ;
  }

 a:hover.ico-uhr-gruen , a:hover.ico-buch-gruen,  a:hover.ico-download-gruen , a:hover.ico-shoplink-gruen, a:hover.ico_termin-gruen, a:hover.ico_website-gruen, a:hover.ico_kontakt-gruen, a:hover.ico-asp-gruen, a:hover.ico-adresse-gruen, a:hover.ico-dokument-gruen, a:hover.ico-frage-gruen, a:hover.ico-bilder-gruen, a:hover.ico-support-gruen     {
  
      background-color: #047753 !important;
  
    padding-right: 6px;

  
  }
  
#footer a:hover.ico-uhr-gruen ,#footer  a:hover.ico-buch-gruen,#footer   a:hover.ico-download-gruen ,#footer  a:hover.ico-shoplink-gruen,#footer  a:hover.ico_termin-gruen,#footer  a:hover.ico_website-gruen,#footer  a:hover.ico_kontakt-gruen,#footer  a:hover.ico-asp-gruen,#footer  a:hover.ico-adresse-gruen,#footer  a:hover.ico-dokument-gruen,#footer  a:hover.ico-frage-gruen,#footer  a:hover.ico-bilder-gruen,#footer  a:hover.ico-support-gruen     {
  
      background-color: transparent !important;
  color: #E7B21F !important
 
  }

 #subslider {font-weight: 400;  
    font-size: .85em;
    line-height: 1.6em; }

   #subslider  h1 h2 { font-size: 1.8em; line-height: 1.3em;   color: #003058; font-weight: 700;  }
 /*   #subslider  h2 { font-size: 1.3em; line-height: 1.2em; color: #666666; font-weight: 700;} */
   #subslider  h3 { font-size: 1.3em; line-height: 1.5em; font-weight: 600; color: #666666;  }
   #subslider  h4 { font-size: 1.1em; font-weight: 600;  }
   #subslider  h5 { font-size: 1.0em; font-weight: 600;  }
  

    
#c3842 {
    width: 100%;
    height: 300px !important;
}

   
   #nav .navresp {
     display: none;
   }
   
   ul {
     margin: 0 0 0 2px;
     padding: 0;
     list-style-type: none;
   }
   
   #col-cont h4,#col-cont h3, #col-cont h2,#col-cont h1 {
     margin-bottom: .5em;
     max-width: 500px
   }
#col-cont h3 {
 color: #003058; }

#col-cont ul li, .slidercont ul li  {
     background: transparent;
     padding: 0 0 0px 16px;
     margin-bottom: 0.2em;
   }
   
.csc-bulletlist .csc-bulletlist-1 ul li{
     background: transparent no-repeat left 8px;
     padding: 0 0 2px 16px;
   }
   
   #col-cont ul.csc-uploads li {
     padding: 1px 0 4px 32px;
     background: transparent no-repeat left -233px;
   }
   #col-cont ul.csc-uploads li a span{
     text-decoration: none;
   }
   

  
  
  
  
  #zenbox_tab {
    display: none !important;  
  }
  
  .align-right { text-align: right;  }
  .align-center { text-align: center;  }
  
  .rahmengrau {
    background: #f5f5f5;
    padding: 20px 20px 10px 20px;
  }
  
  /* - tt_news -----------------------------------------------
   
     ---------------------------------------------------------*/ 
     .newslonglat {
     	display: none;
     }
     
     
     .newsprev:before {
     	font-family: FontAwesome;
     	content: "\f137";
     	font-size: 1.3em;
     }
     
     .newsnext:before {
     	font-family: FontAwesome;
     	content: "\f138";
     	font-size: 1.3em;
     	 
     }
     .news-item-outer {
     	height: 150px;
     }
     .news-item {
     	width: 240px;
     }
     .news-item img {
     	float: left;
     	margin-right: 10px;
     }
     .tt_news-teaser-header h2 {
     	font-size: 1.1em;
     	color: #000;
     }
     .news-item-text {
     	margin-left: 90px;
     }
     .news-item h3 {
     	font-size: 1em;
     }
     #news-2, #news-3, #news-4, #news-5, #news-6, #news-7 {
     	display: none;
     }
       
     .news-list-date, .news-single-date {
       /*float: left;*/
       color: #fff;
       background: #003058; 
       padding: 2px 40px;
     }
     .news_nodate .news-list-date, .news_nodate .news-single-date {
       display: none;

     }
       .news-date-img-left {
         float: left;  
       }
       .news-date-img-left img {
         margin: 3px 10px 10px 0px;
       }
     
     .news-single-date {
       float: right;
       margin: 2px 0 5px 20px;
       display: inline-block;
     }
     .news-float {
       margin: 2px 0 0 110px;
       display: table;
     }
       .news_nodate .news-float {
         margin: 2px 0px;
       }
     
     .news-float img {
       float: right;
       margin: 0 15px 15px 15px;
       padding-right: 15px;
     }
     
     .news-list-morelink {
       display: table-row;
     
     }
     .news-list-morelink:before {
       font-family: FontAwesome;
       content: "\f054 ";
       font-size: .85em;
       padding-right: 5px;
       color: #003058;
       
     }
     .news-list-item {
       padding-top: 21px;
       border-bottom: 1px solid #cdcdcd;
     }
     
     .news-list-item h2 {
       margin-top: -3px;
     }
     #col-cont .news-single-item h1 {
       margin-bottom: 1.1em;
     }
     .news-single-item h2 {
       font-size: 1em;
       font-weight: 600;
     }
     
     .news-single-img {
       float: right;
       margin: 0 0 20px 20px ;
     }
     
     .news-content {
       margin-top: 30px;
     }
     

/* - newsstatement ----------------------------------------------- */ 
 #statement-newslist, #statement-newslist a {
       border: none;    
     max-width:400px;
     }   
     
         /*  #statement-newslist .news-statement{
    border-top: 1px solid #bcbcbc;
          border-bottom: 1px solid #bcbcbc;
          padding-top: 10px;
          padding-bottom: 10px; 
         } */
     
     #statement-newslist a:hover {
     	color:#003058 !important;
     }
     
     #statement-newslist i:hover , #statement-newslist i:focus {
     	color:#003058 !important;
     }
     
     
       #statement-newslist i {
       font-size: 25px;
       position: relative;
       top: 20px; 
       color: #003058;
     }   
     
     
      #statement-newslist h2 {
       font-size: 1.3em;
       position: relative;
      left: 30px;
     }   
     
     
     #statement-newslist * p {
     	color: #777777 !important;
     	position: relative;
     	left: 30px;
     	font-weight: 700;
     }
     
    #statement-newslist span {
      
      position: relative;
      top: -30px;
      margin-bottom: 10px;
    }
    
    #statement-newslist span:hover {
     color:#FAB41D;
    }
    
    #statement-newslist span:hover:before {
     color:#FAB41D;
    }
     
      #statement-newslist span:before {
       font-family: FontAwesome;
       content: "\f054 ";
      
       padding-right: 5px;
       color: #003058;
      
     }
     
     
     #statement-newslist a{
       
       position: relative;
          
     }   
  
  #statement-newslist aut {
  color: #777777;
  position: relative;
  top: -10px;
  
  left: 30px;
  font-weight: 600;
  }

    
  
 /* ---------------------------------------------------------
   erweiterungen
   ---------------------------------------------------------*/ 
   
     .highdivider {
    width:100%;      
background: url('/fileadmin/img/base/shadow960.jpg') center no-repeat;
  background-size:100% auto;
  display: block;
  z-index: -1;
    margin-top: -20px;
    
     position: relative;
    }
  

   
.yellowbutton, .yellowbuttonfixed, .yellowbuttonfixed a, .yellowbutton a {
       
       color: #000 !important;
       font-weight: bold;
       padding: 6px 12px 6px 12px;
       margin-right: 5px;
       font-size: 1.1em;
       background: #e8b52a;
          -webkit-transition: background 0s ease;
           -moz-transition: background 0s ease;
               -ms-transition: background 0s ease;
               -o-transition: background 0s ease;
           transition: background 0s ease;
       
     }
     
     .yellowbuttonfixed {
            width: 100%;
       
     }
     
     
.yellowbutton a:after, .yellowbuttonfixed a:after {
float: right;
   font-family: FontAwesome;
    content: " \f105";
  }
  
  .yellowbutton a:hover, .yellowbuttonfixed a:hover, .yellowbutton:hover, .yellowbuttonfixed:hover {
 color: #fff !important;
         background-color: #000;

       }
       
       
  .yellowbutton a:hover:after, .yellowbuttonfixed a:hover:after {  

   color: #fff;
}

   


/* PROBLMEN MIT SCHATTEN UNTER BILDERN UND ABSTÄNDEN UNTEN IM HEAEDER */
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image  {
margin-bottom: 0px;
 
}

.csc-textpic-center-inner {
margin-bottom: 0px;
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {
       border: 0px solid #D7D7D7;
  overflow:visible !important;
-moz-box-shadow: 0 10px 10px -10px #000;
-webkit-box-shadow: 0 10px 10px -10px #000;
box-shadow: 0 10px 10px -10px #000;

margin-bottom: 8px;}

.csc-textpic-center-inner {
margin-bottom: 0px;
}

.spiegel {

    -webkit-box-reflect: below -0.7em -webkit-linear-gradient(top, rgba(0,0,0,0) 55%,rgba(255,255,255,0.5) 100%);
          }

 #main a[rel^='shadow']:hover img, #main a:hover img {
    opacity: .8;
  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=80);


   }


.logo {opacity: 1 !important;
 
   position: relative;z-index: 0;width: 240px;height: auto;z-index: 998;}


    position: relative;
    top: 5px;


.sidebar a.feedback img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}





.awesome {
    font-family: FontAwesome;
  }  
  
.awesome24 {
    font-family: FontAwesome;
  font-size: 24px;
  }  

.awesome48 {
    font-family: FontAwesome;
  font-size: 48px;
  }  
   
.awesome-green {
    font-family: FontAwesome;
  color: #003058;
  }  
  
.awesome24-green {
    font-family: FontAwesome;
  font-size: 24px;
    color: #003058;
  }  

.awesome48-green {
    font-family: FontAwesome;
  font-size: 48px;
    color: #003058;
  text-align: center;
  }  
   
.awesometest {
    font-family: FontAwesome;
  font-size: 48px;
  content: "\f107";
    color: #003058;

  }  
   
 /* end erweiterung */ 
 
 .rslides {
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding: 0;
   margin: 0;
   }
 
 .rslides li {
   -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 0;
   }
  
 
 .rslides li:first-child {
   position: relative;
   display: block;
   float: left;
   }
 
 .rslides img {
   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;
   }
  
  .csc-space-before-170 {
    margin-top: 0px;
}
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    background:transparent !important;
    }
  html { background-color:#fff; }
  /* Hide navigation */
  nav, #header, #tabnav, .slidercont, .sidebar, .sidebar-cont { display:none; }

 
 

  figure { 
    margin-bottom:1em; 
    overflow:hidden;
  }

  figure img { border:1px solid #000; }
}


  /* ----------------------  teaser in navigation  ----------------------   */
  #nav ul li img {
  position: relative;
  left: -8px;
  top: -5px;
  background: #00744D;
  margin-top: -29px !important;
  border-left: 4px solid #00744D;
  border-right: 3px solid #00744D;
  border-bottom: 7px solid #00744D;
  border-top: 4px solid #00744D;
  }
  
  #nav ul li img:hover {
  opacity: 1;
filter: alpha(opacity = 100); /* For IE */
  }
 
 /* - Mediaqueries -----------------------------------------------
   
     ---------------------------------------------------------*/ 
 
   
   
   @media screen and (max-width:10px) {
       
         
       
       .wrapper, #wrapper,  .teaserbutton, #submain-inner, .slidercont > div{
         width: 90%;
         margin:  0 5%;
       }
       #tabnav ul {
         width: 100%;
       }
       
        #footer {
          width: 90%;
          padding: 5%;
        }
       
       
       img, .teaser-cont-gruen .csc-textpic-intext-right-nowrap img { 
         width: inherit !important;
         height: inherit !important;
         max-width: 100% !important;
       }    
   
       #footer .row4 > div:first-child {
         float: none;
       }
       
       #footer .row4 > div {
         margin: 30px  3.225% 0 0 ;
         width: 30%;
       }
       
       #nav a {
       width: inherit;
       margin: 20px 0 0px 0px;
       padding-bottom: 41px;
 
       }
       #nav ul.sub li {
         width: 128px;
       }
       #nav ul li {
         margin-right: 5px;
       }
       #nav a span {
         display: none;
       }
         
         #nav ul.sub b {
           right: -19px;
         }
         #nav ul.sub2 {
           margin-left: 157px;
                    }
       .teaserbutton a {
         font-size: 1.05em;
       }
       
       .text-teaser-div {
         width: 100%;
         float: none;
       }
       
       .text-teaser {
         width: 39%;
         margin: 10px 2%;
         padding-left: 7%;
       }
        
       .aktuelles {
         margin-top: 20px;
       }
       
 
     
       
       #subnav ul li a {
         width: 80%;
       
       }
     
       
   }
   
 #c5410 {
    margin-bottom: -20px;
    margin-top: 60px;
}
  
  /* --- DIESE BEIDEN FOLGENDEN ZEILEN SPÄTER RAUS !!!!!!!!!!!! (wenn responsive aktiv wird, dann requuire.js für IE  */ 
   
   #nav ul li:hover ul.sub {
     display: block;
   }
   
   
   #nav ul li ul li:hover ul, .sub b, #nav i {
     /*display: block; */
     display: none !important;
   }
   
   
   
       
     }