/*
Theme Name: knabenhans
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/





h1 {

  line-height:1.1em;
  margin-bottom:14px;
  margin-top: 25px;
  text-transform:none !important;
  margin-left:0px;
  font-size: 24px !important;
}

h2 {

  line-height:1.1em;
  margin-bottom:14px;
  margin-top: 20px;
  text-transform:none !important;
  margin-left:0px;
  font-size: 22px;
}

h3 {
  text-transform:none !important;
}
.av-subheading {
    font-size: 15px;
    line-height: 1.3em;
	color:#eb2520;
}

h4.toggler {
	padding-left: 25px !important;
	background: #eb2520 !important;
	color: #fff !important;

}
h5 {

  line-height:1.1em;
  margin-bottom:14px;
  margin-top: 20px;
  text-transform:none !important;
  margin-left:0px;
  font-size: 18px;
	font-weight: normal;
}


table {
    font-size: 15px;
    line-height: 1.3em;
	color:#eb2520;
	background-color:#9f9f9a !important;

}

tr {
    font-size: 15px;
    line-height: 1.3em;
	color:#99cc00;
	background-color:#9f9f9a !important;
	border-color:#9f9f9a !important;
}
td{
    font-size: 15px;
    line-height: 1.3em;
	color:#99cc00;
	background-color:#9f9f9a !important;
	border-color:#9f9f9a !important;
	vertical-align:middle !important;
	}

.main_color a:hover { 
	color:#000;	
}

.main_color a {
	color:#eb2520;
	text-decoration: underline;
}


li {
    font-size: 14px;

}



/*logo abstand oben*/

div .logo {
	margin-top:36px;

}




/* trennstriche im Hauptmenu ganz oben anfang */

.header_color span, .header_color applet a {
    border-color: #666 !important;
}

/* trennstriche im Hauptmenu ganz oben ende */



/* mouse over im Hauptmenu untermenu hintergrund */
#top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {

   background-color: rgba(235,37,32,0.8);
   border-color: #ffffff;
   color:#FFF;
}
/* mouse over im Hauptmenu untermenu hintergrund */

/* Damit Hauptmenupunkt rot when Untermenu selektiert ist */

.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #eb2520;
}

/* Damit Hauptmenupunkt rot when Untermenu selektiert ist  ende*/


/* #Damit Hauptmenu toplevel mouse over and active link andere Farben haben
================================================== */
.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: d01511;
}



.header_color .main_menu ul:first-child > li.current_page_item > a{
    color: #d01511;
}





/* # Submenu  im Hauptmenu
================================================== */

.content, .sidebar {
    padding-top: 20px;
    padding-bottom: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1;
}

.av-main-nav ul li {
    margin: 0px;
    padding: 0;
    width: 100%;

}

/* #Damit Submenu nicht so grossen Abstand hat -30px und uppercase ist
================================================== */
.av-main-nav ul {
    display: none;
    margin-left: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 208px;
    z-index: 10;
    padding: 0;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    margin-top: -10px;
	text-transform:uppercase;

}


/*Socket menu floating right*/

#socket .sub_menu_socket {
    float: right !important;
}
#socket .sub_menu_socket li {
  float: right !important;

}




/* #Keine Border bei slider links und rechts
================================================== */

.avia-shadow {
    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1);
}


/* Damit Trennstrich bündig mit grossem Image / Slider ist
================================================== */
.hr-custom {
	margin-left: 0px;

}



a.iconbox_icon.heading-color:hover

{
	color:#9F9F9A;
}



#text-9 {
    position: absolute;
    right: 400px;
    top: 0px;
    z-index: 2;
	padding-top: 20px;
}


/* Widget text and background */
#top #header #header_main .widget {
    line-height: 14px;
    color:#ffffff !important;
    background: #eb2520;
	padding: 10px;

	margin-top: 20px;
	margin-bottom: 20px;
}

/* Widget title */
#top #header #header_main .widget h3.widgettitle {
    color: #ff9900;
}


/* Widget link */
#top #header.header_color #header_main .widget a {
    color: #00aeff;
}

#top #header.header_color #header_main .widget a:hover {
    background: #000;
    color: #fff;
}

/* Phone Number top  */

.phone-info div{
	font-size: 18px !important;
	color: #eb2520 !important;
}

#header_main .avia-menu-text {
    font-size: 16px;
}

/* Media Tags
================================================== */




@media (max-width: 480px) {

	
h2 {
	font-size:14px;
}
/* Phone Number top  */

.phone-info div{
	font-size: 18px !important;
	color: #eb2520 !important;
}

div .logo {
	margin-top:0px;

}
	
h1 {
	font-size: 21px !important;
}


}



@media (max-width: 815px) {


.footer_color {
    background: #222222 !important;
}

body div .avia-button {
    font-size: 20px !important;

}

/* Phone Number top  */

.phone-info div{
	font-size: 18px !important;
	color: #eb2520 !important;
}

	
	h1 {
	font-size: 21px !important;
}

}


/* Damit Logo genug platz hat ipad hoch
================================================== */

@media only screen and (min-width:768px) and (max-width:959px) {

.responsive .logo img {

    max-width: 80% !important;
    display: block;
    max-height: 80px;
}


#footer p {
	font-size:11px !important;

}


div .logo {
	margin-top:20px;

}

}

/* Damit Logo genug platz hat iPad quer
================================================== */


@media only screen and (min-width:960px) and (max-width:1080px) {

.responsive .logo img {

    max-width: 65% !important;
    display: block;
    max-height: 80px;
}
div .logo {
	margin-top:35px;

}
	
	
.footer_color {
    background: #222222 !important;
}

}