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


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

body {background: #C81B20 ; background-repeat: repeat;}


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

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


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


/* =============================================================================
 * footer - colors
 * ========================================================================== */
 
#footer {background-color: #F2AE0F;}
#footer, #footer a, #footer h4 {color:#020D57;}


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


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

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


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

/* layer 2+3 */
nav#mainmenu ul ul li a {min-width: 195px; padding: 8px 15px; font-family: 'Anaheim', sans-serif; font-size: 12px; text-transform: none; font-weight: 400; color: #020D57;}


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


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

nav#mainmenu ul {background-color: #F2AE0F; 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: #F2AE0F;}


/* =============================================================================
 * 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;}
}