/********** Benutzerdefiniertes CSS Haydn-Orchster **********/
/**********	Erstellt 20.09.2017 - U. Roemer 	   **********/

/*** Body ***/
#back-to-top .btn {
    border: 2px solid #999999;
    color: #999999;
}

/*** Header ***/
.t3-header {
    background: rgba(10,10,10,0.8);
	width: 100%;
	z-index: 99999;
}

.home .t3-header {
	position: absolute;
}

body header.t3-header.solid {
    width: 100% !important;
    z-index: 9999 !important;
    position: fixed !important;
    background: rgba(71,71,71,1) !important;
    border-bottom: 1px solid #ddd;
	padding-bottom: 0px !important;
}

.t3-header.solid .logo-image {
    margin-top: -10px !important;
    margin-bottom: -20px !important;
}


/*** Beim Scrollen Logo verkleinern ***/
@-webkit-keyframes skalieren {
    from {
		 -webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
    to {
		 -webkit-transform: scale3d(.6, .6, .6);
		transform: scale3d(.6, .6, .6);
	}
}

@keyframes skalieren {
    from {
		 -webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
    to {
		 -webkit-transform: scale3d(.6, .6, .6);
		transform: scale3d(.6, .6, .6);
	}
}

.t3-header.solid .logo-img {
    -webkit-animation-name: skalieren;
    -webkit-animation-duration: 1s;
    animation: skalieren;
    animation-duration: 1s;
    margin-top: -20px !important;
    -webkit-transform: scale3d(.6, .6, .6);
    transform: scale3d(.6, .6, .6)
}
/*** Logo Ende ***/

/*** Menue ***/
#t3-mainnav {
    float: left;
    margin-top: 20px;
    font-size: 20px;
}

/*Menuepunkt*/
.t3-megamenu ul.nav.navbar-nav li a,
.dropdown-toggle.separator,
body header.t3-header.solid .navbar-default .navbar-nav > li a  {
	color: #fff;
}

.t3-megamenu ul.nav.navbar-nav .mega-dropdown-menu .mega-dropdown-inner .intern,
.t3-megamenu ul.nav.navbar-nav .mega-dropdown-menu .mega-dropdown-inner  ul li:hover a:hover .intern  {
	color: #d90000 !important;
}

/*Menuepunkt-aktiv*/
.t3-megamenu ul.nav.navbar-nav li.active a,
.active.dropdown.mega .dropdown-toggle.separator,
body header.t3-header.solid .navbar-default .navbar-nav > li.active a {
    color: #999999;
}


.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #999999;
}

.dropdown-menu {
    border-bottom: 3px solid #999999;
}

.t3-megamenu ul.nav.navbar-nav .mega-dropdown-menu .mega-dropdown-inner ul li.active a,
.t3-megamenu ul.nav.navbar-nav .mega-dropdown-menu .mega-dropdown-inner ul li:hover a:hover,
.t3-megamenu ul.nav.navbar-nav .mega-dropdown-menu .mega-dropdown-inner ul li:hover a:focus,
.t3-megamenu ul.nav.navbar-nav .mega-dropdown-menu .mega-dropdown-inner ul li:hover a:focus {
    color: #999999;
}

/* Menue beim Scrollen */
body header.t3-header.solid .navbar-default .navbar-nav > li:hover a {
    color: #999999;
}
	
/*** Ende Menue ***/

/*** Aktuelles auf Startseite ***/

.home .user1_2 {
	background: #f3f2f2;
	background-image: none;
}

.home #form .t3-module {
	width: 262px;
	margin-top: -18%;
}

.home #form .module-title {
	background: #000;
}

.home .sprocket-headlines {
	border: none;
	background: none;
}

.home  #form a,
.home  #form a:focus,
.home  #form a:active {
    color: #7d7d7d;
    outline: none;
	text-decoration: none;
}

.home  #form a:hover {
	color: #999999;
}

/*** Ende Aktuelles Startseite ***/

/*** Haydn Orchester Startseite - Position user1 ***/
.home .img-shadow-s1 img, img.img-shadow-s1,
.home .img-shadow-s2 img, img.img-shadow-s2 {
    margin-bottom: 8px;
    box-shadow: 8px 8px 0 #999999;
}

/*** Startseite - Unser Orchester ***/
.home .sprocket-tabs.layout-top ul.sprocket-tabs-nav li.active .sprocket-tabs-inner .sprocket-tabs-text,
.sprocket-tabs.layout-top ul.sprocket-tabs-nav li:hover .sprocket-tabs-text {
    color: #999999;
}

.home .sprocket-tabs.layout-top ul.sprocket-tabs-nav li:hover,
.home .sprocket-tabs.layout-top ul.sprocket-tabs-nav li.active {
    border-bottom: 3px solid #999999;
}

.home .sprocket-tabs.layout-top ul.sprocket-tabs-nav li.active:after {
	background: url(../../images/tab_bottom_arrow.png);
}


/*** Startseite - Impressionen ***/
.home #portfolio #portfolio-filter .hover-wrapper {
    background: rgba(153, 153, 153, 0.85);
}


/******************** Ende Startseite ********************/

.probenplan .t3-wrapper {
	background: #f5f5f5;	
}





/******************** Fussbereich ********************/
.t3-copyright a {
	color: #999999;
}

/******************** Ende Fussbereich ********************/

div.jd-simple-contact-form input {
  width: 100%;
}