/*
 * B&P/Unternehmensberatung Dr. Dieter Barkowski
 *
 * pm.css
 * URL="http://www.bup-consult.de/pm.css"
 *
 * (c)2007 proMedia Internet KG
 * http://promediakg.de
 *
 */



/* -- allg. Formate -- */

body {
	margin:0px;
	padding:0px;
	background-color:#858d96;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#54616f;
}


h1 {
	font-family:"Arial","Helvetica","sans-serif";
	font-size:10.5pt;
	font-weight:bold;
	color:#0200a8;
	line-height:1.2em;
	margin-top:2.3em;
	margin-bottom:1em;
}

h1.gross {
	font-size:14pt;
}


h2 {
	font-family:"Arial","Helvetica","sans-serif";
	font-size:9pt;
	font-weight:bold;
	color:#0200a8;
	line-height:1.2em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

h2.gross {
	font-size:9.5pt;
}


h3 {
	font-family:"Verdana", "Arial","Helvetica","sans-serif";
	font-size:8pt;
	font-weight:bold;
	color:#0200a8;
	line-height:1.2em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}


h4 {
	font-family:"Verdana", "Arial","Helvetica","sans-serif";
	font-size:8pt;
	font-weight:bold;
	color:#54616f;
	line-height:1.2em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}


strong {
	color:#0200a8;
	font-weight:normal;
}


q, cite {
	color:#0200a8;
}


ul.scheibe, ul.scheibe_abs {
	margin-left:0;
	padding-left:1.5em;
	list-style-image:url(grel/li_scheibe.gif);
}

ul.scheibe_abs li {
	margin-bottom:1em;
}


ul.pfeil {
	margin-left:0;
	padding-left:1.5em;
	overflow:hidden;
	list-style-image:url(grel/li_pfeil.gif);
}


/* Foto-Rahmen */
div.rahmen_links {
	float:left;
	      /* top  rt     bot    lft */
	margin:  0    1.2em  1.4em  0;
	border:1px solid #aab7be;
	background-color:white;
	padding:1px;
}

div.rahmen_rechts {
	float:right;
	      /* top  rt  bot    lft */
	margin:  0    0   1.4em  1.2em;
	border:1px solid #aab7be;
	background-color:white;
	padding:1px;
}


/* Quasi-zentrierte Abteilung der Startseite */
div#start {
	width:360px;
	margin-left:110px;
}


/* Fliesstext-Hervorhebungs-Kasten in: "philosophie.html" */
div.kasten_blau {
	background-color:#e9e8f8;
	      /* top    rt     bot    lft */
	margin:  1.2em  0      1.4em  0;
	padding: 0.4em  1.0em  0.2em  1.0em;
}

/* Schriftgrafik E-Kontakt in Impressum und Kontakt */
img#internet, img#bittesenden {
	      /* top    rt     bot    lft */
	margin:  0      0      0      0;
	padding: 2px    0      0      1px;
}





/* --- Layout --- */


/* -- Kasten, weiss, ueber gesamten Inhalt -- */
div#kasten_aussen {
	width:770px;
	margin:2px auto 0px auto;   /* grauer Aussenrand */
	padding:0px 1px 0px 1px;    /* weisser Innenrand */
	background-color:#ffffff;
	overflow:auto;
}


/* -- Hauptteil der Seite -- */

div#kasten_haupt {
	background-image:url(grel/bg_195-770.gif);
	background-repeat:repeat-y;
	height:100%;                                 /* Fuer MSIE */
	overflow:auto;
}


/* Mittelspalte, Breite reduziert: 574px */
div#spalte_mitte {
	float:right;
	width:532px;
	overflow:hidden;             /* Fuer IE5 sind "potenzialanalyse.png" und "change_management.png" sonst bereits zu breit */
	background-color:#ffffff;
	padding-left:20px;
	padding-right:22px;
	padding-bottom:24px;
}


/* Dummyspalte, Breite: 1px; Dyn. Hoehe in "pm.js", stat. Hoehe in "post.php" */
div#spalte_dummy {
	float:right;
	width:1px;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}


/* Linke Spalte: 200px, reduziert: 195 */
div#spalte_links {
	float:left;
	width:195px;
	background-color:#e7e8ea;
	/*border-right:1px solid white;*/        /* Abstand zur Mitte (nicht benutzt) */
}



/* Initialer Luftraum je zu Spaltenbeginn */
div.kopf, div.kopfabstand {
	height:110px;
	border-bottom:1px solid white;
}

/* Initialer Luftraum mit Logo */
div#spalte_mitte div.kopf {
	margin-left:-24px;
	margin-right:-20px;
	background-image:url(grel/bup_logo_klein.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}


/* Horizontaler grauer Abschlussbalken, 26px hoch */
div#fuss {
	background-color:#c0c4c8;
	border-top:1px solid white;         /* weisser Abstand oben */
	text-align:right;
	padding-right:0.5em;
	height:26px;
	font-size:7pt;
	line-height:250%;
}




/* Verweise im Fliesstext */
a {
	color:#54616f;
	text-decoration:underline;
}




/* -- Navigation -- */

/* Erste Menueebene */

ul#menue, ul#menue ul{
	/* top: 0px; */
	/* left: 0px; */
	width: 195px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	text-align: left;
	list-style-type: none;
	/* position:absolute; */
}

ul#menue li {
	margin: 0px;
	padding: 0px;
}

* html ul#menue li {
	/* mit IE gibt es stets die tollsten Ueberraschungen! */
	border-bottom: 1px solid white;
}

ul#menue li a {
	/* width: 200px; */
	margin: 0px;
	padding: 6px;
	padding-left: 14px;
	display: block;
	vertical-align:top;
font-size:8.5pt;
	font-weight: bold;
	text-decoration: none;
	position: relative;
border-bottom: 1px solid white;
}
* html ul#menue li a {
font-size:7pt;
border-bottom: 0px solid white;
}


/* Linkfarbe 1. Ebene, Rubrik nicht ausgewaehlt */
ul#menue li a:link             { color:#54616f; background-color:#c1c4c9; }
ul#menue li a:visited          { color:#54616f; background-color:#c1c4c9; }
ul#menue li a:focus            { color:#cc3300; background-color:#c1c4c9; }
ul#menue li a:hover            { color:#cc3300; background-color:#c1c4c9; }
ul#menue li a:active           { color:#ff6600; background-color:#c1c4c9; }

/* Linkfarbe 1. Ebene, Rubriktitel ausgewaehlt */
ul#menue li.akut a:link        { color:#cc3300; background-color:#ffffff; }
ul#menue li.akut a:visited     { color:#cc3300; background-color:#ffffff; }
ul#menue li.akut a:focus       { color:#cc3300; background-color:#ffffff; }
ul#menue li.akut a:hover       { color:#cc3300; background-color:#ffffff; }
ul#menue li.akut a:active      { color:#ff6600; background-color:#e8e8ea; }

/* Linkfarbe 1. Ebene, Rubrikinhalt ausgewaehlt */
ul#menue li.pfad a:link        { color:#54616f; background-color:#e8e8ea; }
ul#menue li.pfad a:visited     { color:#54616f; background-color:#e8e8ea; }
ul#menue li.pfad a:focus       { color:#cc3300; background-color:#ffffff; }
ul#menue li.pfad a:hover       { color:#cc3300; background-color:#ffffff; }
ul#menue li.pfad a:active      { color:#ff6600; background-color:#e8e8ea; }




/* Zweite Menueebene */

ul#menue li ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: -999px;
}

ul#menue li:hover ul,
ul#menue li.JHFhover ul,
ul#menue li.pfad ul,
ul#menue li.akut ul
{
	left: 0px;
	position: relative;
}

ul#menue li ul li {
	left: 0em;
	margin: 0px;
	padding: 0px;
	position: relative;
}


/* Linkformat 2. Ebene, Rubrik nicht ausgewaehlt */
ul#menue li ul li a {
	left: 0px;
	padding: 6px;
	padding-left: 30px;
	width: 160px;
	font-weight: 100;
}

/* Linkfarbe 2. Ebene, Rubrik nicht ausgewaehlt */
ul#menue li ul li a:link                                           { color:#54616f; background-color:#e8e8ea; }
ul#menue li ul li a:visited                                        { color:#54616f; background-color:#e8e8ea; }
ul#menue li ul li a:focus                                          { color:#cc3300; background-color:#ffffff; }
ul#menue li ul li a:hover                                          { color:#cc3300; background-color:#ffffff; }
ul#menue li ul li a:active                                         { color:#ff6600; background-color:#ffffff; }

/* Linkfarbe 2. Ebene, Rubriktitel oder andere Seite derselben Rubrik ausgewaehlt */
ul#menue li.akut ul li a:link,    ul#menue li.pfad ul li a:link    { color:#54616f; background-color:#e8e8ea; }
ul#menue li.akut ul li a:visited, ul#menue li.pfad ul li a:visited { color:#54616f; background-color:#e8e8ea; }
ul#menue li.akut ul li a:focus,   ul#menue li.pfad ul li a:focus   { color:#cc3300; background-color:#ffffff; }
ul#menue li.akut ul li a:hover,   ul#menue li.pfad ul li a:hover   { color:#cc3300; background-color:#ffffff; }
ul#menue li.akut ul li a:active,  ul#menue li.pfad ul li a:active  { color:#ff6600; background-color:#ffffff; }

/* Linkfarbe 2. Ebene, Seite selbst ausgewaehlt */
ul#menue li.pfad ul li.akut a:link                                 { color:#cc3300; background-color:#ffffff; }
ul#menue li.pfad ul li.akut a:visited                              { color:#cc3300; background-color:#ffffff; }
ul#menue li.pfad ul li.akut a:focus                                { color:#cc3300; background-color:#ffffff; }
ul#menue li.pfad ul li.akut a:hover                                { color:#cc3300; background-color:#ffffff; }
ul#menue li.pfad ul li.akut a:active                               { color:#ff6600; background-color:#ffffff; }


/* JHF orig fuer MSIE, nicht getestet! */
* body ul#menue li ul li:hover ul,
* body ul#menue li ul li.JHFhover ul
{
	margin-top: 0px;
}