html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}

html {
height: 100%;
width: 100%;
background-image: url(../grafix/back01.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #fff;
font-family: Verdana, Arial, sans-serief;
font-size: 10px;
font-weight: 200;
color: #000;
}

img {
border: 0;
}

body {
position: relative;
margin-left: auto;
margin-right: auto;
/*position: absolute;
margin-left: 1%;
margin-top: 1%;*/
width: 98%;
height: auto;
}

#header {
position: relative;
margin-top: 0em;
margin-left: 0em;
width: 100em;
height: 15.9em;
background-image: url(../grafix/header2.png);
background-repeat: no-repeat;
}

#header a {
text-decoration: none;
}

address {
visibility:hidden;
height: 0em;
}

/* Navigation */

#navi {
position: absolute;
margin-top: -7em;
margin-left: 2em;
height: 17.9em;
width: 145px;
background-image: url(../grafix/navi.gif);
background-repeat: no-repeat;
}

#navi2 {
position: absolute;
margin-top: -7em;
margin-left: 2em;
height: 17.9em;
width: 145px;
background-image: url(../grafix/navi.gif);
background-repeat: no-repeat;
}

#navi3 {
position: absolute;
margin-top: -7em;
margin-left: 2em;
height: 17.9em;
width: 145px;
background-image: url(../grafix/navi.gif);
background-repeat: no-repeat;
}

ul a {
 }

ul a:hover {
 color: #cc33cc;
}

ul a:visited {
 color: #555;
}

ul {
padding-left: 1.8em;
padding-top: 1.5em;
line-height: 1.9em;
}

li {
font-size: 1.4em;
list-style-type: none;
}
 
/* Inhalt */

.bread {
position: relative;
margin-left: 25em;
margin-top: 5em;
font-size: 1em;
}

#center {
position: relative;
margin-top: -2em;
margin-left: 18.5em;
background-image: url(../grafix/center1.gif);
background-repeat: no-repeat;
height: 39em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: left;
padding-top: 2.5em;
padding-left: 2.5em;
}

#centerS {
position: relative;
margin-top: 1em;
margin-left: 18.5em;
background-image: url(../grafix/center1.gif);
background-repeat: no-repeat;
height: 39em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: left;
padding-top: 1em;
padding-left: 2.5em;
}

#centerS2 {
position: relative;
margin-top: -9em;
margin-left: 18.5em;
background-image: url(../grafix/center1.gif);
background-repeat: no-repeat;
height: 39em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: left;
padding-top: 1em;
padding-left: 2.5em;
}

#centerS3 {
position: relative;
margin-top: 31em;
margin-left: 18.5em;
background-image: url(../grafix/center1.gif);
background-repeat: no-repeat;
height: 39em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: right;
padding-top: 1em;
padding-right: 2.5em;
}

#centerS ul {
width: 50em;
margin-left: -1.6em;
}

#centerS li {
font-size: 1em;
line-height: 1.4em;
text-align: left;
}

#centerG {
position: relative;
margin-top: 1em;
margin-left: 18.5em;
background-image: url(../grafix/center1.gif);
background-repeat: no-repeat;
height: 39em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: left;
padding-top: 1em;
padding-left: 4.5em;
}

#centerM {
position: relative;
margin-top: 1em;
margin-left: 18.5em;
background-image: url(../grafix/center5.gif);
background-repeat: no-repeat;
height: 50em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: left;
padding-top: 1em;
padding-left: 2.5em;
}

#centerL {
position: relative;
margin-top: 1em;
margin-left: 18.5em;
background-image: url(../grafix/center3.gif);
background-repeat: no-repeat;
height: 65em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: left;
padding-top: 1em;
padding-left: 2.5em;
}

#centerL ul {
margin-left: -1.6em;
width: 50em;
}

#centerL li {
font-size: 1em;
line-height: 1.5em;
text-align: left;
}

#centerXL {
position: relative;
margin-top: 1em;
margin-left: 18.5em;
background-image: url(../grafix/center4.gif);
background-repeat: no-repeat;
height: 39em;
width: 55em;
font-size: 1.2em;
line-height: 1.3em;
text-align: left;
padding-top: 1em;
padding-left: 2.5em;
}

p {
margin-top: 1em;
width: 50em;
}

h1 {
font-size: 1.5em;
line-height: 1.5em;
color: #777;
}

h5 {
position: relative;
margin-left: 1.7em;
margin-top: 0.05em;
font-size: 10em;
color: #777;
z-index: 3;
}

h6 {
font-size: 1.2em;
line-height: 1.5em;
color: #777;
}

#picture1 {
position: relative;
margin-left: 25em;
margin-top: -25em;
background-image: url(../grafix/002.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 5;
}

#picture1b {
position: relative;
margin-left: 42em;
margin-top: -19.5em;
background-image: url(../grafix/010.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 5;
}

#picture1c {
position: relative;
margin-left: 59em;
margin-top: -13.5em;
background-image: url(../grafix/013.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 5;
}

#picture1d {
position: relative;
margin-left: 76em;
margin-top: -19.5em;
background-image: url(../grafix/012.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 5;
}

#picture2 {
position: relative;
margin-left: 70em;
margin-top: -25em;
background-image: url(../grafix/007.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 5;
}

#picture3 {
position: relative;
margin-left: 53em;
margin-top: -15em;
background-image: url(../grafix/011.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 6;
}

#picture4 {
position: relative;
margin-left: 70em;
margin-top: -13em;
background-image: url(../grafix/005.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 5;
}

#picture5 {
position: relative;
margin-left: 53em;
margin-top: -20em;
background-image: url(../grafix/004.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 6;
}

#picture6 {
position: relative;
margin-left: 70em;
margin-top: -22em;
background-image: url(../grafix/006.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 6;
}

#picture7 {
position: relative;
margin-left: 53em;
margin-top: -15em;
background-image: url(../grafix/003.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 6;
}

#picture8 {
position: relative;
margin-left: 65em;
margin-top: -10em;
background-image: url(../grafix/012.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 6;
}

#picture9 {
position: relative;
margin-left: 65em;
margin-top: -15em;
background-image: url(../grafix/ich.png);
background-repeat: no-repeat;
width: 18em;
height: 17.5em;
z-index: 6;
}

/* galerie */

#referenzen {
	position: absolute;
	margin-top: 0em;
	margin-left: 15em;
	width: 76em;
	height: auto;
}

a.box1 { 
    position: absolute;
    margin-left: 0em;
    margin-top: -2em;
    z-index:9; 
} 

a.box1:hover {
	z-index: 9; 
	background-color: none} 

a.box1 span {
	display: none; 
}

a.box1:hover span{ 
    display: block; 
    position: relative; 
    margin-top: -15em; 
    margin-left: 36em; 
    width: 450px;
    height: 300px;
    background-image: url(../grafix/mcc.jpg);
    z-index: 999; 
}

a.box2 { 
    position: absolute;
    margin-left: 0em;
    margin-top: 15em;
    z-index: 9; 
} 

a.box2: hover {
	z-index: 9; 
	background-color: none
} 

a.box2 span{
	display: none; 
}

a.box2:hover span { 
    display: block; 
    position: absolute; 
    margin-top: -32em; 
    margin-left: 36em; 
    width: 450px;
    height: 300px;
    background-image: url(../grafix/dendritic.jpg);
    z-index: 999;  
}

a.box3 { 
    position: absolute;
    margin-left: 0em;
    margin-top: 33em;
    z-index: 9; 
} 

a.box3:hover {
	z-index: 9; 
	background-color: none
} 

a.box3 span {
	display: none; 
}

a.box3:hover span{ 
    display: block; 
    position: absolute; 
    margin-top: -50em; 
    margin-left: 36em; 
    width: 450px;
    height: 300px; 
    background-image: url(../grafix/chritto.jpg); 
    z-index: 999;
}

a.box4 { 
    position: absolute;
    margin-top: 50em;
    z-index: 9; 
} 

a.box4:hover {
	z-index:2; 
	background-color: none} 

a.box4 span {
	display: none; 
}

a.box4:hover span { 
    display: block; 
    position: absolute; 
    margin-top: -67em; 
    margin-left: 36em; 
    width: 450px;
    height: 300px; 
    background-image: url(../grafix/immoplus.jpg); 
}

a.box5 { 
    position: absolute;
    margin-left: 18em;
    margin-top: 0em;
    z-index: 9; 
} 

a.box5:hover {
	z-index: 9; 
	background-color: none} 

a.box5 span {
	display: none; 
}

a.box5:hover span { 
    display: block; 
    position: absolute; 
    margin-top: -17em; 
    margin-left: 18em; 
    width: 450px;
    height: 300px; 
    background-image: url(../grafix/memorium.jpg); 
}


a.box6 { 
    position: absolute;
    margin-left: 18em;
    margin-top: 17em;
    z-index: 9; 
} 

a.box6: hover {
	z-index: 9; 
	background-color: none
} 

a.box6 span{
	display: none; 
}

a.box6:hover span{ 
    display: block; 
    position: absolute; 
    margin-top: -34em; 
    margin-left: 18em; 
    width: 450px;
    height: 300px; 
    background-image: url(../grafix/yuyumo.jpg); 
}

a.box7 { 
    position: absolute;
    margin-left: 18em;
    margin-top: 35em;
    z-index: 9; 
} 

a.box7:hover{
	z-index: 9; 
	background-color: none
} 

a.box7 span {
	display: none; 
}

a.box7:hover span{ 
    display: block; 
    position: absolute; 
    margin-top: -52em; 
    margin-left: 18em; 
    width: 450px;
    height: 300px; 
    background-image: url(../grafix/saenger.jpg); 
}

a.box8 { 
    position: absolute;
    margin-left: 18em;
    margin-top: 52em;
    z-index: 9; 
} 

a.box8:hover {
	z-index: 9; 
	background-color: none
	} 

a.box8 span {
	display: none; 
}

a.box8:hover span{ 
    display: block; 
    position: absolute; 
    margin-top: -69em; 
    margin-left: 18em; 
    width: 450px;
    height: 300px; 
    background-image: url(../grafix/kundenmagazine.jpg); 
    z-index:999; 
}

/* footer*/

.footer {
height: 10em;
width: 98%;
margin-top: 3em;
font-size: 0.9em;
}

.footer a {
font-size: 1em;
}