html, body {
font-family:Arial;
font-size:16px;
height: 100%;
width: 100%;
overflow:hidden;
background: url(Bilder/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

#wrapper {
width: 100%;
height: 100%;
position:relative;
overflow:auto;
}

#wrapper2 {
width: 930px;
height: 900px;
position:relative;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

#header {
overflow: auto;
display: block;
position:absolute;
left:65px;
top:5px;
}

#content {
overflow: hidden;
width: 930px; 
height: 630px;
display: block;
position:absolute;
background-color:#E5097F;
top:130px;
box-sizing: border-box;
padding-left:0px;
padding-right:0px;
padding-top:0px;
border-width:3px;
border-style:solid;
border-color:#E5097F;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
text-align:justify;
}

#navili {
display:inline;
list-style-type: none;
text-align:justify;
float:left;
}

#navili1 {
display:inline;
list-style-type: none;
text-align:justify;
}

#anavi {
font-size:16px;
float:left;
text-align:center;
width:95px;
color:white;
text-decoration:none;
background-color:#E5097F;
border-color:#E5097F;
border-style:solid;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
margin-right:46px;
top:-15px;
position: relative;
padding-top:5px;
padding-bottom:5px;
}


#anavi:hover {
font-size:16px;
color:black;
text-decoration:none; 
background-color:white;
border-color:white;
border-style:solid;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
text-align:center;
float:left;
width:95px;
position: relative;
top:-15px;
margin-right:46px;
padding-top:5px;
padding-bottom:5px;
}

#content2 {
overflow-y: hidden;
width: 924px; 
height: 594px;
background-color:white;
position:absolute;
top:39px;
}

#anavi1 {
font-size:16px;
float:left;
text-align:center;
width:115px;
color:white;
text-decoration:none;
margin-right:32px;
top:-9px;
left:-6px;
position: relative;
}

#anavi1:hover {
font-size:16px;
color:black;
text-decoration:none; 
text-align:center;
float:left;
width:115px;
position: relative;
top:-9px;
margin-right:32px;
}

#aktiv1 {
font-size:16px;
color:black;
text-decoration:none; 
text-align:center;
float:left;
width:115px;
position: relative;
top:-9px;
margin-right:32px;
left:-6px;

}

#aktiv{
font-size:16px;
color:black;
text-decoration:none; 
text-align:center;
background-color:white;
border-color:white;
border-style:solid;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
text-align:center;
float:left;
width:95px;
position: relative;
top:-15px;
margin-right:46px;
padding-top:5px;
padding-bottom:5px;
}

#unternavi {
background-color:grey;
height:30px;
position:absolute;
top:39px;
width:930px;
z-index:3;
}

#contentbild {
width:301px;
height:226px;
position:absolute;
left:16px;
top:15px;
}

#contentgestaltung {
width:301px;
height:226px;
position:absolute;
left:16px;
top:43px;
font-size:15px;
text-align:left;
}


#contenttext {
width:520px;
height:530px;
position:absolute;
top:43px;
left:344px;
font-size:15px;

}

#contentstart {
height:250px;
width:549px;
position:absolute;
top:215px;
left:-7px;
float:left;
}

#ct {
text-align:center;
float:left;
margin-right:3px;
color:#E5097F;
text-decoration:none; 
padding-top:20px;
}

#hass {
font-size:13px;
position:absolute;
left:160px;
}

.galerie{
font-size:1em;
margin-left:0px;
width:476px;
margin-top:7px;
padding-left:0;

}

/* Container mit allen Links (mit Thumbnails und Spans) */
div.imglinks{
width:97px;
float:left;
}
div.imglinks2{
width:97px;
}


/* Links */
div.imglinks a{
padding:0;
margin:0;
}
div.imglinks2 a{
padding:0;
margin:0;
}


div.imglinks a:hover{
color: #411;
background: #ffffff;
padding:0;
margin:0;
}
div.imglinks2 a:hover{
color: #411;
background: #ffffff;
padding:0;
margin:0;
}


/* Thumbnails */
.imglinks a img{
width:130px;
height:90px;
padding:0px;
margin-bottom:15px;
float:left;
position:relative;
top:-7px;
}

.imglinks2 a img{
width:130px;
height:90px;
margin-bottom:15px;
position:relative;
top:-7px;
left:0px;
}

.imglinks3 a img{
width:130px;
height:90px;
margin-bottom:15px;
position:relative;
top:-217px;
left:145px;
}

.imglinks4 a img{
width:130px;
height:90px;
margin-bottom:15px;
position:relative;
top:-427px;
left:290px;
}

.imglinks5 a img{
width:130px;
height:90px;
margin-bottom:15px;
position:relative;
top:-637px;
left:435px;
}

/* span in den Links */
div.imglinks a span {
display: none;
width: 400px;
height:299px;
}

div.imglinks2 a span {
display: none;
width: 400px;
height:299px;
}


div.imglinks a:hover span{
display: block;
position: absolute;
width: 400px;
height:299px;
z-index: 100;
top:0px;
left:145px;
/* Aussehen der box */
float:right;
/* Position des Hintergrunds */
background-repeat: no-repeat;
}

div.imglinks2 a:hover span{
display: block;
position: absolute;
width: 400px;
height:299px;
z-index: 100;
top:0px;
left:145px;
/* Aussehen der box */
float:right;
/* Position des Hintergrunds */
background-repeat: no-repeat;
}


/* in span des identifizierten Links ein Hintergrundbild laden Gestaltung*/
a#gs1:hover span{background-image:url(Bilder/Leistung/Gestaltung/1g.jpg);}
a#gs2:hover span{background-image:url(Bilder/Leistung/Gestaltung/2g.jpg);}
a#gs3:hover span{background-image:url(Bilder/Leistung/Gestaltung/3g.jpg);}
a#gs4:hover span{background-image:url(Bilder/Leistung/Gestaltung/4g.jpg);}
a#gs5:hover span{background-image:url(Bilder/Leistung/Gestaltung/5g.jpg);}
a#gs6:hover span{background-image:url(Bilder/Leistung/Gestaltung/6g.jpg);}
a#gs7:hover span{background-image:url(Bilder/Leistung/Gestaltung/7g.jpg);}
a#gs8:hover span{background-image:url(Bilder/Leistung/Gestaltung/8g.jpg);}
a#gs9:hover span{background-image:url(Bilder/Leistung/Gestaltung/9g.jpg);}
a#gs10:hover span{background-image:url(Bilder/Leistung/Gestaltung/10g.jpg);}
a#gs11:hover span{background-image:url(Bilder/Leistung/Gestaltung/11g.jpg);}

/* in span des identifizierten Links ein Hintergrundbild laden Beschriftung*/
a#bs1:hover span{background-image:url(Bilder/Leistung/Beschriftung/1g.jpg);}
a#bs2:hover span{background-image:url(Bilder/Leistung/Beschriftung/2g.jpg);}
a#bs3:hover span{background-image:url(Bilder/Leistung/Beschriftung/3g.jpg);}
a#bs4:hover span{background-image:url(Bilder/Leistung/Beschriftung/4g.jpg);}
a#bs5:hover span{background-image:url(Bilder/Leistung/Beschriftung/5g.jpg);}
a#bs6:hover span{background-image:url(Bilder/Leistung/Beschriftung/6g.jpg);}
a#bs7:hover span{background-image:url(Bilder/Leistung/Beschriftung/7g.jpg);}
a#bs8:hover span{background-image:url(Bilder/Leistung/Beschriftung/8g.jpg);}
a#bs9:hover span{background-image:url(Bilder/Leistung/Beschriftung/9g.jpg);}
a#bs10:hover span{background-image:url(Bilder/Leistung/Beschriftung/10g.jpg);}
a#bs11:hover span{background-image:url(Bilder/Leistung/Beschriftung/11g.jpg);}

/* in span des identifizierten Links ein Hintergrundbild laden Schild*/
a#s1:hover span{background-image:url(Bilder/Leistung/Schild/1g.jpg);}
a#s2:hover span{background-image:url(Bilder/Leistung/Schild/2g.jpg);}
a#s3:hover span{background-image:url(Bilder/Leistung/Schild/3g.jpg);}
a#s4:hover span{background-image:url(Bilder/Leistung/Schild/4g.jpg);}
a#s5:hover span{background-image:url(Bilder/Leistung/Schild/5g.jpg);}
a#s6:hover span{background-image:url(Bilder/Leistung/Schild/6g.jpg);}
a#s7:hover span{background-image:url(Bilder/Leistung/Schild/7g.jpg);}
a#s8:hover span{background-image:url(Bilder/Leistung/Schild/8g.jpg);}
a#s9:hover span{background-image:url(Bilder/Leistung/Schild/9g.jpg);}
a#s10:hover span{background-image:url(Bilder/Leistung/Schild/10g.jpg);}
a#s11:hover span{background-image:url(Bilder/Leistung/Schild/11g.jpg);}

/* in span des identifizierten Links ein Hintergrundbild laden Licht*/
a#l1:hover span{background-image:url(Bilder/Leistung/Gestaltung/1g.jpg);}
a#l2:hover span{background-image:url(Bilder/Leistung/Gestaltung/2g.jpg);}
a#l3:hover span{background-image:url(Bilder/Leistung/Gestaltung/3g.jpg);}
a#l4:hover span{background-image:url(Bilder/Leistung/Gestaltung/4g.jpg);}
a#l5:hover span{background-image:url(Bilder/Leistung/Gestaltung/5g.jpg);}
a#l6:hover span{background-image:url(Bilder/Leistung/Gestaltung/6g.jpg);}
a#l7:hover span{background-image:url(Bilder/Leistung/Gestaltung/7g.jpg);}
a#l8:hover span{background-image:url(Bilder/Leistung/Gestaltung/8g.jpg);}
a#l9:hover span{background-image:url(Bilder/Leistung/Gestaltung/9g.jpg);}
a#l10:hover span{background-image:url(Bilder/Leistung/Gestaltung/10g.jpg);}
a#l11:hover span{background-image:url(Bilder/Leistung/Gestaltung/11g.jpg);}

/* in span des identifizierten Links ein Hintergrundbild laden Messe*/
a#m1:hover span{background-image:url(Bilder/Leistung/Gestaltung/1g.jpg);}
a#m2:hover span{background-image:url(Bilder/Leistung/Gestaltung/2g.jpg);}
a#m3:hover span{background-image:url(Bilder/Leistung/Gestaltung/3g.jpg);}
a#m4:hover span{background-image:url(Bilder/Leistung/Gestaltung/4g.jpg);}
a#m5:hover span{background-image:url(Bilder/Leistung/Gestaltung/5g.jpg);}
a#m6:hover span{background-image:url(Bilder/Leistung/Gestaltung/6g.jpg);}
a#m7:hover span{background-image:url(Bilder/Leistung/Gestaltung/7g.jpg);}
a#m8:hover span{background-image:url(Bilder/Leistung/Gestaltung/8g.jpg);}
a#m9:hover span{background-image:url(Bilder/Leistung/Gestaltung/9g.jpg);}
a#m10:hover span{background-image:url(Bilder/Leistung/Gestaltung/10g.jpg);}
a#m11:hover span{background-image:url(Bilder/Leistung/Gestaltung/11g.jpg);}

/* in span des identifizierten Links ein Hintergrundbild laden Digital*/
a#d1:hover span{background-image:url(Bilder/Leistung/Gestaltung/1g.jpg);}
a#d2:hover span{background-image:url(Bilder/Leistung/Gestaltung/2g.jpg);}
a#d3:hover span{background-image:url(Bilder/Leistung/Gestaltung/3g.jpg);}
a#d4:hover span{background-image:url(Bilder/Leistung/Gestaltung/4g.jpg);}
a#d5:hover span{background-image:url(Bilder/Leistung/Gestaltung/5g.jpg);}
a#d6:hover span{background-image:url(Bilder/Leistung/Gestaltung/6g.jpg);}
a#d7:hover span{background-image:url(Bilder/Leistung/Gestaltung/7g.jpg);}
a#d8:hover span{background-image:url(Bilder/Leistung/Gestaltung/8g.jpg);}
a#d9:hover span{background-image:url(Bilder/Leistung/Gestaltung/9g.jpg);}
a#d10:hover span{background-image:url(Bilder/Leistung/Gestaltung/10g.jpg);}
a#d11:hover span{background-image:url(Bilder/Leistung/Gestaltung/11g.jpg);}



/* Default Bildbox */
div.defaultboxgestaltung{
float:right;
width:420px;
height:299px;
left:145px;
position:absolute;
top:0px;
background: url(Bilder/Leistung/Gestaltung/1g.jpg);
background-repeat: no-repeat;
}

/* Default Bildbox */
div.defaultboxbeschriftung{
float:right;
width:420px;
height:299px;
left:145px;
position:absolute;
top:0px;
background: url(Bilder/Leistung/Beschriftung/1g.jpg);
background-repeat: no-repeat;
}

/* Default Bildbox */
div.defaultboxschild{
float:right;
width:420px;
height:299px;
left:145px;
position:absolute;
top:0px;
background: url(Bilder/Leistung/Schild/1g.jpg);
background-repeat: no-repeat;
}

/* Default Bildbox */
div.defaultboxlicht{
float:right;
width:420px;
height:299px;
left:145px;
position:absolute;
top:0px;
background: url(Bilder/Leistung/Licht/1g.jpg);
background-repeat: no-repeat;
}
/* Default Bildbox */
div.defaultboxmesse{
float:right;
width:420px;
height:299px;
left:145px;
position:absolute;
top:0px;
background: url(Bilder/Leistung/Messe/1g.jpg);
background-repeat: no-repeat;
}
/* Default Bildbox */
div.defaultboxdigital{
float:right;
width:420px;
height:299px;
left:145px;
position:absolute;
top:0px;
background: url(Bilder/Leistung/Digital/1g.jpg);
background-repeat: no-repeat;
}

a {
color:black;
text-decoration:none;
}

a:visited {
text-decoration:none;
color:black;
}

#footercenter {
width: 930px; 
height: 105px;
margin-right:auto;
margin-left:auto;
}

#footer {
overflow-y: auto;
width: 930px; 
height: 105px;
display: block;
position:absolute;
background-color:white;
top:770px;
box-sizing: border-box;
padding-left:30px;
padding-right:20px;
padding-top:5px;
border-width:3px;
border-style:solid;
border-color:#E5097F;
text-align:center;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}

#divfooter {
float: left;
font-size:9pt;
margin-left:8%;
}

#pink {
color:#E5097F;
}

#afooter {
text-decoration:none;
color:black;
}

#afooter:hover {
text-decoration:underline;
color:black;
}

#pic1 {background: url(Bilder/Leistung/gestaltung.jpg);
width:180px;
height:103px;
}

#pic1:hover {background: url(Bilder/Leistung/gestaltunghover.jpg);
width:180px;
height:103px;
}


#pic2 {background: url(Bilder/Leistung/beschriftung.jpg);
width:180px;
height:103px;
}

#pic2:hover {background: url(Bilder/Leistung/beschriftunghover.jpg);
width:180px;
height:103px;
}


#pic3 {background: url(Bilder/Leistung/schild.jpg);
width:180px;
height:103px;
}

#pic3:hover {background: url(Bilder/Leistung/schildhover.jpg);
width:180px;
height:103px;
}

#pic4 {background: url(Bilder/Leistung/licht.jpg);
width:180px;
height:103px;
}

#pic4:hover {background: url(Bilder/Leistung/lichthover.jpg);
width:180px;
height:103px;
}

#pic5 {background: url(Bilder/Leistung/messe.jpg);
width:180px;
height:103px;
}

#pic5:hover {background: url(Bilder/Leistung/messehover.jpg);
width:180px;
height:103px;
}

#pic6 {background: url(Bilder/Leistung/digital.jpg);
width:180px;
height:103px;
}

#pic6:hover {background: url(Bilder/Leistung/digitalhover.jpg);
width:180px;
height:103px;
}