html, body{
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #FFF9F5;
 color: #000000;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 1em;}
 
#content {
 width:780px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 padding: 1em 0em 1em 0em;}

#main {
 border: 7px solid #560609;
 width:750px;
 margin-left:auto;
 margin-right:auto;
 padding: 0;
 background-color: #FFE6D5;
 }

#header {
 height:90px;
 background-color:#FFFFFF;
 background-image: url(imgs/innenraum.jpg);
 z-index:1;
 text-align: right;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 42px;
}

.space { font-size: 32px; }
.stadttheater {
 color: #fff;
}

.sterzing {
 color: #ddd;
 font-style: italic;
}

#menu {
 z-index:5;
 border-top: 5px solid #560609;
 border-bottom: 5px solid #560609;
 background-color: #CC0000; /* #900000; */
 color: #FFFFFF;
 text-align: left;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 0.7em;
 font-weight: bold;
 padding: 0.3em 0.3em 0.3em 1em;}

a.menu, #menu a {
 font-size: 14px;
 text-decoration: none;
 font-weight: bold;
 font-variant: normal;
 color: #FFFFFF;
 background-color: #CC0000;}

a.menu:hover, #menu a:hover {
 text-decoration: none;
 font-weight: bold;
 font-variant: normal;
 color: #560609;
 background-color: #FFFFFF;}

#columns {
 margin:0;
 padding:0;
 background-image: url(imgs/colsbg.gif);
 background-repeat: repeat-y;
}

#left {
 overflow: auto;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 0.8em;
 margin: 0px;
 padding: 1em;
 background-color: #FFFFFF;
 border-right: 5px solid #560609;
 }

#left h2 {
 font-size: 1.3em;}

#left h3 {
 font-size: 1.1em;}

#right {
 background-color: #FFE6D5;
 /*/*/ width:230px; /* hack keeps NN4 right column right? */
 float: right;
 padding: 0px 0px 50px 0px;
 margin: 0px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;}


#footer {
 clear: both;
 text-align: right;
 border-top: 5px solid #560609;
 /* border-bottom: 3px solid #560609; */
 background-color: #CC0000;
 color: #FFFFFF;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 0.7em;
 font-weight: bold;
 padding: 0.3em 1em 0.3em 0.3em;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #left {height: 1%;
 overflow: visible;}

* html #columns {height: 1%;}

* html #main {height: 1%;}

* html #content {height: 1%;}

* html #right {height: 1%;
 margin: 0px -3px;
}
/* End hide from IE5/mac */

.heading {
 clear: both;
 text-align: left;
 font-weight: bold;
 font-size: 12px;
 color: #FFFFFF;
 background-color: #CC0000;
 margin: 0em 0em 0.5em 0em;
 padding: 5px;
}

.c {
 text-align: center;
 margin-left:auto;
 margin-right:auto;}

.rght {float: right;}
.lft {float: left;}

.c table.calendar {
 text-align: center;
 font-size: 12px;
 border: 1px solid #CC0000;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 background-color: transparent;
 line-height: 1em;
}

table.calendar th {
 font-weight: bold;
 font-size: 12px;
 color: #FFFFFF;
 background-color: #CC0000; 
 text-align: center;
 padding: 5px;
}

table.calendar td {
 text-decoration: none;
 font-size: 10px;
 text-align:  center;
 vertical-align: middle;
 color: #999999;
 background-color: #FFFFFF;
 padding: 5px;
}

table.calendar .blank {
 background-color: #FFE6D5;
 padding: 5px;
}

table.calendar td.today { border: 1px solid #CC0000; }

a {
 text-decoration: underline;
 font-weight: bold;
 color: #560609;
}

a:hover {
 text-decoration: underline;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #560609;}

.date {font-family: Helvetica, Arial, sans-serif; font-size: 0.9em;}

.was {font-size: 1em;
font-weight: bold;}

.text {font-size: 0.9em;}

p {
 clear: both;
 padding: 0.5em 1em 0.5em 1em;
 overflow: auto;
}

.b {font-weight:bold;}

img.left {
float: left;
border: 1px solid #560609;
padding: 5px;
margin-right: 5px;
margin-top: 3px;
}

img.right {
float: right;
border: 1px solid #560609;
padding: 5px;
margin-left: 5px;
margin-top: 3px;
}

.c img {
border: 1px solid #560609;
padding: 5px; }

hr {
 clear: both;
 width: 90%;
 background-color: #CCCCCC;
 color: #CCCCCC;
 text-align: center;
 margin-left: auto;
 margin-right: auto;}

.zitat {
 margin: 1em;
 padding: 1em;
 text-align: left;
 font-size: 0.9em;
 font-style: italic;
 border: 1px solid #bebebe;
 background-image: url(../imgs/quotes.gif);
 background-color: #FFFFFF;
 background-repeat: no-repeat;
 color: #3d3d3d;}

dl{margin: 0 0 1em; background: url(../imgs/dot.gif) repeat-x 0 1.2em}

dt{float: left;width:40%;padding-right: 3px;}
dd{margin:0}
dd.ddr{float: right;padding-left: 3px;}

@media print{
 content{ border: 0px; }
 #header{ display:none; }
 #right{ display:none; }
 #menu{ display:none; }
 #footer{ display:none; }
}

/* for lightbox plus */
#overlay {
  text-align: left;
  background-image: url(/gunther/lightbox/overlay.png);
}
* html #overlay{
	background-color: #000;
	filter: Alpha(opacity=50);
	back\ground-color: transparent;
	background-image: url(/gunther/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/gunther/lightbox/overlay.png", sizingMethod="scale");
	}
	
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

