body {
margin-top:0;
margin-left:0;
}
div.outer {
width:100%;
height:100%;
position:absolute;
background:#F5F5F5;
border:0px solid #FF1493;
z-index:1;
}
div.inner {
position:relative;
width:100%;
background-color:#F5F5F5;
border:0px solid blue;
z-index:2;
}

div.container {
position:relative;
text-align:left;
width:1200px;
background-color:#fff;
padding-bottom:120px;
border:0px solid #090;
z-index:2;
}
div.over {
position:absolute;
width:210px;
height:74px;
background:#fff;
border:0px solid green;
z-index:5;
}
div.banner1 {
position:absolute;
width:144px;
height:48px;
text-align:left;
margin-top:74px;
border:0px solid yellow;
z-index:8;
}
div.banner2 {
position:absolute;
width:151px;
height:72px;
text-align:left;
margin-top:114px;
margin-left:59px;
border:0px solid yellow;
z-index:13;
}
div.banner {
position:absolute;
width:210px;
height:166px;
text-align:left;
background-color:#900;
margin-top:74px;
margin-left:0px;
border:0px solid green;
z-index:7;
}
div.banner_right {
position:absolute;
height:166px;
width:16px;
background-color:#900;
margin:74px 0 0 921px;
z-index:5;
}
div.scale {
position:absolute;
margin-top:630px;
margin-left:976px;
width:169px;
height:130px;
border:0px solid #D8D8D8;
z-index:10;
}
div.throw {
position:absolute;
margin-top:576px;
margin-left:976px;
width:169px;
height:130px;
border:0px solid #D8D8D8;
z-index:10;
}
div.flamenco {
position:absolute;
margin-top:33px;
margin-left:87px;
width:143px;
height:216px;
z-index:13;
}
div.flamenco_left {
position:absolute;
margin-top:33px;
margin-left:67px;
width:210px;
height:216px;
border:0px solid red;
z-index:6;
}

div.center3 {
height:810px;
border-bottom:1px solid #D8D8D8;
border-left:1px solid #D8D8D8;
border-right:1px solid #686868;
margin:0;
z-index:4;
}
div.center2 {
border-bottom:1px solid silver;
border-left:1px solid silver;
border-right:1px solid #989898;
margin:0;
z-index:4;
}
div.center1 {
border-bottom:1px solid #989898;
border-left:1px solid #989898;
border-right:1px solid silver;
margin:0;
z-index:4;
}
div.center4 {
margin-right:0px;
margin-left:0px;
border:0px solid green;
margin:0;
z-index:4;
}
div.center {
margin-top:0px;
background-color:#F5F5F5;
border-bottom:1px solid #686868;
border-left:1px solid #686868;
border-right:1px solid #D8D8D8;
margin-right:275px;
margin-left:210px;
z-index:4;
}
div.logo {
position:absolute;
margin-top:270px;
margin-left:322px;
width:646px;
height:374px;
border:0px solid red;
z-index:4;
}

a:active {
  outline:none;
}
/* :focus {
  -moz-outline-style:none;
} */
a {
color:#933;
text-decoration:none;
font-weight:400;
}

a:hover {
text-decoration:none;
color:#090;
letter-spacing:0;
}

/* ======================= main navigator ========================= */
div.contnav {
position:absolute; margin-top:267px; height:350px;
width:210px; border:0px solid #000;
z-index:3;
}

#main_navi {
display:inline; list-style-type: none; background-color:#FFF;
margin:0 0 0 0; padding:0; position:absolute; width:210px;
z-index:10; display:block;
}
#main_navi li a, #main_navi li a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt; letter-spacing:0pt; text-align:right;
font-weight:normal; padding-right:14px; display:block;
text-decoration:none;
/*color:#000;*/
}
#main_navi li dd {
display:none;
}
#main_navi li:hover, #main_navi li a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt; text-align:right; letter-spacing:0pt;
font-weight:bold; border:0px none;
}
#main_navi li:hover dt a, #main_navi li a:hover dt a {
background:#990000; color: #FFCC00;
}
#main_navi li:hover dd, #main_navi li a:hover dd {
display:block;
}
#main_navi li:hover dl, #main_navi li a:hover dl {
background:#990000;
}
#main_navi dl {
width:210px; margin:0; cursor:pointer;
}
#main_navi dd {
margin-left:0px; color:#990000; border-top:0px solid #ffffff;
}
.main_navi dt a, .main_navi dt a:visited {
display:block; color:#000; padding-left:0px;
padding-right:0px; padding-top:4px; padding-bottom:5px;
}
.main_navi dd a, .main_navi dd a:visited {
min-height:16px; text-decoration:none; display:block;
background:#F5F5F5; padding-left:0px; padding-right:18px;
padding-top:4px; padding-bottom:5px; color:#900;
}
.main_navi dd a:hover {
background:#F5F5F5; padding-right:18px;
}

div.top {
position:absolute;
margin-top:0px;
margin-left:322px;
background-color:#F5F5F5;
width:350px;
height:60px;
border:0px solid red;
z-index:5;
}

div.browse {
position:absolute;
height:30px;
margin-left:586px;
margin-top:15px;
background-color:#F5F5F5;
border:0px solid blue;
z-index:10;
}
div.top_right {
position:absolute;
height:60px;
width:175px;
margin-left:530px;
margin-top:0px;
background-color:#F5F5F5;
border:0px solid green;
z-index:9;
}
div.top_left {
position:absolute;
height:60px;
width:35px;
margin-left:0px;
margin-top:0px;
background-color:#F5F5F5;
border:0px solid green;
z-index:15;
}
/* a.browse {
font-family:verdana, arial, helvetica, sans-serif;
display:block;
float:left;
margin:5px;
cursor:pointer;
font-size:10pt;
line-height:12pt;
font-weight:normal;
} */
disabled navigational button
a.disabled {
visibility:hidden !important;
}
a.next, a.nextPage {
clear:right;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
position:relative;
float:left;
overflow:hidden;
width:705px;
height:800px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
border:0px solid red;
z-index:8;
}
.scrollable .items {
padding-top:0px;
width:5100px;                /* width:20000em; */
position:absolute;
clear:both;
border:0px solid red;
}
/* ============ single scrollable item ================ */
.items div {
float:left;
width:700px;
margin-right:5px;
border:0px solid green;
}

.item {
margin-top:0px;
margin-bottom:0px;
}
.item01 {
height:315px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
}
.item02 {
height:245px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
}
.item03 {
height:185px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
}

/* =============================== the overlayed element ====================================== */

/* initially overlay is hidden */
.overlay {
padding:26px;
display:none;
border:0px solid #909090;
z-index:10000;
}
.overlay .close {
background-image:url(http://sensis-glas.de/overlay/close.png);
position:absolute;
left:413px; top:11px;
cursor:pointer;
height:26px;
width:26px;
z-index:10001;
}
div.back {
position:absolute;
margin-left:595px;
margin-top:10px;
background-color:#F5F5F5;
border:0px solid blue;
z-index:10;
}
div.across {
position:absolute;
width:230px;
height:120px;
margin-left:950px;
margin-top:150px;
background:#fff;
border:0px solid #000;
z-index:5;
}
div.announce {
position:absolute;
width:180px;
min-height:10px;
/*padding:5px;*/
margin-left:980px;
margin-top:72px;
border:0px dotted #686868;
z-index:4;
}
h3.announce {
font-family:verdana, arial, helvetica, sans-serif;
margin:0px;
font-size:8pt;
font-weight:normal;
color:#686868;
text-align:left;
letter-spacing:0;
line-height:12pt;
}
h1.scroll {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#686868;
letter-spacing:0pt;
line-height:12pt;
text-align:left;
margin-top:40px;
margin-left:35px;
margin-bottom:15px;
}
h1.snap {
position:absolute;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#686868;
letter-spacing:0pt;
line-height:12pt;
text-align:left;
margin-top:40px;
margin-left:35px;
margin-bottom:0px;
}
h2.snap2 {
position:absolute;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#686868;
letter-spacing:0pt;
line-height:12pt;
text-align:left;
margin-top:40px;
margin-left:35px;
margin-bottom:0px;
}
h2.top {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#686868;
letter-spacing:0pt;
line-height:12pt;
text-align:left;
margin-top:40px;
margin-left:35px;
margin-bottom:15px;
}
h2.scroll {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:400;
color:#000;
text-align:left;
letter-spacing:0pt;
line-height:12pt;
margin-top:0px;
margin-left:35px;
margin-right:0px;
margin-bottom:15px;
}
h2.neu {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:400;
color:#000;
text-align:center;
letter-spacing:0pt;
line-height:12pt;
margin-top:150px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}
h3.scroll {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:400;
color:#000;
text-align:left;
letter-spacing:0pt;
line-height:12pt;
margin-top:0px;
margin-left:35px;
margin-right:0px;
margin-bottom:15px;
}
p.scroll {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:400;
color:#000;
text-align:left;
letter-spacing:0;
line-height:12pt;
margin-top:0px;
margin-left:35px;
margin-right:35px;
margin-bottom:15px;
}
p.text {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:400;
color:#000;
text-align:left;
letter-spacing:0;
line-height:12pt;
margin-top:3px;
margin-left:330px;
margin-right:35px;
margin-bottom:15px;
}

/*p.browse {
font-family:verdana, arial, helvetica, sans-serif;
float:left;
margin:5px;
cursor:pointer;
font-size:10pt;
line-height:12pt;
font-weight:normal;
}*/
p.tipp {
font-family:verdana, arial, helvetica, sans-serif;
font-size:8pt;
font-weight:400;
color:#000;
text-align:left;
letter-spacing:0;
line-height:12pt;
margin-top:45px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
}

h1.neuheit {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#E80000;
letter-spacing:0pt;
line-height:12pt;
text-align:left;
margin-top:40px;
margin-left:35px;
margin-bottom:15px;
}

#superior {
height:205px;
margin-top:5px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#superior img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#jazz1 {
height:205px;
margin-top:5px;
margin-left:0px;
margin-right:0px;
padding-bottom:20px;
border:0px solid black;
z-index:98;
}
#jazz1 img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#bellagio {
float:left;
height:205px;
margin-top:73px;
margin-left:0px;
margin-right:0px;
padding-bottom:20px;
border:0px solid black;
z-index:98;
}
#bellagio img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}

#havanna {
float:left;
height:205px;
margin-top:5px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#havanna img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#carat {
float:left;
height:205px;
margin-top:5px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#carat img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#cordoba_gold {
float:left;
height:205px;
margin-top:73px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#cordoba_gold img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#cordoba_platin {
float:left;
height:205px;
margin-top:5px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#cordoba_platin img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#access {
float:left;
height:205px;
margin-top:5px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#access img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}

#dekantierer {
float:left;
height:205px;
margin-top:73px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#dekantierer img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#cooler {
float:left;
height:205px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#cooler img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#crewet {
float:left;
height:205px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#crewet img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}

#pic29 {
float:left;
height:205px;
margin-top:73px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#pic29 img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#pic30 {
float:left;
height:205px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#pic30 img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#pic31 {
float:left;
height:205px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#pic31 img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#pic32 {
float:left;
height:205px;
padding-top:70px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
border:0px solid black;
z-index:98;
}
#pic32 img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#pic33 {
float:left;
height:205px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
border:0px solid black;
z-index:98;
}
#pic33 img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#pic34 {
float:left;
height:165px;
padding-top:0px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
border:0px solid black;
z-index:98;
}
#pic34 img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
div.text {
height:100px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}

#liz {
position:absolute;
/*width:320px;*/
height:150px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
border:1px solid black;
z-index:98;
}
#liz img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}

#jazz {
width:320px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
border:0px solid black;
z-index:98;
}
#jazz img {
cursor:pointer;
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#tarragones {
position:absolute;
width:320px;
margin-top:3px;
margin-left:330px;
margin-right:0px;
margin-bottom:0px;
border:0px solid black;
z-index:98;
}
#tarragones img {
cursor:pointer;
margin-top:3px;
margin-left:0px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}

#dekanter {
position:absolute;
width:320px;
margin-top:8px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#dekanter img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}

#dekanter2 {
position:absolute;
width:280px;
margin-top:8px;
margin-left:330px;
margin-right:0px;
margin-bottom:0px;
border:0px solid black;
z-index:98;
}
#dekanter2 img {
cursor:pointer;
margin-top:3px;
margin-left:0px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#ente {
position:absolute;
width:320px;
margin-top:3px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#ente img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#liz {
position:absolute;
width:320px;
margin-top:8px;
margin-left:0px;
margin-right:0px;
border:0px solid black;
z-index:98;
}
#liz img {
cursor:pointer;
margin-top:3px;
margin-left:35px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
#bier {
position:absolute;
width:280px;
margin-top:8px;
margin-left:330px;
margin-right:0px;
margin-bottom:0px;
border:0px solid black;
z-index:98;
}
#bier img {
cursor:pointer;
margin-top:3px;
margin-left:0px;
margin-right:35px;
margin-bottom:0px;
border:1px solid #909090;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
display:block;
float:left;
width:30px;
height:30px;
margin-right:15px;
font-size:1px;
background:url(img/hori_large.png) no-repeat;
cursor:pointer;
}

/* right */
a.right                { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover          { background-position:-30px -30px; }
a.right:active         { background-position:-60px -30px; }


/* left */
a.left                 { margin-left: 0px; }
a.left:hover           { background-position:-30px 0; }
a.left:active          { background-position:-60px 0; }

/* up and down  */
a.up, a.down                {
background:url(img/vert_large.png) no-repeat;
float:none;
/* margin:10px 40px; */
}

/* up */
a.up:hover              { background-position:-30px 0; }
a.up:active             { background-position:-60px 0; }

/* down */
a.down                  { background-position: 0 -30px; }
a.down:hover            { background-position:-30px -30px; }
a.down:active           { background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}
/* tooltip styling. by default the element to be styled is .tooltip */
.tooltip {
display:none;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10pt; font-weight:800; line-height:12pt;
text-align:left; color:#fff; background:#990000;
min-height:10px; /*max-width:140px;*/ padding:10px;
border:0px solid #fff;
-moz-box-shadow: 4px 4px 5px #686868;
-moz-border-radius:5px;
-webkit-box-shadow: 4px 4px 5px #686868;
-webkit-border-radius:5px;
z-index:20;
}