body { font-family: Lato, Arial, sans-serif, Verdana; font-size: 17px; background: #fff; color: #1a1a1a }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Lato, Arial }
h1, .h1 { font-size: 36px  }
h2, .h2 { font-size: 32px  }
h3, .h3 { font-size: 30px }

a { }
a:hover { }

/* global classes */
.left { float: left }
.right { float: right }
.item { margin: 10px 0 20px 0 }
.read-more { display: block }
.intro { font-size: 24px; font-family: Lato, Arial; font-weight: 300 }
.itemprophide { display: none }
blockquote { background: url(/inc/img/bg_blockquote.png) 0 25px no-repeat;  margin: 15px 0px 15px 0px; padding-left: 60px; border-left: none  }


img { vertical-align: middle; max-width: 100%; height: auto }
.img { clear: both; margin: 1em 0 }
.img img { display: block; }
.img p, #scene header .img p { font-size: .9em; color: #666; margin-top: 0.2em }
.img.left { display: block; margin: .5em 2.0em .75em 0 }
.img.right { display: block; margin: .5em 0 .75em 2.0em }

.btn-search { color: #ccc; background-color: #33353a; border-color: #414346; text-transform: uppercase; font-weight: bold; border-left: none }
.btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active, .open .dropdown-toggle.btn-search { color: #fff; background-color: #33353a; border-color: #414346; }
.btn-search:active, .btn-search.active, .open .dropdown-toggle.btn-search {  background-image: none; }

.btn-customer { color: #fff; background-color: transparent; border-color: #fff; padding: 10px 20px; border-radius: 0px; min-width: 170px; margin-top: 10px }
.btn-customer:hover, .btn-customer:focus, .btn-customer:active, .btn-customer.active, .open .dropdown-toggle.btn-customer { color: #eee; background-color: transparent; border-color: #fff }
.btn-customer:active, .btn-customer.active, .open .dropdown-toggle.btn-customer {  background-image: none; }



#cookieBar { background-color: #333; box-shadow: 0 0 4px #a2a2a2; padding: 5px 0; color:#fff; text-align: center }
#cookieBar a { color: #fff; text-decoration: underline }
#cookieBar a.btn { text-decoration: none }

#frontpage #path { display: none }
.breadcrumb { background: none; padding-left: 0; padding-top: 0; color: #000; margin: 0  }
.breadcrumb > li + li:before { color: #ccc }
.breadcrumb a {  }
.breadcrumb a:hover {  }
.breadcrumb .active { color: #000 } 
	
/* file list */	
#file-list { padding-top: 1px; clear: both; }
	#file-list ul { margin-left: 5px; padding: 0px }
	#file-list li { list-style: none; padding-bottom: 8px }
	#file-list li a { font-weight: normal; display: block; padding: 0 0 0 22px; background: url(/backnet/inc/images/icon/page_white.png) left center no-repeat; color: #1a1a1a; text-decoration: none }
	#file-list li.txt a { background-image: url(/backnet/inc/images/icon/page_white_text.png) }
	#file-list li.pdf a { background-image: url(/backnet/inc/images/icon/page_white_acrobat.png) }
	#file-list li.rar a { background-image: url(/backnet/inc/images/icon/page_white_compressed.png) }
	#file-list li.zip a { background-image: url(/backnet/inc/images/icon/page_white_compressed.png) }
	#file-list li.xls a { background-image: url(/backnet/inc/images/icon/page_white_excel.png) }
	#file-list li.xlsx a { background-image: url(/backnet/inc/images/icon/page_white_excel.png) }
	#file-list li.doc a { background-image: url(/backnet/inc/images/icon/page_white_word.png) }
	#file-list li.docx a { background-image: url(/backnet/inc/images/icon/page_white_word.png) }
	#file-list li.ppt a { background-image: url(/backnet/inc/images/icon/page_white_powerpoint.png) }
	#file-list li.pptx a { background-image: url(/backnet/inc/images/icon/page_white_powerpoint.png) }
	#file-list li.gif a { background-image: url(/backnet/inc/images/icon/page_white_picture.png) }
	#file-list li.jpg a { background-image: url(/backnet/inc/images/icon/page_white_picture.png) }
	#file-list li.png a { background-image: url(/backnet/inc/images/icon/page_white_picture.png) }
	#file-list li.psd a { background-image: url(/backnet/inc/images/icon/page_white_picture.png) }

#extmedia { clear:both; margin: 2% 0 1% 0; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
#extmedia iframe, #extmedia object, #extmedia embed, #extmedia img { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

fieldset { border: 0; margin: 0; padding: 0 }
form { margin-top: 10px }
legend { border: 0; margin: 0 }
label, .help-block { font-weight: normal; font-size: 15px }
textarea { resize: vertical }
label.error {padding-bottom: 2px; font-weight: bold; color: #EA5200}
	label label.error {float: right}
.buttons { padding: 0.6em 0 }

#customer-data-delivery { display: none; margin-bottom: 30px }
#page-cart #extra, #checkout #extra { display: none }

header#top { background: #6d9f9d }

#logo { float: left; padding: 15px 0px; width: 90% }

#mini-nav { padding: 15px 10px 0 15px; float: right; clear: right }	
	#mini-nav a { float: left; text-align: center; color: #fff ; font-size: 20px }
	#mini-nav a:hover { text-decoration: none }
	#mini-nav a.active  { padding-bottom: 14px }

	#navigation.inactive { display: none }
	#navigation.active { clear: both; float: right;  z-index: 1000; margin: 0 0 2px 0; display: block !important; height: auto !important; overflow: visible !important; width: 100% !important }
	#navigation.active:before, #navigation.active:after { display: table; content: " " }
	#navigation.active:after { clear: both }
	#navigation.active:before, #navigation.active:after { display: table; content: " " }
	#navigation.active:after { clear: both }
	#navigation.active nav { display: block; padding: 0 0 2px 0; clear: both  }
	#navigation.active nav ul { list-style: none; margin: 0; padding: 2px 0 }
	#navigation.active nav ul li { border-bottom: 1px dotted #fff }
	#navigation.active nav ul li a { text-transform: uppercase; color: #fff; padding: 7px 0 7px 5px; display: block; text-decoration: none }
	#navigation.active nav ul li a.active, #navigation.active nav ul li a.active-parent, #navigation.active nav ul li a:hover, #navigation.active nav ul li a:focus { color: #fff }
	#navigation.active nav ul li ul { margin-left: 8px }
	#navigation.active nav ul li:last-child, #navigation.active nav ul li ul li { border-bottom: none }

#main { padding-bottom: 20px; margin-bottom: 30px }


#slideshow { background: #d4e1e2; border-bottom: solid 21px  #000 }
#mycarousel .item { margin-top: 0; margin-bottom: 0 }
.carousel-control.left, .carousel-control.right { background: none }

#frontpage #main { margin-bottom: 0; padding-top: 15px  }
#extra { padding-top: 25px }
#scene { padding-top: 15px }
#frontpage #scene { padding-top: 0; text-align: center }
#frontpage #extra { display: none }


#sub-navigation .nav > li { display: block; position: relative; }
#sub-navigation .nav > li > a { display: block; padding: 10px 15px; position: relative; color: #1b1c1e; text-decoration: none; font-si }
#sub-navigation .nav-pills > li > a { border-radius: 0; color: #394a5d; padding-left: 20px; padding-right: 10px; text-decoration: none; }
#sub-navigation .nav-pills > li.active > a, #sub-navigation .nav-pills > li.active > a:hover, #sub-navigation .nav-pills > li.active > a:focus { background-color: #f7f7f7 !important; color: #1b1c1e; }
#sub-navigation li a:hover { background-color: #f7f7f7; border-radius: 0; }
#sub-navigation .nav-stacked > li:first-child { border-color: #e1e4e7; border-style: solid none; border-width: thin medium; }
#sub-navigation .nav-stacked > li { background-color: transparent; border-color: #e1e4e7; border-style: none none solid; border-width: medium medium thin; margin: 0; }
#sub-navigation .nav-stacked > li .active-parent { background-color: #f7f7f7 !important; border-radius: 0; }
#sub-navigation .nav-stacked > li .active { background-color: #f7f7f7 !important; border-radius: 0;  }

#sub-navigation .nav-stacked-sub > li { background-color: transparent; border-color: #e1e4e7; border-style: none none none solid; border-width: medium medium medium 3px; color: #1b1c1e; font-weight: 400; line-height: 1.5; margin-left: 30px; text-transform: none; }
#sub-navigation .nav-stacked-sub-sub > li { background-color: #fff; border-color: #e1e4e7; border-style: none none none solid; border-width: medium medium medium 0; color: #1b1c1e; font-weight: 400; line-height: 1.5; padding-left: 30px; text-transform: none; }
#sub-navigation .nav-stacked-sub-sub-sub > li { background-color: #fff; border-color: #e1e4e7; border-style: none none none solid; border-width: medium medium medium 0; color: #1b1c1e; font-weight: 400; line-height: 1.5; margin-left: -20px; padding-left: 40px; text-transform: none; }
#sub-navigation .nav-stacked-sub-sub-sub-sub > li { background-color: #fff; border-color: #e1e4e7; border-style: none none none solid; border-width: medium medium medium 0; color: #1b1c1e; font-weight: 400; line-height: 1.5; padding-left: 20px; text-transform: none; }

#sub-navigation .nav-stacked-sub-sub > li:hover, .nav-stacked-sub-sub > li:focus, .nav-stacked-sub-sub > li:active { background-color: #f7f7f7 !important; }
#sub-navigation .nav-stacked-sub-sub-sub > li:hover, .nav-stacked-sub-sub-sub > li:focus, .nav-stacked-sub-sub-sub > li:active { background-color: #f7f7f7 !important; }
#sub-navigation .nav-stacked-sub-sub-sub-sub > li:hover, .nav-stacked-sub-sub-sub-sub > li:focus, .nav-stacked-sub-sub-sub-sub > li:active { background-color: #f7f7f7 !important; }

.caret-right { background-image: url("/inc/img/caret-right.png"); background-repeat: no-repeat; float: right; height: 20px; padding: 14px; width: 20px; }
.caret-down { background-image: url("/inc/img/caret-down.png"); background-repeat: no-repeat; float: right; height: 20px; padding: 14px; width: 20px; }

	#extra .puff { clear: both; margin: 25px 0 }

ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }

.paragraph-item { clear: both; height: 1%; }

#main-teaser { background: #f2f2f2; padding: 30px 0 1px 0 } 
#main-teaser h4 { color: #fff; margin: 5px 0 3px 0; font-size:22px }
#main-teaser p { color: #fff; }
#main-teaser .item { cursor: pointer }
#main-teaser .more { text-align: center; padding-top: 10px }

#main-teaser .orange { background: #fe943c; color: #fff; min-height: 210px }
#main-teaser .red { background: #9d343f; color: #fff; min-height: 210px }
#main-teaser .green { background: #6fa2a5; color: #fff; min-height: 210px }


#social-teaser { padding: 30px 0 25px 0  }

.panel-default { border-radius: 0px; box-shadow: none; border: none }
.panel-default .panel-heading { margin: 0; padding: 0}
.panel-default h3, .panel-default .h3 { margin-top: 3px }
.panel-body { padding: 22px }


#mobilenav { padding: 20px 0; background: #4b4c4d; color: #fff; text-align: center }
#mobilenav a { text-decoration: none; color: #fff }

footer { background: #1f1f1f; padding: 20px 0 40px 0 }
footer h5 { color: #fff; font-size: 22px; font-weight: normal; margin: 0 0 7px 0 }
footer p  { color: #fff }
footer p a, footer p a:hover, footer a, footer a:hover { text-decoration: none; color: #6fa2a5 }
footer .icons { margin: 10px 7px 0 0 }

footer .links ul { margin: 0; padding-left: 22px }
footer .links ul li { list-style-image: url(/inc/img/icon_arrow.png) }
footer .links ul li a:hover { text-decoration: none; color: #6fa2a5; }
footer .icons { margin: 10px 7px 0 0 }

#std-links { clear: both; padding-bottom: 30px; float: left }
	#std-links ul { margin: 0; padding: 0 }
	#std-links ul li { float: left; display: block; list-style: none; margin: 0px 15px 0 0 }
	#std-links ul li a { color: #b8b8b8; font-size: 14px }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('/inc/img/fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('/inc/img/fancybox/fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/inc/img/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('/inc/img/fancybox/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('/inc/img/fancybox/fancybox_sprite@2x.png');background-size:44px 152px}#fancybox-loading div{background-image:url('/inc/img/fancybox/fancybox_loading@2x.gif');background-size:24px 24px}}


@media (max-width: 600px) {
 
 #logo { width: 60%; margin-bottom: 10px }
 
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.form-control { font-size: 16px !important }
	select, textarea, input { font-size: 16px !important }
	select:focus, textarea:focus, input:focus { font-size: 16px !important  }
}

@media (min-width: 768px) {
	
   
	#mini-nav { display: none; }
	
	#logo { padding: 20px 0 10px 0 }
	  
	#navigation.inactive { display:block; float: left; padding-bottom: 15px }
	nav { clear: both; padding-top: 10px  }
	nav ul { margin: 0; padding: 0 }
	nav li { display: block; float: left; margin: 0 2px }
	nav ul li ul { display: none; }
	nav a { display: block; float: left; padding: 5px 8px; text-decoration: none; color: #fff; font-size: 18px; font-family: 'Cinzel', serif; }
	nav a.active,nav ul li a.active-parent, nav ul li a:hover, nav ul li a:focus { text-decoration: none; color: #202727 }

 #frontpage #main { margin-bottom: 30px }
   #extra { padding-top: 65px }
   
	
	}

@media (min-width: 992px) {
	
	nav a { font-size: 18px }

	#slideshow { background: url(/inc/img/bg_slideshow.jpg) top center no-repeat; }
	
	}

@media (min-width: 1200px) {
	
	.container { width: 1200px }
	#logo { width: auto; padding: 30px 0 }
	#navigation.inactive { float: right }
	nav { padding-top: 50px }
	nav a { font-size: 20px;  padding: 5px 10px }
   
	}

@media print {
 
	#top-bar, #mini-nav, #extra, #newsletter-signup, #mobilenav, footer { display: none !important }
	a[href]:after, abbr[title]:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: none }
	
}