/*__ basics __*/

html { height: 100%;  margin-bottom: 0px; }
html * { padding: 0; margin: 0; }

body {
	background: rgb(48,50,58);
	padding: 0px 0px 10px;
}

#all-gallery {
	text-align: left;
	margin: 20px 0px 0px;
	width: 900px;
	height: 475px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: default;
}

#all-start {
	text-align: left;
	margin: 30px auto 0;
	width: 900px;
	height: 675px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: default;
	background-image: url(home/bg_room_for_simon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#all_00 {
	text-align: left;
	margin: 175px auto 0;
	width: 900px;
	height: 475px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: default;
}

/*__ header __*/

#header {
	height: 60px;
	position: relative;
}

#header h1 {
	width: 240px;
	height: 60px;
	left: 170px;
	top: 245px;
	position: absolute;
	background-image: url(home/leta_peer.jpg);
	background-repeat: no-repeat;
}
  
#header h1 a {
	display: block;
	width: 5px;
	height: 60px;
	text-decoration: none;
	text-indent: -4040px;
}

/*__ header __*/

#header00 {
	height: 80px;
	position: relative;
}

#header00 h1 {
	width: 589px;
	height: 80px;
	left: 130px;
	top: 0px;
	position: absolute;
	background-image: url(name.gif);
	background-repeat: no-repeat;
}
  
#header00 h1 a {
	display: block;
	width: 180px;
	height: 80px;
	text-decoration: none;
	text-indent: -4040px;
}

/*__ titel gallery __*/

#titel-gallery {
	width: 285px;
	height: 80px;
	position: relative;
	padding-top: 60px;
	float: left;
}

#titel-gallery h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #BEB291;
	font-size: 15px;
	text-align: right;
	padding-top: 0px;
	padding-right: 15px;
}

/*__ text area top __*/

#text-gallery {
	width: 600px;
	height: 80px;
	position: relative;
	border-left: 1px solid #7E8089;
	float: left;
	margin-top: 30px;
}

#text-gallery p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #BEB291;
	font-size: 15px;
	text-align: left;
	padding-top: 0px;
	padding-right: 15px;
}


/*__ menue gallery __*/
	
#gallery-navi {
	width: 160px;
	color: #72645C;
	text-align: right;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 110px;
	float: left;
	font-weight: normal;
	background-image: url(../source/f_peer.gif);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	clear: left;
	float: left;
}

/* - Navi - */

#gallery-navi ul{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#gallery-navi li { margin: 0 0 0 0; }

#gallery-navi a {
	display : block;
	padding : 4px 0px;
	color : #7E8089;
	text-decoration : none;
	font-size : 15px;
	line-height : 15px;
	letter-spacing: 0.07em;
}

#gallery-navi a:hover, 
#gallery-navi a.aktiv {
	color : #E5E5E5;
	text-decoration : none;
}

#gallery-navi a.language {
	color : #72645C;
	text-decoration : none;
}

#gallery-navi a.language:hover {
	color : #BEB291;
	text-decoration : none;
}

/*__ menues __*/
	
#main-navi {
	width: 265px;
	border-right: 1px solid #7E8089;
	color: #72645C;
	text-align: right;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	float: left;
	font-weight: normal;	
}

/* - Navi - */

#main-navi ul{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#main-navi li { margin: 0 0 0 0; }

#main-navi a {
	display : block;
	padding : 4px 0px;
	color : #72645C;
	text-decoration : none;
	font-size : 15px;
	line-height : 15px;
	letter-spacing: 0.07em;
}

#main-navi a:hover, 
#main-navi a.aktiv {
	color : #BEB291;
	text-decoration : none;
}

/* - Second Level - */

#second-navi {
	width: 300px;
	color: #7E8089;
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	float: left;
	font-weight: normal;
}

#second-navi ul{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#second-navi li { margin: 0 0 0 0; }

#second-navi a {
	display : block;
	padding : 4px 0px;
	color : #7E8089;
	text-decoration : none;
	font-size : 15px;
	line-height : 15px;
	letter-spacing: 0.07em;
}

#second-navi a:hover, 
#second-navi a.aktiv {
	color : #E5E5E5;
	text-decoration : none;
}

/* - Thrid Level - */

#third-navi {
	width: 300px;
	color: #7E8089;
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	float: left;
	font-weight: normal;
}

#third-navi ul{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#third-navi li { margin: 0 0 0 0; }

#third-navi a {
	display : block;
	padding : 4px 0px;
	color : #7E8089;
	text-decoration : none;
	font-size : 15px;
	line-height : 15px;
	letter-spacing: 0.07em;
}

#third-navi a:hover, 
#third-navi a.aktiv {
	color : #E5E5E5;
	text-decoration : none;
}

	
/*__ languages __*/

#deutsch {
	width: 140px;
	height: 30px;
	left: 480px;
	top: 245px;
	position: absolute;

}

#deutsch a {
	display: block;
	width: 140px;
	height: 30px;
	left: 480px;
	top: 245px;
	text-decoration: none;
	text-indent: -4040px;
	background-image: url(home/de_001.jpg);
	background-repeat: no-repeat;
}

#deutsch a:hover {
	display: block;
	width: 140px;
	height: 30px;
	left: 480px;
	top: 245px;
	text-decoration: none;
	text-indent: -4040px;
	background-image: url(home/de_001x.jpg);
	background-repeat: no-repeat;
	}

#english {
	width: 140px;
	height: 30px;
	left: 480px;
	top: 275px;
	position: absolute;
}

#english a {
	display: block;
	width: 140px;
	height: 30px;
	left: 480px;
	top: 275px;
	text-decoration: none;
	text-indent: -4040px;
	background-image: url(home/en_001.jpg);
	background-repeat: no-repeat;
}

#english a:hover {
	display: block;
	width: 140px;
	height: 30px;
	left: 480px;
	top: 275px;
	text-decoration: none;
	text-indent: -4040px;
	background-image: url(home/en_001x.jpg);
	background-repeat: no-repeat;
}

#installation_view {
	width: 280px;
	height: 30px;
	left: 620px;
	top: 645px;
	position: absolute;
}

#installation_view a {
	display: block;
	width: 280px;
	height: 30px;
	left: 620px;
	top: 645px;
	text-decoration: none;
	text-indent: -4040px;
	background-image: url(home/i_view_01.jpg);
	background-repeat: no-repeat;
}

#installation_view a:hover {
	display: block;
	width: 280px;
	height: 30px;
	left: 620px;
	top: 645px;
	text-decoration: none;
	text-indent: -4040px;
	background-image: url(home/i_view_01x.jpg);
	background-repeat: no-repeat;
}
#exhibit_view {
	color: #000;
	background-color: rgba(255,255,255,0.5);
	width: 760px;
	height: 90px;
	padding: 20px 0 0 140px;
	left: 0px;
	top: 565px;
	position: absolute;
}
#exhibit_view a {
	color: #fff;
	text-decoration: none;
}

#exhibit_view a:hover {
	color: #fff;
	text-decoration: underline;
}