* {
margin: 0; padding: 0;
}

body {
margin: 0 auto;
text-align: center;
font-size: 100.01%;
font-family: Arial, Helvetica, sans-serif;
color: #001b64;
background: url(../images/punkt.png);
line-height: 1.2em;
}

#center {
position: relative;
margin: 10px auto;
text-align: left;
width: 59em;
height: auto;
}

#content {
position: absolute; 
top: 8.375em; 
left: 0;
background-color: #f4f2ff;
width: 59em; 
height: auto;
}

#alleInhalte {
position: relative;
left: 0;
top: 0;
padding-left: 2em;
}

div#breadcrumb {
position: relative; 
left: 0; 
top: 2.4em; 
font-size: .7em; 
height: 1em;
} 

img#buero {
z-index: 1; 
float: right;
margin: 3em 0 1.2em 0; 
width: 26.875em; 
height: 20.125em;
}
img#leitung {
z-index: 1; 
float: right;
margin: 3em 0 1.8em 0;
padding-bottom: 3em; 
width: 26.875em; 
height: 20.125em;
}

#text {
position: absolute;
top: 3.6em;
width: 28em; 
height: auto; 
margin: 0 0 3em 0;
}
#text2 {
position: relative;
top: 3.6em;
width: 34em; 
height: auto; 
margin: 0 0 3em 0 !important;
}
#text3 {
position: relative;
top: 3.6em;
width: 56em; 
height: auto; 
margin: 0 0 5em 0; 
}

#beispielbilder {
position: relative;
top: 4.3em;
left: 0em;
width: 55em; 
padding: 2em;
height: auto;
background-color: #ededed; 
border: 1px solid black;
z-index: 1000;
}

#kasten {
position: relative;
margin: .1em 0 3em 0; 
padding: 1em 0 0 0;
width: 56em;
height: auto;
z-index: 20;
border-top: 1px solid #001b64;
} 

#linkerkasten {
position: relative;
margin: 0 0 2em 0;
padding: 0 0 2em 0;
width: 23em;
}

#rechterkasten {
float: right;
margin: 0 0em 1em 0em;
width: 29.437em;
height: auto;
}

#referenzprojektinfos {
position: relative;
margin-bottom: 2em; 
padding-bottom: 1em;
}

#footer {
position: absolute; 
bottom: 0 !important;
bottom: -1em;
left: 0;
z-index: 10;
width: 59em; 
height: 5px; 
background: url(../images/footer.png) repeat-x;
}





#bsp_bilder_schoepfurth {
font-size: 100%;
background-color: #f4f2ff; 
color: #001b64;
width: 58em; height: 36em !important; height: 39em;
}
#bsp_bilder_heegermuehle {
font-size: 100%;
background-color: #f4f2ff; 
color: #001b64;
width: 58em; height: 40em !important; height: 43em;
}
#bsp_bilder_fuerstenberg {
font-size: 100%;
background-color: #f4f2ff; 
color: #001b64;
width: 58em; height: 34em;
}
#bsp_bilder_templin {
font-size: 100%;
background-color: #f4f2ff; 
color: #001b64;
width: 58em; height: 34em;
}

#bsp {
position: absolute;
left: 0em; top: 0em;
width: 56em; height: auto;
} 

#images {
margin: 4em 0 2em 3.8em;
font-size: .8em;
}









/* ab hier: die Referenzen-Tabelle auf der Referenzen-Startseite  */ 
table#referenzprojekte {
width: 95%; height: 100%;
margin: 0 0 4em 1em;
}
table#referenzprojekte td {
padding: .4em;
}
table#referenzprojekte a:link img,
table#referenzprojekte a:visited img {
border: 1px solid #f4f2ff;
}
table#referenzprojekte a:hover img {
border: 1px solid #001b64;
}
table#referenzprojekte img {
border: 0;
}


/* ab hier: die Referenzen-Tabellen / die einzelnen Projekte  */ 
#referenzprojektinfos table {
font-size: .8em; 
width: 36.8em; 
height: auto;
margin: 1em 0 1em 0;
}
#referenzprojektinfos table td,
#referenzprojektinfos table th {
border: 1px solid gray;
padding: .3em .9em .3em .8em;
vertical-align: top;
}



 
/* ab hier: die Referenzen-Tabellen / Taetigkeitsfelder  */ 
table.referenzen {
position: relative;
font-size: .8em; 
width: 65em; 
height: auto;
margin: 1em 0 2em 0;
}
table.referenzen td,
table.referenzen th {
border: 1px solid gray;
padding: .3em .9em .3em .8em;
vertical-align: top;
}






/* ab hier:
die Tabelle auf der Seite leitung.php
 */ 
table.leitung {
position: relative;
font-size: .8em; width: 35em; height: auto;
margin-bottom: 1.2em;
}
table.leitung th {
margin: 0; padding: 0;
}
table.leitung td {
border: 0px solid gray;
}
table.leitung td.kleiner {
font-size: 90%;
}
 
 
 


 





/* ab hier:
Schriftformatierungen
 */ 
h1.header { 
color: #304698; 
font-size: 1em; 
} 

h1.text_header { 
color: #304698; 
font-size: .9em; 
margin: 0 0 1em 0;
} 
h1.subheader { 
color: #001b64; 
font-size: .8em; 
margin: .8em 0 .1em 0;
}

/* h1.subheader { 
font-size: 80%; 
font-weight: normal; 
margin: 0 0 .5em 0;
} */

h2 { 
font-size: 80%; 
margin: 1.5em 0 0 0; 
}
h3 { 
font-size: 80%; 
margin: 0 ; 
text-align: left; 
}

p {
font-size: 80%; 
line-height: 1.2em; 
margin: 0 0 .5em 0;
}


a:link.float, a:visited.float {
font-size: 80%; 
float: right;
margin: 2.5em 0 0 0; 
color: #304698; 
font-weight: bold;
text-decoration: none;
}
a:hover.bsp, a:hover.float { 
text-decoration: underline; 
}

span { 
color: #9EB5E3; 
}

a.bsp {
display: block; 
width: 59em; 
text-align: center; 
font-weight: bold; 
text-decoration: none;
}
a:hover.bsp { 
text-decoration: underline; 
}


a:link.bold, a:visited.bold {
font-weight: bold; 
text-decoration: none; 
color: #888125; 
font-size: 80%;
line-height: 2em;
}
a:hover.bold { 
text-decoration: underline; 
color: #132725; 
}

quote {
font-size: 80%;
font-weight: bold;
}
address {
font-size: 80%;
font-style: bold;
float: right;
margin: -1.0em 1.2em;
}

.bullett {
font-weight: bold;
margin: 0 .5em;
color: #001b64;
}

/* ab hier:

Listenformatierung


 */
.float_right {
float: right;
} 

ul.text {
list-style: square;
list-style-type: inside;
margin: 0 0 0 1em; padding: .1em; 
font-size: 80%;
}
 
#rechterkasten ul li, 
#linkerkasten ul li,
#rechterkasten_schmal ul li, 
#linkerkasten_breit ul li  {
list-style: square;
list-style-type: inside;
margin: 0 0 0 1.4em; padding: 0 0 0 2.5em; 
font-size: 80%;
} 

ul {
margin: 1em 0 0 0;
}






/* ab hier:

Bilderformatierung


 */
 
img.headerpic {
position: absolute; top: 0; left: 0;
width: 59em; height: 8.37em;
} 

img.referenzbild {
width: 285px; height: 212px; 
}

table#referenzprojekte img {
width: 9.31em; height: 9.31em;
}

img.profil {
width: 22.12em; height: 10.18em; 
margin-bottom: 1em;
}

#footer img {
width: 59em; height: .31em;
}



/* ab hier:

Referenzenbilder-Formatierung

 */

img.heeger { 
position: relative;
top: 0;
width: 29.5em; height: 17.75em; 
}








/* ab hier:

Hauptnavigation


 */
 
#menu {
position: absolute; 
top: .6em; 
right: .6em; 
font-size: .8em;
} 
#menu a:link, #menu a:visited {
color: #001b64; 
display: block;
}
#menu, #menu ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1.2em;
height: 2em;
z-index: 1000;
float: left;
}
#menu a {
display: block;
width: auto;
margin: 0 0 0 1em; 
text-decoration: none; 
}
#menu a:hover { 
text-decoration: underline; 
}

#menu ul.menu li { /* all list items */
float: left;
width: auto; 
display: block;
margin: 0 0 0 1em;/* width needed or else Opera goes nuts */
}
#menu li ul { /* second-level lists */
position: absolute;
border: 1px dotted black;
background-color: #f4f2ff;
width: 10em;
height: auto; 
display: block;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menu li:hover ul a { /* lists nested under hovered list items */
left: auto;
font-size: 100%;
line-height: 1.6em;
/* width: 16em; */
display: block;
}
#menu li:hover ul a:active { /* lists nested under hovered list items */
font-weight: bold;
}
#menu li ul ul {
margin: -1.4em 0 0 10.2em; 
width: auto;
font-size: 90%;
z-index: 900;
}
#menu li:hover ul ul {
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul {
left: auto;
}
div#menu ul.buero li:hover ul {
width: 11em;
padding: .3em 0;
}
div#menu ul.ref li:hover ul {
width: 18em;
padding: .3em 0;
} 
div#menu ul.ref li:hover ul a {
margin-right: 3em;
} 
div#menu ul.taetig li:hover ul {
width: 17em; 
padding: .3em 0;
}   
div.home, div.buero, div.taetig, div.referenzen, div.download { 
width: auto !important; 
width: 2em; 
float: left; 
}  
div.imprint { 
width: auto !important; 
width: 11em; 
float: left; 
}
div.imprintaktiv { 
width: auto !important; 
width: 11em; 
float: left; 
} 
a.aktiv { 
font-weight: bold; 
} 



/* ab hier:

breadcrumb-Formatierung

 */

div#breadcrumb a { 
text-decoration: none; margin: 0 1em 0 0; color: #001b64; 
}
div#breadcrumb a:hover { text-decoration: underline; }

.brcr { 
font-weight: bold; color: #001b64; margin-right: 1em; text-align: left; 
}

img.arrow {
width: .8em;
height: .8em;
border: 0;
margin-right: .2em;
}






/* ab hier:

Diverses


 */
 
hr {
margin: 1em 0 1em 3em; width: 54em;
color: #001b64;
background-color: #001b64;
height: .05em;
border: 0;
}  


#backbutton {
float: left;
clear: both;
margin: 1em 2em;
}
#backbutton a {
font-size: 90%;
text-decoration: none;
color: #001b64;
}
#backbutton a:hover {
text-decoration: underline;
}