/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline'), local('Lato-Hairline'),
       url('../fonts/lato-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v14-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
       url('../fonts/lato-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Black Italic'), local('Lato-BlackItalic'),
       url('../fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; height: 100%; font-size: 11px; line-height: 1.5; background: url("../../img/kamino-tec.com/body_back.jpg") repeat-x 0 0 #f5f5f5; }
body, button, input, select, textarea { font-family: "Lucida Sans", sans-serif; color: #474747; }

::-moz-selection { background: #fff; color: #292c2e; text-shadow: none; }
::selection { background: #fff; color: #292c2e; text-shadow: none; }

a { color: #e20031; text-decoration: none;}
a:visited { color: #e20031; }
a:hover { color: #e20031; text-decoration: underline; }
a:focus, a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 15px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }
figure { float: left; margin: 4px 4px 0 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* */
#container {
  margin: 0 auto;
  height: auto;
  width: 840px;
}

#logo, #logo a {
	position: absolute;
  height: 105px;
	width: 210px;
  background: url("../../img/kamino-tec.com/logo.png") no-repeat;
}

#logo a {background: none;}

#logo b {display: none;}

nav {float: left; height: 80px; width: 260px; margin: 35px 0 130px calc(100% - 260px)}

nav ul {}

nav ul li {
  height: 28px;
	width: 120px;
	float: left;
	margin: 2px 10px 0 0;
  background: url("../../img/kamino-tec.com/line_back.png") repeat-x bottom;
}

ul li:nth-child(5), ul li:nth-child(6) {
  background: none;
}

nav ul li:hover {}

nav ul li a, nav ul li a:visited {
	font: 700 14px "Lato", sans-serif;
  color: #b8b8b8;
  margin: 2px 0 0;
	letter-spacing: 2px;
  text-transform: uppercase;
}

nav ul li a:hover, nav ul li a.selected {
	color: #e20031;
  text-decoration: none;
}

#headline {width: 840px; clear: both}

header h1 {
  font: 700 48px "Lato", sans-serif;
	color: #bebfbc;
  margin: 0;
  padding: 20px 0 0 0;
	background: url("../../img/kamino-tec.com/line_back.png") repeat-x top;
}

header h2, header p.intro {
	font-family: "Lato";
	font-weight: 700;
  font-size: 14px;
	color: #e10505;
  margin: 0;
  padding: 5px 0 30px;
  text-transform: uppercase;
	background: url("../../img/kamino-tec.com/line_back.png") repeat-x bottom;
}

#main {
	display: inline-block;
	width: 840px;
	margin: 30px 0 0;
	background: url("../../img/kamino-tec.com/content_back.png") repeat;
}

#main h2 {
	font: 700 24px/24px "Lato";
	margin: 0 0 15px;
	padding: 0;	
}

#main h3, #main h4, footer h3, footer h4 {
	font: 700 16px "Lato", sans-serif;
	color: #58585a;
  margin: 0;
  padding: 20px 0 0 0;
  clear: both
}

#main p, footer p {width: 245px;}

#main p + img, #main p + figure {margin: 30px 0 0 0;}
body.subpage #main .left p {width: 500px;}

#main p a {}

#main a.showGalleryPiLightbox {
	display: block;
	margin: 0;
	padding: 395px 240px 0 0;
	position: absolute;
	text-indent: -10000px;
}

#main a.showGalleryPiLightbox:hover {background: url("../../img/gallery_hover.png") repeat;}

.left, .middle, .right {
  float: left;
  width: 260px;
	margin: 25px 0 25px 15px;
}

.left {margin-left: 25px;}

body.subpage #main .left {width: 520px; margin-right: 15px;}
body.subpage #main .middle {display: none;}

footer {
	display: inline-block;
	width: 840px;
	margin: 10px 0 30px 0;
	background: url("../../img/kamino-tec.com/logo_footer.jpg") no-repeat right bottom #f0f0f0;
}

footer b {color: #474747;}

footer .left {margin-top: 0;}

footer .middle {
  height: 156px;
	margin: 0;
}

footer .right {margin: 0;}

footer .right b {font-weight: bold;}

#quicklinks {
	text-align: center;
}

#quicklinks ul {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}

#quicklinks ul li {
	display: inline;
	margin-right: 10px;
}

#quicklinks ul li a {
	font-size: 10px;
	color: #808079;
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media only screen and (max-width: 900px) {
  #container, #headline, #main, footer {width: 565px/*width: calc(100% - 22px); margin: 0 22px*/}
  .left, .middle, .right {width: 242px; margin: 25px 20px}
  body.subpage #main .left.one {width: 565px; margin: 0}
  body.subpage #main .right, body.subpage #main .right p {width: auto}
  .pi_teaser_box.ofen {margin: 25px 20px}
  footer .middle {width: 242px}
}

@media only screen and (max-width: 645px) {
  #container, #headline, #main, footer {width: 282px}
  #logo {position: relative; margin: 0 auto}
  nav {margin: 35px 16px}
  #headline {text-align: center}
  h1 {word-wrap: break-word}
  body.subpage #main .left {width: 242px; margin: 25px 20px}
  body.subpage #main .left.one {width: 242px}
  body.subpage #main .left p {width: auto}
  body.subpage #main .left img, footer img {height: auto; width: 100%}
  body.subpage #main .left iframe {height: auto; width: 242px}
  #details figure {margin: 2px 0 1px}
  #details img {width: calc(100% - 4px) !important}
  footer .left, footer .middle, footer .right {width: 242px; margin: 25px 20px 0}
  footer figure {margin: 0}
}

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img {width: auto !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

  body {quotes: "\201E" "\201C" "\201A" "\2018";}
  * {width: 100% !important; min-height: 0 !important; height: auto !important; border: none !important;}
  h3 {margin-bottom: 5px; padding: 0;}
  p {margin:0; padding: 0;}
  ul, li {list-style-type: disc !important; color: #000 !important; list-style-image: none !important;}

  #logo *, #main .content * {text-align: left !important}
  .left, .middle, .right, .right.sub {width: 95% !important; margin: 0 2.5% !important}
  header nav, #logo, #quicklinks, footer .left {display: none}
  #logo a b {display: block}
}