@charset "utf-8";
/* CSS Document */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #999999;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

#topMenuDiv a { 
 	color:#CCC;
}

a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	line-height: 28px;
}

img {border: 0;}

#apDiv1 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:17px;
	top:8px;
	z-index:2;
}

#apDiv3 {
	position:absolute;
	left:2114px;
	top:227px;
	z-index:2;
}
#hw_menu {
	position:absolute;
	left:224px;
	top:274px;
	width:301px;
	height:73px;
	z-index:30;
}
#apDiv4 {
	position:absolute;
	left:404px;
	top:446px;
	width:168px;
	height:177px;
	z-index:4;
}
#apDiv5 {
	position:absolute;
	left:817px;
	top:326px;
	width:316px;
	height:80px;
	z-index:5;
}
#apDiv6 {
	position:absolute;
	left:1267px;
	top:436px;
	width:305px;
	height:103px;
	z-index:36;
}
#topMenuDiv {
	position:absolute;
	left:158px;
	top:14px;
	width:600px;
	height:118px;
	z-index:7;
}

#hundertwasser_tit {
	position:absolute;
	left:82px;
	top:215px;
	width:218px;
	height:71px;
	z-index:8;
}
#werk_tit {
	position:absolute;
	left:405px;
	top:398px;
	width:127px;
	height:39px;
	z-index:9;
}
#texte_tit {
	position:absolute;
	left:843px;
	top:283px;
	width:108px;
	height:41px;
	z-index:10;
}
#austellungen_tit {
	position:absolute;
	left:1277px;
	top:374px;
	width:202px;
	height:58px;
	z-index:11;
}
#news_tit {
	position:absolute;
	left:1654px;
	top:301px;
	width:108px;
	height:53px;
	z-index:12;
}
#kontakt_tit {
	position:absolute;
	left:1865px;
	top:594px;
	width:160px;
	height:41px;
	z-index:13;
}
#impressum_tit {
	position:absolute;
	left:2070px;
	top:393px;
	width:121px;
	height:44px;
	z-index:14;
}

.agreement_overlay {
	position: fixed;
	z-index:1100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color: #000000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.agreement_box {
	position: fixed;
	margin: -194px 0 0 -228px;
	padding: 20px;
	left: 50%;
	top: 50%;
	width: 456px;
	height: 389px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: transparent;
	background-image:url("/interface/cover/agreement_bkg.png");
	background-repeat:no-repeat;
	color: #000000;
	z-index:1101;
}

.agreement_box h1 {
  font-family:Tahoma, Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding: 21px 7px 3px 7px;
  color: #000000
}

.agreement_box p {
  font-family:Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  margin: 5px 50px 5px 10px;
  padding: 0 5px;
  color: #000000
}

.agreement_inframe {
  border:thin inset;
  margin: 3px;
  padding: 1px;
  height:110px;
  overflow:auto;
  font:11px Tahoma, Verdana, Arial, Sans-Serif;
  text-align: left;
}

.agreement_selection {
  color: #000000
  text-align: left;
  cursor: pointer;
}
.agreement_selection:hover,.agreement_selection:focus,.agreement_selection:active {
  font-weight: bold;
  color: #000000
  text-align: left;
  cursor: pointer;
}

/* Bereiche */

a:hover.hw { /* Hundertwasser yellow */
	color: #E3B702;
	background: transparent;
}

a:hover.werk { /* Werk gruen */
	color: #0F0;
	background: transparent;
}

a:hover.txt { /* Texte blau */
	color: #3CF;
	background: transparent;
}

a:hover.exhib { /* Ausstellungen lila */
	color: #F3F;
	background: transparent;
}

a:hover.news { /* news */
	color: #F60;
	background: transparent;
}

/* Bereiche */

#topMenuDiv a:hover.hw { /* Hundertwasser yellow */
	color: #E3B702;
	background: transparent;
}

#topMenuDiv a:hover.werk { /* Werk gruen */
	color: #0F0;
	background: transparent;
}

#topMenuDiv a:hover.txt { /* Texte blau */
	color: #3CF;
	background: transparent;
}

#topMenuDiv a:hover.exhib { /* Ausstellungen lila */
	color: #F3F;
	background: transparent;
}

#topMenuDiv a:hover.news { /* news */
	color: #F60;
	background: transparent;
}

#topMenuDiv a:hover.contact { /* news */
	color: #F00;
	background: transparent;
}

#topMenuDiv a:hover.impressum { /* news */
	color: #6FC;
	background: transparent;
}

#topMenuDiv a:hover.other { /* news */
	color: #FF0;
	background: transparent;
}

#arrowLDiv {
	position:absolute;
	left:67px;
	top:585px;
	width:67px;
	height:45px;
	z-index:37;
}

#arrowRDiv {
	position:absolute;
	left:2147px;
	top:562px;
	width:58px;
	height:41px;
	z-index:38;
}

/* Bereiche */

a:hover.hw { /* Hundertwasser yellow */
	color: #E3B702;
	background: transparent;
}

a:hover.werk { /* Werk gruen */
	color: #0F0;
	background: transparent;
}

a:hover.txt { /* Texte blau */
	color: #3CF;
	background: transparent;
}

a:hover.exhib { /* Ausstellungen lila */
	color: #F3F;
	background: transparent;
}

a:hover.news { /* news */
	color: #F60;
	background: transparent;
}

/* Bereiche */

#topMenuDiv a:hover.hw { /* Hundertwasser yellow */
	color: #E3B702;
	background: transparent;
}

#topMenuDiv a:hover.werk { /* Werk gruen */
	color: #0F0;
	background: transparent;
}

#topMenuDiv a:hover.txt { /* Texte blau */
	color: #3CF;
	background: transparent;
}

#topMenuDiv a:hover.exhib { /* Ausstellungen lila */
	color: #F3F;
	background: transparent;
}

#topMenuDiv a:hover.news { /* news */
	color: #F60;
	background: transparent;
}

#topMenuDiv a:hover.contact { /* news */
	color: #F00;
	background: transparent;
}

#topMenuDiv a:hover.impressum { /* news */
	color: #6FC;
	background: transparent;
}

#topMenuDiv a:hover.other { /* news */
	color: #FF0;
	background: transparent;
}

#arrowLDiv {
	position:absolute;
	left:67px;
	top:585px;
	width:67px;
	height:45px;
	z-index:37;
}

#arrowRDiv {
	position:absolute;
	left:2147px;
	top:562px;
	width:58px;
	height:41px;
	z-index:38;
}
#encylopediasite {
	position:absolute;
	left:682px;
	top:12px;
	width:180px;
	z-index:39;
	text-align: center;
}

#encylopediasite a {
  color: #00B0F0;
  font-style: italic;
  font: normal 1em inherit;
  line-height: 25px;
}

#cnicpDiv {	
	position:absolute;
	left:21px;
	top:665px;
	width:400px;
	z-index:40;
}
#cnicpDiv a {
	font-size: 11px;
	color: #DDD;
}

#foundationsite ,
#blogsite {
	font: normal 1em inherit;
	font-style: italic;
}

#foundationsite a, 
#blogsite a {
	color: #36F;
	background: transparent;
}

#foundationsite {
	position: absolute;
	left: 873px;
	top: 27px;
	width: 180px;
	z-index: 39;
	text-align: center;
	padding-top: 1em;
}

#blogsite {
	position: absolute;
	left: 1089px;
	top: 13px;
	width: 150px;
	z-index: 39;
	text-align: center;
}