/* Reset browser */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {color: #fff;}
/* /Reset browser */

img {
	behavior:url("htc/iepngfix.htc");
}

html, body, div#imageContainer, div#imageContainer img, div#overlayContainer, div#overlayContainer div, div#clickerContainer, div#clickerContainer div {height: 100%;}
html, body {overflow: hidden;}
body {font-family: "Verdana", sans-serif; font-size: 12px;}
img.preLoader {display: none;}
div#imageContainer, div#overlayContainer, div#clickerContainer {position: absolute; white-space: nowrap;}
div#imageContainer {z-index: 0; overflow:hidden;}
div#overlayContainer {z-index: 1;}
div#clickerContainer {z-index: 2; width: 100%;}
* html div#imageContainer {overflow: hidden;}
* html div#imageContainer img {margin: 0 -3px;}
* html div#overlayContainer {overflow: hidden;}
* html div#clickerContainer {overflow: hidden; background-color: #fff;}
*+html div#clickerContainer {background-color: #fff;}
div#imageContainer img, div#overlayContainer div, div#clickerContainer div {float: left;}
div#imageContainer img {visibility: hidden;}
div#overlayContainer div {background-color: #fff;}
div#clickerContainer div {width: 49%;}
div#clickerContainer div#next {float:right; cursor: url(../gfx/forward.gif), e-resize;}
div#clickerContainer div#previous {cursor: url(../gfx/back.gif), w-resize;}
div#sliderLine {display: none; z-index: 3; position: absolute; bottom: 67px; width: 74px; height: 0; border-top: 1px solid #231f20; border-bottom: 1px solid #58585a;}
* html div#sliderLine {line-height: 0;}
div#slider {z-index: 3; position: absolute; bottom: 67px; left: 74px; height: 0; border-top: 1px solid #231f20; border-bottom: 1px solid #58585a;}
div.hidden {padding-bottom: 1px; border-top: 0px none !important; border-bottom: 0px none !important;}
div#navigation {display: block; position: absolute; margin-top: -21px;}
div#navigation .navigationArea {display: block; position: absolute; margin: -179px 0 0 -60px; width: 200px; height: 220px;}
div#navigation .numeric {font-size: 10px; font-weight: bold; color: #a7a9ac;}
div#navigation div.navigation {position: absolute; margin-left: -2px; line-height: 16px; border-left: 1px solid #231f20;}
div#navigation div.navigation div {padding-bottom: 40px; border-left: 1px solid #58585a; cursor: url(../gfx/mr-slider.ico), move;}
div#navigation div.navigation a {display: inline-block; margin-top: 1px; padding: 0px 5px 0px 16px; height: 17px; color: #fff; text-decoration: none; cursor: pointer;}
div#navigation div.navigation a.selected, div#navigation div.navigation a:hover {color: #fff; margin-top: 0px; margin-bottom: -1px; border: 1px solid #58585a; background-color: #231f20; border-left: 0px none; padding-right: 4px;}
* html div#navigation div.navigation a.selected {height: 19px;}
* html div#navigation div.navigation a:hover {height: 19px;}
div#navigation div.flipped {border-left: 0px none; border-right: 1px solid #58585a; text-align: right;}
div#navigation div.flipped div {padding-bottom: 40px; border-left: 0px none; border-right: 1px solid #231f20;}
div#navigation div.flipped a {padding: 0px 16px 0px 5px;}
div#navigation div.flipped a.selected, div#navigation div.flipped a:hover {border-left: 1px solid #58585a; border-right: 0px none; padding-right: 16px; padding-left: 4px;}
div#navigation div.labelFlipped {text-align: right;}
div#navigation div.handle {position: absolute; margin-left: -22px; padding-top: 5px; width: 20px; height: 16px; text-align: center; vertical-align: middle; background-color: #231f20; cursor: url(../gfx/mr-slider.ico), move; /*cursor:pointer;*/}
div#loader {position: absolute; margin:-20px 0 0 -22px; padding:2px; width: 16px; height: 16px; background-color: #231f20;}
* html div#navigation div.handle {height: 21px;}
div#label {z-index: 3; position: absolute; margin-top: 38px; margin-left: -20px; width:378px; color: #fff;}
div#branding {z-index: 5; position: absolute; right: 54px; bottom: 56px;}
div#info {display: none; z-index: 5; position: absolute; right: 0px; padding: 64px 48px 64px 48px; width: 262px; height: 100%; color: #fff; background-color: #000; line-height: 16px;}
* html div#info {width: 358px;}
img#infoBranding {z-index:6; display:none; position: absolute; right: 54px; bottom: 57px;}

/* Log & Debug */
/*
div#debug {display: none; z-index: 2; position: absolute; right: 32px; top: 32px; width: 256px; padding: 16px;  color: #fff; background-color: #000; border: 4px solid #fff;}
div#debug div.title {font-weight: bold; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 4px solid #fff;}
div#debug div.log {height: 400px; margin-bottom: 16px; font-family: monospace; overflow: hidden;}
div#debug div.imprint {font-size: 10px;}
div#debug a {display: inline-block; padding: 8px; color: #000; background-color: #fff; font-size: 0.8em;}
div#jslitmus {position: absolute; top: 0px; left: 0px; background-color: #fff;}
*/

ul#navigation_mobile {padding: 20px; width: 200px; height: 260px; position: absolute; right:0; background-color: black; z-index: 9999}
ul#navigation_mobile li {}
ul#navigation_mobile li a {font-size:26px; text-decoration: none}
img#navigation_mobile_close { position:relative;left:100px;top:20px;}

