/* =============================================================================
 * logo height
 * ========================================================================== */
 
#logo img {height: 45px;}


/* =============================================================================
 * background/image
 * ========================================================================== */

body {background: #fff;}


/* =============================================================================
 * body fonts
 * ========================================================================== */
 
body {font-family: 'Verdana', sans-serif; font-size: 12px; line-height: 19px;}


/* =============================================================================
 * header fonts + color
 * ========================================================================== */
 
h1, h2, h3, h4, h5, h6  {font-family:  'Open Sans', sans-serif; font-weight: 300;}
h1,h2,h3,h4,h5,h6,.color {color: #007769;}


/* =============================================================================
 * buttons + submit buttons + hyperlinks - color
 * ========================================================================== */

.button, input[type="submit"], input.submit {background: #007769;}


/* =============================================================================
 * servicebox - background color
 * ========================================================================== */

.servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before {background: #007769;}


/* =============================================================================
 * mainmenu - paddings | layer 1 (width of the menuepoints
 * ========================================================================== */

nav#mainmenu ul li a {padding: 23px 18px; text-transform: uppercase;}


/* =============================================================================
 * mainmenu - activ + hover
 * ========================================================================== */

#dropdown li a:hover, #dropdown li a.active, #dropdown li a.trail, #dropdown ul li a:hover, #dropdown ul li a.trail, #dropdown ul li a.active, #dropdown ul li.active a {background: #007769;}


/* =============================================================================
 * mainmenu - background-color | layer 2 + 3
 * ========================================================================== */

nav#mainmenu ul ul {background: #E9E9E9;}
body.dark nav#mainmenu ul ul {background: #262626;}


/* =============================================================================
 * mainmenu - font-size | layer 2 + 3
 * ========================================================================== */

#mainmenu ul ul {font-size: 12px;}


/* =============================================================================
 * submenu - hover
 * ========================================================================== */

#submenu a:hover {color: #007769;}



/* =============================================================================
 * footermenu - icon
 * ========================================================================== */

#footer .mod_customnav li:before {content:'\ea04';}


/* =============================================================================
 * default menu icon 
 * ========================================================================== */
/* overwrite all other icon definition in the page setup */
/* info: for icon-code look into the file icons.css */
/*  uncomment the following line if you want use this option !! */

/* .mod_navigation li a:before {content:'\e912';} */