﻿
body, html { width: 100%; height: 100%; margin: 0; background-color: #000; overflow: hidden; }
#all { min-width: 1002px; display: block; position:absolute; background-color: #000; height:auto; bottom:0; top:0; left:0; right:0; margin: 40px; }
#inside { position: relative; padding-bottom: 25px; min-width: 942px; width: 100%; height: 100%; background-color: #666; overflow: hidden; text-align: center; background-image: url(/assets/eyegasm_background2.jpg); background-position: center top; }
#stage { position: relative; margin: 0 auto; width: 942px; height:100%; text-align: left;  }

#lion { position:absolute; left: 347px; top: 120px; }


img {border: 0; }

.col1, .col2, .col3, .col4 { position: absolute; }
.col1 { left: 20px; }
.col2 { left: 248px; }
.col3 { left: 476px; }
.col4 { left: 704px; }

.typo1 { font: 13px/13px "Arial Black", Arial, sans-serif; letter-spacing: 1px; }
.typo2 { font: bold 11px/11px Arial, sans-serif;  letter-spacing: 1px;}
.typo3 { font: bold 13px/18px Arial, sans-serif;  letter-spacing: 1px;}
.typo3s { font: bold 12px/18px Arial, sans-serif;  letter-spacing: 1px;}
.typo4 { font: normal 13px/18px Arial, sans-serif;  letter-spacing: 0px}
.typo4xs { font: normal 12px/18px Arial, sans-serif;  letter-spacing: 0px}
.typo6 { font: 8px/8px "Arial Black", Arial, sans-serif; letter-spacing: 1px; }

.onecol { width: 208px; }
.twocol { width: 446px; }
.twocolx { width: 436px; }
.threecol { width: 674px; }

.content { background-color: #d51b2d; padding: 6px 3px 5px 7px; }
.content h1, .content h2 , .content h3  { font: 13px/18px "Arial Black", Arial, sans-serif; letter-spacing: 1px; margin: 0;}
.content h2 { padding-bottom: 3px; margin-bottom: 9px; border-bottom: 1px solid #000; }
.content h3 { margin-bottom: 14px; }
.content h4 { margin: 0; }
.content p { margin: 0 0 10px; padding: 0; }
.content p + p { padding-top: 10px;border-top: 1px solid #000;  }
.content a:link, .content a:visited, a.txt:link, a.txt:visited { font-style: italic; color: #000; display: inline-block; }
a.txt { margin: 9px 0 12px;}
.anspr { margin: 8px; padding: 8px 0; overflow: auto;}
.anspr img { float: left; margin: 5px 10px 5px 0; width: 120px; height: 120px; }
.border { border-bottom: 1px solid #000; }

#marke { float: right; margin-bottom: 110px;  }


.showroom { top: 181px; }
.showroom img, .team img { position: relative; left: -7px; }
.showroom img { margin-bottom: 0px; }
.showroom .thumb { text-decoration: none; }
.showroom .more { text-align:right; margin-bottom: 5px; padding-right: 5px;}

.morePics { }

.team  { display: inline-block; vertical-align: top; margin-bottom: 15px; }
.team + .team { margin-left: 10px; }
.team h2 { margin-bottom: 0px; }
.team img { width: 218px; height: 218px; margin-top: 4px; }

.container { display: block; position:absolute; height:auto; bottom:0; top:0; left:0; right:0; overflow: hidden; }

.col1_w2 { margin: 80px 476px 0 20px; }
.col1_w2p { margin: 80px 446px 0 20px; }
.col1_w3 { margin: 80px 248px 0 20px; }
.col1_w4 { margin: 80px 0px 0 20px; }
.col2_w3 { margin: 80px 20px 0 248px; }
.col3_w2 { margin: 80px 20px 0 476px; }

.news { overflow: auto; }
#newshead { margin: 0 0 10px 221px; }
.news .ordert { margin:  0 0 0 221px; }
.news  + .news { padding-top: 10px; border-top: 1px solid #000 }
.news .datum { float: left; }
.news p, .news .txt { float: right; width: 443px; }
.news .link { margin-bottom: 7px; }
.news h4 { text-transform: capitalize; }

ul { margin: 5px 0 0px 0; padding: 0; list-style-type: none; }
.nav a, #languages a, .nav-item { text-decoration: none; }

.nav { background-color: #000; top: 20px; padding: 6px 3px 14px 7px; }
.nav ul { margin-top: 39px; }
.nav-title {  display: block; padding: 2px 0 4px; margin-bottom: 0px; border-bottom: 1px solid #FFF; }
a.nav-title:link, a.nav-title:visited { color: #FFF;   }
a.nav-title:hover, a.nav-title:active { color: #d51b2d; }


#marken { float: left; width: 208px; background-color: #000; position: relative; padding: 0px 3px 14px 7px; margin-bottom: 110px;  }
#markenX { height: 20px; }

.nav-item { display: block; padding: 0 0 7px; }
a.lo:link, a.lo:visited { color: #787678; }
a.hi:link, a.hi:visited { color: #FFF; }
a.act:link, a.act:visited { color: #d51b2d; padding: 0 0 5px;  }
a.lo:hover, a.lo:active, a.hi:hover, a.hi:active, a.over { color: #d51b2d; }

#languages { position: absolute; left: 0; bottom: -50px; ssstop: 100%; width: 100%; height: 50px; background-color:#000; }
#languages div { position: absolute;top: -27px; text-align: right;  width: 100%; }
#languages a { display: inline-block; text-decoration: none; color: #FFF; margin-left: 18px; }
#languages a:hover, #languages a.active { color: #d51b2d; }

.area { position:absolute; }
.area a { text-decoration: none; position:absolute; width: 40px; height: 40px; }
.area a.alo {  background-position: 0px 0px; display: block; }
.area a.alo:hover, .area a.alo:active, .area a.aover { background-position: -40px 0px;  }
.area a.aact { background-position: -40px 0px;}
.area a.aact:hover, .area a.aact:active { background-position: 0px 0px; }

#north {top: 0; left: 50%;} 
#north a:link, #north a:visited {  position: absolute; left: -20px; top: -40px; background-image:url(/assets/north_bt.gif); }
#east {top: 50%; left: 100%;} 
#east a:link, #east a:visited {  position: absolute; left: 0px; top: -20px; }
#east.set1 a { background-image:url(/assets/east_bt.gif); }
#east.set2 a { background-image:url(/assets/east_2_bt.gif); }
#south {top: 100%; left: 50%;} 
#south a:link, #south a:visited {  position: absolute; left: -20px; top: 0px; background-image:url(/assets/south_bt.gif); }
#west {top: 50%; left: 0;} 
#west a:link, #west a:visited {  position: absolute; left: -40px; top: -20px; background-image:url(/assets/west_bt.gif); }
#west.set1 a { background-image:url(/assets/west_bt.gif); }
#west.set2 a { background-image:url(/assets/west_2_bt.gif); }

#scrollC { position: absolute; top: 0px; left: 100%; height: 100%; z-index: 100; }
#scroller { position: absolute; top: 0px; left: -35px; width: 35px; height: 100%; overflow: auto; }
#scrollerI { width: 15px; }

#x404 { position:absolute; top: 80px; text-align: center; }
#x404 .black { background-color: #000; }


