* {text-decoration: none; margin: 0px; padding: 0px; border: 0px; color: #4C5379; font-family: Arial, Helvetica, sans-serif; }
body { background-color: #333365; margin:0 auto; text-align:center; font-size:100,01%; text-align: center; width: 100%; }

.start { padding-top: 15%; }
.first { color: #FFFCF2; }
a.f { color: #FFFCF2; }

#nav { margin: 6px auto 0px auto; width: 80%; height: 18px; text-align: right; padding-left: 30px; }
#nav * { display: block; float: left; padding: 0 14px; width: auto; height: 18px; font-size: 70%; line-height: 18px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color:#22D1D3 /*#00B5B8*/; font-weight: bold;}
#nav .n { background-color: #13CED0; color: #FFFCF2 /*#33294D*/; margin: 0 3px 0 0; }
#nav a { background-color: transparent; color: #fff; font-weight: bold; }
#nav a:hover { background-color: ##333365; color: #fff; font-weight: bold; }
#nav .s {  background-color: #FFFCF2; margin: 0 3px 0 0; }

/*
#nav { margin: 6px auto 0px auto; width: 80%; height: 18px; text-align: right; padding-left: 30px; }
#nav * { display: block; float: left; padding: 0 14px; width: auto; height: 18px; font-size: 70%; line-height: 18px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; }
#nav .n { background-color: #13CED0; color: #FFFCF2; margin: 0 3px 0 0; }
#nav a { background-color: transparent; color: #fff; font-weight: bold; }
#nav a:hover { background-color: ##333365; color: #fff; font-weight: bold; }
#nav .s {  background-color: #FFFCF2; margin: 0 3px 0 0; }
*/

/*#main {background-color:#FFFCF2; border: 3px solid #FFFCF2;  font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 20px;} */


#main { background-color: #FFFCF2; border: 3px solid #FFFCF2; width: 80%; font-size: 14px; font-family: Arial, Helvetica, sans-serif;
 margin: 0px auto;  /* main-Box vertikal zentrieren, Rand oben + unten 20px */
 text-align: left; /* main-Box vertikal zentrieren in Opera, NN, Mozilla */ }
.prob { text-align: right; display: block; margin: 10px auto; width: 100%; }

#main hr { clear:both; height: 0px; margin: 0px; font-size: 1px; line-height: 0px; visibility: hidden; }

#top { margin: 0px auto; height: 255px; width: 100%; background: #333365 url(pict/hk_portrait.jpg) no-repeat 100% 0%; text-align: left; }
#topkontakt { margin: 0px auto; height: 255px; width: 100%; background:#333365  url(pict/hk_portrait.jpg) no-repeat 100% 0%; text-align: left; }
#top p { padding: 15px 0px; }
 
#nest, #person, #person1 { background-color: transparent; padding: 15px 0px; width: 100%; text-align: left; }
#menu { background-color: transparent; color: black; width: 25%; float:left; }
#menu h1, #menu p { padding: 0 0 6px 2px; margin:0; }
#menu a { text-align: left; font-size: 90%; margin-bottom: 6px; padding: 10px 0px 10px 25px; display: block; border: 1px solid  #4C5379; }
#menu a:hover { background-color: #333365; color: #000; }
#menu .akt { background-color: #333365; color: #fff; text-align: left; font-size: 90%; font-weight: bold; margin-bottom: 6px; padding: 10px 15px 10px 25px; display: block; border: 1px solid  #4C5379;}
 
#Content { text-align: left; margin-left: 25%; padding: 10px 15px; background-color: transparent; }
#content p, dl, ul, a { text-align: left; padding-bottom: 10px; font-size: 95%; }
#content h1 { color: #13B9BB; font-size: 100%; padding-bottom: 10px; }
#content dd { background: url(pict/dot.gif) no-repeat 0% 15%; padding: 0 0 6px 20px; }
#content li { list-style: decimal outside; background: none; padding: 0 0 6px 0px; margin-left: 20px; }
#content a { font-size: 95%; }
#content a:hover { text-decoration: underline; }
#content a.pdf { background: url(pict/pdf.gif) no-repeat 0% 0%; padding: 0 0 0 40px; display: block; line-height: 33px; }
#content a.pdf:hover { text-decoration: underline; background: url(pict/pdf.gif) no-repeat 0% 100%; }


/*     mitcon GmbH ++++++++++++++++++++++ Anfang +++++++++++++++++++++++++++++ */

.pdf { background: url(pict/pdf.gif) no-repeat 0% 0%; padding: 0 0 0 40px; display: block; line-height: 33px; }

#content { text-align: left; margin-left: 25%; padding: 25px; background-color: transparent; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 20px;}

.Content_2 {background-color:transparent; padding: 15px 20px 30px 20px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 20px;}


.Content_3 {background-color:transparent; padding: 15px 20px 30px 20px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 20px;}

.kontakt {background-color:transparent; padding: 15px 20px 10px 30px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; float:left}

#main { background-color: #FFFCF2; border: 3px solid #FFFCF2; width: 80%; font-size: 14px; font-family: Arial, Helvetica, sans-serif;
 margin: 0px auto;  /* main-Box vertikal zentrieren, Rand oben + unten 20px */
 text-align: left; /* main-Box vertikal zentrieren in Opera, NN, Mozilla */ }
.prob { text-align: right; display: block; margin: 10px auto; width: 100%; }


#df { text-align: left; width: 80%; margin: 0px auto; padding: 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: #FFFCF2; border: 3px solid #FFFCF2; } 

/*     mitcon GmbH   +++++++++++++++++ Ende  +++++++++++++++++++++++++++++++  */


#person { height: auto; }
#person1  { height: auto; }
#person p, #person1 p { padding: 0px 10px 10px 1em; font-size: 95%; }

#stat { position: relative; top: 0px; left: 0px; width: 25%; height: auto; background-color: transparent; }
#stat p, dl, ul, a { text-align: left; padding-bottom: 3px; font-size: 95%; }
#stat dd { background: url(pict/dot.gif) no-repeat 0% 15%; padding: 0px 0 3px 20px; }
#stat li { list-style: decimal outside; background: none; padding: 0 0 6px 0px; margin-left: 20px; }

#stat a { text-align: left; margin-bottom: 6px; padding: 10px 0px 10px 1em; display: block; border: 0px solid #FFFCF2; }
#stat a:hover { background-color: transparent;  border: 0px solid #fff; }
#stat a span { display: none; }
#stat a:hover span {display: block; font-size: 95%;
   position: absolute; top: 10px; left: 100%; width: 290%; height: 100%; min-height: 20em;
   margin-left: 15px; z-index: 100;
   color: #4C5379; background: Yellow; text-align: left; font-weight: normal; }
html + body #stat a:hover span { width: 340%; height: 100%; background: Aqua; }
* html b\ody  #stat a:hover span { display: block; font-size: 95%;
   position: absolute; top: 10px; left: 100%; width: 290%; height: 100%; min-height: 20em;
   margin-left: 15px; z-index: 100; background: lime; width: 320%; height: 100%; text-align: left; font-weight: normal; border: 0px; }

#stat span.einf {display: block; font-size: 95%;
   position: absolute; top: 10px; left: 100%; width: 285%;
   margin-left: 15px; z-index: 100;
   color: #4C5379; background: transparent; text-align: left; font-weight: normal; }
	


#footer { margin: 0px auto; padding: 10px 5px; height: auto; width: 80%; text-align: left; font-size: 12px; color: #fff; }
#footer a { font-size: 12px; color: #fff; }
#footer a:hover { color: #68688A; }




form { text-align: left; background: transparent; padding: 5px 20px 5px 25px; width: auto; font-size: 90%; }
.nachricht { border: 1px solid #A8B3C1; width: 100%; margin: 0 0 5px 0; background: #FFFFFF; color: #64748E; display: block; }
.name { width: 50%; border: 1px solid #A8B3C1; vertical-align: middle; margin-bottom: 2px; color: #666666; background: #ffffff; display: block; }
.adresse { width: 50%; border: 1px solid #A8B3C1; vertical-align: middle; margin-bottom: 2px; color: #666666; background: #FFFFFF; display: block; }
.button { display: inline; width: auto; height: 1.6em; font-weight: bold; line-height: 1em; text-transform: uppercase; background-color: transparent; color: #A8B3C1; padding: 0px 10px; letter-spacing: 0.2em; border: 1px solid #A8B3C1; }
.button:hover { color: #ffffff; width: auto; border: 1px solid #13CED0; background: #13CED0; }
html + body form {width: 90%; }