body {
        background-color: __styleBgColor;
        color: __styleTextColor;
        line-height: __styleLineHeight;
        font-size: __styleBodyFontSize;
        font-family: __styleBodyFont;
        font-weight: __styleBodyFontWeight;
}


/* Logo */
a.logo strong {
        width: __styleLogoWidth;
        height: __styleLogoHeight;
}

/* ?styleLogoImage */
a.logo strong {
        background: url({__baseUrl}__styleLogoImage) no-repeat;
        text-indent: -999em;
}
/* /styleLogoImage */


a {
        color: __styleLinkColor;
}

a:hover, a:focus, a:active {
        color: __styleLinkHoverColor;
}

/* common style */
/* Neu h1 Schriftgroesse */
h1 {
font-family:Helvetica ,Arial,sans-serif;
font-size: 18px;
font-weight: bold;
color: #666;
}

h2 {
font-family: Arial, Helvetica,sans-serif;
font-size: 16px;;
font-weight: normal;
color: #333;
}

h3 {
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
color: #135cae;
}

h4 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

/* JOOMLA STYLE
--------------------------------------- */
h2.item-title,
.item-title h2,
.item-page .page-header h2 {
        font-family: __styleHeadingFont;
}


.items-row .item {
        font-size: __styleBodyFontSize;
}

/* Header */
#header {
        background-color: __styleHeaderBgColor;
        border-color: __styleHeaderBorderColor;
        color: __styleHeaderTextColor;
}

#header a {
        color: __styleHeaderLinkColor;
}

#header a:hover, #header a:focus, #header a:active {
        color: __styleHeaderLinkHoverColor;
}

/* Neu; Abstand oben Logohöhe  */
#header {
        padding-top: 0px!important;
        padding-bottom: 0px!important;
}



/* Main navigation */
#mainnav {
        background-color: __styleMenuBgColor;
        border-color: __styleMenuBorderColor;
}

#mainnav .nav > li > a,
#mainnav .nav span.separator {
        color: __styleMenuColor;
}

#mainnav .nav > li > a:hover,
#mainnav .nav > li > a:focus,
#mainnav .nav > li > a:active {
        color: __styleMenuHoverColor;
}

#mainnav .nav > li > a:hover:after,
#mainnav .nav > li:hover > a:after,
#mainnav .nav > li.active > a:hover:after,
#mainnav .nav > li > .separator:hover:after,
#mainnav .nav > li:hover > .separator:after {
        border-color: __styleMenuBorderHoverColor;
}

#mainnav .nav > li.active > a,
#mainnav .nav > li.active .separator {
        color: __styleMenuActiveColor;
}

#mainnav .nav > li.active a:after,
#mainnav .nav > li.active .separator:after {
        border-color: __styleMenuBorderHoverColor;
}

/* Dropdown menu */
.dropdown-menu, .nav .nav-child {
        background-color: __styleSubnavBgColor;
}

#mainnav .dropdown-menu > li,
#mainnav .nav .nav-child > li {
        /*border-bottom-color: rgba(255,255,255,0.2);*/
}

.dropdown-menu > li > a,
.nav .nav-child > li > a {
        color: __styleSubnavTextColor;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.nav .nav-child > li:hover > a,
.nav .nav-child > li:focus > a {
  background: __styleSubnavHoverBgColor;
  color: __styleSubnavHoverColor;
}

.dropdown-menu, .nav .nav-child {
        border-color: __styleSubnavHoverBgColor;
}

/* Custom color for collapse menu */
@media (max-width: 992px) {
        #mainnav .nav-collapse .nav > li > a,
        #mainnav .nav-collapse .nav > li > .separator {
                color: __styleCollapseMenuColor;
        }

        #mainnav .nav-collapse .nav > li > a:hover {
                color: __styleCollapseMenuHoverColor;
        }

        #mainnav .nav > li > a:hover:after,
        #mainnav .nav > li > a:focus:after,
        #mainnav .nav > li:hover > a:after {
                display: none;
        }

        #mainnav .nav-collapse .nav > li.active > a {
                color: __styleCollapseActiveColor;
        }
}



/* Search form */
.navbar-form {
        background-color: __styleSearchBgColor;
        color: __styleSearchTextColor;
}

.navbar-form .search .inputbox {
        color: __styleSearchTextColor;
}

/* Footer
--------- */
#footer {
        background: __styleFooterBgColor;
        border-color: __styleFooterBorderColor;
        color: __styleFooterTextColor;
}

#footer a {
        color: __styleFooterLinkColor;
}

#footer a:hover, #footer a:focus, #footer a:active {
        color: __styleFooterLinkHoverColor;
}

#footer .nav > li::before {
        color: __styleFooterTextColor;
}

/* Footer menu*/
#footer .nav > li > a {
        color: __styleFooterMenuColor;
}

#footer .nav > li > a:hover,
#footer .nav > li > a:focus,
#footer .nav > li > a:active {
        border-color: __styleFooterMenuHoverColor;
        color: __styleFooterMenuHoverColor;
}


/* Module Styles
--------------------*/
/* ?styleModuleModules_1 */
__styleModuleModules_1 {
        color: __styleModuleColor_1;
        background-color: __styleModuleBg_1;
}
/* /styleModuleModules_1 */

/* Module Styles
--------------------*/
/* ?styleModuleModules_2 */
__styleModuleModules_2 {
        color: __styleModuleColor_2;
        background-color: __styleModuleBg_2;
}
/* /styleModuleModules_2 */

/* Module Styles
--------------------*/
/* ?styleModuleModules_3 */
__styleModuleModules_3 {
        color: __styleModuleColor_3;
        background-color: __styleModuleBg_3;
}
/* /styleModuleModules_3 */

  /* /Formatierung Landing Page Text Ingenieurbüro KICK<br>
background-color: #e0e0e0  #d4d0c8 */

.hero-unit
{
padding:60px;
margin-bottom:30px;
font-size:18px;
font-weight:200;
line-height:36px;
color:#3165b0;
background-color:#ff0000;
border-radius:6px
}

 /* /Formatierung MORE ARTICLE -> WEITERE ARTIKEL*/

.items-more:before
{
content:"Weitere Artikel";
display:inline-block;
font-weight:bold;
text-transform:uppercase;
padding-bottom:6px;
border-bottom:3px solid #303030;
margin-bottom:12px
}

 /* /ENDE Formatierung MORE ARTICLE -> WEITERE ARTIKEL*/


 /* /Pfeil > Mehr (weiterlesen) */


.arrow {
        border: 5px solid #444;
        font-size:0;line-height:0;height:0;padding:5;margin:5;
}
.arrow.down {
        border-right-color:  transparent;
        border-bottom-color: transparent;
        border-left-color:   transparent;
}
.arrow.up {
        border-top-color:    transparent;
        border-right-color:  transparent;
        border-left-color:   transparent;
}
.arrow.left {
        border-top-color:    transparent;
        border-bottom-color: transparent;
        border-left-color:   transparent;
}
.arrow.right {
        border-top-color:    transparent;
        border-right-color:  transparent;
        border-bottom-color: transparent;
}


 /* /ENDE Pfeil > Mehr (weiterlesen) */