/*	body */
.mainarea {
		background-color:#000000;
		color: #ffffff;
		font-size:10pt;
		font-family:Verdana;
		margin: 0px;
		background: url(gfx/background.jpg);
	}

/*	main table middel */
.mainBox
{
	position:absolute;
	overflow:auto; 
	top: 60px;
	bottom: 130px;
	width:100%; 
	color:#ffffff;
	text-align: center;			/* again this is only for ie to center a div ... when will this ever end? */
}

/* this stuff is for the IE only ... we're using the comment bug no other browser will see this stuff */
* .mainBox
{
    height: expression(document.body.clientHeight - (60 + 130) + "px");
/*    width: expression(document.body.clientWidth - (50 + 50) + "px"); */
}
/* To finish the comment bug we need this line */

#mainText
{
	padding-right:40px;
	padding-left:40px;
	/* background-color:#457253; */
	width:650px;
	margin: 0 auto;   /* align for good browsers, see .mainBox for the IE! */
	text-align: left; /* counter the body center */
}

#adminMenu
{
	text-align: left; /* counter the body center */	
}

#headTitle
{
	position:absolute;
	width:100%;
	height:60px;
	font-size:18pt;
	font-family:Verdana;
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
}

#mainMenu
{
	background-color:#333;
	position:absolute;
	bottom:90px;
	height:37px;
	width:100%;
	overflow:hidden;
}

#pageImage
{
	position:absolute;
	bottom:5px;
	height:80px;
	width:100%;
	overflow:hidden;
	text-align: center;
}

#mainNav {
}
#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0 0;
}
#mainNav li {
	float:left;
	padding: 0px 7px 0 0;	
}
#mainNav li a {
	float: left;
	text-decoration: none;
	font-family: Verdana;
	font-size:9pt;		
	color:#aaa;
	display: block;
	height: 22px;
	padding: 7px 4px 4px 20px;
	background: url(gfx/mainbutton2.png) no-repeat;
	border-bottom: none;
}
#mainNav li a:hover {
	color: #fff;
	background: url(gfx/mainbutton.png) no-repeat;
}
#mainNav ul li#select
{
	float: left;
	text-decoration: none;
	font-family: Verdana;
	font-size:9pt;		
	color:#fff;
	display: block;
	height: 22px;
	padding: 7px 4px 4px 20px;
	background: url(gfx/mainbutton.png) no-repeat;
	margin: 0 7px 0 0;
	font-variant:small-caps;
}


#nav {
/*	background: #455372; */
	position: relative;
	height: 25px;
}	
#nav ul {
	margin: 0;
	padding: 0 15px 0 0;
	list-style: none;
	z-index: 90;
}
#nav li {
	float: left;
	padding: 0 2px 0 0;
}
#nav li a {
	width:60px;
	font-family: Verdana;
	font-size:8pt;	
	float: left;
	display: block;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	color: #fff;
	background-color:#455372;
	border-bottom: none;
}
#nav ul li a:hover { 
	border-bottom-width:2px;
	border-bottom-style:solid;
}
#nav ul li#select { 
	width:60px;
	font-family: Verdana;
	font-size:8pt;	
	float: left;
	display: block;
	padding: 4px 4px 4px 4px;
	margin: 0 3px 0 0;
	color: #fff;
	background-color:#222;

	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#f00;
	font-variant:small-caps;
}


/*	normal link */
a {
		text-decoration: none ;
		color:#fff;
		border-bottom: 1px dashed #aaa;
	}
a:link,
a:visited { 
		font-variant:small-caps;
}
a:hover,
a:active,
a:focus {
	background-color:#333;
}

/*	directory link */
a.dir {
		color:#ff0;
		border-bottom: 0px dashed #f00;
	}

#konzertHead {
	font-style:italic;
	font-size:120%;
}

#konzertProgrammText {
	font-weight:bold;
}

#konzertDaten {
	margin-left:2em;
}

#konzertAlte {
	font-weight:bold;
	font-size:120%;
	text-align:center;
}

#konzertIntro,
#konzertProgramm
{
	margin-left:2em;
}

#linkgroup { list-style: none; }
#linkgroupText { margin-left:1em; }
#link {}
#linkText { margin-left:1em; }

#adressen
{
   padding-bottom:1em;
	border-bottom:thin solid #aaa; 
}


#guestbook
{
	border:thin solid #aaa; 
}

#guestbookText
{
	padding: 10px;
}

#guestbookTime
{
	float:right;
}

#guestbookHeadline
{
	padding: 4px 0 2px 4px;
	background-color:#333;
	font-size:14px; font-family:Verdana,sans-serif;	
}


/*	admin rows ... */
.row1
{
	background-color:#455372;
}

/*	admin rows ... */
.row2
{

}

.fieldBox
{
	font-size:14px; font-family:Verdana,sans-serif;
	background-color:#333; 
	border:1px solid #fff;
	color:#fff;
}

#guestbookSubmit
{
	font-size:13px; font-family:Verdana,sans-serif; font-weight:bold;
	background-color:#333; 
	border:1px solid #fff;
	color:#fff;
}





.logoArea
{

}

.theLogo
{
	width: 149px;
	height: 66px;
	top: 5px;
	left: 35px;
	position:absolute;
}

.logos
{
	width: 170px;
	height: 80px;
	background-color:#000000;
	background-position: bottom;
}

.headArea
{
	height: 80px;
	width:100%;
	background-color:#000000;
	color:#ffffff;
	background-position: bottom;
}

.headTitle1
{
	font-size:10pt;
	font-family:Verdana;
	margin: 10px;
	margin-left: 50px;
}



/* main table left */
.leftBorder
{
		width:130px;
		height:100%;
		color:#FFFFFF;
		margin:0px;
		padding:2px;
		padding-top:0px;

}

/*	outter box style */
.box
{
	position:relative;
	width:90%;
	background-color:#000000;
}

/* rounds ... */
.boxol
{
	background: url(gfx/edge/l3.png) no-repeat top left; 
}

.boxor
{
	background: url(gfx/edge/l4.png) no-repeat top right; 
}

.boxul
{
	background: url(gfx/edge/l2.png) no-repeat bottom left; 
}

.boxur
{
	background: url(gfx/edge/l1.png) no-repeat bottom right; 
}

/*	inner text of a box */
.boxText
{
   padding: 5px;
   padding-top: 40px;
   padding-bottom: 20px;
	background-color:#e0e0f0;
}

/*	head of box */
.boxHeader
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	color:#ffffff;
	background-color:#606070;

	font-family: Verdana;
	font-size:16pt;
	text-align:center;
}

/*	footer of the box */
.boxFooter
{
	position:absolute;
	bottom:-1px;
	left:0px;
	width:100%;
}


.powered
{
		position:absolute;
		bottom:10px;
		left:5px;
		font-family:Verdana;
		font-size:7pt;
		text-align:center;
}

.homelogo
{
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
		width:50px;
		height:50px;
}

.imageStyle
{
		width:120px;
		height:90px;
		float:right;
		margin-left:10px;
		margin-bottom:10px;
}

.orgSmallStyle
{
		width:30px;
		height:30px;
		vertical-align:middle;
}

.langArea
{
	width: 35px;
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	text-align:center;
}


.memberLogoBlock
{
	height:90px;
	width:140px;
	float:right; 
	margin-left:10px; 
	margin-bottom:10px;

	background-color:#ffffff;
}

.memberAddr
{
	display:block;
}

.linksTable
{
	border-collapse: collapse;
	width: 100%;

}

.linkName
{
		font-size:12pt;
}

.datePDate
{
		font-size:12pt;
}

.smallText
{
		font-size:7pt;
}





.linkRow1
{
		background-color:#e0e0f0;
}

.linkRow2
{
		background-color:#d0d0e0;
}



.prow1
{
		background-color:#ffffff;
		color:#000000;
}

/*	admin rows ... */
.prow2
{
		background-color:#cccccc;
		color:#000000;
}

.newsDate
{
	font-size: 80%;
}

.price
{
	font-family: Verdana;
	font-size:14pt;
	text-align:center;
}




.infoBox {

		border-width:1px;
		border-style:solid;
		border-color:#ffffff;

		background-color:#283B5b;

		font-family: Verdana;
		font-size:8pt;
		margin-left:  9px;
		margin-right: 9px;
		padding: 4px;
	}

.projectOrg
{
		font-size: 110%;
		font-weight: 600; 
}

.errorText {
		text-align:center;
		background-color:#333;
		color:#ff0000;
		font-family:Verdana;
		font-size:12pt;
		border-width:2px;
		border-style:dotted;
		border-color: #ff0000;
		width:auto;
	}

.small	{
		font-family:Verdana;
		font-size:8pt;
	}

.border {

		border-right-width:2px;
		border-right-style:dashed;
		border-right-color:#ffffff;
		padding-right:10px;

	}

h1 {
		font-size: 150%;
		border-color:#900000;
		border-left-width:6px;
		border-left-style:solid;
		padding-left: 6px;
   }
h2 {
		font-size: 130%;
		border-color:#900000;
		border-left-width:6px;
		border-left-style:solid;
		padding-left: 6px;
   }
h3 {
		font-size: 110%;
		border-color:#900000;
		border-left-width:3px;
		border-left-style:solid;
		padding-left: 3px;
   }
h4 {
		font-size: 110%;
		border-color:#900000;
		border-left-width:1px;
		border-left-style:solid;
		padding-left: 1px;
		
   }


p,
td	{
		font-size:9pt;
	}


/*	admin rows ... */
.row3
{
		background-color:#777777;
}

/*	change langauge link */
a.lang {
		text-decoration: none ;
		font-size:8pt;		
		font-family:Verdana;

	}
a.lang:link,
a.lang:visited 	{ font-weight:100; color:#FFFFFF; }
a.lang:hover,
a.lang:active,
a.lang:focus 	{ font-weight:300; color:#000000; background-color:#ffffff; }



/* menu style */
a.menu,
a.menu:visited,
a.menu:focus,
a.menu:link
		{
			display:block;
			width:100px;
			height:23px;

			color:#eeeeee;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			font-family: Verdana;
			font-weight:400;
			font-size:10pt;

			padding-top:2px;

			background-image:url('gfx/menu-up.gif');
		}

a.menu:active,
a.menu:hover	{
			color:#ffffff;
			background-image:url('gfx/menu-down.gif');
		}

.menuSel
{
			display:block;
			width:100px;
			height:23px;

			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			font-family: Verdana;
			font-weight:400;
			font-size:10pt;
			padding-top:2px;

			color:#ffffff;
			background-image:url('gfx/menu-down.gif');
}

/*	 submenu ... mainly admin */
a.submenu,
a.submenu:visited,
a.submenu:focus,
a.submenu:link
		{
			display:block;
			width:70px;
			height:18px;;
			
			text-align:center;
			vertical-align:middle;
			margin-bottom:4px;

			font-weight:100;
			color:#ffffff;
			text-decoration:none;
			font-family: Verdana;
			font-size:7pt;
/*			background-image:url('gfx/submenuBackground.png'); */

			background-color:#333333;
		}

a.submenu:active,
a.submenu:hover	{
			margin-bottom:0px;
			font-weight:100;
			color:#ffffff;
			text-decoration:none;
			font-family: Verdana;
			font-size:7pt;
/*			background-image:url('gfx/submenuBackground.png'); */

			background-color:#333333;

			border-bottom-width:4px;
			border-bottom-style:solid;
		}
		
.submenuSel
{
			display:block;
			width:70px;
			height:18px;
			
			text-decoration:none;
			text-align:center;
			vertical-align:middle;
			
			color:#ffffff;
			
			font-weight:400;
			font-family: Verdana;
			font-size:7pt;
						
			background-color:#333333;
			border-bottom-width:4px;
			border-bottom-style:solid;
			border-bottom-color:#900000;

/*			background-image:url('gfx/submenuBackground.png'); */
}		

/* menu2 style */
a.menu2,
a.menu2:visited,
a.menu2:focus,
a.menu2:link
		{
			display:block;
			width:80px;
			height:18px;;
			
			text-align:center;
			vertical-align:middle;

			font-weight:400;
			color:#000000;
			text-decoration:none;
			font-family: Verdana;
			font-size:9pt;
			background-image:url('gfx/menu2Background.png');

			margin-left:4px;
			margin-bottom:5px;
			margin-right:15px;
		}

a.menu2:active,
a.menu2:hover	{

			font-weight:600;
			
			margin-left:0px;
			border-left-width:4px;
			border-left-style:solid;
			border-left-color:#fff;
		}
		
.menu2Sel
{
			display:block;
			width:80px;
			height:18px;
			
			text-decoration:none;
			text-align:center;
			vertical-align:middle;
			
			color:#000000;
			
			font-weight:600;
			font-family: Verdana;
			font-size:9pt;
			
			border-left-width:4px;
			border-left-style:solid;
			border-left-color:#900000;
			
			background-image:url('gfx/menu2Background.png');

			margin-bottom:5px;
			margin-right:15px;
}


