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


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

body {background: #fff url(../img/backgrounds/bg_overlay15.png); background-repeat: repeat;}


/* =============================================================================
 * background 2
 * ========================================================================== */

#background {background-color: #3E434C; background-image: url(../img/bg_overlay.png);}


/* =============================================================================
 * body fonts
 * ORG: body {font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 19px;}
 * ========================================================================== */
 
body {font-family: 'Oswald'; font-size: 13.5px; font-weight: 300;}


/* =============================================================================
 * footer - colors
 * ========================================================================== */
 
#footer {background-color: #363F4E;}
#footer, #footer a, #footer h4 {color: rgba(255, 255, 255, 0.7);}


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


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

.button, input[type="submit"], input.submit {background-color: #657383; background-image: url(../img/rauschen.png); background-repeat: repeat;}


/* =============================================================================
 * mainmenu - font+width
 * ========================================================================== */
/* layer 1 */
nav#mainmenu ul li {width: 16.666666%;}
nav#mainmenu ul li a {text-align: center; padding: 25px 15px 25px 15px; font-family: 'Oswald', Arial, sans-serif; font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase;}

/* layer 2+3 */
nav#mainmenu ul ul li a {text-align: left; width: 162px; padding: 8px 15px; font-family: 'Oswald', sans-serif; font-size: 13px; text-transform: none; font-weight: 300; color: #808080;}


/* =============================================================================
 * 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-color: #464A53; background-image: url(../img/rauschen.png); background-repeat: repeat;}


/* =============================================================================
 * mainmenu - background-color | layer 1
 * ========================================================================== */

nav#mainmenu ul {background-color: #DDDDDD; background-image: url(../img/rauschen.png); background-repeat: repeat;}


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

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


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

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

/* =============================================================================
 * calltoaction box - color + background-color
 * ========================================================================== */
 
 .calltoaction {border-left: 4px solid #333;}
 .calltoaction a {background: #464A53; color: #fff; }
 
  
/* =============================================================================
 * bxslider - caption pisition
 * ========================================================================== */
 .bx-wrapper .bx-caption {
	top: 26%; right: 10%; width: 40%; line-height: 21px;
}
/* tablet */
@media only screen and (max-width: 980px) {
	.bx-wrapper .bx-caption {top: 15%;}
	
}
/* phone */
@media only screen and (max-width: 767px) {
	.bx-caption {display: none;}
}