/* REMOVE PADDING AND MARGIN VALUES */
* { margin: 0; padding: 0; }
/* keien borders um bilder, zb bei links */
img { border: none; }
/* SET BASE FONT ATTRUBUTES */
html, body, body *	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #fff; }
body				{ margin: 0px; background: #000; font-size: 62.5%; text-align: center; }

/* container */
div#container	{ position: relative; width: 780px; margin: 0px auto 0px auto; text-align:left;  }

/* header */
div#header	{ padding: 38px 0 20px; text-align: center; }
img#logo	{ border: none; }
	
div#locations	{ padding: 0 0 20px; text-align: center; border-bottom: 1px solid #fc0; margin: 0 90px; }
div#locations a	{ padding: 0 7px; }

/* metanav */
div#metanav				{ position: absolute; top: 50px; left: 500px; width: 280px; height: 20px; text-align: right; }
div#metanav a			{ }
div#metanav a.active	{ }
div#metanav a:hover		{ }

/* credit */
div#credit { }

/* search */
div#search { }

/* auxnav */
div#auxnav { }

/* breadcrumb */
div#breadcrumb { }

/*separated top and subnav*/
div#topnav { height: 18px; overflow: hidden; margin: 0 90px; padding: 0; text-align: center; border-top: 1px solid #fc0; border-bottom: 1px solid #fc0; text-align: center; }
div#undertopnav { margin: 0 90px; text-align:right; padding-top: 15px;}

.lvl1, .lvl1l, .lvl1a, .lvl1al, .lvl1e, .lvl1el, .lvl1ae, .lvl1ael
{ margin: 0 5px; text-decoration: none; font-size: 1.1em; text-transform: uppercase; font-weight: bold; }
.lvl1:hover, .lvl1l:hover, .lvl1a:hover, .lvl1al:hover, .lvl1e:hover, .lvl1el:hover, .lvl1ae:hover, .lvl1ael:hover
{ text-decoration: underline; }

.lvl1a, .lvl1al, .lvl1ae, .lvl1ael {  }
.lvl1e, .lvl1ae, .lvl1el, .lvl1ael {  }
.lvl1l, .lvl1al, .lvl1el, .lvl1ael {  }

.lvl1a:hover, .lvl1al:hover, .lvl1ae:hover, .lvl1ael:hover { text-decoration: none; }
.lvl1e:hover, .lvl1ae:hover, .lvl1el:hover, .lvl1ael:hover {  }
.lvl1l:hover, .lvl1al:hover, .lvl1el:hover, .lvl1ael:hover {  }

div#areatitle, div#marquee, div.locationtitle { position: relative; width: 600px; padding: 24px 0 10px; text-align: center; margin: auto; }

div#marquee { border-bottom: 1px solid #fc0; padding-bottom: 0px; margin-bottom: 20px; }
div.locationspacer { position: relative; width: 600px; padding: 20px 0 10px; text-align: center; margin: auto; border-bottom: 1px solid #fc0;  }

#tickercontainer { overflow: hidden; height: 32px; width: 600px; margin-bottom: 0px; padding-bottom: 0px; }
#mask {background: transparent; position: relative; left: 0px; width: 600px; overflow: hidden; height: 30px;}
#mask p { white-space: nowrap; position: absolute; top: 10px; left: 600px; margin: 0; padding: 0;}
#mask p a { color: #fc0; text-decoration: none; }
#mask span {margin: 0 6px 0 52px}

div#subnav { padding: 0 0 30px; text-align: center; font-size: 1.2em; }

.lvl2, .lvl2l, .lvl2a, .lvl2al, .lvl2e, .lvl2el, .lvl2ae, .lvl2ael
{ padding: 0 5px 0 2px; text-decoration: none; }
.lvl2:hover, .lvl2l:hover, .lvl2a:hover, .lvl2al:hover, .lvl2e:hover, .lvl2el:hover, .lvl2ae:hover, .lvl2ael:hover
{ text-decoration: underline; }

.lvl2a, .lvl2al, .lvl2ae, .lvl2ael { color: #666; }
.lvl2e, .lvl2ae, .lvl2el, .lvl2ael {  }
.lvl2l, .lvl2al, .lvl2el, .lvl2ael {  }

.lvl2a:hover, .lvl2al:hover, .lvl2ae:hover, .lvl2ael:hover { text-decoration: none; }
.lvl2e:hover, .lvl2ae:hover, .lvl2el:hover, .lvl2ael:hover {  }
.lvl2l:hover, .lvl2al:hover, .lvl2el:hover, .lvl2ael:hover {  }


.lvl3, .lvl3l, .lvl3a, .lvl3al, .lvl3e, .lvl3el, .lvl3ae, .lvl3ael
{ display:block; color: #333; text-decoration: none; font-size: 1.1em; }
.lvl3:hover, .lvl3l:hover, .lvl3a:hover, .lvl3al:hover, .lvl3e:hover, .lvl3el:hover, .lvl3ae:hover, .lvl3ael:hover
{ text-decoration: underline; }

.lvl3a, .lvl3al, .lvl3ae, .lvl3ael {  }
.lvl3e, .lvl3ae, .lvl3el, .lvl3ael {  }
.lvl3l, .lvl3al, .lvl3el, .lvl3ael {  }

.lvl3a:hover, .lvl3al:hover, .lvl3ae:hover, .lvl3ael:hover { text-decoration: none; }
.lvl3e:hover, .lvl3ae:hover, .lvl3el:hover, .lvl3ael:hover {  }
.lvl3l:hover, .lvl3al:hover, .lvl3el:hover, .lvl3ael:hover {  }

/* content */
div#content			{ margin: 0 90px; font-size: 1.1em; line-height: 1.5em; }

/* footerSpacer */
div.footerSpacer { clear: both; height: 25px; font-size: 1px; background: #000; }

/* footer */
div#footer	{ clear: both; width: 600px; height: 20px; margin: 0px auto 0; padding: 0; font-size: 1.1em; }

/* links general */
div#content a:link, div#content a:visited	{ text-decoration: none; }
div#content a:hover		{ text-decoration: underline; }
div#content a:active	{  }

a.mehrInfosDiv { display: block; padding: 2px; cursor: pointer; padding-bottom: 5px; margin-bottom: 0px; }
div#content a.mehrInfosDiv:hover { text-decoration: none; background-color: #222; }

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, ul, ol, table, fieldset { margin-top: 1em; margin-bottom: 0.5em; }
table table { margin: 0; }
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { font-size: 1.2em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
p { margin: 3px 0; }

/* images */
img { border: 0px; float: none; }
img.left { display: inline; float: left; margin: 3px 10px 5px 0px; }
img.right { float: right; margin: 3px 0px 5px 10px;}

/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
table.width100percent { width: 100%; }
th, td { padding: 0 5px 5px 0; vertical-align: top; text-align: left; }
th { font-weight: bold; }
td {  }
td.left { text-align: left; }
td.right { text-align: right; }

/* Lists */
ul, ol, dl {  } 
ul li { margin-left: 16px; }
ol li { margin-left: 24px; }

/* forms + fieldsets */
fieldset { padding: 10px; -moz-border-radius: 7px; }
legend 	{ padding: 0 6px 0 4px; }
label 	{ font-size: 1.0em; margin: 10px; }
input, input.text, textarea, select, option, input.button { font-size:9px; color: #000; }
input.text, textarea, select { border: 1px solid #fc0; }
input.checkBox, input.radioButton { position: relative; top: 0; }

input.calendar, select.calendar { padding: 1px;border: 0px; font-size: 10px !important;}
input.calendar { height: 14px;}

/* generals */
h1.clear, h2.clear, h3.clear, h4.clear, h5.clear, h6.clear, p.clear, table.clear, ul.clear, ol.clear, fieldset.clear, div.clear
{ clear: both; }
.width100percent { width: 100%; }
.halfWidth { width: 50%; margin: 0 auto; }
.textLeft { text-align: left; }
.textRight, p.textRight { text-align:  right; }
.textCenter, p.textCenter { text-align: center; }
p.separator { height: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 1px; }
.alert { color: #fc0 !important; }
.borderTop { border-top: 1px solid #fc0; }
p.borderYellow { clear: both; height: 1px; overflow: hidden; margin: 0; padding: 0; border-bottom: 1px solid #fc0; font-size: 1px; }
.separator { border-top: 1px solid #fc0; font-size: 1px; }
a.yellow, p.yellow { color: #fc0; }
p.yellow-Fat { font-weight: bold; color: #fc0; }
p.white { color: #fff; }
p.white-Fat { font-weight: bold; color: #fff; }
p.grey, td.grey, td.grey span { color: #b3b3b3; }
span.uppercase { text-transform: uppercase; }
p.grey-Fat { font-weight: bold; color: #b3b3b3; }
p.noMarginTop { margin-top: 0; }
p.noMarginBottom { margin-bottom: 0; }
p.yelloHeadline { color: #fc0; margin-bottom: 0; }
td.leftCell { text-align: left; }
td.centerCell { text-align: center; }
td.rightCell { text-align: right; }
a.Download { padding-left: 18px; background: url(../img/DownloadPfeil.gif) no-repeat 0 0; }
.noBorder { border: none !important; }
.uppercase { text-transform: uppercase; }


/* specials */
div#content div.boxLeft, div#content div.boxRight, div#content div.boxBoth 	{ display: inline; float: left; width: 290px; margin-bottom: 20px; border-bottom: 0px solid #fc0; }
div#content div.boxLeft { clear: left; margin-right: 20px; }
div#content div.boxBoth { width: 600px; }
div.boxLeft p.title, div.boxRight p.title, div.boxBoth p.title						{ margin: 2em 0 0; font-weight: bold; }
div.boxLeft p.location, div.boxRight p.location, div.boxBoth p.location				{ margin: 0em 0 0; font-weight: bold; color: #fc0; }
div.boxLeft p.date, div.boxRight p.date, div.boxBoth p.date							{ margin: 0em 0 0; color: #b3b3b3; }
div.boxLeft p.description, div.boxRight p.description, div.boxBoth p.description	{ margin: 0em 0 0; }
div.boxLeft p.more, div.boxRight p.more, div.boxBoth p.more							{ margin: 1em 0 2em; }
div.boxLeft p.more a, div.boxRight p.more a, div.boxBoth p.more a					{ color: #b3b3b3; text-decoration: none; }
div.boxLeft p.more a:hover, div.boxRight p.more a:hover, div.boxBoth p.more a:hover	{ text-decoration: underline; }

table.summary { width: 100%; margin: 0 0 5px 0; }
table.summary td { font-weight: bold; color: #b3b3b3; text-transform: uppercase; font-size: 0.9em; padding:5px; }

table.calendarHead { width: 100%; margin: 0 0 0 0; }
table.calendarHead td { vertical-align: middle; font-weight: bold; color: #b3b3b3; background-color:#333; padding:5px; }

table.searchresult				{ width: 100%; margin: 0 0 0 0; border-top: 1px solid #fc0; border-bottom: 0;}
table.searchresult td			{ padding: 5px; }
table.searchresult td.image 	{ width:120px; }
table.searchresult p.title		{ margin: 0em 0 0; font-weight: bold; }
table.searchresult p.subtitle	{ margin: 0em 0 0; }
table.searchresult p.location 	{ margin: 0em 0 0; font-weight: bold; color: #fc0; }
table.searchresult p.date 		{ margin: 0em 0 0; color: #b3b3b3; }
table.searchresult p.teaserText	{ margin: 0em 0 0; }
table.searchresult p.more		{ margin: 1em 0 0em; }
table.searchresult p.more a 	{ color: #b3b3b3; text-decoration: none; }
table.searchresult p.more a:hover { text-decoration: underline; }

div.uebersicht { float: left; width: 290px; margin: 5px 0 0; padding-top: 20px; border-top: 1px solid #fc0; }
#homepage div.uebersicht { width: 188px; margin-right: 13px; padding-top: 0px; margin-top: 0px; }
div.leftDiv { margin-right: 20px; }
div.clearDiv { width: 100%; height: 1px; font-size: 1px; }

table.uebersicht				{ width: 100%; }
table.uebersicht td				{ padding: 5px 10px 0 0; }
table.uebersicht p				{ margin: 0; }
table.uebersicht p.title 		{ font-weight: bold; }
table.uebersicht p.subtitle		{ }
table.uebersicht p.location 	{ font-weight: normal; color: #b3b3b3; }
table.uebersicht p.date 		{ color: #fc0; font-weight: bold; }
table.uebersicht p.teaserText	{ }

table.uebersicht p.more			{ margin: 1em 0 0em; }
table.uebersicht p.more a 		{ color: #b3b3b3; text-decoration: none; }
table.uebersicht p.more a:hover { text-decoration: underline; }

table td.expired				{ color:#999 !important; }

table.more							{ width: 100%; }
table.more a.mehrInfos				{ display: block; width: 93px; height: 16px; background: url(../img/button_info.gif) }
table.more a.tickets				{ display: block; width: 124px; height: 16px; background: url(../img/button_ticket.gif) }
table.more a.mehr-infos-download	{ display: block; width: 175px; height: 15px; background: url(../img/infos_download.gif) }

.hp_teaser				{ padding-top: 15px; height: 7.5em; overflow: hidden; padding-bottom:0px; }
.hp_teaser p			{ margin: 0; }
.hp_teaser p.title		{ font-weight: bold; }
.hp_teaser p.subtitle	{ }
.hp_teaser p.location 	{ color: #b3b3b3; }
.hp_teaser p.date 		{ color: #fc0; font-weight: bold; }
.hp_teaser p.teaserText	{ }

table.calendar							{ width: 910px; margin-top: 0; border-left:1px solid #4F3F00;border-top:1px solid #4F3F00;}
table.calendar td, table.calendar th	{ border-right: 1px solid #4F3F00; border-bottom: 1px solid #4F3F00;}
table.calendar td, table.calendar th	{ width: 130px; }
table.calendar td						{ padding: 0px;}
table.calendar td.day					{ padding: 0px 3px 0px 3px; text-align:center; font-weight:bold;}
table.calendar td.dayCount				{ padding: 0px 3px 0px 3px; text-align:center; font-weight:bold; background-color: #6A5D25;}
table.calendar td.dayGrey				{ padding: 3px; color: #999;}
table.calendar th						{ background-color:#fc0; color: #000; padding: 3px;  text-align:center;} 
table.calendar div.eventDiv				{ background-color:#333;margin:0px 0 5px 0;padding: 3px; }

table.event					{ width: 100%; margin: 5px 0px 0; }
table.event td				{ padding: 5px 10px 0 0; }
table.event td.left			{ }
table.event td.right		{ padding-right: 0px; }
table.event h2				{ font-size: 1em; margin: 1em 0 0; }
table.event p				{ font-size: 1em; margin: 0; }
table.event p.title 		{ font-weight: bold; }
table.event p.location 		{ font-weight: bold; color: #fc0; }
table.event p.date 			{ color: #b3b3b3; }
table.event p.teaserText	{ font-weight: bold; font-style: italic; }

table.filter				{ margin: 0 auto 40px; }
table.filter td				{ color: #b3b3b3; }
table.filter td input, table.filter td option {  }

table.newsletter { margin: 0 auto; }
table.newsletter input.text { margin: 0 auto; background: #fc0; }

table.footer			{ width: 100%; margin-top: 10px; }
table.footer td			{ padding: 0; }
table.footer td a		{ text-decoration: none; color: #b3b3b3; }
table.footer td a:hover	{ text-decoration: underline; }
table.footer input.text	{ background: #fc0; color: #000; }

table.history			{ width: 100%; }
table.history td		{ padding: 0 10px 20px 0; }
table.history td.year	{ padding-left: 50px; font-weight: bold; color: #fc0; }
table.history td.data	{ padding-left: 15px; border-left: 1px solid #fc0; }

p.backlink, p.backlinkDownloads { position: absolute; left: 0px; top: 115px; font-size: 1.1em; background: url(../img/zurueckpfeil.gif) no-repeat 0 0px; }
p.backlink a, p.backlinkDownloads a { padding: 0 0 0 15px; text-decoration: none; color: #b3b3b3; }
p.backlink a:hover, p.backlinkDownloads a:hover { text-decoration: underline; }
p.backlinkDownloads { top: 72px; }

table.login { margin: 0 auto; }
table.login td.leftCell { padding-right: 10px; text-align: right; color: #fc0; }
table.login input.text { border: 1px solid #fc0; }
table.login input.button {  }

table.downloads				{ float: left; width: 100%; margin: 5px 0 0; padding-top: 20px; border-top: 1px solid #fc0; }
table.downloads td			{ padding: 10px 10px 10px 0; }
table.downloads td.icon		{ width: 5%; }
table.downloads td.content	{ width: 100%; }
table.downloads td td		{ padding: 2px 10px 2px 0; }
table.downloads td p		{ margin: 0 0 5px 0; }
table.downloads td p.title	{ color: #fc0; font-weight: bold; }
p.downloadTitle				{ margin-top: 0; color: #b3b3b3; }
table.downloads td.downloadbutton { padding-top: 10px; }

div.pager { width: 100%; height: 20px; }
div.pager a { text-decoration: none !important; }
div.pager * { display: block; float: left; width: 13px; height: 19px; margin: 0 10px 0 0; }
div.pager a.inactive	{ background: url(../img/_pager_inactive.gif) no-repeat; }
div.pager a.active	{ background: url(../img/_pager_active.gif) no-repeat; cursor: default; } 
div.pager span.current 	{ width: auto; }

p.inlineYellow { color: #fc0; }

table.form input			{ width: 300px !important; border: 1px solid white; background-color: #D3D3D3;}
table.form input.left		{ text-align: left !important;}
table.form input.checkbox	{ width: 25px !important; border: 0px; background-color: #000; float: left;}
table.form textarea			{ width: 300px; border: 1px solid white !important; background-color: #D3D3D3;}
table.form input.absenden	{ width: 250px !important;border: 1px solid white; font-size:11px; background-color: #fc0 !important;}

div.formwrapper {
    padding: 10px 20px 10px 20px;
    background-color: rgb(34, 34, 34);
    border: 1px solid rgb(51, 51, 51);
    margin-top: 15px;     
}
div.formwrapper h2 {
    text-transform: uppercase; 
    border-bottom: 1px solid #FFCC00; 
    margin-bottom: 15px;
}
div.formwrapper p {
    margin-left: 0 !important;
}
div.formwrapper input, div.formwrapper select {
    background: #D3D3D3;
    border: 1px solid #FFCC00;
    width: 165px !important;
    padding: 1px;
    margin: 0 20px 12px 0;

}
div.formwrapper textarea {
    background: #D3D3D3;
    border: 1px solid #FFCC00;
    width: 550px !important;
    padding: 1px;
    margin: 0 20px 12px 0;

}

div.formwrapper input.absenden {
    background-color:#FFCC00 !important;
    font-size:11px;
    margin-top: 20px;
    margin-bottom: 40px;
}

div.formwrapper input.checkbox {
    border: none !important;
    margin: 0 3px 5px 0 !important;
    width: 15px !important; 
    display: inline;
    vertical-align: middle;
}