/* ----------- jupax europa ---------- */

/* ---------- allgemein ---------- */


html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li 
{
			margin: 0px;
			padding: 0px;
}

body 
{
			background: #E7E4E5
				url(/pic/hg-all.jpg) 
				50% 0% 
				repeat-y;
}


/* ---------- content ---------- */


#content	{
			position: absolute; top: 0px; left: 50%;
			width: 800px;
			background: 
				url(/pic/hg-norm.jpg) 
				0% 0% 
				no-repeat;
			height:101%;
			margin-left: -400px;
			}

/* ---------- bildheader ---------- */

#bildheader	{
			position: absolute; top: 80px; left: 0px;
			width: 170px; height:120px;
			}

/* ---------- metanavi ---------- */

#navimeta	{
			position: absolute; top: 57px; left: 177px;
			}

#navimeta p	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			}

#navimeta a:link		{color:#FFFFFF; text-decoration: none;}
#navimeta a:visited		{color:#FFFFFF; text-decoration: none;}
#navimeta a:active		{color:#FFFFFF; text-decoration: underline;}
#navimeta a:hover 		{color:#FFFFFF; text-decoration: underline;}
#navimeta a:focus 		{color:#FFFFFF; text-decoration: underline;}


/* ---------- headline ---------- */

#headline	{
			position: absolute; top: 155px; left: 177px;
			}

#headline h1	{
			font:24px Verdana, Arial, Helvetica, sans-serif;
			color:#D4BCC3;
			}


/* ---------- contentmain ---------- */

#contentmain	{
			position: absolute; top: 240px; left: 177px;
			width: 350px;
			}

#contentmain p	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 0px 12px 0px;		
			}

#contentmain p + pre	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 0px 0px 0px;		
			}


#contentmain td	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 2px 2px 2px 2px;		
			}

#contentmain li	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 0px 12px 0px;		
			}

#contentmain ul + p { margin-top:8px; }


#contentmain h2	{
			font:13px Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color:#590122;
			padding: 0px 0px 12px 0px;		
			}

#contentmain h3	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color:#666666;
			padding: 4px 0px 12px 0px;		
			}

#contentmain b	{
			font-weight: bold;
			color:#666666;
			}

#contentmain strong	{
			font-weight: bold;
			color:#666666;
			}

#contentmain li	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 0px 0px 0px;
			}

#contentmain ul	{
	                list-style-type:square;				
	                margin: 0px 0px 20px 17px;
			}
#contentmain ol	{
	                list-style-type:decimal;				
	                margin: 0px 0px 0px 22px;
			}


#member strong	{
			color:#9C9D9F;
			}

#member li	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 0px 0px 0px;
	                margin: 0px 0px 0px 17px;
list-style-type:square;				
			}

#contentmain a:link		{color:#590122; text-decoration: none;}
#contentmain a:visited		{color:#590122; text-decoration: none;}
#contentmain a:active		{color:#000000; text-decoration: underline;}
#contentmain a:hover 		{color:#000000; text-decoration: underline;}
#contentmain a:focus 		{color:#000000; text-decoration: underline;}

/* ---------- contentleft ---------- */

#contentleft	{
			position: absolute; top: 0px; left: 390px;
			width: 220px;
			}

#contentleft p	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 0px 10px 0px;		
			}

#contentleft b	{
			font-weight: bold;
			color:#590122;
			}

#contentleft strong	{
			font-weight: bold;
			color:#590122;
			}


#contentleft a:link			{color:#590122; text-decoration: none;}
#contentleft a:visited		{color:#590122; text-decoration: none;}
#contentleft a:active		{color:#590122; text-decoration: underline;}
#contentleft a:hover 		{color:#590122; text-decoration: underline;}
#contentleft a:focus 		{color:#590122; text-decoration: underline;}


#contentleftnorm	{
			position: absolute; top: 0px; left: 390px;
			width: 220px;
			}

#contentleftnorm p	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 0px 12px 0px;		
			}

#contentleftnorm b, strong	{
			color:#590122;
			}


#contentleftnorm a:link			{color:#590122; text-decoration: none;}
#contentleftnorm a:visited		{color:#590122; text-decoration: none;}
#contentleftnorm a:active		{color:#590122; text-decoration: underline;}
#contentleftnorm a:hover 		{color:#590122; text-decoration: underline;}
#contentleftnorm a:focus 		{color:#590122; text-decoration: underline;}


#contentleftmember	{
			position: absolute; top: 70px; left: 270px;
			width: 400px;
			}


/* ---------- footer ---------- */

#footer	{
			position: relative; top: 0px; left: 0px;
			width: 350px;
			}

#footer p	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			}

#footer a:link			{color:#590122; text-decoration: none;}
#footer a:visited		{color:#590122; text-decoration: none;}
#footer a:active		{color:#590122; text-decoration: underline;}
#footer a:hover 		{color:#590122; text-decoration: underline;}
#footer a:focus 		{color:#590122; text-decoration: underline;}

/* ---------- sprachwaehler ---------- */

#lang		{
			position: absolute; top: 32px; left: 0px;
			width: 170px;
			z-index: 99;
			}

#lang p		{
			font:11px Verdana, Arial, Helvetica, sans-serif;
			}

.langon		{
			color:#FFFFFF;
			padding: 3px 6px 3px 6px;		
			background-color:#590122;
			}

.langnorm		{
			color:#590122;
			padding: 3px 6px 3px 6px;		
			background-color:#c2a9b2;
			}

#lang a:link		{color:#590122; text-decoration: none;}
#lang a:visited		{color:#590122; text-decoration: none;}
#lang a:active		{color:#590122; text-decoration: underline;}
#lang a:hover 		{color:#590122; text-decoration: underline;}
#lang a:focus 		{color:#590122; text-decoration: underline;}

#lang a:link.langlinkon			{color:#FFFFFF; text-decoration: none;}
#lang a:visited.langlinkon		{color:#FFFFFF; text-decoration: none;}
#lang a:active.langlinkon		{color:#FFFFFF; text-decoration: underline;}
#lang a:hover.langlinkon 		{color:#FFFFFF; text-decoration: underline;}
#lang a:focus.langlinkon 		{color:#FFFFFF; text-decoration: underline;}


/* ---------- navigation ---------- */

#navigation	{
			position: absolute; top: 236px; left: 0px;
			width: 170px;
			z-index: 5;
			}


#navigation p	{
			font:14px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 2px 10px 2px 10px;		
			}

#navigation .klein	{
			font:12px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 0px 10px 0px 15px;		
			}

#navigation .space	{
			font:8px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 0px 10px 0px 17px;		
			}


#navigation a:link		{color:#FFFFFF; text-decoration: none;}
#navigation a:visited		{color:#FFFFFF; text-decoration: none;}
#navigation a:active		{color:#000000; text-decoration: none;}
#navigation a:hover 		{color:#000000; text-decoration: none;}
#navigation a:focus 		{color:#000000; text-decoration: none;}

#navigation a:link.on		{font-weight: bold; color:#000000; text-decoration: none;}
#navigation a:visited.on	{font-weight: bold; color:#000000; text-decoration: none;}
#navigation a:active.on		{font-weight: bold; color:#C3C3C3; text-decoration: none;}
#navigation a:hover.on 		{font-weight: bold; color:#C3C3C3; text-decoration: none;}
#navigation a:focus.on 		{font-weight: bold; color:#C3C3C3; text-decoration: none;}

#navigation .klein a:link		{color:#FFFFFF; text-decoration: none;}
#navigation .klein a:visited		{color:#FFFFFF; text-decoration: none;}
#navigation .klein a:active		{color:#000000; text-decoration: none;}
#navigation .klein a:hover 		{color:#000000; text-decoration: none;}
#navigation .klein a:focus 		{color:#000000; text-decoration: none;}

#navigation .klein a:link.on		{font-weight: bold; color:#000000; text-decoration: none;}
#navigation .klein a:visited.on		{font-weight: bold; color:#000000; text-decoration: none;}
#navigation .klein a:active.on		{font-weight: bold; color:#C3C3C3; text-decoration: none;}
#navigation .klein a:hover.on 		{font-weight: bold; color:#C3C3C3; text-decoration: none;}
#navigation .klein a:focus.on 		{font-weight: bold; color:#C3C3C3; text-decoration: none;}

.on				{font-weight: bold;}


/* ---------- metanavi ---------- */

#metanavi	{
			position: absolute; top: 2px; left: 145px;
			}

#metanavi p	{
			font:10px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			padding: 2px 10px 2px 0px;		
			}

#metanavi a:link			{color:#FFFFFF; text-decoration: none;}
#metanavi a:visited		{color:#FFFFFF; text-decoration: none;}
#metanavi a:active		{color:#FFFFFF; text-decoration: underline;}
#metanavi a:hover 		{color:#FFFFFF; text-decoration: underline;}
#metanavi a:focus 		{color:#FFFFFF; text-decoration: underline;}


/* ---------- formular ---------- */

.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	background-color: #E8EFF7;
	border: #007CBF solid 1px;
	width: 300px; height:16px;
	margin: 3px 0px 0px 0px;		
}

.formtextbig {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	background-color: #E8EFF7;
	border: #007CBF solid 1px;
	width: 400px; height:120px;
	margin: 3px 0px 0px 0px;		
}

.formbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	font-weight: normal;
	background-color: #007CBF;
	border: #E8EFF7 solid 1px;
	width: 100px; height:19px;
}

/* ---------- berlinbilder ---------- */

#berlinbild1	{
			position: absolute; top: 100px; left: 0px;
			width: 145px; height:144px;
 			background-image:url(/pic/berlin1.jpg);
			background-repeat:no-repeat;
			}

#berlinbild1:hover	{
 			background-image:url(/pic/berlin1over.jpg);
			background-repeat:no-repeat;
			}

#berlinbild2	{
			position: absolute; top: 100px; left: 0px;
			width: 145px; height:144px;
 			background-image:url(/pic/berlin2.jpg);
			background-repeat:no-repeat;
			}

#berlinbild2:hover	{
 			background-image:url(/pic/berlin2over.jpg);
			background-repeat:no-repeat;
			}

#berlinbild3	{
			position: absolute; top: 100px; left: 0px;
			width: 145px; height:144px;
 			background-image:url(/pic/berlin3.jpg);
			background-repeat:no-repeat;
			}

#berlinbild3:hover	{
 			background-image:url(/pic/berlin3over.jpg);
			background-repeat:no-repeat;
			}

#berlinbild4	{
			position: absolute; top: 100px; left: 0px;
			width: 145px; height:144px;
 			background-image:url(/pic/berlin4.jpg);
			background-repeat:no-repeat;
			}

#berlinbild4:hover	{
 			background-image:url(/pic/berlin4over.jpg);
			background-repeat:no-repeat;
			}


/* ---------- animation ---------- */

#ani	{
			position: absolute; top: 100px; left: 145px;
			width: 655px; height:144px;
			}

#logo	{
			position: absolute; top: 25px; left: 145px;
			}