html { height: 99%; padding-bottom: 1px; font-size: 100%; }
body { position: relative; width: 520px; padding: 0; background: #fff; color: #000; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { color: #002a92; font-size: 1em; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: underline; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }


/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.button { overflow: hidden; display: inline-block; padding: 0 0 0 48px; background: transparent url('../images/button.png') no-repeat -452px 50%; color: #fff; font-size: 1.67em; line-height: 1; }
.button span { display: inline-block; margin: 0 -48px 0 0; padding: 18px 96px 18px 0; background: transparent url('../images/button.png') no-repeat 100% 50%; }
.button span.de { display: none; }
body.de .button span.de { display: inline-block; }
body.de .button span.en { display: none; }
.button:hover { text-decoration: none; }

.loader { overflow: hidden; position: fixed; left: 0; top: 0; z-index: 100; display: block; width: 100%; height: 100%; background: #fff url('../images/loader.gif') no-repeat 50% 200px; text-indent: -999em; }

body>h2 { font-size: 1.5em; font-weight: normal; }
body>h2.de { display: none; }
body>p.de { display: none; }

body.de>h2.de { display: block; }
body.de>h2.en { display: none; }
body.de>p.de { display: block; }
body.de>p.en { display: none; }


h2.intro { padding: 5px 0; border-bottom: 1px solid #b3b8bb; color: #002a92; font-size: 1.5em; font-weight: bold; line-height: 1; }
h2.intro a { float: right; padding-left: 15px; background: transparent url('../images/arrow_down.png') no-repeat 0 50%; color: #002a92; font-size: 0.667em; }
h2.intro a.active { background-image: url('../images/arrow_up.png'); }
h2.intro.de { display: none; }
body.de h2.intro.de { display: block; }
body.de h2.intro.en { display: none; }


/*
 * Frame
 */
div.frame { position: relative; width: 465px; height: 758px; padding: 562px 19px 0 36px; background: #fff url('../images/frame.png') no-repeat 50% 100%; }
div.frame canvas { position: absolute; top: 0; left: 0; }
div.frame>p { float: left; width: 108px; height: 73px; margin-right: 8px; padding: 73px 0 0 0; text-align: center; line-height: 1; }
div.frame>p b { display: block; color: #182a92; font-size: 1.67em; font-weight: normal; line-height: 30px; }
div.frame>p span.de { display: none; }

body.de div.frame>p span.de { display: block; }
body.de div.frame>p span.en { display: none; }

div.frame p.hover { background: transparent url('../images/frame_hover.png') no-repeat 0 0; }
div.frame p.error { color: red; }

div.frame div.intro { display: none; position: absolute; top: 0; right: 0; z-index: 100; width: 290px; padding: 15px; background: transparent url('../images/intro_bg.png') no-repeat 0 0; color: #fff; }
div.frame div.intro p.de { display: none; }
body.de div.frame div.intro p.de { display: block; }
body.de div.frame div.intro p.en { display: none; }

p.submit { text-align: center; }


/*
 * Gallery
 */
dl.gallery { overflow: hidden; margin-top: 3em; }
dl.gallery dt { overflow: hidden; position: relative; float: left; width: 118px; height: 146px; padding: 0; text-align: center; cursor: pointer; }
dl.gallery dt>a:hover{ text-decoration: none; }
dl.gallery dt>a>span { position: relative; z-index: 2; display: block; width: 108px; padding: 72px 10px 0 0; height: 100%; background: transparent url('../images/frames_2.png') no-repeat 0 0; line-height: 1.1; }
dl.gallery dt>a>span:hover { background: transparent url('../images/frames_2_hover.png') no-repeat 0 0; }
dl.gallery dt>a>span span:hover { background: none; }
dl.gallery dt span.de { display: none; }
body.de dl.gallery dt span.de { display: block; }
body.de dl.gallery dt span.en { display: none; }

dl.gallery dt img { position: absolute; z-index: 1; left: 0; }
dl.gallery dt.left span { padding-right: 0; padding-left: 10px; background-position: -118px 0; }
dl.gallery dt.left span:hover { background: transparent url('../images/frames_2_hover.png') no-repeat -118px 0; }
dl.gallery dt.left span span:hover { background: none; }
dl.gallery dt.left img { left: 10px; }
dl.gallery dt.down, dl.gallery dt.end { width: 108px; }
dl.gallery dt.down span { padding-right: 0; background-position: -236px 0; }
dl.gallery dt.down span:hover { background: transparent url('../images/frames_2_hover.png') no-repeat -236px 0; }
dl.gallery dt.down span span:hover { background: none; }
dl.gallery dt.end span { padding-right: 0; background-position: -344px 0; }
dl.gallery dd { display: none; }

dl.gallery dt a { color: #000; }
dl.gallery dt b { display: block; color: #182a92; font-size: 1.67em; font-weight: normal; line-height: 30px; }

/*
 * Overlay
 */
div.overlay { display: none; position: fixed; top: 0; left: 0; /*z-index: 9;*/ z-index: 150; width: 100%; height: 100%; background: #fff; opacity: 0.7; }

/*
 * Modal
 */
div.modal { display: none; position: fixed; /*z-index: 10;*/ z-index: 200; top: 100px; left: 50%; width: 415px; margin: 0 0 0 -235px; padding: 20px; border: 1px solid #fff; background: #0066c0 url('../images/modal_bg1.png') repeat-x 0 100%; color: #fff; text-align: center; box-shadow: 0px 0px 10px #000; }
div.modal h2 { color: #c70000; font-size: 3em; font-weight: normal; }
div.modal h2.de { display: none; }
body.de div.modal h2.de { display: block; }
body.de div.modal h2.en { display: none; }
div.modal p.de { display: none; }
body.de div.modal p.de { display: block; }
body.de div.modal p.en { display: none; }
div.modal a.close { display: block; position: absolute; top: 2px; right: 5px; color: #fff; font-size: 1.667em; font-weight: bold; line-height: 1; }

div.modal.win { background: transparent url('../images/modal_bg2.png') repeat-x 0 0; }
div.modal.win h2 { color: #002a92; font-size: 4em; }
div.modal.win h2.de { display: none; }
body.de div.modal.win h2.de { display: block; }
body.de div.modal.win h2.en { display: none; }

div.modal.lightbox { text-align: left; }
div.modal.lightbox h2 { float: left; width: 60%; padding-bottom: 1em; color: #fff; font-size: 2.167em; font-weight: bold; line-height: 1; }
div.modal.lightbox h3 { float: right; color: #fff; font-size: 1.667em; line-height: 1; }
div.modal.lightbox p { clear: both; }
div.modal.lightbox p.image { overflow: hidden; margin-bottom: 1em; padding: 0; /*background: #b3b8bb;*/ text-align: center; }



/*
 * NO JS / IE9 Message
 */
div.no-js-message{ position: fixed; left: 0; top: 0; width: 100%; z-index: 500; font-weight: bold; background-color: white; text-align: left; }
div.no-js-message p{ width: 300px; margin: 0; padding: 50px; border: 2px solid #b3b8bb; background: #FFF; color: #002a92; }

div.no-ie9-message{ position: fixed; left: 0; top: 0; width: 100%; z-index: 500; background-color: white; text-align: left; }
div.no-ie9-message p{ margin: 0; padding: 50px; border: 2px solid #b3b8bb; background: #FFF; color: #002a92; }
div.no-ie9-message p a{ color: #002a92; text-decoration: underline; }
div.no-ie9-message p a:hover{ color: #002a92; text-decoration: none; }

#AirPortPopUpStart{ display: block; margin: 0; padding: 50px; border: 2px solid #b3b8bb; background: #FFF; color: #002a92; }
#AirPortPopUpStart a{ color: #002a92; }
#AirPortPopUpStart a:active{ color: #002a92; }

/*
 * The End
 */