/***********************************************/

/*           Allgemeine Einstellungen          */

/***********************************************/

/*  FARBPALETTE

    hellblau: 		 #B4CAE5   

	türkis hell:	 #477A9C

	türkis dunkel:	 #325C86 

	dunkel-blau:	 #022D42

	rot:			 #ca0000

	weiß:			 #fff	

	hellblau für allgemeinen Hintergrund: #DCF0F5	

	

	SCHRIFTART

	immer: 		Verdana

	

	SCHRIFTGRÖSSEN

	allgemeiner Fließtext:	12px

	h1:						20px (Überschrift im Header)

	h2:						16px (große Überschrift auf allen Seiten)

	h3:						14px 

	h4:						12px

	h5:						12px (2.größte Ü für home mir Rahmen)

	h6:						 6px 

 */

/***********************************************/ 



html {

  background: #B4CAE5 url('../images/bgr2.gif') repeat-x;

}



img {

    border: none;

}

        

#print{

text-align: left;

font-size: 9px;

display: none}





body {

  margin: 0 auto 10px auto;

  padding: 10px 0 0 0;

  font-size: 12px;

  font-family: Verdana, sans-serif, helvetica;

  color: #022d42;

  text-align: left;

  width: 855px;

  position: relative;

}







h3{ font-size:14px;}

h4 {font-size: 12px;}

h4 span {

    font-weight: normal;

}

h5{  border-bottom: 1px solid #022d42;

  border-top: 1px solid #022d42;

  padding: 4px 0;

  font-size: 12px;

  color: #022d42;

  float: none;

}

h6{ font-size:7pt; 
  font-weight: normal;
  color:#477A9C;
  padding: 2px 0;
}


/****************************************************************/

/*                       Rahmen für Bilder                      */

/****************************************************************/

.imageframe {

  border-top: 1px solid #022d42;

  border-bottom: 1px solid #022d42;

  padding-top: 6px;

  padding-bottom: 4px;

  text-align: center;

  margin-top: 45px !important;

}



/****************************************************************/

/*                       Fußnote                                */

/****************************************************************/

.footnote {

  font-size: 9px;

  line-height: 13px;

  margin-top: 55px !important;

}



/****************************************************************/

/*      h1 = PS Consulting - Projekte erfolgreich machen        */

/****************************************************************/

h1 {

  background: url('../images/header1.gif') no-repeat;

  height: 55px;

  margin: 0;

  padding-top: 15px;

  font-size: 20px;

  border-top: 1px solid #B4CAE5;

}





h1 span {

  font-weight: normal;

}





h1 a {

  margin-left: 135px;

  text-decoration: none;

  color: #CA0000;

  line-height: 42px;

}







/****************************************************************************************************************************************/

/*          Top-Navigation/horizontal                                                                                                   */

/****************************************************************************************************************************************/

#topnav {

  list-style: none;

  background: url('../images/header2.gif') no-repeat;

  margin: 0;

  padding: 0 0 0 93px;

  height: 55px;

  font-size: 13px;

}





/* sorgt für einzelne Kästen der horizontalen Navigation */

#topnav li {

  float: left;

  width: 108px;

  height: 54px;

  margin-top: 1px;

  border-left: 1px solid #B4CAE5;

  text-align: center;

}





/* sorgt dafür, dass "Startseite" keinen linken Rand hat */

#topnav #first {

  border: 0px none;

}





/* Formatierung der Links in der horizontalen Navigation */

#topnav a {

  text-decoration: none;

  color: #B4CAE5;

  margin: 0;

  display: block;

  height: 33px;

  padding-top: 19px;

}





/* sorgt für Farbänderung der Links bei Mausberührung und für die Farbänderung des ausgwählten Links */

#topnav a:hover, #topnav a.active {

  color: #FFF;

}







/*********************************************************************************************************************************/

/*        Haupt-Container                                                                                                        */

/*********************************************************************************************************************************/



#main {

  width: 835px;

  margin: 0;

  padding: 20px 20px 20px 0;

  background: url('../images/vertnav_bgr.gif') repeat-y;

  background-color: #FFF;

  /* border-right: 1px solid #022D42; */

   border-right: 0px solid #022D42;

   height: 390px;

}



html>body #main {

  height: auto;

  min-height: 390px;

}



#main h2 {

  margin: 0;

  color: #fff;

  /* float: left; */

  font-size: 14px;

  padding: 0 0 12px 14px;

}



#main h2 a {

  color: #fff;

  text-decoration: none;

}



/****************************************************************************************************************************************/

/*          Sub-Navigation/vertikal                                                                                                     */

/****************************************************************************************************************************************/

/* schmaler Balken an der rechten Seite der vertikalen Navigation */



#outer {

  background: url('../images/vertnav_grenzbalken.gif') no-repeat 182px 100px;

  min-height: 380px;

  height: auto !important; /* für moderne Browser */

  height: 380px; /* für den IE */

}



/* wird benötigt um das linke menü links fließen zu lassen, wenn im content-bereich float: left benutzt wird */

#leftmenu {

    float: left;

    width: 183px;

}



/* allgemeine Formatierung des vertiklane Navigationsbereiches */

#nav {

  /*

  clear: left;

  float: left;

  */

  width: 183px;

  margin:0;

  padding: 0;

  list-style: none;

  font-size: 13px;

}





#nav li a {

  display: block;

  padding-left: 15px;

}





/* bestimmt Darstellung der Listenunterpunkte

   margin bestimmt über Einrückung der einzelnen Punkte*/

#nav li ul {

  display: none;

  list-style: none;

  margin: 0; 

  padding: 0;

}





/* bestimmt Abstand zwischen den einzelnen Listenoberpunkten*/

#nav li {

   margin-top: 10px;

}





/* speziell für den blöden IE */

* html #nav li {

	margin-top: 0;

}





/* bestimmt farbigen Kasten hinter aktivem Link Listenunterpunkt*/

#nav li ul li.active {

   border-top:1px solid #B4CAE5; border-bottom:1px solid #B4CAE5; background-color: #477A9C;

   border-left: 0px none;

   border-right: 0px none;

   margin-bottom: -1px

}







* html #nav ul li.active {

  margin-bottom: 0;

}







/* bestimmt Blockdarstellugn der Listenunterpunkte*/

#nav li.open ul {

   display: block;

}





/* bestimmt Textfarbe der Listenunterpunkte*/

#nav li.open ul a {

   color: #B4CAE5;

   padding: 0 10px 0 25px;

}





/* bestimmt farbigen Kasten hinter aktiver Kategorie*/

#nav li.open {

   border-right:1px solid #B4CAE5; border-top:1px solid #B4CAE5; border-bottom:1px solid #B4CAE5; background-color: #325C86;

   border-left: 0px none;

   margin-bottom: 15px

}





/* bestimmt Textfarbe des Überlinks der gerade offenen Kategorie*/

#nav li.open a {

  color: #fff;

  padding: 5px 15px;

}





/* bestimmt Textfarbe des aktiven Links*/

#nav li.open ul li.active a {

  color: #FFFFFF;

}





/* bestimmt Änderung der Textfarbe bei Mausberührung*/

#nav a:hover {

  color: #FFFFFF;

}





/* bestimmt Textfarbe der Listenpunkte*/

#nav li a {

  color: #B4CAE5;

  text-decoration: none;

 

}





/* bestimmt Schriftgröße und Abstand zwischen den einzelnen Listenunterpunkte*/

#nav li ul li {

   font-size: 11px;

   padding: 3px;

   

}



/****************************************************************************************************************************************/

/*               Content-Bereich                                                                                                        */

/****************************************************************************************************************************************/



#content {

  margin-left: 220px;

  text-align: left;

  background: #fff;

  line-height: 16px;

}



/* Der Holly-Hack, der oft benutzt wird um float-bugs beim IE zu umgehen. Woohoo!

   Behebt in diesem Fall, dass der Content-Bereich um ein paar Pixel links eingerueckt wird

   und zwar nur soweit, wie die Navigation links runtergeht.

   

   Siehe: http://www.positioniseverything.net/explorer/escape-floats.html

*/

/* hide from IE-mac \*/

* html #content {

  height: 1%;

}

/* end hide */



/*

   wrapper needed as assigning overflow to #content doesn't work in every browser (FF 3 in this case)

   hack to let the browser calculate margins correct when clearing floats 

   (see: http://css-tricks.com/all-about-floats/)

*/

#contentwrapper {

  overflow: auto;

}



/*

   IE7 only

*/

*+html #contentwrapper {

  overflow: hidden;

}



/* Formatierung der allgmeinen Überschrift*/

#content h2 {

  border-bottom: 1px solid #022d42;

  border-top: 1px solid #022d42;

  margin: 0;

  padding: 4px 0;

  font-size: 16px;

  color: #022d42;

  float: none;

}





/* Formatierung der Zwischenüberschriften zum Semianrtitel */

#content h3 {

font-size: 12px;

margin-bottom: 5px;

}







/* Zwischenüberschrift insbesondere wichtig für Home */

#content h4 {

  font-size: 12px;

  padding: 2px 0;

  margin: 10px 0 5px 0;

}



/* wichtig für Themenlisten der Seminarbeschreibungen*/

#content ul {

  margin-left: 15px;

  padding-left: 15px;

  text-align: left;

}



/*bestmmt Farbe aller Links innerhalb des Contentbereiches*/

#content a {

text-decoration: underline;

color:#325C86;

}





/* spezielle Formatierung für die Toplinks innerhalb der Seminarbeschreibungen*/

#content p.top {

  text-align:right;

  font-size:10px;

  margin: 0;

  background: none;

}





/* spezielle Formatierung für die Toplinks innerhalb der Seminarbeschreibungen*/

#content p.top a {

  color: #325C86;

	font-weight: bold;

}



#content p {

  margin: 5px 0;

}





/****************************************************************************************************************************************/

/*               Address-footer                                                                                                          *

/****************************************************************************************************************************************/

#footer {

  text-align: center;

  padding: 5px 0;

  background: #022d42;

  border-top: 1px solid #B4CAE5;

  font-size: 9px;

  font-style: normal;

  color: #B4CAE5;

}







#footer p {

  margin: 0;

  display: block;

  float: left;

  width: 143px;

  margin: 0 -153px 0 10px;

}





#footer a {

  color: #B4CAE5;

  text-decoration: none;

}





#footer a:hover {

  color: #fff;

}





/****************************************************************************************************************************************/

/*               Sprachenswitch                                                                                                         */

/****************************************************************************************************************************************/

ul#languages {

  float: right;

  list-style: none;

  margin: 35px 5px 0 0;

  position: absolute; right:2px;

  /* background-color: #B4CAE5; kann gelöscht werden */

}





ul#languages a {

  color:  #022D42 ;

  text-decoration: none;

}





.clear {

  clear: both;

}



.center {

    text-align: center;

}



.alignleft {

    text-align: left;

}



/****************************************************************************************************************************************/

/*               Termine und Anmeldung */

/****************************************************************************************************************************************/



#content #termine {

  overflow: hidden;

}



#content #termine #booking {

  list-style: none;

}



#content #termine h3 {

  margin: 20px 0 10px 0;

  font-size: 1.2em;

}



#content #termine table {

  border: 2px solid #B4CAE5;

  width: 100%;

  border-collapse: collapse;

  margin: 10px 0;

}



#content #termine table td, #content #termine table th {

  padding: 3px 5px;

}



#content #termine thead th {

  background: #B4CAE5;

  padding: 5px;

}

#content #termine tbody th {

  padding: 20px 5px 0 5px;

}



#content #termine table ul {

  margin-top: 0;

}



#content #termine .lastrow {

  text-align: right;

  padding: 7px 5px;

  vertical-align: top;

}



#content fieldset {

  border: 0;

  margin: 30px 0 0 0;

}



#content fieldset p {

    font-size: 10px;

}



#content label {

  float: left;

  width: 120px;

  margin-top: 4px;

  font-weight: bold;

  font-size: 12px;

}



#content label span {

  font-size: 10px;

  color: #ca0000;

}



#content p span.red {

  color: #ca0000;

}



#content #buttons {

  margin: 0 0 0 120px;

  font-size: 10px;

}



#content #buttons label {

  float: none;

  font-weight: normal;

  font-size: 10px;

  vertical-align: 2px;

}



#content input {

  margin: 2px 0;

}



#content input.buttons {

  width: 90px;

}



#content textarea {

  width: 441px;

  margin: 5px 0;

  height: 70px;

}



#content div#left {

  float: left;

  width: 45%;

  margin-bottom: 10px;

}



#content div#right {

  margin-left: 50%;

  margin-bottom: 10px;

}



hr {

  height: 1px;

  border: 0px none;

  background: #000;

  color: #000;

  clear: left;

}



ul#error {

  color: red;

  list-style: none;

}



/* Styles für die Newsübersicht, wenn ein Newsbild drin ist */



#content .newsimage img {

  float: left;

  margin: 2px 10px 10px 0;

}



#content .newsimage h4 {

  margin-bottom: 5px;

  padding-left: 160px;

}



#content .newsimage p {

  margin: 0 0 12px 160px;

}



/* home frühbucher aktion */

#content #aktion {

  height: 170px;

  border: 2px solid #2E606D;

  background: #E1E9F5;

  padding-right: 5px;

  font-size: 1.0em;

}



#content #aktion img {

  float: left;

  margin: 0 5px 0 0;

  border-right: 2px solid #2E606D;

}



#content #aktion h2 {

  margin-left: 155px;

  border: 0;

  border-bottom: 1px solid #99141B;

  color: #99141B;

  font-weight: bold;

}



#content #aktion p {

  margin: 0 5px;

}



#content .left {

    float: left;

    width: 290px;

    margin-bottom: 20px;

}



#content .right {

    float: right;

    width: 290px;

    margin-bottom: 20px;

}



/* Seminarbeschreibungen Styles */



#seminar {

    font-size: 0.9em;

}



#seminar p {

    /*font-size: 0.9em;*/

    text-align: justify;

}



#seminar ul {

    /*font-size: 0.9em;*/

    margin: 0 0 10px 0;

}



#seminar ul li {

    margin: 5px 0;

}



#seminar h5 {

    border: 0;

    padding: 0;

    margin: 0;

    font-size: 1.0em;

}



#seminar .hidden {

    display: none;

}



#seminar .visible {

    display: block;

}



#seminar #switch {

    clear: both;

}



#seminar h4.extended {

    background: url('../images/collapse.gif') no-repeat left center;

    text-indent: 20px;

}



#seminar h4.collapsed {

    background: url('../images/expand.gif') no-repeat left center;

    text-indent: 20px;

}



/* notes on left menu side */

#notes {

    width: 180px;

    text-align: left;

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: center;

}



#notes li {

    margin: 25px 0;

    padding: 0;

    text-indent: 0;

}



/* styles aus home.php */

#home {

	background: #fff;

	width: 610px;

	margin: 0;

	padding: 0;

    text-align: justify;

    font-size: 1.0em;

}



#home #philosophie {

	float: left;

	width: 463px;

	padding-right: 12px;

	border-right: 1px solid #022D42;

}



#spaltenspacer {

	background: #fff;

}



#spaltenspacer h5 {

  margin-top: 0;

}



#spalte1 {

	float: left;

	width: 219px;

	padding-right: 12px;

    /*border-right: 1px solid #022d42;*/

}



#spalte1 h5 a, #spalte2 h5 a, #home h2 a {

  color: #022D42;

  text-decoration: none;

}



#spalte1 a, #spalte2 a {

  color: #325C86;

}



#spalte2 {

	float: right;

	width: 220px;	

	padding-left: 10px;

	border-left: 1px solid #022d42;

}



#home #news {

	width: 120px;

	text-align: center;

	float: right;

	padding-left: 13px;

}



#home #news h5 {

  margin: 20px 0 0 0;

  border: 0;

  font-size: 12px;

  color: #022D42;

}



#home #news p {

    font-size: 11px;

    line-height: 13px;

    margin: 2px 0;

    text-align: center;

}



#home #news a {

    text-decoration: underline;

    font-size: 0.9em;

}



#home #news p a {

    font-size: 1.0em;

}



#home #spalte2 .bild {

    font-size: 0.8em;

}



/* CSS styles for infobox */



div#infobox {

    background: #DBE1EF;

    margin: 10px 0 20px 0;

    padding: 10px;

    border: 1px solid #B9BFCB;

    text-align: justify;

    /*overflow: hidden;*/

}



div#infobox img {

    float: left;

    margin: 0 10px 0 0;

}



div#infobox p {

    margin: 0;

}



div#infobox .clear {

   clear: left;

}