﻿/* Grundeinstellungen ____________________________________________________ */

	body 														{ background-color: #dcc7a3; text-align: center; }
	
	body.bodystart												{ background: url(/images/design/bg.gif) no-repeat center 180px #dcc7a3; }
	
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #6a4f3d; font-size: 22px; line-height: 24px; font-weight: bold; margin: 25px 0px 17px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #6a4f3d; font-size: 18px; line-height: 23px; width: 285px; margin: 0px 0px 13px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2.news 													{ float: right; }
	h3, h3 a													{ font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h4, h4 a													{ font-size: 12px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h5, h5 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h6, h6 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	
	h2.h2en														{ margin: 27px 0px 9px 0px; }
	
	ul 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ul li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; _height: 1px; }
	ul li ul													{ float: none; }
	ol 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ol li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	
	a.button													{ cursor: pointer; line-height: 18px; }
	a.button span.links											{ float: left; display: inline; width: 5px; height: 18px; }
	a.button span.mitte											{ float: left; display: inline; height: 18px; }
	a.button span.rechts										{ float: left; display: inline; width: 5px; height: 18px; }	
	
	div.rahmen 													{ position: relative; width: 910px; margin: 0 auto; margin-top: -180px; text-align: left; }
	
	div.boxoben													{ width: 100%; height: 180px; background: url(/images/design/bg-boxoben.gif) repeat-x 0px bottom #f5e8c5; }
	
	div.ucinhalt												{ margin: -317px 0px 0px 0px; background-color: #FFFFFF; border: solid 1px #C0AE8E; padding: 15px 15px 15px 15px; overflow: hidden; }
	
	
	
/* Menu Oben _____________________________________________________________ */

	div.menu 													{ position: absolute; left: 280px; top: 47px; z-index: 100; }

	div.menu ul.menu 											{ font-weight: normal; list-style-type: none; font-size: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.menu ul.menu li 										{ float: left; position: relative; margin: 0px 0px 0px 31px; padding: 0px 0px 0px 10px; background: url(/images/design/pfile.gif) no-repeat 0px 3px; }
	div.menu ul.menu li a 										{ float: left; color: #FFFFFF; text-decoration: none; display: block; min-height: 20px; _height: 20px; line-height: 20px; padding: 0px 0px 0px 0px; }
	div.menu ul.menu li.aktiv a,
	div.menu ul.menu li a:hover 								{ color: #dcc7a3; }
	div.menu ul.menu a:hover 									{  }
	
	div.menu ul.menu li ul 										{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; _width: 149px; }
	div.menu ul.menu li ul li 									{ display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
	div.menu ul.menu li ul li.aktiv 							{ font-weight: bold; }
	div.menu ul.menu li ul li.aktiv a, 			
	div.menu ul.menu li ul li a	 								{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }
	
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: absolute; left: 0px; top: 0px; width: 910px; height: 398px; z-index: 30; }
	
	div.oben a.logo												{ position: absolute; left: 0px; top: 18px; }
	div.oben div.sprachebgbox									{ position: absolute; right: 0px; top: 0px; background-color: #6a4f3d; width: 630px; height: 81px; }
	div.oben div.sprachebgbox div.sprache						{ position: absolute; right: 31px; top: 4px; font-size: 15px; }
	div.oben div.sprachebgbox div.sprache a						{ color: #d6ccbb; text-decoration: none; }
	div.oben div.sprachebgbox div.sprache a:hover				{ color: #896f58; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ position: relative; margin: 398px 0px 0px 0px; z-index: 50; width: 910px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 230px; margin: -170px 0px 0px 0px; }
	div.linksabstand											{ margin: 0px 0px 0px 0px; } 
	
	div.links div.guardanostrovideo								{ position: relative; width: 191px; height: 55px; margin: 0px 0px 30px 24px; background: url(/images/design/guarda-nostro-video.png) no-repeat 0px 0px; }
	div.links div.guardanostrovideo a							{ position: absolute; right: 13px; bottom: 11px; text-decoration: none; color: #FFFFFF; }
	div.links div.guardanostrovideo a:hover						{ color: #DCC7A3; }
		
	div.links div.fotoonpage									{ margin: 0px 0px 62px 20px; }
	div.links div.fotoonpage img								{ float: left; display: inline; margin: 0px 0px 9px 0px; }
	div.links div.fotoonpage img.ersteimg						{ margin: 0px 9px 9px 0px; }
	div.links div.fotoonpage a.btn								{ display: block; float: right; text-decoration: none; height: 24px; line-height: 24px; background: url(/images/design/btn-news-box.png) no-repeat right 0px; padding: 0px 55px 0px 0px; margin: 0px 19px 0px 0px; }
	
	div.links a.donaora											{ display: block; margin: 0px 0px 57px 0px; }
	
	div.links div.bycontainer									{ width: 192px; margin: 0px 0px 75px 24px; }
	div.links div.bycontainer b									{ font-size: 14px; font-weight: bold; color: #6a4f3d; }
	div.links div.bycontainer a.btn								{ display: block; float: right; text-decoration: none; height: 24px; line-height: 24px; background: url(/images/design/btn-news-box.png) no-repeat right 0px; padding: 0px 55px 0px 0px; margin: 13px 0px 0px 0px; }
	
	div.links div.linkstitel									{ font-size: 18px; margin: 0px 0px 15px 0px; }
	
	div.links ul.menu 											{ list-style-type: none; font-size: 14px; line-height: 40px; margin: 0px 0px 30px 0px; padding: 1px 0px 0px 0px; background: url(/images/design/bg-menu-links-underline.png) no-repeat left top; }
	div.links ul.menu li 										{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; height: 32px; _height: 30px; background: url(/images/design/bg-menu-links-underline.png) no-repeat left bottom; }
	div.links ul.menu li a 										{ text-decoration: none; color: #6a4f3d; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; background: url(/images/design/bg-menu-links-pfile.png) no-repeat 5px 19px; }
	div.links ul.menu li.aktiv a 								{ background: url(/images/design/bg-menu-links-hover.png) no-repeat 0px 0px; }
	div.links ul.menu li a:hover 								{ background: url(/images/design/bg-menu-links-hover.png) no-repeat 0px 0px; }
	
	div.links div.pagename										{ color: #6a4f3d; font-size: 20px; line-height: 23px; }
	
	div.links ul.menu ul 										{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	div.links ul.menu ul li 									{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menu ul li a 									{ background-color: transparent; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.links ul.menu ul li.aktiv 								{  }	
	div.links ul.menu ul li.aktiv a,			
	div.links ul.menu ul li a:hover								{ font-weight: bold; }

	

/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 50px 0px; float: right; display: inline; width: 630px; overflow: hidden; }
	div.inhalt div.newsfilter									{ position: absolute; right: 0px; top: 70px; font-size: 15px; line-height: 17px; }
	
	div.eninhalt												{ overflow: visible; }
	


/* News Unten ________________________________________________________________ */

	div.inhalt div.newsboxunten									{ width: 630px; padding: 15px 0px 30px 0px; background: url(/images/design/bg-news-box.gif) repeat-y 0px 0px; border-top: solid 1px #c0ae8e; border-bottom: solid 1px #c0ae8e; margin: 30px 0px 0px 0px!important; }
	div.inhalt div.boxtartseite									{ margin: 0px 0px 0px 0px; }
	div.inhalt div.newsboxunten div.boxliste					{ width: 570px; margin: 12px 0px 0px 30px; border-bottom: solid 1px #c0ae8e; }
	
	div.boxliste div.boxabstand									{ overflow: hidden; height: 24px; margin: 0px 0px 3px 0px; }
	div.boxliste div.boxabstand div.datum						{ float: left; display: inline; width: 83px; font-size: 14px; font-weight: bold; color: #97603c; border-right: solid 1px #c0ae8e; margin: 0px 11px 0px 0px; }
	div.boxliste div.boxabstand h2								{ float: left; display: inline; }
	div.boxliste div.boxabstand h2 a							{ float: left; display: inline; font-size: 12px; font-weight: normal; }
	
	div.inhalt div.newsboxunten div.boxliste a.btnbox						{ float: right; display: inline; margin: 0px 0px 10px 0px; width: auto; height: 24px; } /*width: 110px;*/
	div.inhalt div.newsboxunten div.boxliste a.btnbox span.links			{ float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px 7px 0px 0px; width: 67px; height: 24px; background: transparent; }
	div.inhalt div.newsboxunten div.boxliste a.btnbox span.mitte			{ float: left; display: block; margin: 0px 0px 0px 0px; width: 43px; height: 24px; background: url(/images/design/btn-news-box.png) no-repeat 0px 0px; }


/* Unten _________________________________________________________________ */

	div.unten 													{ position: relative; clear: both; height: 300px; background: url(/images/design/bg-unten.gif) repeat-x 0px top #f5e8c5; }
	div.unten a img												{ vertical-align: text-bottom; }
	div.unten a													{ color: #544f4b; text-decoration: none; }
	div.unten a:hover											{ color: #C0AE8E; }

	div.unten div.untenbox										{ width: 910px; text-align: left; margin: 0 auto; padding: 29px 0px 20px 0px; border-bottom: solid 1px #c9bca5; overflow: hidden; } /*padding: 29px 0px 39px 0px;*/
	div.unten div.untenbox div.fivepermille						{ width: 295px; float: left; display: inline; }
	div.unten div.untenbox div.titelfooter						{ font-size: 18px; line-height: 33px; color: #6a4f3d; margin: 0px 0px 15px 0px; }
	div.unten div.untenbox div.fivepermille div.button			{ overflow: hidden; width: 221px; height: 36px; background: url(/images/design/bg-btn-footerbox.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; }
	
	div.unten div.untenbox div.fivepermille div.button a.btnbox			{ text-decoration: none; float: right; display: inline; line-height: 24px; margin: 0px 0px 10px 0px; width: 210px; height: 24px; margin: 6px 0px 0px 0px; }
	div.unten div.untenbox div.fivepermille div.button span.mitte		{ float: left; display: block; margin: 0px 0px 0px 0px; width: 43px; height: 24px; background: url(/images/design/btn-news-box.png) no-repeat 0px 0px; }
	div.unten div.untenbox div.fivepermille div.button span.links		{ float: left; display: block; margin: 0px 0px 0px 0px; width: 143px; height: 24px; background: transparent; }
	
	div.unten div.untenbox div.fivepermille div.buttontwo		{ background: transparent; background-color: #f5e8c5; border-bottom: solid 1px #c8bba4; margin: 0px 0px 0px 0px; }
	
	div.unten div.untenbox div.comedonare						{ width: 350px; float: left; display: inline; }
	div.unten div.untenbox div.comedonare div.vorspann			{ margin: 0px 0px 20px 0px; }
	div.unten div.untenbox div.comedonare img					{ float: left; display: inline; }
	
	div.unten div.untenbox div.contatti							{ float: right; display: inline; width: 207px; }
		
	div.unten a.button											{ cursor: pointer; float: right; display: inline; text-decoration: none; font-size: 12px; margin: 0px 39px -13px 0px; }
	div.unten a.button span.links								{ float: left; display: inline; width: 19px; height: 33px; background: url(/images/design/btn-inhalt-links.png) no-repeat 0px 0px; }
	div.unten a.button span.mitte								{ float: left; display: inline; height: 33px; line-height: 33px; color: #FFFFFF; background: url(/images/design/btn-inhalt-mitte.png) repeat-x 0px 0px; }
	div.unten a.button span.rechts								{ float: left; display: inline; width: 17px; height: 33px; background: url(/images/design/btn-inhalt-rechts.png) no-repeat 0px 0px; }	
		
	div.unten div.untencopyright								{ width: 910px; overflow: hidden; margin: 0 auto; margin-top: 30px; }
	div.unten div.untencopyright div.copyright					{ float: left; display: inline; }
	div.unten div.untencopyright div.copyright span				{ margin: 0px 30px 0px 0px; }
	div.unten div.untencopyright a.zeppelin						{ float: right; display: inline; }
	div.unten div.untencopyright a.zeppelin img					{ vertical-align: middle; }
	
	
	
/* Fadegallery ___________________________________________________________ */

	div.oben div.fadegallery									{ position: absolute; right: 0px; bottom: 0px; width: 630px; height: 317px; }
	div.oben div.fadegallery div.fadingobj						{ position: absolute; left: 0px; top: 0px; }	
	


/* 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: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
	
	
	
/* Facebook ___________________________________________________________ */

	div.facebookbutton									{ margin: 10px 0px 0px 0px; width: 100%;}
		
	




/* __________________________________________________________________ Ende */