/* Stylesheets für Engls Homepage

(C) 2008-03-14 by Bernhard Berger */

html, body {
	color:#000;
	margin: 0; padding: 5px;
	background:#ffffff;background-image:url(backgroundBlue.jpg);background-repeat:repeat-x;
	text-align: center;		/* Bugfix für IE5.5/WIN: ansonsten wird container nicht zentriert */
}

#header {
	font-size: 200%;
	font-weight: bold;
	font-family:Comic Sans MS;
	color: #000;
	padding-top:5px;
	padding-bottom: 5px;
}

#facharzt {				/* Überschrift oben: Facharzt für Kinder- und Jugendmedizin */
	color:#dd0024;
}

#container {			/* umschließt den ganzen Inhalt in 80% der Bildschirmbreite */
  width:90%;
  margin:0 auto 0; padding: 0;
  text-align: left;		/* Buxfix für IE5.5/WIN s.o. */
  border-style:solid; border-width:2px;border-color:#84B0C7;
  background:#ffffff;background-image:url(background.jpg);background-repeat:repeat-x;
}

#navigation {
}

#main {
  padding-left: 1em;
  padding-right: 1em;
  font-size:100%;
}

#footer {
  text-align: right;
  font-size: 80%;
  border-top-style:solid; border-top-width: 1px; border-color:#84B0C7;
  clear: both;
  padding-right: 1em;
}

h1 {
	clear: left;
	font-size: 200%;
}

h2 {
	font-size: 120%;
	font-weight: bold;
}

.hauptbild {			/* Bild rechts neben Text */
  float:right;
}

.haupttext {
  clear: left;
}

a.external {
  background: url(external.png) center right no-repeat;
  padding-right: 13px;
}

DIV.wichtig {
  padding: 10px;
  border-style:solid; border-width:thin;border-color:#84B0C7;
  background-color:#FFFFE0;
}

/* Formularstyles */

input:focus, textarea:focus {
	color:#369;
	background-color:#fff;
}

label {			/* Label für Formular-Elemente (Html-Masken) */
	font-weight:bold;
}

.labelfehler {         /* Label für fehlerhaft markierte Formular-Elemente */
          font-weight:bold;
	  color:#f00;
}

.labelCheckBox {	/* Label für eine CheckBox */
          font-weight:normal;
}
	
.fehler {		/* längere Text-Fehlermeldungen */
	background-color:#eee;color:#f00;border:2px dashed #369;
	padding:1%;
	font-weight:bold;
}

.warnung {		/* längere Warnungs-Meldungen */
	background-color:#eee;color:#000;border:2px dashed #369;
	padding:1%;
}

.pflichtstern {
  	color:#00f;
	font-weight:normal;
}

/* +++++++++ tabs styles, based on http://www.alistapart.com/articles/slidingdoors +++++++++++++++++ */

DIV.tabs
{
   float        : left;
   position: relative;
   width:100%;
/*   top: -0.70em; left:289px;*/
   background       : url("tab_b.gif") repeat-x bottom;
   margin-bottom    : 4px;
   font-size: 100%;
}

DIV.tabs UL
{
   margin           : 0px;
   padding-left     : 0px;
   list-style       : none;
}

DIV.tabs LI, DIV.tabs FORM
{
   display          : inline;
   margin           : 0px;
   padding          : 0px;
}

DIV.tabs A
{
   float            : left;
   background       : url("tab_r.gif") no-repeat right top;
   border-bottom    : 2px solid #84B0C7;
   font-size        : medium;
   font-weight      : bold;
   text-decoration  : none;
}

DIV.tabs A:hover
{
   background-position: 100% -150px;
}

DIV.tabs A:link, DIV.tabs A:visited,
DIV.tabs A:active, DIV.tabs A:hover
{
       color: #1A419D;
}

DIV.tabs SPAN
{
   float            : left;
   display          : block;
   background       : url("tab_l.gif") no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}

DIV.tabs TD
{
   font-size        : x-small;
   font-weight      : bold;
   text-decoration  : none;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
DIV.tabs SPAN {float : none;}
/* End IE5-Mac hack */

DIV.tabs A:hover SPAN
{
   background-position: 0% -150px;
}

DIV.tabs LI#current A
{
   background-position: 100% -150px;
   border-width     : 0px;
}

DIV.tabs LI#current SPAN
{
   background-position: 0% -150px;
   padding-bottom   : 6px;
}