/* main */
html,body{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin: 0px;
	padding:0px;
	background:#000000 url(../src/bg_klein.gif) repeat;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
}

/*introStuff*/
.intro{
	position:absolute;
	width:269px;
	height:835px;
	left:50%;
	margin-left:-135px;
	z-index:15;
	top:2px;
	background:transparent url(../src/intro.gif) no-repeat 0 0;
}

.introEnter{
	position:absolute;
	width:80px;
	height:70px;
	left:50%;
	margin-left:-50px;
	z-index:100;
	top:150px;
	cursor:pointer;
}


/*mainWrapper*/

#mainWrapper{
	position:absolute;
	width:100%;
	min-width:929px;	
	top:0;
	bottom:0;
}

/*background elements*/
#bgElements{
	position:absolute;
	width:269px;
	/*min-width:929px;*/
	left:50%;
	margin-left:-135px;
	z-index:10;
	top:0;
}

#bgElements #tree{
	width:269px;
	height:835px;
	margin:auto;
}

#bgElements #tree #upper{
	width:269px;
	height:144px;
	background:transparent url(../src/tree/tree_upper.gif) no-repeat 0 0;
}

#bgElements #tree #middle{
	width:269px;
	height:89px;
	background:transparent url(../src/tree/tree_middle.gif) no-repeat 0 0;
}

#bgElements #tree #lower{
	width:269px;
	height:602px;
	background:transparent url(../src/tree/tree_lower.gif) no-repeat 0 0;
}

/*navi*/
#naviWrapper{
	position:relative;
	z-index:20;
	width:100%;
	min-width:929px;
	height:50px;
	background:transparent url(../src/transp_white.png) repeat;
	margin-top:82px;
	text-align:center;
}

#naviWrapper #navi{
	position:absolute;
	z-index:30;
	width:760px;	
	height:40px;
	top:5px;
	left:50%;
	margin-left:-380px;
	padding:0;
}

#naviWrapper #top_nodes{
	list-style:none;
	padding:0;
	margin:0;
}

#naviWrapper #sub_nodes{
	list-style:none;
	width:100%;
	padding:0;
	margin: 5px 0 0 76px;
	clear:left;
}

#naviWrapper li{
	padding:0;
	margin:0;
	float:left;
}

#naviWrapper li.inner{
	padding:0;
	margin-right:15px;
}

#naviWrapper img{
	cursor:pointer;
}

/*content*/
#contentWrapper{
	width:100%;
	min-width:929px;
	background:transparent url(../src/transp.png) repeat;
	padding:25px 0 25px 0;		
	margin-top:50px;
	text-align:center;
}

#contentTable{
	width:929px; /*269px + 2x25px + 2x300px = 929px (min-width)*/
	color:#000000;
	margin:auto;
}

#contentTable #left{
	vertical-align:top;
	text-align:justify;
}

#contentTable #right{
	vertical-align:top;
	text-align:justify;
}

/*logo*/
#logoWrapper{
	clear:both;
	width:100%;
	min-width:929px;
	height:134px;
	padding:0;
	margin:0;
	background:transparent url(../src/logo.gif) no-repeat top right;
}

/*classes*/
.hide{
	display:none;
}

.invisible{
	visibility:hidden;
}

/*image definitions*/
#cPImage{
background:#353535;
margin:8px 0 0 0;
padding:0;
}

#cPImage td{
width:300px;
height:300px;
text-align:center;
vertical-align:middle;
}

#cPImage img{
border:none;

}

#cPImage_Gal{
background:#353535;
margin:0 5px 5px 0;
padding:0;
float:left;	
}

#cPImage_Gal td{
width:100px;
height:100px;
text-align:center;
}


#cPImage_Gal img{
border:none;
vertical-align:middle;
}

/*accordion stuf*/
#left ul, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0 0 10px 0;
}

#left span {
cursor:pointer;
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
cursor:pointer;
}

div.collapse {
margin:0;
padding:0;
width:300px;
}

div.collapse-container {
height:100%;
padding:5px 0;
width:300px;
}