/* CSS Document by Robert Weber Copyright 2008 */
html 							{
	height:					100%;
}

body                                      {
      background-color:                   #101010;
	height:					100%;
	margin:					0px;
	overflow:					auto;
	font-family: 				arial, helvectica, sans-serif;
}

#main                                     {
      position:                           absolute;
      top:                                54px;
      left:                               37px;
      z-index:                            100;
}

#main div a                               {
      display:                            block;
      width:                              172px;
      height:                             150px;
      margin:                             0px;
      padding:                            0px;
	overflow: 					hidden;
	text-decoration:                    none;
    	background-color:                   #101010;
	-moz-opacity:				0;
	filter:					alpha(opacity: 0);
	opacity: 					0;
}

#ie                                       {
      display:                            none;
}

#main div a:hover                       	{
      background:		                  none;
	-moz-opacity:				0;
	filter:					alpha(opacity: 0);
	opacity: 					0;
}

#main div                                 {
	display:					none;
      float:                              left;
      width:                              172px;
      height:                             150px;
      margin-bottom:                      74px;
	overflow: 					hidden;
	background-position:                bottom center;
	background-repeat:                  no-repeat;
	cursor:					pointer;
}


#title                                    {
      position:                           fixed;
      top:                                139px;
      left:                               73px;
      z-index:                            200;
      width:                              520px;
      height:                             318px;
      background-color:				transparent;
}

#title.p25                                {
	background-image: 			url(../img/JSE.png);
	background-position: 			0px 0px;
	background-repeat: 			no-repeat;
}


#title div                                {
      background-position:                0px 0px;
      background-repeat:                  no-repeat;
      width:                              520px;
	z-index:                            200;
}


#juergen                                  {
      background-image:                   url(../img/juergen.png);
      height:                             93px;
      margin-left:				1px;
      margin-bottom:                      37px;
}

#juergen #top					{
	display:					none;
}

#stein                                    {
      background-image:                   url(../img/stein.png);
      height:                             75px;
      margin-bottom:                      38px;
}

#extracts                                 {
      background-image:                   url(../img/extracts.png);
      height:                             75px;
      margin-left:				4px;
}

#meta                                     {
      margin-top:                         295px;
      height:                             40px;      
}


#layer						{
	display:					none;
	position:					absolute;
	top:						0px;
	left:						0px;
	z-index:					300;
	color:					#ffffff;
	background-image: 			url(../img/shadow.png);
}

#layer h1						{	
	height:					14px;
	background-image: 			url(../img/js_klein.gif);
	background-position: 			0px 0px;
	background-repeat: 			no-repeat;
	margin:					120px 0px 0px 120px;
	padding:					0px 0px 0px 0px;
	text-transform: 				uppercase;			
}

#layer h2						{
	font-size:					14px;
	line-height:				16px;
	font-family:				times new roman, serif;
	margin:					16px 0px 0px 120px;
	padding:					0px 0px 0px 0px;
	font-weight: 				bold;			
}

#layer p						{
	font-family:				times new roman, serif;
	font-style:                         italic;	
	font-size:					16px;
	line-height:				20px;
	margin:					0px 0px 0px 120px;
	padding:					0px 0px 0px 3px;	
	z-index:					400;
      color:                              #ffffff;	
}
							
#layer #hint                              {
      float:                              left;
      width:                              530px;
      margin:                             40px 0px 0px 0px
}

#layer #hint p						{
	font-family: 				arial, helvectica, sans-serif;
     	font-style:                         normal;
      font-size:					14px;
	line-height:				16px;	
}	
								
#layer img						{
	display:					block;
	margin:					19px 0px 30px 120px;
	cursor:					pointer;
}

#meta a:hover,
#meta a                                   {
      display:                            block;
	height:                             20px;
	width:                              57px;
	background-repeat:                  no-repeat;
	background-position:                0px 0px;
}

#meta span						{
	display:					none;
}

#meta #contact                            {
      background-image:                   url(../img/contact_bg.png);
}

#meta #imprint                            {
      background-image:                   url(../img/imprint.png);
}


#layer a:hover,
#layer a:active,
#layer a:visited,
#layer a:link,
#layer a						{
	color:					#ffffff;
      font-style:                         italic;
	font-size:					16px;
	line-height:                        20px;
	text-decoration: 				none;
}

#layer #form					{
      width:                              530px;
      margin:					0px 0px 0px 120px;
}

#layer #form h1					{	
	margin:					120px 0px 0px 0px;
}

#layer #loginform p					{
      float:                              left;
      width:                              530px;
	margin:					8px 0px 0px 37px;
}

#layer #loginform p label				{
	display:					block;
	float:					left;
	width:					172px;
	height:					16px;
	margin:					0px;
	padding:					0px;
      font-style:                         normal;
      font-weight:                        bold;
      font-family: 				arial, helvectica, sans-serif;
}

#layer #form p					{
      float:                              left;
      width:                              530px;
	margin:					8px 0px 0px 0px;
}

#layer #form p label				{
	display:					block;
	float:					left;
	width:					200px;
	height:					16px;
	margin:					0px;
	padding:					0px;
}

#layer #form p.hide label			{
	display:					none;
}

#layer #form p.spacer				{
	width:					520px;
}


#layer #loginform input,
#layer #form #inputform input			{
	color:					#101010;
	float:                              left;
	border:					0px solid #ffffff;
	width:					327px;
	margin:					0px;
	padding:					0px 0px 0px 3px;
	font-family:				times new roman, serif;
	font-size:					14px;
	line-height:				16px;
	height:					19px;
}

#layer #form input.file                   {
      font-size:                          12px;
}

/*

#layer #form #inputform input	            {
      width:                              172px;
}

#layer #form input#filename               {
	position:                          relative;
	text-align:                        right;
	-moz-opacity:                      0;
	filter:                            alpha(opacity: 0);
	opacity:                           0;
	z-index:                           1;
}
*/
#layer #form input.button			{
	width:					300px;
}

#layer #form input.button			{
	color:					#101010;
	border:					0px solid #101010;
	width:					auto;
	margin:					0px;
	padding:					1px 5px;
	font-family:				times new roman, serif;
	font-size:					16px;
	line-height:				18px;
	height:                             24px;
}

/*
#layer #form #email_label,
#layer #form #file_label,
#layer #form #subtitle_label,
#layer #form #title_label,
#layer #form #name_label			{
	width:					330px;
	height:					19px;
	background-position: 			0px 0px;
	background-repeat: 			no-repeat;
	padding:					0px 0px 0px 192px;
	margin:					0px 0px 9px 120px;
}

#layer #form #name_label      		{
      background-color: 			#ffffff;
	background-image: 			url(../img/Your-name.png);
}

#layer #form #title_label                 {
      background-color: 			#ffffff;     
      background-image:                   url(../img/Titleofpicture.png);
}

#layer #form #subtitle_label                 {
      background-color: 			#ffffff;
      background-image:                   url(../img/Subtitleofpicture.png);
}

#layer #form #file_label                 {
      background-color: 			#ffffff;
      background-image:                   url(../img/Yourfile.png);
}

#layer #form #file_label input            {
      float:                              left;
      width:					318px;
      margin-right:                       12px;
}

#layer #form input#file                  {
      width:					250px;
	margin-left:				-330px;
}

#layer #form #email_label                 {
      background-color: 			#ffffff;
      background-image:                   url(../img/Youremailadress.png);
}

#layer #form #close,
#layer #form #submit,
#layer #form #upload                      {
      display:                            block;
      float:                              left;
      width:                              80px;
      height:                             19px;
      background-position: 			0px 0px;
	background-repeat: 			no-repeat;
}

#layer #form #upload                      {
      margin-left:                        -92px;
      width:                              92px;
      background-image:                   url(../img/Upload.png);
}

#layer #form #upload:hover                {
      background-image:                   url(../img/Upload-a.png);
}

#layer #form #submit                      {
      background-image:                   url(../img/Save.png);
}

#layer #form #submit:hover                {
      background-image:                   url(../img/Save-a.png);
}

#layer #form #close                      {
      margin-right:                       17px;
      background-image:                   url(../img/Cancel.png);
}

#layer #form #close:hover                {
      background-image:                   url(../img/Cancel-a.png);
}
*/
#layer #contacttext                      {
      background-image:                   url(../img/contact.png);
      background-repeat:                  no-repeat;
      position:					relative;
	top:						0px;
	left:						0px;
	z-index:					500;	
      height:					100%;
	width:					100%;
	cursor:                             pointer;
}

#layer #imprinttext                       {
      display:                            block;
      padding:                            139px 0px 0px 120px;
      width:                              530px;
}

#layer #imprinttext h3                    {
      display:                            block;
      line-height:                        17px;
      font-size:                          14px;    
      text-transform:                     uppercase;
      margin:					0px;
	cursor:                             pointer;
}

#layer #imprinttext p                     {
      display:                            block;
      line-height:                        17px;
      font-style:                         normal;
      font-size:                          13px;
      font-weight:                        normal;
      padding:                            0px 0px 0px 0px;
      margin:					0px 0px 17px 0px;
	font-family: 				arial, helvectica, sans-serif;
}

#layer #imprinttext a,
#layer #imprinttext a:hover               {
      line-height:                        17px;
      font-style:                         normal;
      font-size:                          13px;
}