/* Fonts */
@font-face { font-family:FuturaBk; src:url(/include/fonts/futurabk.woff) }
@font-face { font-family:FuturaBkIt; src:url(/include/fonts/futurabkit.woff) }
@font-face { font-family:FuturaHv; src:url(/include/fonts/futurahv.woff) }
@font-face { font-family:FuturaLt; src:url(/include/fonts/futuralt.woff) }
@font-face { font-family:FuturaMd; src:url(/include/fonts/futuramd.woff) }

/* Standard link: color and font weight of underlying style, make red and underline when hovering  */
a       { color:inherit; text-decoration:inherit }
a:hover { color:#E01030; text-decoration:none; }
a.Blue       { color:#007CC3; font-family:FuturaMd; text-decoration:none }
a:hover.Blue { color:#E01030; font-family:FuturaMd; text-decoration:underline }
a.Bold       { color:#505050; font-family:FuturaMd; text-decoration:none }
a:hover.Bold { color:#E01030; font-family:FuturaMd; text-decoration:none }

/* Reset some elements */
img { border:0 }
p,h1 { margin:0; padding:0 }
ul { list-style:none; margin:0; padding:0 }
li { margin:0; padding:0 }
td { padding:0 }
th { font-family:FuturaMd,sans-serif; font-weight:normal }
table { border-collapse:collapse; border-spacing:0 }

/* Base class for headings */
.Heading { color:#007CC3; font-family:FuturaHv,sans-serif; font-size:15pt; letter-spacing:1px; line-height:28px }
.Heading2 { color:#00C070; font-family:FuturaMd,sans-serif; font-size:12pt }
#Menu .Black { color:#000000 }

/* Specifies the default font for the entire website */
body { background:#E0E0E0; color:#000000; font-family:FuturaBk,sans-serif; font-size:11pt }

/* Overall page layout */
#PageContainer { background:#FFFFFF; border:solid 1px #007CC3; margin:0 auto; overflow:hidden; padding:30px; position:relative; width:1000px }
#HeaderRight { float:right }
#PaneLeft { clear:both; float:left; width:300px }
.LeftColWidth { width:300px }
#PaneRight { float:right; padding-right:20px; width:640px }
#Footer { clear:both; font-size:10pt; padding-top:30px; text-align:center }

/* Page header (Hamburger + DekTec logo) */
.Header { overflow:hidden }

/* Page heading */
.PageHeading { clear:both; margin:30px 0 60px 0; overflow:visible }
.PageHeading td.TopLeft { text-align:center; width:300px }
.PageHeading .TopLeft img { width:90% }
.PageHeading .Title { color:#007CC3; font-family:FuturaLt,sans-serif; font-size:30pt; font-weight:bold }
.PageHeading .Description { clear:both; font-size:12pt; margin-top:30px; padding-right:10px; text-align:left }
.PageHeading .Description2 { margin-top:5px }
.PageHeading .BottomSpacing { line-height:10px }

/* Left pane - Box */
.BoxLeft { color:#303038; font-size:10pt; margin-bottom:40px; overflow:auto }
.BoxLeft .Heading { background:#EAE6D1; border:solid 0px #E0E0E0; color:#303038; font-family:FuturaMd,sans-serif; font-size:10pt; padding-left:10px }
.BoxLeft .Content { margin:20px 10px 0 10px; overflow:auto; padding:0 }
.BoxLeft .ReducedMargin { margin-left:5px; margin-right:5px }
.BoxLeft .Content table { width:100% }
.BoxLeft .Content tr { vertical-align:text-top }
.BoxLeft .Content .Product { padding-right:15px; text-align:right; width:35% }
.BoxLeft .Content .Key { padding-right:20px; text-align:right; width:40% }
.BoxLeft .Content .Val { padding-bottom:10px }
.BoxLeft .Content td .Note { font-size:8pt; line-height:12px; margin-top:3px; overflow:hidden }
.BoxLeft .Content .Note { font-size:9pt; overflow:hidden; text-align:justify }
.BoxLeft .Content p.NoteBelowPdf { clear:both; font-size:9pt; margin-bottom:12px }
.BoxLeft .Content p.Paragraph { margin:0 0 10px 0; padding:0 5px 0 5px; text-align:justify }
.BoxLeft .Content p.SpacingBelowPdf { clear:both; line-height:6px }
.BoxLeft .Content p.SubHeading { color:#303038; font-family:FuturaMd,sans-serif; font-size:10pt; margin-bottom:12px; margin-top:6px; padding-left:10px }
.BoxLeft .Content p.TableTitle { font-family:FuturaMd,sans-serif; margin-bottom:12px; padding-left:5px }
.BoxLeft .Content p.Text { margin-top:6px; text-align:justify }
.BoxLeft .Content p.TextAbovePdf { clear:both; margin-bottom:6px }

/* Left pane - Selectors */
.BoxLeft .Selector { overflow:hidden }
.BoxLeft .Selector p {  }
.BoxLeft .Selector ul { color:#808080; font-family:FuturaMd,sans-serif; padding-left:0px; padding-top:5px }
.BoxLeft .Selector li { font-size:11pt; padding-left:10px; margin-top:10px }
.BoxLeft .Selector li.Active { color:#007CC3 }
.BoxLeft .Selector ul ul { margin-bottom:15px; padding-top:0; padding-left:10px }
.BoxLeft .Selector ul ul li { color:#505050; font-size:10pt; margin-top:5px }

/* Price table */
.BoxLeft .PriceTable { margin-bottom:10px }
.BoxLeft .ProdHdr { color:#505050; font-family:FuturaMd,sans-serif; padding-bottom:5px }
.BoxLeft .ProdType { padding-bottom:5px; text-align:left }
.BoxLeft .ProdEur { width:10px }
.BoxLeft .ProdPrice { text-align:right; width:45px }
.BoxLeft .OnRequest { font-size:9pt; text-align:right; width:60px }
.BoxLeft .ProdDesc { padding-bottom:10px; text-align:justify }

/* PDF icon with one- or two-line text */
.Pdf { align-items:center; display:flex; float:left; padding:0 0 10px 10px }
.Pdf .Caption { padding:0 10px 2px 8px }

/* Right pane generic styles */
.BoxRight { margin:0 0 50px 0; overflow:auto }
.BoxRight p.Caption { font-size:10pt; margin-bottom:20px; text-align:center }
.BoxRight .Heading { margin-bottom:20px }
.BoxRight .Note { font-size:9pt; overflow:hidden; text-align:justify }
.BoxRight .Note b { color:red }
.BoxRight .Paragraph { margin-top:10px; text-align:justify }
.BoxRight .ParTopMargin { margin-top:6px }
.BoxRight .Picture { margin-top:20px; overflow:hidden; text-align:center }
.BoxRight .Picture img { width:100% }

/* Mega dropdown menu */
#Menu { float:left }
#Menu > div { display:block; left:30px; opacity:0; overflow:hidden; position:absolute; top:67px; visibility:hidden; width:978px;
              background:#F8F8F8; border:1px #007CC3 solid; padding:10px 0px 20px 20px; transition:all .4s ease .2s; z-index:100 }
#Menu:hover > div { opacity:1; overflow:visible; visibility:visible }
#Menu img { padding-right:10px }
#Menu table { line-height:20px }
#Menu table tr { vertical-align:top }
#Menu table td:nth-child(1) { padding-right:10px }
#Menu table td:nth-child(5) { width:19% }
#Menu table .Heading { font-size:13pt; line-height:normal; padding-top:10px }
#Menu table .Heading2 { padding-top:15px; padding-bottom:5px }
#Menu table ul { }
#Menu table li { }