@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	.clearfix:after								{ content: "."; display: block; clear: both; visibility: hidden; }
	
	body 										{ background: #BF443D; text-align: center; }
	div.rahmen 									{ background: url(/images/design/bg-rahmen.gif) repeat-y 0px 0px; width: 937px; margin: 0 auto; text-align: left; position: relative; }

	
	
/* Oben __________________________________________________________________ */

	div.abstandoben								{ background-color: #BF443D; height: 11px !important; }
	div.randoben								{ background-color: #C2C1C2; margin: 0px 0px 0px 0px; height: 5px; font-size: 0px; line-height: 0px; width: 937px; }
	
	div.oben 									{ margin: 0px 0px 0px 0px; width: 937px; padding: 0px 0px 0px 0px; }
	
	div.oben div.logo							{ background-color: #FFFFFF; float: left; display: inline; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; width: 211px; height: 171px; }
	div.oben div.logo a.logo img				{ margin: 9px 0px 0px 31px; }
	
	div.oben div.flash							{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 220px; overflow: hidden; }
		
	div.oben ul.menu 							{ border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; background-color: #605C59; font-size: 13px; position: absolute; left: 0px; top: 186px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%!; }
	div.oben ul.menu li 						{ background: transparent; border-left: solid 1px #FFFFFF; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px; }
	
	div.oben ul.menu li.erstes					{ border-left: none; margin: 0px 0px 0px 0px; padding: 2px 3px 2px 3px; }
	#TopBezirkBozen a							{ background: url(/images/design/bg-li-bozen.gif) no-repeat right bottom; }
	#TopBezirkBozen a:hover						{ background-color: #00AED9; }
	#TopBezirkBrixen a							{ background: url(/images/design/bg-li-brixen.gif) no-repeat right bottom; }
	#TopBezirkBrixen a:hover					{ background-color: #D400DC; }
	#TopBezirkBruneck a							{ background: url(/images/design/bg-li-bruneck.gif) no-repeat right bottom; }
	#TopBezirkBruneck a:hover					{ background-color: #E27000; }
	#TopBezirkMeran a							{ background: url(/images/design/bg-li-meran.gif) no-repeat right bottom; }
	#TopBezirkMeran a:hover						{ background-color: #C10909; }
	#TopBezirkSchlanders a						{ background: url(/images/design/bg-li-schlanders.gif) no-repeat right bottom; }
	#TopBezirkSchlanders a:hover				{ background-color: #2F9A12; }
	#TopBezirkSterzing a						{ background: url(/images/design/bg-li-sterzing.gif) no-repeat right bottom; }
	#TopBezirkSterzing a:hover					{ background-color: #D4DC00; }
	
	div.oben ul.menu li a 						{ color: #FFFFFF; float: left; display: block; min-height: 27px; _height: 27px; line-height: 27px; padding: 0px 23px 0px 23px; }
	div.oben ul.menu li a:hover 				{ color: #000000; }
	div.oben ul.menu li.aktiv a,
	div.oben ul.menu a:hover 					{ background-color: #FFFFFF; color: #000000; }
	
	div.oben ul.menu ul 						{ background-color: #646464; display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 0px 8px 0px; position: absolute; left: 0px; top: 32px; min-width: 198px; _width: 197px; }
	div.oben ul.menu ul li 						{ background: transparent !important; border-left: none; border-bottom: solid 1px #908D8B; display: block; float: none; font-size: 12px; margin: 0px 5px 0px 5px; padding: 3px 0px 4px 0px; }
	div.oben ul.menu ul li a					{ background: transparent !important; color: #FFFFFF !important;  }
	div.oben ul.menu ul li.erstes				{ padding: 2px 3px 2px 3px; border-left: none; border-top: solid 1px #908D8B; }
	div.oben ul.menu ul li.aktiv, 				
	div.oben ul.menu ul li.aktiv a 				{ color: #000000 !important; }
	div.oben ul.menu ul li a	 				{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 6px 0px 8px; }
	div.oben ul.menu ul li a:hover,
	div.oben ul.menu ul li.aktiv a				{ background: transparent; color: #000000 !important; }
	
	div.oben div.unterstutzung					{ background-color: #FFFFFF; float: left; margin: 0px 0px 0px 0px; width: 212px; height: 201px; z-index: 2; position: relative; }
	div.unterstutzung span						{ color: #737373; display: block; font-size: 10px; font-weight: bold; margin: 7px 15px 0px 0px; text-align: right; }
	div.unterstutzung span.zentriert			{ font-size: 9px; font-weight: normal; float: left; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 120px;}
	div.unterstutzung img.kunstkultur			{ float: left; margin: 7px 0px 0px 41px; }
	div.unterstutzung img.sparkasse				{ float: left; margin: 7px 0px 0px 40px; }

	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px; clear: both; margin: 0px 0px 0px 0px; min-height: 100%; _height: 100%; position: relative; }
	
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; margin: -2px 0px 0px 0px; padding: 0px 0px 220px 0px; width: 216px; }

	div.links ul.menu 							{ border-bottom: solid 1px #FFFFFF; list-style-type: none; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; width: 210px; position: relative; z-index: 2; }
	div.links ul.menu li 						{ background: transparent; border-top: solid 1px #FFFFFF; background: #878787; font-size: 12px; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 13px; }
	div.links ul.menu li a 						{ color: #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li.aktiv a 				{ color: #000000; }
	div.links ul.menu li a:hover 				{ color: #000000; }
	
	div.links ul.menuohneborder					{ border-bottom: solid 1px #FFFFFF; list-style-type: none; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; width: 210px; }
	div.links ul.menuohneborder li 				{ border-top: none; background: #878787; font-size: 12px; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 13px; }
	div.links ul.menuohneborder li.mitborder	{ border-top: 1px solid #FFFFFF; background: #878787; font-size: 12px; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 13px; }
	div.links ul.menuohneborder li a 			{ color: #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menuohneborder li.aktiv a 		{ color: #000000; }
	div.links ul.menuohneborder li a:hover 		{ color: #000000; }
	
	div.links ul.menuohneabstand				{ border-bottom: solid 1px #FFFFFF; list-style-type: none; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 0px; width: 210px; }
	div.links ul.menuohneabstand li 			{ font-family: Trebuchet MS, Helvetica, sans-serif; border-top: none; background: #878787; font-size: 12px; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 13px; }
	div.links ul.menuohneabstand li a			{ color: #FFFFFF; }
	div.links ul.menuohneabstand li.mitborder	{ border-top: 1px solid #FFFFFF; background: #878787; font-size: 12px; }
	div.links ul.menuohneabstand li.aktiv a 	{ color: #000000; }
	div.links ul.menuohneabstand li a:hover 	{ color: #000000; }
		
	div.links div.adresse						{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; margin: 25px 5px 10px 17px; position: absolute; left: 0px; width: 190px; color:#FFFFFF;}
	div.links div.adresse address				{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; margin: 0px 0px 10px 0px;}
	div.links div.adresse span					{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; margin: 0px 0px 10px 0px; }
	div.links div.adresse address a				{ display: inline; color: #FFFFFF; }
	div.links div.adresse a 					{ color: #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	
	div.abstand									{ background: url(/images/design/bg-links.gif) repeat-y 0px 0px; height: 20px; width: 100%; }
	
	

/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 504px; _width: 496px; overflow: hidden; }
	div.inhaltrahmen							{ border: solid 1px #FFFFFF; background-color: #EFEFEF; margin: 21px 0px 0px 21px; _margin: 15px 0px 0px 20px; width: 465px; min-height: 100px; _height: 100px; }
	div.inhaltinnen								{ margin: 10px 0px 0px 10px; padding: 0px 0px 20px 0px; width: 445px; min-height: 100px; overflow: hidden; }
	div.inhaltinnenstartseite					{ margin: 5px 0px 0px 10px; padding: 0px 0px 20px 0px; width: 485px; _width: 494px; min-height: 100px; overflow: hidden; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 201px; padding: 0px 0px 20px 0px; }
	
	span.ueberschriftbox						{ background-color: #C3C3C3; display: block; font-size: 12px; font-weight: bold; color: #737373; text-transform: uppercase; padding: 0px 0px 0px 6px; _width: 100%; z-index: 2; position: relative; }
	span.suche									{ margin: 0px 0px 10px 0px; }
	
	div.rechts div.suche						{ background-color: #FFFFFF; border: solid 1px #730E00; margin: -8px 0px 0px 18px; _margin: -8px 0px 0px 24px; width: 179px; _width: 181px; height: 57px; z-index: 2; position: relative; }
	div.suche div.sucheinnen					{ border: solid 1px #C3C3C3; margin: 1px 1px 1px 1px; height: 53px; z-index: 10; position: relative; }
	div.suche input.inputvolltextsuche			{ border: solid 1px #909090; float: left; display: inline; margin: 0px 0px 0px 10px; width: 132px; font-size: 11px; height: 15px; line-height: 15px; padding: 0px 0px 0px 2px; }
	div.suche input.aktiv						{ border: solid 1px #343434; color: #343434; }
	a.suche										{ background: url(/images/design/weiter-suche.gif) no-repeat 0px 0px; display: inline; float: right; margin: 1px 5px 0px 0px; width: 21px; height: 15px; }
	
	div.rechts div.vsmoffice					{ margin: 8px 0px 0px 18px; height: 94px; }
	div.rechts div.vsmoffice div.sucheinnen		{ height: 90px; position: relative; }
	div.rechts div.vsmoffice a.vsmoffice		{ background: url(/images/design/bg-login.jpg) no-repeat 0px 0px; display: block; margin: 0px 0px 0px 10px; width: 132px; height: 55px; }
	div.rechts div.vsmoffice a.suche			{ position: absolute; left: 148px; top: 66px; margin: 0px 0px 0px 0px; }
	
	div.rechts div.ehrenamt						{ position: relative; border: solid 1px #730E00; background-color: #FFFFFF; width: 179px; margin: 8px 0px 0px 18px; }
	div.rechts div.ehrenamtinnen				{ margin: 1px; border: solid 1px #C3C3C3; }
	div.rechts a.ehrenamt						{ margin: 10px 0px 0px 10px; background: url(/images/design/ehrenamt-und-vereine.gif) no-repeat 0px 0px; display: block; width: 132px; height: 83px; }
	div.rechts a.suche							{ position: absolute; left: 148px; top: 95px; margin: 0px 0px 0px 0px; }
	
	img.anmelden								{ margin: 8px 0px 0px 18px; _margin: 8px 0px 0px 24px;  }
	
	div.rechts div.kalender						{ background-color: #FFFFFF; border: solid 1px #730E00; margin: 8px 0px 0px 18px; _margin: 8px 0px 0px 24px; width: 179px; _width: 181px; z-index: 2; position: relative; }
	div.kalender div.kalenderinnen				{ border: solid 1px #C3C3C3; margin: 1px 1px 1px 1px; z-index: 10; padding: 0px 0px 20px 0px; position: relative; }

	
	div.rechts div.kalender table				{ margin: 8px 0px 0px 7px; _margin: 8px 0px 0px 12px; padding: 0px 0px 0px 0px; }
	div.rechts div.kalender table tr td			{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechts div.kalender table tr td a		{ color: #FFFFFF; }
	div.rechts div.kalender table tr td a:hover	{ color: #999999; }
	div.rechts div.kalender .monate				{ background-color: #D5D5D5;  }
	div.rechts div.kalender .monat				{ color: #535353; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; width: 100%; }
	div.rechts div.kalender .wochen				{ margin: 4px 0px 0px 7px; _margin: 4px 0px 0px 12px; text-align: center; text-transform: uppercase; }
	div.rechts div.kalender .wochen	td			{ text-align: center; }
	div.rechts div.kalender .tage				{ border-collapse: separate; border-spacing: 3px; margin: 8px 0px 0px 7px; _margin: 8px 0px 0px 12px; padding: 0px 0px 0px 0px; text-align: center; }
	div.rechts div.kalender .tage td			{ background-repeat: no-repeat; }
		
	div.rechts table.legende					{ margin: 0px 10px 0px 7px; width: 150px; }
	div.rechts table.legende td					{ vertical-align: top;  }
	div.rechts table.legende tr td a			{ color: #000000 !important; font-size: 11px; line-height: 16px; }
	div.rechts table.legende td a:hover			{ color: #000000; }
	div.rechts table.legende td table			{ margin: 0px 4px 0px 0px; }
	div.rechts div.kalender .legende table td	{ width: 10px; height: 10px; }
	div.rechts div.kalender .legende table		{  margin: 3px 5px 0px 3px; }
	
	div.rechts div.login						{ background-color: #FFFFFF; border: solid 1px #730E00; margin: 8px 0px 0px 18px; _margin: 8px 0px 0px 24px; width: 179px; z-index: 2; position: relative; }
	div.rechts div.login div.logininnen			{ border: solid 1px #C3C3C3; margin: 1px 1px 1px 1px; z-index: 10; }
	div.login div.logininnen .colum1			{ margin: 10px 0px 0px 20px; width: 130px; }
	div.login div.logininnen input				{ width: 130px; margin: 0px 0px 0px 20px; border: solid 1px #909090; }
	div.login div.logininnen .senden			{ margin: 10px 20px 10px 10px; }
	div.login div.logininnen div.angemeldet		{ margin: 10px 20px 10px 10px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ background: url(/images/design/bg-unten.gif) no-repeat 0px 0px #BF443D; font-size: 10px; font-family: Verdana, sans-serif; padding: 10px 0px 20px 0px; clear: both; }
	div.unten a									{ color: #000000; }
	div.unten img.zeppelin						{ vertical-align: text-bottom; }



/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; }

	#lightbox a img								{ border: none !important; }

	#outerImageContainer						{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; }

	#imageContainer								{ padding: 10px; }

	#loading									{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; }
	#hoverNav									{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0px; }
	#hoverNav a									{ outline: none !important; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat !important; }

	#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData									{ padding: 0px 10px; color: #666666; }
	#imageData #imageDetails					{ width: 70%; float: left; text-align: left; }	
	#imageData #caption							{ font-weight: bold; }
	#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em; }
	#imageData #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ background: transparent !important; width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* __________________________________________________________________ Ende */