@charset "UTF-8";
/**
 * (en) Central stylesheet 
 * (de) zentrales Stylesheet
 * @author			Andreas Fürst
 * @copyright		www.blaskapelle-pavelsbach.de
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * ----------------------------------------------------------
 * based on "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * by Dirk Jesse (Copyright 2005-2009)
 * weitere Angaben s. http://www.blaskapelle-pavelsbach.de/test/yaml/core/base.css
 *
 */
 
/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import navigation layout | Navigations-Layout einbinden */
/* @import url(../yaml/navigation/nav_shinybuttons.css); */

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_003_draft.css);

/**
 * (en) Screen layout
 * (de) Bildschirmlayout
 * 
 * User-Anpassungen in Anlehnung an yaml-Example "Navigation"
 */
@media all{
	/**
	* (de) Augbau des Templates
	*/
	html {min-height: 101% } /* wg. Scrollbalken */

	body { 	
	/*	background: url(../images/bg_container.png) repeat-x scroll 0 0;*/
		background-color:#333;
		width:900px; 
		margin-left:auto; 
		margin-right:auto;
	/*	padding: 10px 0; */
	}
	
	#page_margins {	
		min-width: 740px; 
		max-width: 890px; 
		
	}
	
	#page { 
		padding:0px;
	}
	
	#header { 
		padding: 45px 2em 1em 20px; 
		background: #fff url(../images/BP_Header.jpg);	
	}
	
	/* (en) adjustment of main navigation */
	/* (de) Anpassung der Hauptnavigation */
	#nav {	
		width:100%;
		min-width:100%;
		background-color:#333;			
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	#nav, #nav ul, #nav li {font-family: Verdana; font-size:8pt;}
	/*#nav ul { margin-left: 20px; }*/
	#nav_main {
		background-color: #3d5b7b; /* s. <h2> */
	}
	#main {
		background: #fdfdfd; 
		padding:10px 0;
	}
	
	#footer {
		border-top:1px #000000 solid;
		color:#999; 
		text-align:center;
		padding: 5px; 
		min-height:31px;
		background: url(bg.footer.png) repeat-x;
	}
	
	/**
	* (en) Formatting content container
	* (de) Formatierung der Inhalts-Container
	*
	* |-------------------------------|
	* | #header                       |
	* |-------------------------------|
	* | #col1   | #col3     | #col2   |
	* | 25%     | flexible  | 25%     |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	*/
	#col3 { margin: 0 5% }
	#col3_content { padding: 10px }
	
	/* Linke Spalte abschalten */
	#col1 { 
		/*display:none;*/
	}
	#col1_content { 
		/*display:none; */
	}

	/* Rechte Spalte abschalten */
	#col2 { 
		/*display:none; */
	}
	#col2_content { 
		/*display:none;*/
	}
	
	/* TEST */
		#col1 { width: 10%; height:100%;}
		#col1_content { 
			padding: 10px 10px 10px 20px; 
			/*background-color:red;*/
		}

		#col2 { width: 10%; height:100%;}
		#col2_content { 
			padding: 10px 20px 10px 10px; 
			/*background-color:green;*/
		}

		#col3 { margin: 0 10%; }
		#col3_content { padding: 10px; }
	/* ENDE */
}

/**
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * User-Anpassungen in Anlehnung yaml-Example "Navigation"
 */
@media all {
	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size: 100.01% }

	/* (en) base layout gets standard font size 11px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 11 Pixeln */
	body {
    	font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 75.00%; 
        color: #444;  
	}
	
	/* Überschriften */
	h1,h2,h3,h4,h5,h6 { 
		font-family: Arial, Verdana, times,serif; 
		/*color:#666;*/
		color:#182E7A;
		margin: 0 0 0.25em 0; 
		text-align:center;

	}

	h1 { font-size: 200% }                        /* 24px */
	h2 { font-size: 200%; color:#182E7A}          /* 24px */
	h3 { font-size: 175% }                        /* 18px */
	h4 { font-size: 133.33% }                     /* 16px */
	h5 { font-size: 116.67% }                     /* 14px */
	h6 { font-size: 116.67%; font-style:italic }  /* 14px */

	#header h1 {
		font-size:2.5em;
		letter-spacing:+2px;
		line-height:65%;
		color:#182E7A;
		font-style:normal;
	}

	#header span {
		color:#999;
	}
	
	/* Zeilenhöhe */
	p { line-height: 1.5em; margin: 0 0 1em 0; }

	/* ### Lists | Listen  #### */
	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em }

	dt { font-weight: bold }
	dd { margin: 0 0 1em 2em }

	/* ### text formatting | Textauszeichnung ### */
	cite, blockquote { font-style:italic }
	blockquote { margin: 0 0 1em 1.5em }

	strong,b { font-weight: bold }
	em,i { font-style:italic }

	pre, code { font-family: monospace; font-size: 1.1em; }

	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}

	/**
	* Generic Content Classes
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/

	.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
	.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
	.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
	.center { text-align:center; margin: 0.5em auto }
	
	/* Added blaskapelle-pavelsbach.de */
	.hinweis {padding:0px; color:#182E7A; font-weight:bold;}
	.table_centered {margin:0px auto;}
	.table_with_border td, th, tr {border:1px solid #A9A9A9; border-collapse:collapse;}
	.very_small {font-size:0.80em;}

	/**
	* External Links
	*
	* (en) Formatting of hyperlinks
	* (de) Gestaltung von Hyperlinks
	*
	*/

	a {color: #4D87C7; text-decoration:none; font-weight:bold;}
	a:focus,
	a:hover,
	a:active {color:#182E7A; text-decoration:underline;}
	/*#main a:after	{ content:" "url(../images/external.png)" ";}*/
	#main a.extern:after	{ content:" "url(../images/external.png)" ";}
	

	#topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
	#topnav a:focus, 
	#topnav a:hover,
	#topnav a:active { text-decoration:underline; background-color: transparent;}

	/*
	#footer a { color: #999; background:transparent; font-weight: bold;}
	#footer a:focus, 
	#footer a:hover,
	#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}
	*/
	
	/* Anpassung der Fußzeilen-Schriftgrösse */
	/*#footer {font-size: 0.8em;}*/

	/**
	* Tables | Tabellen
	* (en) Generic classes for table-width and design definition
	* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	*
	* @section content-tables
	*/

	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed }

	th,td { padding: 0.5em; }
	thead th { background: #444; color: #fff }
	tbody th { background: #ccc; color: #333 }
	tbody th.sub { background: #ddd; color: #333 }
	/* Überschriftstabellen */
	th {text-align:center; }

	/**
	* Miscellaneous | Sonstiges
	*
	* @section content-misc
	*/

	hr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}
	
	#footerLinks {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-left:auto;
		margin-right:auto;
		min-height:20px;
		white-space:nowrap;
		margin-left:auto;
		margin-right:auto;
	}
	
	#footerLinks li {
		border-right:1px solid #EEEEEE;
		display:inline;
		float:left;
		padding-right:10px;
	}

	#footerLinks a, #footerLinks a:link, #footerLinks a:visited {
		color:#BBB;
		font-weight:bold;
	}
}

@media all {
	.hlist {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width: 100%;
		overflow: hidden;

		/* (en) containing floats in all other browsers */
		/* (de) Einfassen der Floats in allen anderen Browsern */
		float: left;
		display: inline;
		/* (en|de) Bugfix: IE - collapsing horizontal margins */
		position:relative;
		margin: 0; 
		padding: 0px; 
		background:#333 url(bg.menu.png) repeat-x;
		border-top: 1px #333 solid;
		border-bottom: 1px #333 solid;		
	}

	.hlist ul {
		display: inline;
		float: left; /* LTR */
		/* (en) Left margin of the first button  */
		/* (de) Abstand des ersten Buttons vom linken Rand  */
		margin: 0px; /* LTR */
		padding: 0; 
		list-style-type: none; 
		
		/* border-left: 1px white solid;*/

	}

	.hlist ul li {
		margin: 0; 
		padding: 0; 
		display: inline; 
		list-style-type: none; 
		border-right: 1px #fff solid;
		float: left; /* LTR */
		font-size: 1.0em;
		line-height: 1.5em;
		list-style-type: none;
	}

	.hlist ul li a,
	.hlist ul li strong {
		float: left;  
		font-weight: bold; 
		padding: 0 10px 0 10px; 
		text-decoration: none; 
		color: #fff;
		padding-bottom: 4px;  
		font-size:0.90em;
	}

	.hlist ul li a:focus,
	.hlist ul li a:hover,
	.hlist ul li a:active  { 
		padding-bottom: 0px; 
		color: #000; 
		background:#fff;
		border-bottom: 4px solid #182E7A;
	}

	/* aktiver Link (==aktuelle Seite) */
	.hlist ul li.active {
		padding-bottom: 0px; 
		color: #fff; 
		border-right: 1px #fff solid;
		background:#aaa;
	}

	.hlist ul li.active strong,
	.hlist ul li.active a:focus,
	.hlist ul li.active a:hover,
	.hlist ul li.active a:active { 
		padding-bottom: 0px; 
		color: #fff; 
		border-bottom: 4px solid #555; 
		background:#aaa;
	}
}