/*  html { margin: 0px; padding: 0px; }   */

   body { color: #000000; background-color: #99FFFF;
    font-size: 90.01%; font-family: Futura, Helvetica,sans-serif;
    margin: 0; padding: 0;
    overflow: auto;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

 div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background-color: white;
 /*   border-top-width: 30px; border-top-style: solid;border-top-color: #99FFFF; */
  }

  /* html>body div#Seite { border-color: white;  /* Farbangleichung an den Internet Explorer  }*/ 


  h1 {
    font-size: 1.2em;
    margin: 0; margin-bottom: 1.0em; padding: 0;padding-bottom: 0.4em;
    text-align: left;
    font-weight: bold;
    border-bottom: 0px solid silver;
  }

  h2 {
    font-size: 1.1em;
    margin: 0; padding: 0;padding-left: 0.2em;
    text-align: left;
    font-weight: bold;
    border-bottom: 0px solid silver;
  }

  h3 {
    font-size: 0.8em;
    margin: 0.5em; padding: 0.0em;
    padding-bottom: 0.4em;
    margin-bottom: 0.85em;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid black;
  }

  h3.ct {text-align: center;}

  h4 {
    font-size: 0.75em;
    margin: 0.5em; padding: 0.0em;
    margin-top: 0.75em;
    margin-bottom: 0.6em;
    padding-bottom: 0.3em;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid black;
  }

  div p {margin:0; padding: 0; padding-left: 0.6em; padding-right:0.6em;font-size: 0.7em;}
  div p.re {margin:0; padding: 0; padding-left: 0.6em; padding-right:0.6em;font-size: 0.7em; text-align: right}
  div p.oa {margin:0; margin-top: 0.8em;}
  
  hr {
  	border: 1px solid black;
  	background-color: black;
  	width: 96%;
  	margin: 0;
  	text-align: center;
}

div ul {
	list-style-type: disc;
	/*list-style-image: url(../LayoutBilder/bblack.gif); bgold*/
	list-style-position: outside;	
        margin:0;
	padding:0;
	margin-left: 1.0em; margin-right: 0.5em;
        margin-bottom: 0.9em;
	padding-left: 1.0em;padding-right: 0.5em;
	font-size: 0.7em;
	}

div .fbild { 
	float:left; 
	margin-top: 2px; margin-left: 3px; margin-right:5px; margin-bottom: 0px;
        padding: 0; padding-bottom: 5px;
        }

  div#Logozeile {
    clear: both;
    height: 100px;
    margin: 0; padding: 0;
    background-color: white;
    background: url(../LayoutBilder/my_time-logo-20-mte.gif) no-repeat top right;	
  }

  div#Kopfzeile {
    clear: both;
    margin: 0; padding: 0.0em;
    margin-top: 20px;
    text-align: left;
    background-color: white;
  }



/* Hauptfenster "Inhalt" *
/*#########################################*/

  div#Inhalt {

    z-index:2;
    margin: 25px 0px 0px 0px;
    
    min-height: 330px;
    padding: 5px 5px 0px 150px;
    overflow: auto; 
    background-color: white;
    font-family: Futura, Helvetica,sans-serif;


/* ########### height-Angabe wieder löschen!!!!!! NUR FÜR ADOBE ###*/
/*height:400px;*/

  }


 

.textbox, .textbox20, .textbox25, .textbox30, .textbox35, .textbox40, .textbox45, .textbox50, .textbox55, .textbox60, .textbox65, .textbox70, .textbox80, .textbox90 {
   /*clear: both;*/
    float:left;
    color: black; 
    background-color: white;
    margin:5px 5px 5px 5px;
    padding: 0;
    overflow:auto;
    text-align: left;   
  }

/* Breitenangaben für IE, um abgerundete Ecken sichtbar zu machen */
.textbox   {width: 97%}
.textbox20 {width: 17%}  
.textbox25 {width: 22%} 
.textbox30 {width: 27%}  
.textbox35 {width: 32%}  
.textbox40 {width: 37%}
.textbox45 {width: 42%}  
.textbox50 {width: 47%}   
.textbox55 {width: 52%}
.textbox60 {width: 57%}
.textbox65 {width: 62%}
.textbox70 {width: 67%}
.textbox80 {width: 80%}
.textbox90 {width: 87%} 


.hidden {    display: none;}

  
/* Hauptfenster Ende */
/*#########################################*/

  div#Fusszeile { 
    height: 57px;
    width: auto;
    margin: 0px 0px 0px 0px;
    background-color: white;
    background-image: url(../LayoutBilder/Viertelpunkt.gif);
    background-repeat: no-repeat;
  }

  div#impr {  /* impressum */
    float: right;
    width: 85%;
    margin: 0px 0px 0px 100px;
    font-size: 0.83em;
    padding: 0.0em;
    padding-top: 40px;
    text-align: left;
    text-decoration: none;
    background-color:white;
  }   


/* Links in der Box impr */
/*#########################################*/
  #impr a {
    color: #555555;
    background-color: white;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
    font-size: 0.8em;
    letter-spacing: -0.0em;
    text-align:left;
  }

  #impr a:hover,a:active, a.selected {
    color: #191919;
    background-color: #FFFFFF;	
    background-image: none;
  }
 
/* MENU */
/*#########################################*/

#links {
width: 35em;
margin: 0px 0px 0px 8px;	
border-collapse:collapse;
}

#links a {
display: block;
background: #FFFFFF;
color: #252525;
font-size: 0.8em;
margin: 0px auto;
padding: 4px 2px;
text-decoration: none;

}

#links a:hover {
  background: url(../LayoutBilder/menupunkt-gelb.gif);
  background-repeat: no-repeat;
  background-position: 0.2em 0.5em;
  color: #000000;

}
#links a.selected {
  background: url(../LayoutBilder/menupunkt-rot.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  color: #000000;
}


.td {
border:0px solid #800000;
background-color:#FFFFFF;
width:18em;
text-align: center;
}

/* MENU VERTIKAL*/
/*#########################################*/

#vlist ul{
z-index:1;
position:absolute;
  clear: both;
  float: left;
  margin: 40px 0px 0px 8px;
  padding: 0;
  width: 140px;
  font-size: 0.75em;
  background-color: white;

  list-style: none;
  white-space: wrap;
}

#vlist li{
  display:block;
  background-color: white;
  height: 2em;
}  

#vlist a {
  color: #191919;
  padding: 3px 15px 3px 15px;
  text-decoration: none;
  text-align:left;
}

#vlist a.selected {
  background: url(../LayoutBilder/menupunkt-kl-rot.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  color: #000000;
}

#vlist a.headselected {
  background: url(../LayoutBilder/menupunkt-kl-rot.gif);
  background-repeat: no-repeat;
  background-position: 0px 0.5em; 
  color: #000000;
  font-weight: bold;
}

#vlist a.headline {
  color: #000000;
  font-weight: bold;
}


#vlist a:hover,a:active {
  background: url(../LayoutBilder/menupunkt-kl-gelb.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  color: #000000;
}

#vlist h5 {
    font-style: normal;
    font-variant: normal;
    font-size: 1.0em;
    font-weight: normal;
    margin: 0px 0px 1.1em 0px; padding: 0.0em;
    text-align: left;
    border-bottom: 0px solid silver;
  }


/* MENU ENDE */
/*#########################################*/

/* Formularbox */
/*#########################################*/

 .formularbox {
    color: #000000; 
    background-color: #FFFFFF; 
    font-size: 0.75em;
    font-family: Futura, Helvetica,sans-serif;
    margin: 0px 20px 0px 50px;
    padding: 0.5em;;
    text-align: left;
  }

.text{
background-color: white;
color:black;
border:1px solid silver;
}

.button{
border:1px solid #FA010B;
text-align:center;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
font-size: 1.0em;
font-weight:normal;
color:black;
background-color:#FBE566;
cursor:pointer;
display:inline;
width:auto;
}

/* Floats korrekt einschließen, in die umschließende Box einfügen */
/*#########################################*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-table}

/* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */
/*##########################*/

/*Rechteck bis 60 mit runden Ecken ohne Hintergrundbilder*/

.rbox { margin:0;background: url(../LayoutBilder/karo153a.gif) repeat}   /* Haupt-Rechteck */




b.rtop, b.rbottom{
	display:block;
	background: white} /* Rundungen an allen 4 Ecken in Hintergrundfarbe */

b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden; 
	background: url(../LayoutBilder/karo153a.gif) repeat} /* oberer und unterer Rand */

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 2px}

/*##########################*/
/*Rechteck BLAU mit runden Ecken ohne Hintergrundbilder*/

.rboxB { margin:0;background: url(../LayoutBilder/karo102a.gif) repeat} /* Haupt-Rechteck; padding nicht möglich */

b.rtopB, b.rbottomB{
	display:block;
	background: white} /* Rundungen an allen 4 Ecken in Hintergrundfarbe */

b.rtopB b, b.rbottomB b{
	display:block;
	height: 1px;
	overflow: hidden; 
	background: url(../LayoutBilder/karo102a.gif) repeat} /* oberer und unterer Rand */

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}

b.rtopB b.r4, b.rbottomB b.r4{
	margin: 0 1px;
	height: 2px}


/* Farbpaare:  ffff52+fff535  ,  f4ff66+fbff25    */