/* GLOBAL STYLES */
body { background-color:#fff; color:#4a4a4a; padding-top:60px; }

/* TYPO */
body { 
	font-family: Myriad Pro, Arial, sans-serif;
}


@font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Regular.otf') format('opentype'); } 
@font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-It.otf') format('opentype'); font-style: italic; } 
@font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Bold.otf') format('opentype'); font-weight: bold; } 
@font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-BoldIt.otf') format('opentype'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 500; } 
@font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-SemiboldIt.otf') format('opentype'); font-weight: 500; font-style: italic; }


#noscript {
  background-color:#EE2400; color:#fff; font-weight:bold; text-align:center; padding:1em 0;
}

a { color:#0095c8; }
a:hover { color:#ff671f; background-color:transparent; }

a.newbtn {color:#ffffff; background:linear-gradient(#1093c1, #00467c); padding:7px 10px 5px 10px; border-radius:5px;}  
a.newbtn:hover {background:#0095c8;}

h3 a{color: #0095c8}
h3 a:hover{color: #ff671f}
h4 a{color: #0095c8}
h4 a:hover{color: #ff671f}
h5 a{color: #0095c8}
h5 a:hover{color: #ff671f}

h1 { font-size:20px; font-weight:500; line-height: 30px; color:#0095c8; margin: 20px 0px 3px 0;}
h2 { font-size:18px; font-weight:500; line-height: 30px; color:#0095c8; margin: 20px 0px 3px 0;}
h3 { font-size:18px; font-weight:500; line-height: 30px; color:#0095c8; margin: 20px 0px 3px 0;}
h4 { font-size:18px; font-weight:500; line-height: 24px; color:#0095c8; margin: 20px 0px 3px 0;}
h5 { font-size:15px; font-weight:500; line-height: 18px; color:#0095c8;}
h6 { font-size:14px; font-weight:500; line-height: 18px; color:#0095c8;}

/* TOP-NAVI */ 
#mobnav { display:none; }
.topbar-outer-fixed { position:fixed; width:100%; height:87px; top:0px; z-index:10000; }
.topbar-outer { width:100%; height:87px; background-color:#ffffff;}
.topbar-inner { height:87px; background-color:#ffffff; border-bottom: 1px solid #cccccc;}
.topbar-inner .navbar { 
  position:absolute;
  top:29px;
  
}
.navbar-inner {
  background: none;
  border: none;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  filter: none;
  
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
ul.nav { font-size:1em; }
ul.nav > li > a { }
ul.dropdown-menu { }
ul.dropdown-menu li a { }
ul.nav > li > ul.dropdown-menu { 
  opacity:0; 
  display:block; 
  visibility:hidden;
  top:28px;
  /*
  // NOT COMPATIBLE WITH TABLETS
  -webkit-transition: all 0.125s ease-in; 
  -moz-transition: all 0.125s ease-in; 
  -o-transition: all 0.125s ease-in;
  transition: all 0.125s ease-in;
  */
}
ul.nav > li.open > .dropdown-menu { 
  opacity:1;
  visibility:visible;
  top:40px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0095c8 #004b87);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0095c8), to(#004b87));
  background-image: -webkit-linear-gradient(top, #0095c8, #004b87);
  background-image: -o-linear-gradient(top, #0095c8, #004b87);
  background-image: linear-gradient(to bottom, #0095c8, #004b87);
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE83334', endColorstr='#ffBB3333', GradientType=0);*/
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0095c8 #004b87);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0095c8), to(#004b87));
  background-image: -webkit-linear-gradient(top, #0095c8, #004b87);
  background-image: -o-linear-gradient(top, #0095c8, #004b87);
  background-image: linear-gradient(to bottom, #0095c8, #004b87);
  background-repeat: repeat-x;
  outline: 0;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE83334', endColorstr='#ffBB3333', GradientType=0);*/
}
/*
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #b4cfed #46599f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4cfed), to(#46599f));
  background-image: -webkit-linear-gradient(top, #b4cfed, #46599f);
  background-image: -o-linear-gradient(top, #b4cfed, #46599f);
  background-image: linear-gradient(to bottom, #b4cfed, #46599f);
  background-repeat: repeat-x;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #b4cfed #46599f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4cfed), to(#46599f));
  background-image: -webkit-linear-gradient(top, #b4cfed, #46599f);
  background-image: -o-linear-gradient(top, #b4cfed, #46599f);
  background-image: linear-gradient(to bottom, #b4cfed, #46599f);
  background-repeat: repeat-x;
  outline: 0;
}
*/

.span12 img{ border-radius: 5px; margin-top: 10px; }
.span9 img { border-radius: 5px; }
.span6 h4 {margin-top:-4px;}

#logo-ilt { position:absolute; top:4px; right:0px; z-index:101; }

/* LANG-SWITCH */ 
ul.lang { list-style:none; margin:0; padding:0; position:absolute; top:24px; right:1em; }
ul.lang li { float:left; }
ul.lang a {  opacity:1; }
ul.lang a:hover { opacity:0.8; }
ul.lang .first a { }

/* SUB-NAV */
/* CONTENT */
ul.subnav  { margin:6pt 0pt 6pt 16pt; list-style:image; list-style-image:url(/img/bullet_l1.gif); text-align:left !important; }
ul.subnav ul { margin:2pt 0pt 4pt 11pt; list-style:image; list-style-image:url(/img/bullet_l1.gif);  }
ul.subnav li a { color:#333; }
ul.subnav li.active > a { font-weight:bold; }

/* CONTENT */
.content ul { margin:6pt 0pt 6pt 16pt; list-style:image; list-style-image:url(/img/bullet_l1.gif); text-align:left !important; }
.content ul ul { margin:2pt 0pt 4pt 11pt; list-style:image; list-style-image:url(/img/bullet_l2.gif);  }
div.overview {background-color: #f8f8f8; border-radius: 5px; padding: 10px; max-width: 350px; border: 1px solid #cccccc;}


/* CAROUSEL */
.carousel a.left, .carousel a.right { top:51%; z-index:1000; }
.carousel a.left  { left:5px; }
.carousel a.right { right:5px; }
.carousel a.left:focus  { background-color:transparent; }
.carousel a.right:focus { background-color:transparent; }
.carousel-indicators { position:absolute; top:auto; bottom:54px; left:45px; }
.carousel-indicators li { background-color:#0095c8; border:1px solid #fff; cursor:pointer; }
.carousel-indicators li.active { background-color:#ff671f; border:1px solid #fff; }
.carousel-control { border:none; background:none; color:#333; text-shadow: 0 1px 0 #ffffff; }  

/* START-BLOCKS */
.blocks a { padding:0; display:block; overflow:hidden; text-align:center;  }
.blocks a span { color:#333; font-weight:500; font-size:21px; }
.blocks a:hover { color:#333; text-decoration:none; opacity:0.8; }
  
/* CONTENT */
#s_prods h4 { margin:0; }
#s_prods a:hover h4 {color:#ffffff;}

/* QUICK-LINKS */
.qlinks a { background-color:#f5f5f5; font-family:sans-serif; color:#888; }
.qlinks a:hover { color:#222; }
.qlinks a i { color:#758fcc; width:10%; display:block; float:left; line-height:20px;}
.qlinks a:hover i { color:#8bb1df; }
.qlinks a span { width:80%; display:block; float:left; }
.qlinks li.nav-header { color:#666; background-color:#f5f5f5; border:1px solid #E4E4E4; border-top-left-radius:5px;  border-top-right-radius:5px; overflow:hidden; }

.redline { height:4px; background-color:#0095c8; }/*margin:2em 0;*/

/* TEASER */
.teaser { background-color:#fff;  padding:1em 0; }
.teaser a { display:block; background-color:#fff; border:1px solid #ddd; }
.teaser a:hover { text-decoration:none; opacity:0.9; }
.teaser a span { display:block; color:#666; padding:0.1em 1em; }
.caption { margin:1em 0; }
.captionhead { display:block; font-weight:bold; color:#666; }
.captiontext {  }

/* BIG BAR */
.bigbar { color:#fff; font-family: Segoe UI, sans-serif; font-size:1.55em; line-height:2em; letter-spacing:0.01em; border-bottom:8px solid #e4e4e4; }

/* BACKGROUND-FX */
.red_block { height:120px; display:block; background:url(/img/bg_red.jpg) repeat-x center center #EE4B4C; }

/* REFERENCES */

/* FOOTER COLUMNS */
.fcols { color:#fff; }
.fcols h4 {font-size:2em; font-weight:normal; }
.fcols h4 a { color:#fff; text-decoration:none; }

/* FOOTER */
.footer { line-height:40px; }
.footer a { color:#333; font-size:12px; text-transform:uppercase; position:relative; left:44%;}
.awards {width:430px; margin:10px auto; display: inline; text-align: center;}
.awardbtn { text-align:center; display: inline; padding: 10px;}


/* NEWS */
.dateBlock { display:block; float:left; text-align:center; background-color:#0095c8; color:#fff; padding:1em 1em 0.5em 1em; margin-right:1em; }
.dateBlock span { display:block; margin-bottom:0.25em; text-transform:uppercase; }
.dateBlock span.day { font-size:3em; margin-bottom:0.35em; }
.dateBlock span.mon { font-size:1.25em; }
.dateBlock span.year { font-size:1.25em;  }

ul.news { list-style:none; margin:0; padding:0;}
h3.news { margin-top:31px; }

.bigNews { display:flex; }
.blog-item { outline:1px solid #eee; margin-top:25px; position:relative; }
.blog-img { border-radius:0 !important; width:100%; max-width:100%; height:auto; }
.blog-content { padding:10px 10px 2em 10px;  }
.blog-content h5 { margin:0; }
.blog-date { text-align:right; font-style:italic; font-weight:bold; color:#0095c8; margin-bottom:10px; }
.btn-blog { position:absolute; bottom:10px; right:10px}

@media (max-width: 979px) {
    .bigNews { display:block; }
    .bigNews h4 { margin-top:10px; }
}

/* FORM */
.required,
.invalidValue,
.requiredValue { background-color:#F2DEDE !important; }
#cpt { border-radius:4px; box-shadow:1px 1px 2px #aaa; }
.errors { border:2px solid #E20001; padding:1em; background-color:#fee; }

/* SHOPKEEPER */
.cart-container {
  background-color:#f4f4f4;
  padding:1em;
  border-radius:4px;
  box-shadow:0px 0px 2px #666;
}
.cart-container h4 { margin:0; }
#stuffHelper input { width:auto; }
#stuffHelper input { width:auto; }
#stuffCount { margin-bottom:1em; }
#stuffCount input { margin:0 0.5em 0 0.25em; }

/* HELPER Classes */
.center { text-align:center; }
.vmiddle { vertical-align:middle; }
.uppercase { text-transform:uppercase; }
.justify { text-align:justify;}
.bold { font-weight:bold; }
.spacer05, .spacer, .spacer1, .spacer15, .spacer2, .spacer3, .spacer4 { display:block; }
.spacer05 { height:0.5em; }
.spacer, .spacer1 { height:1em; }
.spacer15 { height:1.5em; }
.spacer2 { height:2em; }
.spacer3 { height:3em; }
.spacer4 { height:4em; }
.left1 { margin-left:1.5em; }
.left2 { margin-left:3em; }
.pre-line { white-space:pre-line; }
.relative { position:relative; }
.put-left { margin-left:0px; padding-left:30px; }
.put-left.block { margin-left:-30px; }
.paddingl { padding-left: 50px; }
.paddingr { padding-right: 50px; }
.block { display:block; }
.event { padding: 0px; margin-top:-31px; }



/* COLORS GENERAL AND SPECIFIC */
/*.red { color:#EE2400; }*/
.red-bg { background-color:#0095c8; }
.dgrey-bg { background-color:#0095c8; }
.grey-bg { background-color:#e4e4e4; }


/* CSS3-FX */
.sha { box-shadow:0px 0px 2px #bbb; }

/* BOOTSTRAP - BUTTONS */
.btn-red.active {
  /*color: rgba(255, 255, 255, 0.75);*/
}
.btn-red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  
 
  background-image: -moz-linear-gradient(top, #0095c8 #004b87);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0095c8), to(#004b87));
  background-image: -webkit-linear-gradient(top, #0095c8, #004b87);
  background-image: -o-linear-gradient(top, #0095c8, #004b87);
  background-image: linear-gradient(to bottom, #0095c8, #004b87);
  background-repeat: repeat-x;
  border:none;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffAA0000', endColorstr='#ffE20001', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #ffffff;
  background-color: #ff671f;
  background-image:none;
 
}



.btn-red:active,
.btn-red.active {
	background-color: #8bb1df !important;
  /*background-color: #8bb1df;*/
}

/* BOOTSTRAP INPUT */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(254, 4, 6, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(188, 0, 0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(188, 0, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(188, 0, 0, 0.6);
}

/* SEARCH-FORM */
#searchToggle { color:#0095c8; position:relative; top: -5px;}
#searchForm { position:absolute; }
.ajaxSearch_resultsInfos,
.ajaxSearch_grpResultName { display:none; }

/* RANDOM PRODUCTS */
h3.title { line-height:1.4em; margin-bottom:20px; }
ul.randomproducts { margin:0; padding:0; list-style:none; }
ul.randomproducts li { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; }

.sprod-image { width:40%; height:auto; margin:0 0 1em 0; float:left; }
.sprod-desc { width:60%; display:inline-block; }
.sprod-details { float:left; }
.sprod-button { float:right; margin-top:5px;}

.spacer,.spacer2 { display:block; height:1em; clear:both; }
.spacer2 { height:2em; }

/* RESPONSIVE PART - EVERYTHING AFTER HERE WILL BE OVERWRITTEN */
@media (min-width: 1200px) {
  
}
@media (min-width: 980px) and (max-width: 1199px) {
  .topbar-inner .navbar {
    margin-right:225px;
    left:0px;
    top:10px;
  }  
  .topbar-inner { background-color:#ffffff; }
  
  .block1 { height:204px; margin:0px; }
  .block2 { height:97px; margin-right:0px; margin-left:-10px; }
  .block3 { height:97px; margin-right:0px; margin-left:-10px;}
  .block4 { height:97px; margin-right:0px; margin-left:-10px; }
  .block5 { height:97px; margin-left:-10px; }
  .block6 { height:97px; margin-left:-10px;}

  .dateBlock { padding:1em 0.5em 0.5em 0.5em; }
}

/* ONLY TABLET & PHONE */
@media (max-width: 979px) {

 /* .topbar-inner .navbar { 
    width:420px;
    left:280px;
    top:0px;
  } */
	
	.topbar-inner .navbar { 
    margin-right:225px;
    left:-40px;
    top:15px;
  } 
	.spacer1 {height:2em;}	
  .topbar-inner .navbar li a { padding:0.8em 1em; }
  .topbar-inner { background-color:#ffffff;height:auto;}
  ul.lang { top:10px; right:1em; }
  
  .block1 { height:154px; margin:0px; }
  .block2 { height:72px; margin-right:0px; margin-left:-10px;  }
  .block3 { height:72px; margin-right:0px; margin-left:-10px;}
  .block4 { height:72px; margin-right:0px; margin-left:-10px; }
  .block5 { height:72px; margin-left:-10px; }
  .block6 { height:72px; margin-left:-10px;}
  
}

/* ONLY TABLET */
@media (min-width: 768px) and (max-width: 979px) {
  ul.lang { top:40px; }
  .dateBlock { padding:1em 0.75em 0.5em 0.75em; }
  .dateBlock span.day { font-size:2em; margin-bottom:0.35em; }
  .dateBlock span.mon { font-size:1.1em; font-weight:bold; }
  .dateBlock span.year { font-size:1.1em;  }

  .carousel a.left, .carousel a.right { font-size:5em; }
  .carousel a.left  { left:0px; }
  .carousel a.right { right:0px; }

  .carousel-indicators li { height:8px; width:8px; }

}
/* ONLY PHONE */
@media (max-width: 767px) {
  body { padding-top:0px; }  
  .divascookies > .divascookies-banner-container {
	padding: 10px !important;
  }
  .topbar-inner .navbar,
  .subnav,
  .hidden-sm  { 
    display:none;
  }
  .topbar-outer-fixed { margin:0px -20px; }
  .topbar-outer { height:170px; position:static; }
  #mobnav { position:static; display:block; margin:110px auto 10px auto; }
      
  .fcols {
    padding:0 1.25em;
  }
  
  /* HELPER CLASSES RESPONSIVE */
  .middle-phone {
	  float:none;
	  text-align:center;
	  margin:auto;
  }
  ul.lang { top:24px; right:40px;}

  .block1,
  .block2,
  .block3,
  .block4,
  .block5,
  .block6 { margin:0; height:auto; text-align:center; }
  
  .carousel a.left, .carousel a.right { display:none; }
  .carousel-indicators li { height:6px; width:6px; }
h1 {margin-top:65px; }
}
@media (max-width: 480px) {

  ul.lang { position:absolute; top:78px; left:6%; right:auto;} 
	ul.lang  img{padding-right:5px !important;}	
#socialcontainer a{zoom:1.4;}

  .carousel a.left, .carousel a.right { font-size:3.5em; top:55%; }
  .carousel-indicators li { height:6px; width:6px; } 
	h1 {margin-top:125px;}
}

@media (min-width: 481px) {
	
	ul.lang li { float:left; width:20px !important;  margin-top: 6px; padding: 0px 5px;}
	ul.lang {list-style: none; margin: 0; padding: 0; margin-right: 225px; margin-top: 5px;}
	/*#logo-ilt{position: absolute; top: 9px; right: 10px; z-index: 101;}*/
}



@-moz-document url-prefix() { 
  ul.lang {
     top:14px;
  }
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/css/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(/css/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/css/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/css/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/css/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(/css/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/css/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/css/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/css/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(/css/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/css/images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/css/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/css/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/css/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);*/
}

button#cboxSlideshow { color:#EE2400; }
button:hover#cboxSlideshow  { color:#BB373D; }

.fb-page{margin-bottom:20px}

ul.tabnav { display:block; margin:0; padding:0;  padding-bottom:45px;}
ul.tabnav li { list-style:none; display:inline-block; float:left; }
ul.tabnav li:first-child a { border-top-left-radius: 5px; }
ul.tabnav li a { border-right:1px solid #888; border-top-right-radius: 5px; margin-left:-3px; }
ul.tabnav li a { padding:5px 6px 3px 6px; display:block; border-left:1px solid #888; border-top:1px solid #888; border-bottom:1px solid #888; color:#fff;     background: linear-gradient(#0095c8, #004b87); font-size: 12px; } /*background: linear-gradient(#fff, #ddd);*/
ul.tabnav li a:hover { text-decoration:none; background:#ff671f; }
ul.tabnav li.active a { padding-top:12px; margin-top:-6px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom:none;  background:#fff; font-weight:500; color:#004b87; margin-right:2px;}

.justifyleft { float:left; }
.justifyright { float:right; }

.span2 a{height:170px; background-color:#0095c8; color:#ffffff;}
.span2 span{position:relative; bottom:30px; font-size: 15px !important; color: #ffffff !important;}

/* Personal */
.personal { border:1px solid #eee;}
.personal figure { margin:0; position:relative; }
.personal img { margin:25px 25px 0 25px; }
.personal h4 { margin:0; color:#fff; line-height:1em; }
.personal .figtop { background-color:#004a87; border-top-right-radius: 5px; border-bottom-right-radius: 5px;  padding:10px 15px 5px 15px; display:inline-block; margin-top:-26px; }
.personal .figbottom { margin:0 25px; }
.personal p { color:#fff; padding:0; margin:0; }
.personal a { color:#fff; display:block; background: linear-gradient(#1093c1, #00467c); margin:10px 0; border-radius: 5px; }
.personal a:hover { background: #1093c1; }
.personal span { padding:8px 8px 8px 50px; display:inline-block; background:url(/img/icon-tel.png) no-repeat 5px center;}
.personal span.phone { background-image:url(/img/icon-tel.png); }
.personal span.mail { background-image:url(/img/icon-mail.png); }
.personal span.newsletter { background-image:url(/img/icon-newsletter.png); }

.socials { display:flex; margin:25px; }
.socials a { margin:auto; width: 22px; height: 22px; background-repeat: no-repeat; }

/* Jot - Comments */
.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;display:inline-block;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {border: 1px solid #CCCCCC;margin-bottom: 10px;background-color: #e9e9e9;}
.jot-row-alt {background-color: #f9f9f9;}
.jot-row-author {background-color: #FFFFE1;}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 3px;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}
.jot-posticon {float: right;width: 20px;height: 20px;padding-top: 8px;padding-right: 3px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject {font-weight: bold;font-size: 1.1em;}
.jot-message {padding: 2px;overflow: auto;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}
.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 80px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}

#scrolltop { position:fixed; bottom:20px; right:20px; color:#fff; background: linear-gradient(#1093c1,#00467c); border:none; border-radius:5px; /* height:40px; width:40px; line-height:40px; */ text-align:center; display:none; }
#scrolltop:hover { background:#1093c1 !important; }

/* Startseite "Unser Beratungsteam in Köln..." */
.anruf { display:flex; flex-direction: row; justify-content: flex-start; color:#fff; background-color:#00467c; padding:10px; border-radius: 5px; line-height:20px; margin-bottom:2em; }
.anruf a { color:#fff; }
.anruf a:hover { color:#1093c1; }
.anruf .cell { flex-grow: 1; }
.anruf .cell.intro { flex-grow: 0; }
.anruf img { width:20px; height:20px; margin:0 10px 0 20px; }

@media (max-width: 979px) {
    .anruf {
        text-align:center;
        flex-direction: column;
    }
    .anruf .cell {
        padding:5px;
    }
}

/* Button "Finden Sie jetzt Ihre Lösung" */
a.btn-loesung { display:inline-block; float:right; color:#fff; background: linear-gradient(#a2f121,#78BE20); border-radius: 5px; padding:5px 10px; font-size:1.2em; }
a.btn-loesung:hover { background:linear-gradient(#a2f121,#a2f121); }
a.btn-loesung i { margin-right:5px; }

/* Kundenstimmen */
#kundenstimmen { color:#fff; background-color:#00467c; padding:10px; border-radius: 5px; }
#kundenstimmen .carousel-control { color:#fff; }
#kundenstimmen .title { font-size:1.2em; font-weight:bold; text-align:center; margin-top:20px; }
#kundenstimmen .kundenstimme { line-height:21px; }
#kundenstimmen .item-inner { margin:20px 50px; }
#kundenstimmen .unterschrift { font-weight:bold; }
@media (max-width: 767px) {
    #kundenstimmen { display:none; }
}

.ziele { margin:2em 0; }
.ziele .item { display:flex; margin-bottom:2em; align-items: center; }
.ziele .item.odd { flex-direction: row; }
.ziele .item.even { flex-direction: row-reverse; }
.ziele .item .col { padding:10px; text-align:center; }
.ziele .icon img { width:100px; max-width:100px; height:auto; }
.ziele .titel { font-size:1.2em; color:#1093c1; font-weight:bold; margin-bottom:1em; }
.ziele .btn-ziele { margin-top:10px; display:inline-block; color:#fff; background: linear-gradient(#a2f121,#78BE20); border-radius: 5px; padding:5px 10px; font-size:1.2em; }
.ziele .btn-ziele:hover { background:linear-gradient(#a2f121,#a2f121); }
.ziele .item.odd .btn-ziele { float:right; }
.ziele .item.even .btn-ziele { float:left; }

@media (max-width: 767px) {
    .ziele .icon img { width:50px; }
}