html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	color:#000000;
	background-image:url("../pix/background.gif");
	background-position: left top;
	background-repeat: repeat-x;
	background-color:#333333;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
}

a {
	color:#0daabe; 
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#container {
	background-color:#000000;
	background-image:url("../pix/home_1_background.jpg");
	background-position: left 84px;
	background-repeat: no-repeat;
	width:970px !important;
	margin:auto;
	text-align:left;
	border:0px;
	padding:0px 0px 0px 0px;
	height:100%;
}

body > #container { 
	height:auto;
	min-height:100%;
	overflow: hidden;
}

* html #container {
	/* \*/
	height:100%;
	/* */
}

#homecontainer {
	background-color:#000000;
	background-image:url("../pix/infrastruktur_background.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	width:970px !important;
	margin:auto;
	text-align:left;
	border:0px;
	padding:0px 0px 0px 0px;
	height:100%;
}

body > #homecontainer { 
	height:auto;
	min-height:100%;
	overflow: hidden;
}

* html #homecontainer {
	/* \*/
	height:100%;
	/* */
}

#header {
	color: #11c8de;
	background-image:url("../pix/header_background.gif");
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 84px;
}

#header a {
	text-decoration: none; color:#000000;
}
#header a:hover {
	text-decoration: none; color:#11c8de;
}
#header a.active {
	color:#ffffff;
}
#header a.active:hover {
	text-decoration: none; color:#11c8de;
}

* html #header {
        /* \*/
        margin-right:-3px;
        /* */	
}



#langnav
{
	word-spacing: 4px;
	float: left;
	margin: 0px;
	border: 0px;
	padding-top: 46px;
	padding-left: 16px;
	width: 64px;
}


#metanav
{
	word-spacing: 4px;
	float: left;
	width: 300px;
	margin: 0;
	margin-left: 3px;
	border-left: 0px;
	margin-right: 200px;
	border-right: 0px;
	padding: 0;
	padding-right: 20px;
	padding-top: 46px;
}

* html #metanav {

	/* \*/
	margin-left:6px;
	/* */	

}

#logo
{
	float: right;
	text-align:right;
	margin: 0;
	padding: 0;
	padding-right: 30px;
}

#logo_2
{
	float: right;
	text-align:right;
	margin: 0;
	padding: 0;
	padding-right: 92px;
	width: 878px;
	clear: both;
}

#mainnavcontainer{
	position: relative;
	float: left;
	width: 274px;
	padding:0px 0px 0px 0px;
}

* html #mainnavcontainer {

	/* \*/

	width:271px!important;
	margin-right:   -3px;

	/* */

}


ul#mainnav {
	padding:64px 0px 0px 10px;
	margin:0px;
	border:0px;	
}
#mainnav {
	list-style-type:none;
	margin:0px;
	padding:0px 0px 14px 0px;
	font-size:28px;
	font-weight:bold;
}
ul #mainnav li {
	display:block;
	height:34px;
	line-height:34px!important;
	margin:0px;
	padding:0px 0px 0px 0px;
}
ul#mainnav li a {
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	line-height:34px!important;
	margin:0px;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	font-weight:bold;
	border-width:0px 0px 0px 0px;
	padding-left:4px;
	padding-right:4px;
}

ul#mainnav a:hover {
	color:#FFFFFF;
	background-color:#0daabe;
}
#mainnav a.active, #mainnav a.active:hover {
	color:#FFFFFF;
	background-color: #0daabe;
	
}

ul#subnav {
	padding:36px 0px 0px 10px;
	margin:0px;
	border:0px;	
}
#subnav {
	list-style-type:none;
	margin:0px;
	padding:0px 0px 14px 0px;
	font-size:13px;
	font-weight:normal;
}
ul #subnav li {
	display:block;
	height:18px;
	line-height:34px!important;
	margin:0px;
	padding:0px 0px 0px 0px;
}
ul#subnav li a {
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px!important;
	margin:0px;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-weight:normal;
	border-width:0px 0px 0px 0px;
	padding-left:4px;
	padding-right:4px;
}

ul#subnav a:hover {
	color:#0daabe;
}
#subnav a.active, #subnav a.active:hover {
	color:#0daabe;
	
}

#contentcontainer{
	position: relative;
	float: left;
	margin-top: 64px;
	left: 0px;
	width: 666px;
}

* html #contentcontainer {
	/* \*/
	margin-left: -3px;
	/* */
}

#homecontentcontainer{
	position: relative;
	float: left;
	margin-top: 64px;
	left: 0px;
	width: 666px;
}

* html #homecontentcontainer {
	/* \*/
	margin-left: -3px;
	/* */
}

.homenext {
	position:relative;
	margin:0px 0px 0px 0px;
	min-width:8em;
	max-width:451px; /* based on image dimensions - not quite consistent with drip
		styles yet */
	color:#ffffff;
	z-index:1;
	margin-left:225px; /* default, width of left corner */
	margin-bottom:12px; /* spacing under dialog */
}

.homenext .content,
.homenext .t,
.homenext .b,
.homenext .b div {
	background:transparent url("../pix/area_next.png") no-repeat top right;
	_background-image:url("../pix/area_black.gif");
}

.homenext .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:8px 0px 0px 0px;
}

.homenext .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.homenext .b {
	/* bottom */
	position:relative;
	width:100%;
}

.homenext .b,
.homenext .b div {
	height:12px; /* height of bottom cap/shade */
	font-size:1px;
}

.homenext .b {
	background-position:bottom right;
}

.homenext .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.homenext .hd,
.homenext .bd,
.homenext .ft {
	position:relative;
}

.homenext .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto;	/* note that overflow:auto causes a rather annoying redraw
		"lag" in Firefox 2, and may degrade performance. Might be
		worth trying without if you aren't worried about
		height/overflow issues. */
}

.homenext h1,
.homenext p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
	width: 273px;
}

.homenext p {
	background-color:#ffffff;
	}

.homenext li{
	width: 273px;
}

.homenext h1 {
	padding-bottom:0px;
}

.homenext h3 {
	font-size: 13px;
	font-weight: bold;
	border: 0px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #666666;
}

.homenext h3.tipp {
	padding: 8px 0px 8px 0px;
}

.homenext table {
	border-collapse:collapse;
}

.homenext .title {
	text-transform: uppercase;
	padding-bottom: 8px;
	font-weight: bold;
}
.homenext td {
	text-align:left;
	vertical-align:top;
	border:0px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

.homenext td.photo {
	width:210px;
}

.homenext td .photo img{
	padding-right:14px;
}

.text {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	min-width:8em;
	max-width:666px; /* based on image dimensions - not quite consistent with drip
		styles yet */
	color:#000000;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:12px; /* spacing under dialog */
}

#homecontainer .text {
	margin-top:15px;
}

.text .content,
.text .t,
.text .b,
.text .b div {
	background:transparent url("../pix/area_content.png") no-repeat top right;
	_background-image:url("../pix/area_white.gif");
}

.text .photocontent,
.text .photot,
.text .photob,
.text .photob div {

	background:transparent url("../pix/area_galerie.png") no-repeat top right;
	_background-image:url("../pix/area_galerie.gif");
}

.text .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:18px 12px 0px 0px;
	margin:0px;
}

.text .photocontent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:18px 12px 0px 0px;
	margin:0px;
}

.text .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.text .b {
	/* bottom */
	position:relative;
	width:100%;
}

.text .b,
.text .b div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.text .b {
	background-position:bottom right;
}

.text .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.text .photot {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.text .photob {
	/* bottom */
	position:relative;
	width:100%;
}

.text .photob,
.text .photob div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.text .photob {
	background-position:bottom right;
}

.text .photob div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.text .hd,
.text .bd,
.text .ft {
	position:relative;
}

.text .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto;	/* note that overflow:auto causes a rather annoying redraw
		"lag" in Firefox 2, and may degrade performance. Might be
		worth trying without if you aren't worried about
		height/overflow issues. */
}

.text h1,
.text p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	/* padding:0px 0px 0.5em 0px; */
	width: 488px;
	padding:0px 0px 12px 0px; 
}

.text p {
	background-color:#ffffff;
	padding:0px 0px 12px 0px; 
	margin:0px;
	}

.text li{
	width: 488px;
}

.text h1 {
	padding-bottom:0px;
}

#homecontainer .text {
	position:relative;
	margin:0px 0px 0px 0px;
	min-width:8em;
	max-width:666px; /* based on image dimensions - not quite consistent with drip
		styles yet */
	color:#000000;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:12px; /* spacing under dialog */
}

#homecontainer .text .content,
#homecontainer .text .t,
#homecontainer .text .b,
#homecontainer .text .b div {
	background:transparent url("../pix/area_home.png") no-repeat top right;
	_background-image:url("../pix/area_dotted.gif");
}

#homecontainer .text .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:12px 12px 0px 0px;
}

#homecontainer .text .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

#homecontainer .text .b {
	/* bottom */
	position:relative;
	width:100%;
}

#homecontainer .text .b,
#homecontainer .text .b div {
	height:13px; /* height of bottom cap/shade */
	font-size:1px;
}

#homecontainer .text .b {
	background-position:bottom right;
}

#homecontainer .text .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

#homecontainer .text .hd,
#homecontainer .text .bd,
#homecontainer .text .ft {
	position:relative;
}

#homecontainer .text .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto;	/* note that overflow:auto causes a rather annoying redraw
		"lag" in Firefox 2, and may degrade performance. Might be
		worth trying without if you aren't worried about
		height/overflow issues. */
}

/*
#homecontainer .text h1,
#homecontainer .text p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
	width: 488px;
}
*/

#homecontainer .text p {
	background-color:#ffffff;
	}


#homecontainer .text h1 {
	padding-bottom:0px;
}

.text .content .newstext {
	padding:0px;
/*	padding-top:12px;*/
	padding-bottom:6px;
}

.text .content img {
	padding:0px;
	padding-top:0px;
	padding-bottom:4px;
}


.text .content h2 {
	font-size:24px;
	font-weight:bold;
	padding:0px 0px 12px 0px;
	margin:0px;
	line-height:26px;
	color: #000000;
}

.text .content .newsletter h2 {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	line-height:18px;
	color: #CCCCCC;
	text-transform:uppercase;
}

.text .content .news h2 {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	line-height:18px;
	color: #CCCCCC;
	text-transform:uppercase;
}

.text .content .join_us h2 {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	line-height:18px;
	color: #CCCCCC;
	text-transform:uppercase;
}



.text .content .news {
	vertical-align:top;
	color:#FFFFFF;
	width:97px;
	padding: 0px 0px 0px 0px;
}

.text .content .newsletter {
	vertical-align:top;
	color:#FFFFFF;
	width:350px;
	padding: 0px 0px 0px 0px;
}

.text .content .join_us {
	vertical-align:top;
	color:#FFFFFF;
	width:196px;
	padding: 0px 0px 0px 0px;
}

.text .content .frontspace {
	color:#000000;
	width:29px;
	padding: 0px 0px 0px 0px;
}

.text .content .frontspace2 {
	color:#000000;
	width:29px;
	padding: 0px 0px 0px 0px;
}

.text .content p.first {
	padding-top:32px;
	margin:0px;
}


.text .photocolumn {
	border-collapse:collapse;
}

.text .photocolumn td {
	vertical-align:top;
	padding-right:14px;
	padding-top:32px;
}

.text .photocolumn td img{
	padding-bottom:14px;
}

.text .photo {
}

.text .lauftext,
.text .lauftext p,
.text .lauftext h3
	{
	width:333px;
}

.text .lauftext ul
	{
	padding-left: 0px;
	margin-left: 0px;
	list-style-type:none;

}

.text .lauftext li {
	width:318px;
	background-image: url(../pix/newsarrow.gif);
	background-repeat: no-repeat;
	background-position: 12px left top;
	margin-left:2px;
	padding: 0px 25px 0px 12px;
}

.text .lauftext h3 {
	font-size:14px;
}

.text #programm {
	border-collapse:collapse;
}

.text #programm #zurueck {
	padding-bottom:14px;
}

.text #programm td.info,
.text #programm td.info p,
.text #programm td.info h2,
.text #programm td.info h3,
.text #programm td.info ul,
.text #programm td.info li {
	width:333px;
}

.text #programm td#photo {
	vertical-align:top;
	padding-right:14px;
	width: 230px;

}

.text #programm td#photo img {
	padding-bottom:14px;

}

.text #programm td.info {
	vertical-align:top;
	width: 333px;

}

tr.title-month td{
	background-color: #000000;
	margin: 0;
	padding: 3px 0px 3px 12px;
	color: #ffffff;
}

.text #programm td.info h2 {
	font-size:24px;
	font-weight:bold;
	padding:0px 0px 12px 0px;
	margin:0px;
	line-height:26px;
	color: #000000;
	text-transform:none;
}

.lauftext h2 {
	font-size:24px;
	font-weight:bold;
	padding:0px 0px 12px 0px;
	margin:0px;
	line-height:26px;
	color: #000000;
	text-transform:none;
}

.text #programm td.info h3 {
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 12px 0px;
	margin:0px;
	line-height:18px;
	color: #000000;
	text-transform:none;
}

.text #programm td.info .datum {
	padding:0px 0px 24px 0px;
}

/*
.content ul {
	padding-top:0px;
	margin:0px 0px 0px 15px;
	padding:0px;
	padding-bottom:4px;
}

.content li{
	width: 473px;
	margin:0px;
	padding-bottom:0px;
}
*/

.content ul
	{
	padding-left: 0px;
	margin-left: 0px;
	list-style-type:none;

}

.content li {
	width:473px;
	background-image: url(../pix/newsarrow.gif);
	background-repeat: no-repeat;
	background-position: 12px left top;
	margin-left:2px;
	padding: 0px 25px 0px 12px;
}

.concertdetails {
	margin-top:24px;
	border-collapse:collapse;
}

.concertdetails th{
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	width:80px;
}

.concertdetails td {
	vertical-align:top;
	text-align:left;
}

.allconcerts {
	width:100%;
	border-collapse:collapse;
}

.allconcerts th{
	background-color:#000000;
	color:#FFFFFF;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	padding:16px;
	padding-top:12px;
	padding-bottom:12px;
	border-right: 1px solid #ffffff;
}

.allconcerts th#right{
	background-image:url("../pix/th_right.gif");
	background-position: right top;
	background-repeat: no-repeat;
}

.allconcerts th#left{
	background-image:url("../pix/th_left.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

.allconcerts th a {
	color:#FFFFFF;
}

.allconcerts th a:hover {
	color:#0daabe;
	text-decoration:none;
}

.allconcerts td {
	background-color:#f4f4f4;
	vertical-align:top;
	text-align:left;
	padding:16px;
	padding-top:12px;
	padding-bottom:12px;
	border-bottom: 2px solid #ffffff;
	border-top: 1px solid #ffffff;
}

.allconcerts td a.concerttitle {
	text-transform:uppercase;
}

.allconcerts form {
	margin: 0;
}


/* START GALERIE */
select {
	background-color:#DFEAEF;
	margin-right:5px;
	padding:0px;
}
.topbar {
	text-align:left;
	margin:14px 0px 0px 0px;
	width:640px;
	height:18px;
	border-width:0px;
	padding: 0px;
}
.topbar .pages {
	color:#FF00CC;
	font-weight:bold;
}
.topbar .pages a {
	font-weight:normal;
}
.topbar .icons {
	float:left;
}

.topbar img {
	border:0px!important;
}

.topbar a img {
	border:0px;
}

.floatright {
  float:right;
}
.floatleft {
  float:left;
}
.galerie {
/*	clear:both;*/
	width:640px;
	margin:0px 0px 0px 0px;
}
.galerieimg {
	width:143px;
	height:108px;
	margin:0px 9px 24px 0px;
	float:left;
}

.galerieprevimg {
	width:143px;
	height:108px;
	margin:0px 9px 72px 0px;
	float:left;
}

.galerie img {
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	padding:0px!important;
}
.galerieimg img {
	padding:0px;
	margin:0px;
}

.legend{
	color: #FFFFFF;
	background-color: transparent!important;
	padding-top: 12px!important;
}

/* ENDE GALERIE */

.newslettertable {
	width:100%;
	margin-top:12px;
	border-collapse:collapse;
}

.newslettertable th {
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	padding-right:12px;
	padding-top:4px;
	padding-bottom:4px;
	border:0px;
}

.newslettertable td {
	vertical-align:top;
	text-align:left;
	padding-right:0px;
	padding-top:4px;
	padding-bottom:4px;
	border:0px;
}

.assoc {
	height:32px;
	padding-top:28px;
	margin-left:225px;
	width:478px;
	color:#FFFFFF;
}

img {
	border:none;
}

#bymoxi {
	position:absolute;
	top:142px;
	left:3px;
	z-index:1;
	text-align:left;
}

.clear {
	clear:both;
}

.hide {
	visibility:hidden;
	display:none;
}