/*ALLGEMEIN*/
body   { font-size: 11px; font-family: arial, verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background: white; margin: 0; padding: 0; scrollbar-base-color:#FFFF33;
scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #a4988a;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #ffffff;
 scrollbar-shadow-color: #a4988a;
 scrollbar-track-color: #a4988a;}
img { margin: 0; padding: 0; border-width: 0 }
h1 { color: gray; font-size: 12px; font-weight: normal; margin: 15px 0 0 }
h2 { color: #ad170f; font-size: 11px; font-weight: normal; margin: 0; padding: 0 }
h3   { color: white; font-size: 12px; font-weight: bold; margin: 0; padding: 10px 0 0 13px; height: 20px }
h4 { color: #ad170f; font-size: 12px; font-weight: bold; margin: 30px 0 0 }
h5  { color: white; font-size: 11px; font-weight: bold; margin: 0; padding: 10px 0 0 0px; height: 20px }
h6   { color: black; font-size: 11px; font-weight: normal; text-align: right; margin: 30px 0 0; padding-left: 13px; width: 450px }
p { font-size: 11px; margin: 3px 0 0; padding: 0 }
a { color: #222; text-decoration: none; margin: 0; padding: 0 }
/*BOXEN*/
div#main_box            { background-color: white; margin: -288px 0 0 -490px; padding: 0; position: absolute; z-index: 0; top: 52%; left: 50%; width: 1042px }
div#content_box                 { font-size: 11px; background-color: #a4988a; margin: 0; padding: 0; position: relative; z-index: 100; width: 480px; height: 461px; float: left }
div#content_box_intro { font-size: 11px; background-color: white; margin: 0; padding: 0; position: relative; z-index: 100; width: 480px; height: 461px; float: left }
div#mitte     { font-size: 11px; margin: 0; padding: 0; z-index: 0; width: 480px; float: left }
div#mitte_anima { font-size: 11px; margin: 0; padding: 0; position: relative; z-index: 0; top: -70px; float: left }
div.transparent   { background-image: url(images/1ptrans.gif); background-position: 200px 0; visibility: visible; position: absolute; top: 0; left: 0; width: 480px; height: 325px }
.transparent  { background-repeat: no-repeat }
div#content_bilder          { width: 480px; height: 325px }
div#content_mitarbeiter          {background-color: navy; width: 480px; height: 325px; display: block; }
div#content_bilderneu { text-align: right; width: 480px; height: 325px }
div#content_bild { width: 480px; height: 325px }
div#content_anima            { text-align: center; position: relative; z-index: 0; width: 480px; height: 480px; float: left }
div#anima { background-color: navy; position: relative; z-index: 1; width: 480px; height: 500px; float: left }
div#flashcontent { text-align: center; z-index: 0; width: 480px; float: left }
div#content_intro          { text-align: center; position: relative; z-index: 0; top: 330px; width: 480px; height: 325px; float: left }
div#content_start    { text-align: center; position: relative; z-index: 0; top: 330px; width: 480px; height: 325px; float: left }
#profil                 { color: white; z-index: 50; width: 450px; float: left }
.abschnitt  { padding-left: 110px }
td.jahr { width: 60px; vertical-align: top }
div#content_texte              { color: white; line-height: 15px; padding-left: 13px; z-index: 0; width: 465px; float: left }
div#content_texte4 { color: white; line-height: 15px; padding-left: 13px; z-index: 0; width: 400px; float: left }
div#content_texte3 { color: white; line-height: 15px; padding-left: 13px; z-index: 0; width: 460px; float: left }
div#content_texte2 { color: white; line-height: 15px; padding-left: 13px; z-index: 0; width: 465px; float: left }
div#content_projekte  { color: white; line-height: 15px; position: relative; z-index: 0; width: 480px; height: 136px; float: left; overflow: auto }
div#content_kontakt   { color: white; line-height: 15px; padding-left: 13px; position: relative; z-index: 0; width: 467px; float: left }
div#content_scroll     { color: white; background-color: #a4988a;line-height: 15px; text-align: justify; padding-left: 13px; position: relative; z-index: 100; width: 467px; height: 461px; float: left; overflow: auto }
div#content_scroll1 { color: white; line-height: 15px; background-color: #a4988a; padding-left: 13px; position: relative; z-index: 100; width: 467px; height: 461px; float: left }
div#content_scroll1 p { width: 400px }
div#content_scroll table       { width: 420px }
div#content_projekte p { color: white; padding-left: 13px }
div#buttons       { text-align: right; position: relative; z-index: 2; top: 6px; right: 7px; float: right }
div#fuss   { text-align: right; padding-top: 3px; padding-bottom: 1px; padding-left: 1px; position: relative; width: 480px; height: 30px; float: left }
div#content_texte1  { line-height: 20px; position: relative; z-index: 0; top: 40px; left: 49px; width: 480px; height: 100px; float: left }
div#content_index      {color: #fff; line-height: 20px; padding-left: 13px; z-index: 0; float: left }

div#content_index  h3   {background-color: red;  color: white; font-size: 12px; font-weight: bold; margin: 0; padding: 0;  width: 380px; height: 20px; position: absolute; top: 320px;
left: 0; }

div#content_index_rechts { color: #fff; line-height: 20px; padding-left: 13px; z-index: 0; float: left }
div#content_logo       { margin: 0; padding: 0 0 0 38px; position: relative; top: 313px; height: 20px; float: left }
.bildaktiv { margin: 0 0 0 3px; padding: 0; border: solid 2px #ad170f }
.weiss { background-color: white; margin: 0 0 0 3px; padding: 0; border: solid 2px #fff }
#start { font-size: 11px; margin-top: 70px; left: 61px }
/*MENUE*/
dl, dt, dd, ul, li  { list-style-type: none; margin: 0; padding: 0 }
div#menu                            { font-size: 10px; text-transform: capitalize; margin: 0; padding: 0; position: relative; z-index: 0; top: 313px; width: 240px; height: 20px; float: left }
#menu dd { }
#menu li { background-image: none; background-position: 0 0; width: 150px; height: 21px }
#menu dt { color: #000; font-size: 11px; text-decoration: none; display: block; height: 100%; border: 0 }
div#menu li a, #menu dt a { color: #000; font-size: 11px; text-decoration: none; display: block; height: 100%; border: 0 }
div#menu li a:hover, #menu dt a:hover { color: #ad170f; font-size: 11px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
#smenu1 ul        { background-color: white; padding-left: 30px; position: absolute; z-index: 20; top: -273px; left: 50px; width: 240px }
#smenu2 ul                 { background-color: white; margin: 0; padding: 0 0 0 10px; position: absolute; z-index: 10; top: -273px; left: -10px; width: 190px }
#smenu2a ul           { background-color: white; margin: 0; padding: 0 0 0 10px; position: absolute; z-index: 0; top: -273px; left: -10px }
#smenu3 ul                 { background-color: white; display: block; margin: 0; padding: 0 0 0 80px; position: absolute; z-index: 5; top: -273px; left: -80px; width: 300px }
#smenu3 li  { width: 100px; height: 21px }
#smenu3a ul           { background-color: white; position: absolute; z-index: 6; top: -273px; width: 150px }

#smenu4 ul          { background-color: white; padding-left: 166px; position: absolute; z-index: 6; top: -273px; left: 0; width: 300px }
#smenu4a ul         { background-color: white; position: absolute; z-index: -1; top: -273px; left: 166px }
#menu dl    { margin: 0 0; float: left }
#menu dt          { font-size: 11px; background-image: none; background-position: 0 0; text-align: left; cursor: pointer }
a.link:link, a.link:visited         { color: #fff; text-decoration: none }
a.link:active, a.link:hover  { color: #ad170f; text-decoration: none }
a.linkfuss:link, a.linkfuss:visited { color: #a4988a; text-decoration: none }
a.linkfuss:active, a.linkfuss:hover { color: #ad170f; text-decoration: none }
a.linkfuss1:link, a.linkfuss1:visited  { color: #ad170f; font-weight: bold; text-decoration: none }
a.linkfuss1:active, a.linkfuss1:hover  { color: #000; font-weight: bold; text-decoration: none }
a.linkmore:link, a.linkmore:visited         { color: #ad170f; text-decoration: none }
a.linkmore:active, a.linkmore:hover  { color: #ad170f; text-decoration: none }

div#menu li.aktiv  a { color: #ad170f; font-size: 11px; text-decoration: none; display: block; height: 100%; border: 0; font-weight: bold; }
div#menu li.aktiv  a:hover { color: #ad170f; font-size: 11px; font-weight: bold;  }

#eins     { border: solid 2px #fff }
#zwei     { border: solid 2px #fff }
#drei     { border: solid 2px #fff }
#vier     { border: solid 2px #fff }
#fuenf    { border: solid 2px #fff }
#sechs    { border: solid 2px #fff }
#sieben   { border: solid 2px #fff }
#acht     { border: solid 2px #fff }
#neun     { border: solid 2px #fff }
#zehn     { border: solid 2px #fff }
#elf      { border: solid 2px #fff }
#zwoelf   { border: solid 2px #fff }


a.bildlink {margin-top: 27px; margin-left: 29px; width: 96px; height: 64px; float: left;  }
a.bildlink img {width: 96px; height: 64px}
* html a.bildlink  {margin-top: 25px; margin-left: 27px; width: 120px; height: 80px; float: left;  }


#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
dl#m1      { margin: 0; padding: 0; position: relative; width: 29px; float: left }
dl#m11 { margin: 0; padding: 0; position: relative; z-index: 20; width: 29px; float: left }
dl#m2         { position: relative; width: 43px; float: left }
dl#m22 { position: relative; z-index: 10; width: 43px; float: left }
dl#m3      { position: relative; width: 27px; float: left }

dl#m4     { position: relative; float: left }
dl#trenn     { font-size: 11px; text-align: center; position: relative; width: 22px; float: left }

/*Mitarbeiter*/
.bildlink1  {background-color: #ad170f;  position: absolute; top: 15px; left: 19px; width: 81px; height: 77px }
.bildlink1 img { width: 80px; height: 55px}
.bildlink1 a  { background-image: none; margin: 0; padding: 0 }

a.tooltip1_1,
a.tooltip1_1:link,
a.tooltip1_1:visited,
a.tooltip1_1:active {
position: absolute; 
top: 15px;
left: 19px;
width: 81px; height: 77px;
position: absolut;
text-decoration: none;
}

.tooltip1_1 img {top: 15px; left: 19px; width: 80px; height: 55px}

a.tooltip1_1:hover {
background: transparent;
z-index: 100;
}

a.tooltip1_1 span {
display: none;
text-decoration: none;
}

a.tooltip1_1:hover span {
display: block;
position: absolute;
top: 355px;
left: -3px;
width: 300px;
z-index: 100;
color: #ffffff;
}

a.tooltip1_2,
a.tooltip1_2:link,
a.tooltip1_2:visited,
a.tooltip1_2:active {

position: absolute; 
top: 15px;
left: 109px;
width: 81px; height: 77px;
position: absolut;
text-decoration: none;
}

.tooltip1_2 img {top: 15px; left: 19px; width: 80px; height: 55px}

a.tooltip1_2:hover {
background: transparent;
z-index: 100;
}

a.tooltip1_2 span {
display: none;
text-decoration: none;
}

a.tooltip1_2:hover span {
display: block;
position: absolute;
top: 355px;
left: -92px;
width: 300px;
z-index: 100;
color: #ffffff;
}

a.tooltip1_3,
a.tooltip1_3:link,
a.tooltip1_3:visited,
a.tooltip1_3:active {

position: absolute; 
top: 15px;
left: 199px;
width: 81px; height: 77px;
position: absolut;
text-decoration: none;
}

.tooltip1_3 img {top: 15px; left: 19px; width: 80px; height: 55px}

a.tooltip1_3:hover {
background: transparent;
z-index: 100;
}

a.tooltip1_3 span {
display: none;
text-decoration: none;
}

a.tooltip1_3:hover span {
display: block;
position: absolute;
top: 355px;
left: -183px;
width: 300px;
z-index: 100;
color: #ffffff;
}