body { 
	margin:0; padding:0;
	text-align:center;
	font-family:georgia, arial, Tahoma;
	font-size:14px;
	color:#333;
	/*background:#FFF*/
	background:#000 url('../images/bgsite3_03.jpg') no-repeat center top;
}
input, textarea {color:#FFF; font-size:11px; font-family:arial;}
* { margin:0; padding:0}
img { border:0}
a { text-decoration:none; outline:none; color:#37749f; font-weight:bold}
a:hover { text-decoration:none; color:#333}

p {margin-bottom:10px; text-align:justify}

/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {   
	border : 0px;
} 
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {     
    outline : none; 
}

h1,h2,h3,h4,h5,h6 {margin:0 0 7px 0; padding:0; color:#FFF}
h1 {font-size:30px}

.clear {clear:both; height:0; font-size:0; line-height:0}
/* clearing floated elements */
.clearing:after {content: "."; display:block; height:0px; font-size:0;line-height:0px; clear: both; visibility: hidden;}
.clearing {display:	inline-block;}
.clearing { /* Hides from IE-mac \*/display:block;}
* html .clearing { /* Hides from IE-mac \*/display:inline;}
/***********************************/
.hide {display:none}
.left {float:left}
.right {float:right}
/*88888888888888*/
#intromenu {position:relative; z-index:1;}
#quicktip {
	background:url('../images/arrow.png') no-repeat 10px bottom;
	padding-bottom:3px; float:left;
	}
#quicktip p strong {font-style:italic; font-size:14px;}
#quicktip p {
	margin:0;
	border:1px solid #000; 
	background:#540000 url('../images/test.jpg') repeat-x left top;
	-moz-border-radius: 5px;
	border-radius: 5px; padding:10px;
	color:#FFF;
	float:left;
}
.hideTip {position:absolute; display:none; z-index:10}

.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;border-radius:5px}
/*************************************/
#wrapper {width:1000px; margin:20px auto 10px; padding:0; text-align:left;position:relative;}
.header {position:Relative; z-index:2;}
#logo {padding:0px 0 12px; padding-left:10px; height:55px; overflow:hidden; width:250px}

.menucontact {width:330px; position:absolute; top:460px; border-top:1px solid #000; right:70px;
	padding-top:3px; font-size:16px; font-style:italic;}
.menucontact li {float:right; display:inline; padding:0 10px}
.menucontact a {font-size:16px; font-style:italic; color:#FFF}

.menu_homepage {width:200px; position:absolute;  font-family:"Times New Roman", georgia; top:140px; right:40px;
	padding-top:3px; font-style:italic;}
.menu_homepage li {margin-bottom:14px; line-height:110%; color:#CCC; font-size:21px;  font-weight:normal;}
.menu_homepage a {color:#CCC; font-size:21px;  font-weight:normal;}

#menu {position:absolute; top:0px; right:15px;}
.menu {margin:10px 0}

.menu li {line-height:50px; text-indent:-1900px; display:block; width:150px; float:left}
.menu li a {display:block;}

.menu li a#menu_museum:active {width:190px; background:url(../images/menu.png) no-repeat 0 0;}
.menu li a#menu_museum:hover {background:url(../images/menu.png) no-repeat 0px -50px;}
.menu li a#menu_museum {width:190px; background:url(../images/menu.png) no-repeat 0px -103px;}

.menu li a#menu_object:active {width:120px; background:url(../images/menu.png) no-repeat -195px 0;}
.menu li a#menu_object:hover {background:url(../images/menu.png) no-repeat -195px -50px;}
.menu li a#menu_object {width:120px; background:url(../images/menu.png) no-repeat -195px -103px;}

.menu li a#menu_lamp:active {width:130px; background:url(../images/menu.png) no-repeat -318px 0;}
.menu li a#menu_lamp:hover {background:url(../images/menu.png) no-repeat -318px -50px;}
.menu li a#menu_lamp {width:130px; background:url(../images/menu.png) no-repeat -318px -103px;}

.menu li a#menu_production:active {width:170px; background:url(../images/menu.png) no-repeat -450px 0;}
.menu li a#menu_production:hover {background:url(../images/menu.png) no-repeat -450px -50px;}
.menu li a#menu_production {width:170px; background:url(../images/menu.png) no-repeat -450px -103px;}

.menu2 {position:absolute; top:7px; right:15px; font-family:"Times New Roman", verdana; font-size:28px;}
.menu2 a {color:#6d6d6d; text-decoration:none; font-weight:normal}
.menu2 li {line-height:50px; display:block; width:150px; float:left; text-align:center; }
.menu2 li a {display:block;}
.menu2 li a span {color:#ef8117}

#production {position:relative; z-index:10; display:none}

/***************************************/
.width900 {width:1000px; position:relative}
.width500 {width:480px; position:relative}
.width400 {width:400px; position:relative}
.container {position:Relative; width:5000px; z-index:2}
#intro {}
#intro li {line-height:50px; display:block; width:220px; float:left }


#divhidden {width:1000px; overflow:hidden; position:relative; top:65px; z-index:3}

#museum li {
	position:relative;
	display:block; width:300px; float:left; margin-bottom:20px;
	background:url(../images/bg_object.png) no-repeat left top;
}
#museum li:hover {background:url(../images/bg_object.png) no-repeat left bottom;}

.objects li {min-height:120px; padding-left: 110px; color:#333}
.objects li a {position:absolute; left:0; top:10px;}

.objects li p {padding-top:20px;}

#object li {
	position:relative;
	display:block; width:300px; float:left; margin-bottom:20px;
	background:url(../images/bg_object.png) no-repeat left top;
}
#object li:hover {background:url(../images/bg_object.png) no-repeat left bottom;}

#lamp li {
	position:relative;
	display:block; width:300px; float:left; margin-bottom:20px;
	background:url(../images/bg_object.png) no-repeat left top;
}
#lamp li:hover {background:url(../images/bg_object.png) no-repeat left bottom;}


#contact p strong {font-style:italic}
.form {margin:20px; font-size:20px; color:#333; position:relative; z-index:2;}
.form p {text-align:right}
.form label {color:#FFF}
.form input {
	-moz-border-radius: 3px;
	border-radius: 3px; 
	padding:8px; width:270px; border:1px solid #666; background-color:#333;
}
.form textarea {
	-moz-border-radius: 3px;
	border-radius: 3px; 
	padding:8px; width:270px; vertical-align:top; border:1px solid #666; background-color:#333;
}


/*******************************************************************************/
#bg_animation {
	position:absolute; z-index:1;
	top:0; left:-80px; width:1000px; height:550px;
	background: url(../images/bg_animation31.png) no-repeat 0 0;
}

#close {position:absolute; right:10px; top:0px; display:none; z-index:10}

#scrollArea,#scrollArea1,#scrollArea2  {	
	height:450px; 
	width: 1000px;
	/*opacity:0.0;  
	filter:alpha(opacity=50);  
	-moz-opacity:0.5; */
	display:none; position:relative; top:40px;

}

#makeMeScrollable1,#makeMeScrollable2,#makeMeScrollable
{
	width:100%;
	height: 400px;
	position: relative;
	width:1000px; 
	overflow:hidden;
}
/*
p.bgt { 
	position:absolute !important; left:0; top:0;
	opacity:.8; filter:alpha(opacity=80); -moz-opacity:0.8;
	background-color:#000; z-index:1 !important;
	-moz-border-radius: 5px;
	border-radius: 5px; padding:10px;
}
*/
p.bgp {
	position:absolute !important; left:7px; top:32px;
	opacity:.95; filter:alpha(opacity=95); -moz-opacity:0.95;
	background-color:#000; z-index:1 !important;
	border-radius: 5px;
	width:873px; height:339px; 
}
.film {position:relative; z-index:2;}
.film table {position:Relative; z-index:1; display:block;}
.categ {position:absolute; bottom:20px; left:10px; z-index:3}
.zoomcateg {position:absolute; bottom:5px; left:10px; z-index:3}

#info {padding:50px 30px; z-index:100; position:relative; background-color:#121212; display:none }
#info_what {padding:30px 30px 50px; z-index:100;  position:relative; background-color:#121212; display:none }
h2 {margin-bottom:0; font-family:"Times New Roman", verdana; color:#ff6600}
h3 {margin-bottom:0; font-family:"Times New Roman", verdana; color:#ff6600}

img.bw {}

div.scrollableArea div.scrollDiv
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0; 
	width:820px; 
	padding:40px 30px; 
	height:340px;
	text-align:left; 
	background:url(../images/bg_scroll.png) repeat-x left top;
}
div.scrollableArea div.scrollDiv .endscroll {position:absolute; top:30px; left:0}

div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-repeat: no-repeat;
	background-image:url(../images/arrow_left.gif);
	background-color:#FFFFFF;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	background-image:url(../images/arrow_right.gif);
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

.scrollDiv td.myim {opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;}
.scrollDiv_detail {margin:10px; text-align:justify; color:#FFF; font-size:12px;}
.scrollDiv_detail h2 {
	margin:0 0 10px 0; text-align:left;
	font-size:20px; color:#FFF; font-style:italic;
	font-weight:normal;
	
}

.scrollDiv_detail h2 span {
	padding:3px 40px 3px 10px; 
	 background-color:#303136; border:1px solid #000; 
	display:block; -moz-border-radius: 3px;
	border-radius: 3px; float:left;
}
.scrollDiv_detail p {margin:0 0 5px 0; color:#FFF}

/*******************************************************************************/


.scroll_lamp .scrollDiv_detail h2 span {background-color:#202020; color:#FFF}
.scroll_lamp .scrollDiv_detail strong {color:#666}
.scroll_museum .scrollDiv_detail h2 span {background-color:#202020; color:#FFF}
.scroll_museum .scrollDiv_detail strong {color:#666;}
.scroll_object .scrollDiv_detail h2 span {background-color:#202020; color:#FFF}
.scroll_object .scrollDiv_detail color {color:#666}



#impressum {	
	width:960px; background-color:#121212; padding:20px; border:1px solid #000; font-size:14px;
	position:relative; top:30px; color:#999; display:none
}
#impressum p {margin:5px 0 10px; font-size:14px;}
#impressum .left {width:240px; color:#fff}
#impressum .right {width:690px}
#impressum a {color:#FFF}

#references {
	width:780px; padding:20px; border:1px solid #000; font-size:14px;
	position:relative; left:120px; top:30px; color:#666; 
	background-color:#121212; 
	/*background:#0f1316 url(../images/bgreferences.jpg) no-repeat left top; */
	/* background-color:#0f1316;  */ font-size:12px;  display:none
}
ul , ul li{list-style-type:none}

#references p{color:#FFF; font-weight:bold;}
#references li {list-style: inside ;list-style-type:circle;}