/* wassily.css - version 1.1
   common cross-platform CSS definitions
   author: oh@design-aspekt.de | date: 2003-02-05
*/

/* body */
body { background-color:#A6A6A6; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; }
.popupbody { background-color:#ffffff; margin-top:0px; margin-left:10px; margin-right:10px; margin-bottom:0px; }

/* general */
p, h1, td, div, span, ul, ol, li, .input, .button, .formText { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; color:#000000; }

b 			{ font-weight:bold; }

.white			{ color:#FFFFFF; }
.bgGreyDark 	{ background-color:#A6A6A6; }
.bgGreyLight 	{ background-color:#C9C9C9; }
.bgPurple 		{ background-color:#775599; }
.bgGreen 		{ background-color:#ACAC00; }
.bgOrange 		{ background-color:#E18811; }

/* lists */
ol		{ margin-top:8px; margin-bottom:6px; margin-left:39px; padding-left:0px; list-style-type:decimal; }
ul		{ margin-top:6px; margin-bottom:8px; margin-left:32px; padding-left:0px; ist-style-type:square; list-style-image:url(../pix/pf_blau.gif); }
li		{ margin-top:1px; margin-bottom:1px; margin-left:4px; margin-right:30px; }

/* forms */
form				{ display:inline; }
.noborder			{ border-style:none; }

/* text */
h1, .titel			{ font-weight:bold; }

/* links */
a, a:visited 		{ color:#000; text-decoration:underline; }
a:hover, a:active	{ color:#000; text-decoration:underline; }

a.footer, a:visited.footer	 	{ color:#000000; text-decoration:none; }
a:hover.footer, a:active.footer	{ color:#000000; text-decoration:underline;  }

/* positioned elements */
#logo			{ position:absolute; left:18px; top:22px; width:128px; height:35px; visibility:visible; z-index:500; }

#mainnavi		{ position:absolute; color:#fff; font-size:11px; line-height:14px; text-transform:uppercase; text-align:right; left:154px; top:37px; width:213px; height:24px; visibility:visible; z-index:201; }
#mainnavi a 	{ color:#fff !important; text-decoration:none;  margin-right:4px; }
#mainnavi a:hover, #mainnavi a:active	{ text-decoration:none; }
#mainnavi .high {color:#000 !important; }

#subnavi		{ position:absolute; color:#fff; font-size:11px; line-height:14px; text-transform:uppercase; left:395px; top:37px; width:350px; height:24px; visibility:visible; z-index:202; }
#subnavi a 		{ color:#fff !important; text-decoration:none;  margin-right:10px; }
#subnavi a:hover, #subnavi a:active	{ text-decoration:none; }
#subnavi .high {color:#000 !important; }


#keyvisual		{ position:absolute; left:0px; top:151px; width:380px; height:152px; visibility:visible; z-index:300; }
#keyvisual2		{ position:absolute; left:0px; top:71px; width:380px; height:318px; visibility:visible; z-index:300; }
#filmStrip		{ position:absolute; left:0px; top:151px; width:760px; height:152px; visibility:visible; z-index:300; }
#textDetail		{ position:absolute; left:380px; top:71px; width:367px; height:318px; visibility:visible; z-index:400; background-color:#C9C9C9; layer-background-color:#C9C9C9; padding-left:12px; padding-right:10px; }
#nextPage		{ position:absolute; left:393px; top:318px; width:340px; height:50px; visibility:visible; z-index:500; }

#scrolltextDiv	{
	position: absolute; 
	left: 13px; 
	top: 0px; 
	padding: 6px 0px 6px 0px;
	width: 340px; 
	visibility: visible; 
	z-index: 2100; 
	background-color: transparent;
}

#clipWindowDiv1	{
	position: absolute; 
	left: 380px; 
	top: 151px; 
	width: 380px; 
	height: 152px; 
	clip: rect(0px,380px,152px,0px); 
	overflow: hidden; 
	visibility: visible; 
	z-index: 2000; 
	background-color: #C9C9C9; 
	layer-background-color: #C9C9C9;
}

#clipWindowDiv2	{
	position: absolute;
	left: 380px;
	top: 309px;
	width: 380px;
	height: 134px;
	clip: rect(0px,380px,130px,0px);
	overflow: hidden;
	visibility: visible;
	z-index: 2000;
}

#clipWindowDiv3	{
	position: absolute; 
	left: 380px; 
	top: 71px; 
	width: 380px; 
	height: 318px; 
	clip: rect(0px,380px,318px,0px); 
	overflow: hidden; 
	visibility: visible; 
	z-index: 2000; 
	background-color: #C9C9C9; 
	layer-background-color: #C9C9C9;
}

#updwnDiv1 {
	position: absolute;
	left: 740px;
	top: 160px;
	width: 20px;
	height: 140px;
	z-index: 2200;
	visibility: hidden;
}

#updwnDiv2 {
	position: absolute;
	left: 740px;
	top: 313px;
	width: 20px;
	height: 98px;
	z-index: 2200;
	visibility: hidden;
}

#updwnDiv3 {
	position: absolute;
	left: 740px;
	top: 78px;
	width: 20px;
	height: 282px;
	z-index: 2200;
	visibility: hidden;
}

#topLine		{ position:absolute; left:0px; top:150px; width:760px; height:1px; visibility:visible; z-index:2300; }
#bottomLine		{ position:absolute; left:0px; top:303px; width:760px; height:1px; visibility:visible; z-index:2400; }
#topLine2		{ position:absolute; left:0px; top:70px; width:760px; height:1px; visibility:visible; z-index:2300; }
#bottomLine2	{ position:absolute; left:0px; top:389px; width:760px; height:1px; visibility:visible; z-index:2400; }

#btnOverview	{ position:absolute; left:357px; top:401px; width:10px; height:10px; visibility:visible; z-index:2500; }
#btnLeft		{ position:absolute; left:391px; top:401px; width:10px; height:10px; visibility:visible; z-index:2600; }
#btnRight		{ position:absolute; left:734px; top:401px; width:10px; height:10px; visibility:visible; z-index:2700; }

/* lists */
li		{ font-size:11px; }

/* form elements */
.radio				{background-color:#C9C9C9; layer-background-color:#C9C9C9}
.input, .textarea	{font-family:Verdana, Arial, Geneva, Helvetica; font-size:11px; background-color:#fefefe; layer-background-color:#fefefe; border: 1px solid #A6A6A6;}
.button				{font-family:Verdana, Arial, Geneva, Helvetica; font-size:11px; background-color:#C9C9C9; layer-background-color:#C9C9C9;}

/* text */
p, .formText	{ font-size:11px; line-height:14px; }
h1, .titel		{ font-size:12px; line-height:15px; }