/**
 * WebsiteBaker template: andreas01
 * 
 * Original design: andreas01 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
 * For more information, see http://andreasviklund.com/templates/andreas01/
 * Ported to Website Baker by M. Gallas.
 * Login form and support to display news in the right column added by Christian Sommer. 
 *
 * This file contains defintions for the CSS layout and the styles shown in the frontend.
 *
 * LICENSE: Open Source
 * 
 * @author     Andreas Viklund (WB port by M. Gallas, adapted by C. Sommer, modified for Basilika-Birnau by cms-service24.de)
 * @copyright  Open Source
 * @license    http://andreasviklund.com/about/copyright/
 * @version    3.00
 * @platform   WebsiteBaker 2.8
*/

html{min-height: 100%; /* Mindesthöhe für moderne Browser */
		height:auto !important; /* Important Regel für moderne Browser */
		height:100%; /* Mindesthöhe für den IE */ }
/* Main body */
body {background:#FFFFE0 url(images/paperbac.jpg); color:#404040; font-size:12px; font-family: tahoma,Verdana,Tahoma,Arial,sans-serif; margin:10px auto 0; padding:0;height:100%}
#wrap {	color:#404040; 
		margin:0 auto; 
		width:980px;
		min-height: 100%; /* Mindesthöhe für moderne Browser */
		height:auto !important; /* Important Regel für moderne Browser */
		height:100%; /* Mindesthöhe für den IE */ }
.all{width:980px; margin:0px auto;background:#FFFFE0 url(images/paperbac.jpg);
		min-height: 100%; /* Mindesthöhe für moderne Browser */
		height:auto !important; /* Important Regel für moderne Browser */
		height:100%; /* Mindesthöhe für den IE */ } 

/* Basic tags */
a {background-color:inherit; color:#404040; font-weight:700; text-decoration:none;}
	a:hover {background-color:inherit; color:#000; text-decoration:underline;}
	a img {border:0;}
table{margin-left:auto; margin-right:auto;}

h2 {font-size: 18px; margin-bottom: 2px;  margin-left: 7px;}
h3 {font-size: 15px; margin-bottom: 2px; margin-left: 7px; margin-top: 13px; color:#404040;}

/* Schriftzug Basilika Birnau ******/
#schriftzug{ background-color: #E4BEB1; height: 100px; overflow:hidden;}

/* oberer Streifen mit 5 Links */
.streifen{ 
    height: 20px; 
	text-align:center;	
}
	#horizontal-menu {float:left;}
	#horizontal-menu td {height: 20px;}
	#horizontal-menu a{color:#4F4F4F;font-weight:bold;font-size:12px;}
	#horizontal-menu a:hover{text-decoration:underline;}
	

/* ############ Wechselnde Headerbilder ############################ */
#headerbild { height:226px; width: 100%;  float: left; overflow:hidden;}
.headerbild { height:226px; width: 100%;  overflow:hidden;}

	/* #front-1 steht für Hintergrundbild der Seite mit ID 1 (front-21 bis -25 gibt es noch nicht)  */
	/* #front-1, #front-12, #front-20, #front-21, #front-22, #front-23, #front-24, #front-25 { background: url(header/banner-index-klein.jpg);}
	#front-3, #front-4, #front-7, #front-13, #front-18, #front-19 { background: url(header/banner-empore-klein.jpg);}
	#front-6, #front-11 { background: url(header/banner-birnaumsee.jpg);}
	#front-8 { background: url(header/banner-birnauvonvorne.jpg);}
	#front-9 { background: url(header/banner-augegottes.jpg);}
	#front-10 { background: url(header/banner-musik.jpg);}
	#front-14, #front-15, #front-16, #front-17 { background: url(header/banner-maurach-klein.jpg);} 

	#front-0{background: url(header/banner-index-klein.jpg);} *//* Suche */
/* ################################################################ */

/* Tabelle umschliesst linkes Menue, Hautpinhalt und rechten Block */
table#background { float: left; margin-top: 20px; padding:0; border-collapse:collapse; /* width:100%; */ table-layout: fixed;}
	#background  td {vertical-align: top; }
	#background  td#leftside, #rightside {background:#E4BEB1;}

/*Left sidebar */
#leftside {margin:0; padding:0 0 0px 10px; width:150px; font-size: 90%;}
	#leftside h2,#leftside h3 {color:#505050; font-size:1.2em; margin:0 0 8px; padding:0;}
	#leftside p,#leftside ul{margin:0 0 16px; padding:0;}
	#leftside p{line-height:1.4em;}
	
	#leftside ul{display:block; list-style:none; margin:0 0 18px 0; padding:0; width:130px;}
	#leftside li{line-height:1.2em; list-style:none; margin:0 0 0px; padding:0;}
	#leftside a:hover{color:#000;}
	
	#leftside ul li{display:inline; line-height:1.6em; padding:0;}
	#leftside ul a{color:#4F4F4F; float:left; font-weight:700; font-size: 15px; /* text-decoration: underline; */ margin-bottom:0px; padding:6px 0px; width:140px;}
	
	#leftside ul ul{font-size:0.9em; margin:6px 0 0 10px; padding:0 0 5px; width:120px;}
	/* #leftside ul ul a {padding:3px 1px 3px 5px; width:110px;} */
	#leftside ul ul li{margin:0 0 4px;}
	#leftside ul ul li a{}
	
	#leftside .menu-current{color:#000;text-decoration: underline;}
	
	/* Link "Projekt Unterkirche" ueber Menue */
	#linker-block {width:110px; height:40px; font-size:15px; border:solid #404040 3px; padding: 10px; margin:10px 10px 10px 0;} 
	/* Link "Klosterladen" unter Menue 
	#klosterladen{float:left;width:110px; height:20px; font-size:15px; border:solid #404040 3px; padding: 10px; margin:10px 10px 10px 0;}*/

/*Right sidebar */	
#rightside {margin:0; padding:0 4px 0px 8px; width:168px;}
	#rightside h2 {font-size: 18px; font-weight: bold; text-transform: uppercase; margin-left: -2px;}
	#rightside h3 {font-size: 14px; font-weight: bold; text-transform: uppercase;margin-left:0;} 
	#rightside a{text-decoration: underline;}
	#ssl-siegel{width: 115px; margin: 0 auto; padding-top: 10px;}

/* Hauptinhalt */
#contentwide {/* background: #fff url(images/paperbac.jpg); */font-size:14px;margin:0; padding:0 5px 10px;width:630px;min-height:300px;}
	#contentwide h1{font-size:1.8em; margin:22px 0;}
	#contentwide h2{font-size:1.6em; margin:22px 0;}
	#contentwide h3{font-size:1.3em; margin:22px 0 5px;text-transform: uppercase;margin-top:0px!important;}
	#contentwide h4{font-size:1.2em; margin:18px 0;}
	#contentwide h5{font-size:1.0em; margin:8px 0;}
	#contentwide h6{font-size:1.0em; margin:8px 0;}
	#contentwide li{margin:0; padding:0 0 0 5px;}
	#contentwide ul ul,#contentwide ol ol{margin:0 0 0 16px; padding:0;}
	#contentwide table {}
	#contentwide h3:first-child {}
	#contentwide img{border:0/* !important */}

/* Footer */
#footer {background:#E4BEB1; clear:both; color:#404040; margin:0 auto 10px; padding:0; text-align:center;line-height:1.5em; font-size:0.9em;}
	#footer p {margin:0; padding:0;}
	#footer a {color:#888; font-weight:400; text-decoration:none;}
	#footer a:hover {text-decoration:underline; color:#2164aa;}


/* ########### Seiten ########### */

/* Startseite */
	#contentwide.pid1 {background: url(../../media/startseite.jpg) no-repeat!important;z-index:999}

/*** Sitemap ***/
	.sitemap{margin: 30px;}
	.sitemapcontent a{font-size:16px;} /* Hauptpunkte */
	.sitemapcontent {width:300px;}
	.sitemapcontent:hover{background:#E4BEB1!important}
	.sitemapcontent i{font-size:11px; padding-left:5px;} /* Beschreibung */

/*** Spendenseite-HelpTool ***/
/* .pid59{background:#fff} */
	
/* Spenderseiten Members*/	
#extra-members td{border-bottom: 1px solid #CCCCCC !important; padding: 4px 5px 4px 0;}
#extra-members .member-name {margin: 0 !important;}

div.mapper{margin:0 auto!important;}

.mem-cont{background:#ccc url(../../media/pflastersteine-text.jpg) no-repeat center top; 
			height:260px;
			padding:110px 0 0 0;
			margin:0;
			text-shadow: 0 0 5px #fff;
}

#balken{background: none repeat scroll 0 0 transparent!important;
			border: medium none;
			height: 10px!important;
			margin:-377px 0 0 25px!important;
			position: absolute;
			width: 570px;
			 z-index: 1;
}
#balken .ui-widget-header {height: 5px;}
#prozent-leiste{margin:-365px 0 0 20px;
				z-index:1;
				position:absolute;
				width:570px;
				color:#fff;
				font-weight:bold;
				text-shadow:0 0 5px #fff;
}
	#prozent-inner{margin-left:-15px;text-align:center;width:40px;}
	.prozent-inner2 {text-align:center;width:40px;float:right;margin:-35px -20px 0 0;}

#belegte-felder{border:1px solid #404040; border-radius:5px; margin:-20px 0 0 5px; position:absolute;background:#E4BEB1;opacity:0.9}
	#belegte-felder:hover {opacity: 1;}
	#belegte-felder a {color:#404040;padding:5px;display:block; border-radius:5px;font-size:12px;}