/* --------------------------------
   Farbschema
   --------------------------------

Blau
  #668599 = Hintergrundfarbe body
          = Border Header Institut
  #365467 = Textfarbe Standard
          = Linienfarbe Tabellen
  #7591a3 = Hintergrundfarbe mittlere Spalte Startseiten (start)
  #7e99aa = Hintergrundfarbe rechte Spalte Startseiten (start)
  #5f7a8b = Linkfarbe visited Links auf weiss
  #eaedf0 = Linkfarbe visited bei dunklem Hintergrund (start)
  #d5e3eb = Hintergrund Tabellen


Orange
  #f9b200 = Linkfarbe Text Standard
          = Hintergrund Links hover
          = Hintergrund Tabellen highlight (fuer ausgebuchte Sem.)
          = Border Header Erzieher
  
Gruen
  #deff00 = Klick auf Links
  #ccdc00 = Border Header Fortbildungen
          = Hintergrund Links active

Weiss
  #fff = Hintergrund mittlere Spalte (main)
       = Textfarbe mittlere Spalte Startseiten (start)
       = Textfarbe rechte Spalte Startseiten (start)

   Ende Farbschema
   -------------------------------- */


/* --------------------------------
   Allgemein
   -------------------------------- */

.frontend * {
  border: 0;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

a:focus {
  outline: none;
}

/* Ende Allgemein
   -------------------------------- */


/* --------------------------------
   Layout
   -------------------------------- */


/* Layout Allgemein */

body {
  background-color: #668599;
  color: #365467;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 75%;
  margin: 0;
  padding: 0;
}

html>body {
  font-size: 12px;
}

#layout {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

div.content-wrapper {
  padding-top: 5px;
	
}

div.content-block {

}
#platocontent {
	  margin: 20px 20px 10px 20px;
}
#platomargin {
    margin: 20px 20px 10px 20px;
}
/* Layout linke Spalte */

#column_left {
  background: #668599;
  border-top: 2px solid #fff;
  vertical-align: top;
  width: 250px;
}


/* Layout mittlere Spalte */

#column_main {
  background: #fff;
  border-top: 2px solid #fff;
  border-left: 1px solid #365467;
  color: #365467;
  vertical-align: top;
  width: 50%;
}



#column_main .content-block {
  max-width: 650px;
}


/* Layout rechte Spalte */

#column_right {
  background: #7e99aa;
  border-top: 2px solid #fff;
  border-left: 1px solid #365467;
  color: #fff;
  vertical-align: top;
  width: auto;
}

#column_right .content-block {
  max-width: 300px;
}

/* Ende Allgemein
   -------------------------------- */


/* --------------------------------
   Header
   -------------------------------- */

#header {
  background: #fff;
  border-bottom: 8px solid #668599/* = Institut*/;
  padding: 20px 20px 15px 20px;
}

.header_fortbildung {
  border-bottom: 8px solid #ccdc00 !important;
}

.header_erzieher {
  border-bottom: 8px solid #f9b200 !important;
}

.header_eltern {
  border-bottom: 8px solid #21498c !important;
}

.header_forschung {
  border-bottom: 8px solid #7e0b64 !important;
}

/* Ende Header
   -------------------------------- */


/* --------------------------------
   Inhalt
   -------------------------------- */


/* Inhalt allgemein */

strong {
  font-weight: bold;
}


/* Listen allgemein */

.content-block ul {
  font-size: 12px;
  line-height: 1.5em;
  list-style-image: url('/layout/Bullet.gif');
  margin: 0 0;
  padding: 0 0 0 25px;
}

.content-block li {
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 5px 0;
}

.content-block ol {
  font-size: 12px;
  margin: 1em 0;
  padding: 0 0 0 1em;
}

.content-block ul ul {
  line-height: 1.5em;
  margin: 0 0 -5px 20px;
  padding: 5px 0 0px 0;
}



/* Formulare */



/* Inhalt mittlere Spalte */

#column_main h1 {
  font-size: 20px;
	line-height: 1.4em; 
  padding: 0 0 10px 0;
}

#column_main h2 {
  font-size: 15px;
	line-height: 1.4em; 
  padding: 0 0 5px 0;
}

#column_main h3 {
  font-size: 12px;
	line-height: 1.5em; 
  padding: 0;
}

#column_main p {
  padding: 10px 0 0px 0;
}
#column_main, #column_main p {
  font-size: 12px;
  line-height: 1.5em;
}

div.ruler {
  background: transparent url('/layout/Trenner_B.gif') 0 5px repeat-x;
  clear: both;
  height: 1px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
	overflow:hidden;
}

div.ruler hr {
  display: none;
}

.publication {
  background: transparent url('/layout/Buch.gif') 0px 10px no-repeat;
  margin: 0px 0px 20px 0px;
  padding: 10px 5px 35px 70px;
}


/* Datentabellen */

.table {
  border-collapse: collapse;
  border-top: 3px solid #365467 !important;
  border-bottom: 3px solid #365467 !important;
  margin: 1em 0 1em 0;
  padding: 0;
  width: 100%;
}

.table td {
  font-size: 12px;
  line-height: 1.5em;
  padding: 0.5em;
  vertical-align: top;
}

.head {
  border-bottom: 3px solid #365467; 
}

.hell {
  background-color: transparent;
  border-top: 1px dotted #365467;
}

.hell-separate {
  background-color: transparent;
  border-top: 1px solid #365467;
}

.dunkel {
  background-color: #d5e3eb;
  border-top: 1px dotted #365467;
}

.dunkel-separate {
  background-color: #d5e3eb;
  border-top: 1px solid #365467;
}

.highlight {
  background-color: #f9b200;
  color: #365467;
}

.highlight-seperate {
  background-color: #f9b200;
  border-top: 1px solid #365467;
  color: #365467;
}

/* Karten Fachleute */

.card {
  background-color: #d5e3eb;
  border-top: 2px solid #365467;
  border-bottom: 2px solid #365467;
  margin: 0 0px 10px 0px;
  padding: 10px;
}

.land {
  font-weight: bold;
  padding-top: 1.4em !important;
}

.bundesland {
  font-weight: bold;
  font-style: italic;
}

.card .name {
  font-weight: bold;
}
.card .titel {
  font-style: italic;
}

.card .praxis {
}

.card .strasse {
}

.card .plz {
}

.card .ort {
}

.card .telefon {
}

.card .telefax {
}

.card .e-mail {
}

.card .website {
}


/* Inhalt rechte Spalte */

#column_right h1 {
  font-size: 13px;
	line-height: 1.4em; 
  padding: 5px 0 5px 0;
}

#column_right h2 {
  font-size: 12px;
	line-height: 1.4em; 
  padding: 5px 0 5px 0;
}

#column_right h3 {
  font-size: 11px;
	line-height: 1.5em; 
  padding: 5px 0 0 0;
}

#column_right p {
  padding: 0 0 10px 0;
}

#column_right * {
  font-size: 11px;
  line-height: 1.5em;
}

#column_right div.ruler {
  background: url('/layout/Trenner_W.gif') 0 5px repeat-x !important;
}

#column_right div.ruler hr {
  display: none;
}


/* Ende Inhalt
   -------------------------------- */



/* --------------------------------
   Bilder
   -------------------------------- */

.center {
  text-align: center;
}

/* Ende Allgemein
   -------------------------------- */


/* --------------------------------
   Links
   -------------------------------- */

#platocontent a, #platocontent a:link {
  color: #365467;
  font-weight: bold;
}

#platocontent a:visited {
  color: #5f7a8b;
  font-weight: bold;
}

#platocontent a:hover {
  background: transparent;
  color: #f9b200;
}

#platocontent a:active {
  background: transparent;
  color: #ccdc00;
}

#platocontent a.stdlink-ext {
  background: url(/layout/External.gif) no-repeat right !important;
  padding: 0.2em 1.3em 0.2em 0;
}


#platocontent a.stdlink-ext a:visited {
  color: #5f7a8b;
  font-weight: bold;
}

#platocontent a:hover.stdlink-ext {
  background: url(/layout/External.gif) no-repeat right transparent !important;
  color: #f9b200;
}

#platocontent a:active.stdlink-ext {
  background: transparent url(/layout/External.gif) no-repeat right !important;
  color: #ccdc00;
}

#platocontent a.download-link {
  background: url(/layout/Download.gif) no-repeat right !important;
  padding: 0.2em 1.3em 0.2em 0;
}

#platocontent a:hover.download-link {
  background: transparent url(/layout/Download.gif) no-repeat right !important;
  color: #f9b200;
}

#platocontent a:active.download-link {
  background: transparent url(/layout/Download.gif) no-repeat right !important;
  color: #ccdc00;
}

#column_right a, #column_right a:link {
  color: #fff;
  font-weight: bold;
}

#column_right a:visited {
  color: #eaedf0;
}

#column_right a:hover {
  background: transparent;
  color: #f9b200;
}

#column_right a:active {
  background: transparent;
  color: #ccdc00;
}

a.totop {
	padding-right:20px;
	background:url(/layout/Top.gif) no-repeat right 3px ;
	text-decoration:none;
	float:right;
}

a.totop:hover {
  text-decoration:underline;
  background:url(/layout/Top.gif) no-repeat right 3px !important;
}

.left-float-image {
  display: inline !important;
  float: left !important;
}
.right-float-image {
  display: inline !important;
  float: right !important;
}
.thumb {
}
.content-wrapper {
  font-size: 12px;
}

.content_card a {
  color: #fff !important;
}

/* Ende Allgemein
   -------------------------------- */


/* --------------------------------
   Footer
   -------------------------------- */

#footer {
  background: #668599;
  border-top: 1px solid #365467;
  color: #fff;
  padding: 20px;
  text-align: center;
}

#footer a {
  color: #fff !important;
  font-weight: normal !important;
  text-decoration: none;
}

#footer a:hover {
  background: #f9b200;
  color: #365467 !important;;
}

#footer a:active {
  background: #ccdc00;
  color: #365467 !important;;
}

/* Ende Footer
   -------------------------------- */



/* --------------------------------
   Formulare
   -------------------------------- */

div.stdform {
  background-color: #d5e3eb;
  border-top: 2px solid #365467;
  border-bottom: 2px solid #365467;
  margin: 0 0px 20px 0px;
  padding: 10px;  
}

table.form-table {
}

.form-table * {
  font-size: 12px;
}

.form-table td {
  padding: 5px 0;
  font-size: 12px;
}

.form-table .val-err {
  font-size: 12px;
}

.frontend #platocontent form {
  font-size: 12px;
}

#platocontent fieldset {
  border-top: solid 0 transparent; /* wegen Anzeige-Problem bei manchen Browsern */
  border-right: solid 0 transparent;
  border-bottom: dotted 1px #21498c;
  border-left: solid 0 transparent;
  padding: 5px 0;
}

#platocontent legend {
  color: #365467;
  font-weight: bold;
  padding: 0.2em 0 0 0;
}

#platocontent label {
  float: left;
  font-size: 11px;
  width: 10em;
}

.frontend #platocontent input.radio, .frontend #platocontent input.checkbox, .frontend #platocontent input.submit {
  width: auto;
}

.frontend #platocontent input.radio {
  float: left;
  margin-right: 1em;
}


.frontend #platocontent input:focus, .frontend #platocontent textarea:focus {
  background-color: #ffe5b7;
}

.frontend #platocontent input, .frontend #platocontent textarea {
  border: 1px solid #365467;
}

#platocontent input, #platocontent select, #platocontent option, #platocontent textarea {
  font-size: 12px;
  padding: 1px;
}

#platocontent .nachricht label {
  width: 4em;
}

#platocontent select {
  background-color: #fff;
  border: 1px solid #365467;
}

#platocontent option {
  border-bottom: 1px dotted #365467;
  padding: 0.2em 0 0.2em 0.5em;
}

#platocontent .p-sb, #platocontent .button
{
  background-color: #7591a3;
  border-top: 1px solid #365467 !important;
  border-right: 0px solid #000 !important;
  border-bottom: 1px solid #365467 !important;
  border-left: 0px solid #000 !important;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  margin: 0.3em 0;
  padding: 0.05em 0.4em;
  letter-spacing: 0.075em;
  text-transform:uppercase;
}


/* Ende Formulare
   -------------------------------- */
	
	
.startpage {
background: #7591a3 !important;
color: #fff !important;
}

.startpage p, .startpage h1, .startpage h2, .startpage h3 {
color: #fff !important;
}	

.startpage .content-block ul {
  list-style-image: url('/layout/Bullet_B.gif') !important;
}



.startpage a, .startpage a:link, .startpage a:visited {
    background: transparent;
    color: #fff !important;
    font-weight: bold;
}

.startpage a:hover {
    background: transparent;
    color: #f9b200 !important;
}

.startpage a:active {
    background: transparent;
    color: #ccdc00 !important;
}

.startpage a.stdlink-ext, .startpage a:visited.stdlink-ext {
    background: transparent url(/layout/External_start.gif) no-repeat right !important;
    color: #fff !important;
    font-weight: bold;
    padding: 0.2em 1.3em 0.2em 0;

}

.startpage a:hover.stdlink-ext {
    background: transparent url(/layout/External_start.gif) no-repeat right !important;
    color: #f9b200 !important;
    font-weight: bold;
    padding: 0.2em 1.3em 0.2em 0;

}

.startpage a:active.stdlink-ext {
    background: transparent url(/layout/External_start.gif) no-repeat right !important;
    color: #ccdc00 !important;
    font-weight: bold;
    padding: 0.2em 1.3em 0.2em 0;

}

.startpage a.download-link, .startpage a:visited.stdlink-ext {
    background: transparent url(/layout/Download_start.gif) no-repeat right !important;
    color: #fff !important;
    font-weight: bold;
    padding: 0.2em 1.3em 0.2em 0;

}

.startpage a:hover.download-link {
    background: transparent url(/layout/Download_start.gif) no-repeat right !important;
    color: #f9b200 !important;
    font-weight: bold;
    padding: 0.2em 1.3em 0.2em 0;

}

.startpage a:active.download-link {
    background: transparent url(/layout/Download_start.gif) no-repeat right !important;
    color: #ccdc00 !important;
    font-weight: bold;
    padding: 0.2em 1.3em 0.2em 0;

}