/****************************************/
/* CSS myLife                           */
/* copyright: die medialisten           */
/* Ansprechpartner: Silvia Wolf, Nikias Ehrlich */
/* www.diemedialisten.de                */
/****************************************/


/******************************************************************************/
/*                            Hauptelemente HTML                              */
/******************************************************************************/

*
{
  margin: 0px;
  padding: 0px;
  border: 0;
}

html { height: 100% }
body {
    font-size: 100.01%;
    font: 14px/1.5em "Arial";
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.3;
    color: #4D485B;
    background-color: #FFFFFF;
    height: 100%;
    overflow: hidden;
  }

#topBorder
{
   background-color: #e95d0e;
   position: relative;
   width: 100%;
   height: 73px;
   top: 0px;
     font-size: 2px;
}

#bottomBorder
{
   background-color: #e95d0e;
   position: absolute;
   width: 100%;
   height: 9px;
   bottom: 0px;
  font-size: 9px;
}

#rightBlock
{
   background-color: #e95d0e;
   position: absolute;
   width: 228px;
   right: 114px;
   height: 100%;
   top: 0;
      z-index:8;
}

#underPict
{
   background-color: #e95d0e;
   color: #FFFFFF;
   font-size: 8pt;
   border: solid 5px #e95d0e;
   position: absolute;
   width: 218px;
   right: 114px;
   height: auto;
   bottom: 0;
   z-index:20;
   text-align: left;
}


#pic
{
   position: absolute;
   right: 117px;
   top: 200px;
   z-index:10;
}

#content
{
   position: absolute;
   color: #009EE0;
   top: 154px;
   left: 210px;
   right: 355px;
   bottom: 9px;
   width: expression((document.body.clientWidth - 565) + "px");
   /* left-Wert + right-Wert = 300 */
   height: expression((document.body.clientHeight - 167) + "px");
   /* top-Wert + bottom-Wert = 200 */

   overflow: auto;
   z-index:10;
   font-size: 10pt;
   text-align: left;
}

a.menu, a.menuSel
{
  display: block;
  border-bottom: 5px solid #ffffff;
  border-top: 5px solid #ffffff;
  text-decoration: none;
  color: #009ee0;
  font-size: 10pt;
  font-weight: bold;
}

a.submenu, a.submenuSel
{
  display: block;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  text-decoration: none;
  color: #009ee0;
  font-size: 8pt;
}

a.menu:hover, a.submenu:hover, a.submenuSel, a.menuSel
{
	color: #EA5D0E;
}


#menu
{
   position: absolute;
   left: 50px;
   top: 150px;
   z-index:11;
   background-color: #FFFFFF;

}

#flower
{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

#logo
{
	position: absolute;
	top: 0;
	right: 0;
    z-index: 11;
}

#logo2
{
	position: absolute;
	top: 0;
	left: 0;
    z-index: 20;
}


li
{
  padding: 0;
  margin: 0;
}

ul
{
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}



/******************************************************************************/
/*                          Hauptelemente CSS                                 */
/******************************************************************************/
/*Rahmen um alles rum*/

form.form
{
	width:auto;
	height:auto;
	background-color: #009EE0;
	border: 10px solid #009EE0;
	color: #000000;
}

fieldset
{
	width:auto;
	height:auto;
	background-color: #009EE0;
	border: 10px solid #009EE0;
	color: #000000;
}

a.form
{
	background:#FFFFFF;
	color:#000000;
	width:80px;
	text-decoration:none;
}

a
{
	text-decoration: underline;
	color: #009EE0;
}


/******************************************************************************/
/*                          Links, Menus                                      */
/******************************************************************************/

h1
{
  clear: left;
  margin: 5px;
  margin-top:0px;
  margin-left: 0px;
  font-size: 12pt;
  font-weight: bold;
  color: #E95D0E;
}


a.textlink
{
  color: #235046;
  text-decoration: underline;
  font-style: italic;
}

p
{
   margin-top: 0px;
   text-align: left;
}

input.submit
{
  position: relative;
  background-color: #E95D0E;
  color: #FFFFFF;
  left: 275px;
  border: 0;
  cursor: pointer;
  z-index:30;
}

input.text
{
  border: 1px solid #E95D0E;
  color: #06A0E1;
  width: 200px;
}

.textarea
{
  border: 1px solid #E95D0E;
  color: #06A0E1;
  width: 200px;
}

label
{
	position: relative;
	display: block;
	width: 140px;
	float: left;
	font-weight: bold;
}


input.submit2
{
  position: absolute;
  background-color: #FFFFFF;
  border: 0;
  left: 423px;
  top:384px;
  cursor: pointer;
  z-index:30;
}