/* ---------- congress und messe service ---------- */

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


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

body 
{
			background-color: #E8EFF7;
}

/* ---------- startseite ---------- */


#start	{
		background-color: #E8EFF7;
		display:none;
		}


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

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

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


#content	{
			position: absolute; top: 0px; left: 50%;
			width: 800px;
			height:101%;
 			margin-left: -400px;
			}


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

#contentmain	{
			position: absolute; top: 244px; left: 0px;
			width: 800px;
 			background-image:url(/pic/hg-main.jpg);
			background-repeat:repeat-y;
			padding: 10px 0px 0px 0px;		
			}

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

#contentmain li	{
			font:12px Arial, Helvetica, sans-serif;
			color:#666666;
			padding: 0px 220px 6px 5px;		
			margin: 0px 0px 0px 35px;
			}

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

#contentmain h1	{
			font:14px Arial, Helvetica, sans-serif;
			color:#666666;
			font-weight: bold;
			padding: 10px 220px 10px 10px;		
			margin: 0px;
			}

#contentmain h3	{
			font:14px Arial, Helvetica, sans-serif;
			color:#007CBF;
			font-weight: bold;
			padding: 10px 220px 10px 10px;		
			margin: 0px;
			}


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


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

#footer	{
			position: relative; top: 0px; left: 0px;
			width: 800px;
 			background-image:url(/pic/hg-bottom.jpg);
			background-repeat:repeat-y;
			}

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

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

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

#navigation	{
			position: absolute; top: 10px; left: 598px;
			width: 210px;
			z-index: 5;
			}


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

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

#navigation .space	{
			font:8px 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:#80C4E8; text-decoration: none;}
#navigation a:hover 		{color:#80C4E8; text-decoration: none;}
#navigation a:focus 		{color:#80C4E8; text-decoration: none;}

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

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

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

.on				{font-weight: bold;}


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

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

#metanavi p	{
			font:10px 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: 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: 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: 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;
			}


.event	{
			padding: 0px 0px 5px 10px;		
			}

#contentmain td	{
			font:12px Arial, Helvetica, sans-serif;
			color:#666666;
			margin: 0px;
			}
			
table .blau       {
			font-weight: bold;
			color:#123456; 
			}