body {
    color: black; background-color: #ddd;
    font-size: 100.01%;
    font-family: verdana, arial, Helvetica, sans-serif;
    margin: 0; padding: 2em 0;
    text-align: center; /* Zentrierung im Internet Explorer */


  }
a:link {  color:#696969; text-decoration:none; }
a:visited {  color:#696969; text-decoration:none; }
a:focus {  color:#696969; text-decoration:none; }
a:hover{  color:#696969; text-decoration:none; }
a:active{  color:#696969; text-decoration:none; }



  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 980px;
    padding: 0;
    background-color: white;
position:relative;


  }

div#imp
{
float:left;
 background-color: #ddd;
margin-top:-10px;

}

*+html div#imp
{
width:980px; 
margin-top:0px;

}

*html div#imp
{
width:980px; 
margin-top:0px;

}

div#bgohome
{
position:relative;
min-height: 141px;
background-image:url(pics/mobenhome.jpg);
 background-position:0px 0px;
background-repeat: no-repeat;

}
*html div#bgohome
{
position:relative;
width:362px;
height: 141px;
background-image:url(pics/mobenhome.jpg);
 background-position:0px 0px;
background-repeat: no-repeat;

 font-size: 1.5em;

  margin:0px; padding: 0px;
    text-align: center;

}
*+html div#bgohome
{
position:relative;
width:362px;
height: 141px;
background-image:url(pics/mobenhome.jpg);
 background-position:0px 0px;
background-repeat: no-repeat;

 font-size: 1.5em;

  margin-left:0px; padding: 0px;
    text-align: center;

}


div#bgo
{
position:relative;
min-height: 141px;
background-image:url(pics/moben2.jpg);
 background-position:0px 0px;
background-repeat: no-repeat;

}
*html div#bgo
{
position:relative;
width:362px;
height: 141px;
background-image:url(pics/moben2.jpg);
 background-position:0px 0px;
background-repeat: no-repeat;

}
*+html div#bgo
{
position:relative;
width:362px;
height: 141px;
background-image:url(pics/moben2.jpg);
 background-position:0px 0px;
background-repeat: no-repeat;

}


div#bgu
{

width: 362px;
min-height:429px;
 background-position:0px 0px;
position:relative;
background-image:url(pics/munten3.jpg);

}
*html div#bgu
{

width: 362px;
height:429px;
 background-position:0px 0px;
position:relative;
background-image:url(pics/munten3.jpg);

}
*+html div#bgu
{

width: 362px;
height:429px;
 background-position:0px 0px;
position:relative;
background-image:url(pics/munten3.jpg);

}



div#blendme{
float:right;
width:618px;
height:241px;

}

*+html div#blendme{

width:618px;
height:241px;
overflow:hidden;

}

*html div#blendme{

width:618px;
height:241px;
overflow:hidden;

}



  div#Banner {
	height:241px;


  }



*+html  div#Banner {
height: 241px;
	
    font-size: 1.5em;

  margin:0; padding: 0;
 


  }

*html  div#Banner {
min-height:241px;
height: 241px;
	float:left;
    font-size: 1.5em;

  margin-bottom:-5px; padding: 0;
  


  }

*+html div#designunten {

background-image:url(pics/graunten.jpg);
background-repeat:no-repeat;
 background-position:0px 0px;
margin:0px;
 padding:1px;
}


*html div#designunten {

background-image:url(pics/graunten.jpg);
background-repeat:no-repeat;
 background-position:-3px 0px;
margin:0px;
 padding:0px;
height:100px;

}


div#designunten {
min-height:160px;
background-image:url(pics/graunten.gif);
background-repeat:no-repeat;
background-position:362px 0px;
margin:0px;
padding:1px;


}




ul#menu{
float: left; 
min-width: 362px;
min-height:388px;
 margin:0 0 0 0px;
 padding:0; 
 font-size:100%;
 line-height:100%; /*verhindert unschoene Darstellung im IE*/
 position:relative;
}



*+html ul#menu li, ul#menu li a{
margin-bottom: -3px;
}



*html ul#menu li, ul#menu li a{
margin-bottom: -3px;
}

ul#menubox{

position:absolute;
 left:-40px; top:160px

}

ul#menubox li, ul#menubox li a{

 height:24px;
 width:116px;
 display:block;
 overflow:hidden;
 list-style-type:none;
 list-style-position:outside;}


ul#menubox li a span{

 height:24px;
 width:116px;
 position:absolute;
 display:block;}


ul#menubox2{

position:absolute;
 left:80px; top:206px

}


ul#menubox2 li, ul#menubox2 li a{
float:left;
 height:24px;
 display:block;
 overflow:hidden;
 list-style-type:none;
 list-style-position:outside;}

ul#menubox2 li a span.a{
float:left;
 height:24px;
 width:103px;
 position:absolute;
 display:block;}


ul#menubox2 li a span.b{
float:left;
 height:24px;
 width:74px;
 position:absolute;
 display:block;}



ul#menubox2 li a span.c{
float:left;
 height:24px;
 width:48px;
 position:absolute;
 display:block;}



ul#menubox3{

position:absolute;
 left:80px; top:183px

}


ul#menubox3 li, ul#menubox3 li a{
float:left;
 height:24px;

 display:block;
 overflow:hidden;
 list-style-type:none;
 list-style-position:outside;}

ul#menubox3 li a span.a{
float:left;
 height:24px;
width:95px;
 position:absolute;
 display:block;}


ul#menubox3 li a span.b{
float:left;
 height:24px;
width:80px;
 position:absolute;
 display:block;}


ul#menubox3 li a span.c{
float:left;
 height:24px;
width:48px;
 position:absolute;
 display:block;}


ul#menu li a:hover{
 background: 0 0;} /*Hack fuer den IE und siene Fehlinterpretationen des :hover-Status */

li#logodesign_hover
{
width:95px;
}
li#logodesign_hover a span,
li#logodesign_hover a:link span ,
li#logodesign_hover a:visited span
{background:scroll  url(buttons/logodesign.jpg) 0px 0px no-repeat;}

li#logodesign_hover a:focus span,
li#logodesign_hover a:hover span, 
li#logodesign_hover a:active span
{ background:scroll url(buttons/logodesign.jpg) 0px -24px no-repeat;}

li#logodesign_static {width:95px; background:scroll url(buttons/logodesign.jpg) 0px -24px no-repeat;}


li#corporate_hover
{
width:80px;
}
li#corporate_hover a span,
li#corporate_hover a:link span ,
li#corporate_hover a:visited span
{background:scroll  url(buttons/corporate.jpg) 0px 0px no-repeat;}

li#corporate_hover a:focus span,
li#corporate_hover a:hover span, 
li#corporate_hover a:active span
{ background:scroll url(buttons/corporate.jpg) 0px -24px no-repeat;}

li#corporate_static {width:80px; background:scroll url(buttons/corporate.jpg) 0px -24px no-repeat;}

li#print_hover
{
width:48px;
}
li#print_hover a span,
li#print_hover a:link span ,
li#print_hover a:visited span
{background:scroll  url(buttons/print.jpg) 0px 0px no-repeat;}

li#print_hover a:focus span,
li#print_hover a:hover span, 
li#print_hover a:active span
{ background:scroll url(buttons/print.jpg) 0px -24px no-repeat;}

li#print_static {width:48px; background:scroll url(buttons/print.jpg) 0px -24px no-repeat;}

li#grafikdesign_hover
{
width:103px;
}
li#grafikdesign_hover a span,
li#grafikdesign_hover a:link span ,
li#grafikdesign_hover a:visited span
{background:scroll  url(buttons/grafdes.jpg) 0px 0px no-repeat;}

li#grafikdesign_hover a:focus span,
li#grafikdesign_hover a:hover span, 
li#grafikdesign_hover a:active span
{ background:scroll url(buttons/grafdes.jpg) 0px -24px no-repeat;}

li#grafikdesign_static {width:103px; background:scroll url(buttons/grafdes.jpg) 0px -24px no-repeat;}


li#werbung_hover
{
width:74px;
}
li#werbung_hover a span,
li#werbung_hover a:link span ,
li#werbung_hover a:visited span
{background:scroll  url(buttons/werbung.jpg) 0px 0px no-repeat;}

li#werbung_hover a:focus span,
li#werbung_hover a:hover span, 
li#werbung_hover a:active span
{ background:scroll url(buttons/werbung.jpg) 0px -24px no-repeat;}

li#werbung_static {width:74px; background:scroll url(buttons/werbung.jpg) 0px -24px no-repeat;}

li#druck_hover
{
width:48px;
}
li#druck_hover a span,
li#druck_hover a:link span ,
li#druck_hover a:visited span
{background:scroll  url(buttons/druck.jpg) 0px 0px no-repeat;}

li#druck_hover a:focus span,
li#druck_hover a:hover span, 
li#druck_hover a:active span
{ background:scroll url(buttons/druck.jpg) 0px -24px no-repeat;}

li#druck_static {width:48px; background:scroll url(buttons/druck.jpg) 0px -24px no-repeat;}




li#home_hover a span,
li#home_hover a:link span ,
li#home_hover a:visited span
{background:scroll  url(buttons/home.jpg) 0px -24px no-repeat;}

li#home_hover a:focus span,
li#home_hover a:hover span, 
li#home_hover a:active span
{ background:scroll url(buttons/home.jpg) 0px 0px no-repeat;}

li#home_static {background:scroll url(buttons/home.jpg) 0px 0px no-repeat;}


li#leistungen_hover a span,
li#leistungen_hover a:link span ,
li#leistungen_hover a:visited span
{background:scroll  url(buttons/leistungen.jpg) 0px -24px no-repeat;}

li#leistungen_hover a:focus span,
li#leistungen_hover a:hover span, 
li#leistungen_hover a:active span
{ background:scroll url(buttons/leistungen.jpg) 0px 0px no-repeat;}


li#leistungen_static {background:scroll url(buttons/leistungen.jpg) 0px 0px no-repeat;}




li#projekte_hover a span,
li#projekte_hover a:link span ,
li#projekte_hover a:visited span
{background:scroll  url(buttons/projekte.jpg) 0px -24px no-repeat;}

li#projekte_hover a:focus span,
li#projekte_hover a:hover span, 
li#projekte_hover a:active span
{ background:scroll url(buttons/projekte.jpg) 0px 0px no-repeat;}

li#projekte_static {background:scroll url(buttons/projekte.jpg) 0px 0px no-repeat;}


li#kooperation_hover a span,
li#kooperation_hover a:link span ,
li#kooperation_hover a:visited span
{background:scroll  url(buttons/kooperation.jpg) 0px -24px no-repeat;}

li#kooperation_hover a:focus span,
li#kooperation_hover a:hover span, 
li#kooperation_hover a:active span
{ background:scroll url(buttons/kooperation.jpg) 0px 0px no-repeat;}

li#kooperation_static {background:scroll url(buttons/kooperation.jpg) 0px 0px no-repeat;}




li#referenzen_hover a span,
li#referenzen_hover a:link span ,
li#referenzen_hover a:visited span
{background:scroll  url(buttons/referenzen.jpg) 0px -24px no-repeat;}

li#referenzen_hover a:focus span,
li#referenzen_hover a:hover span, 
li#referenzen_hover a:active span
{ background:scroll url(buttons/referenzen.jpg) 0px 0px no-repeat;}

li#referenzen_static {background:scroll url(buttons/referenzen.jpg) 0px 0px no-repeat;}




li#profil_hover a span,
li#profil_hover a:link span ,
li#profil_hover a:visited span
{background:scroll  url(buttons/profil.jpg) 0px -24px no-repeat;}

li#profil_hover a:focus span,
li#profil_hover a:hover span, 
li#profil_hover a:active span
{ background:scroll url(buttons/profil.jpg) 0px 0px no-repeat;}

li#profil_static {background:scroll url(buttons/profil.jpg) 0px 0px no-repeat;}





li#kontakt_hover a span,
li#kontakt_hover a:link span ,
li#kontakt_hover a:visited span
{background:scroll  url(buttons/kontakt.jpg) 0px -24px no-repeat;}

li#kontakt_hover a:focus span,
li#kontakt_hover a:hover span, 
li#kontakt_hover a:active span
{ background:scroll url(buttons/kontakt.jpg) 0px 0px no-repeat;}

li#kontakt_static {background:scroll url(buttons/kontakt.jpg) 0px 0px no-repeat;}



  div#Inhalt {

   min-height: 329px;

  }



  div#profilu {
float:left;
    min-height: 329px;
    min-width: 618px;
background-image:url(pics/Profilu.jpg);
  }

*html div#profilu {
float:left;
    height: 329px;
 width: 618px;
background-image:url(pics/Profilu.jpg);
margin-left:-3px;
  }

  div#corporate {
background-color: white;
max-height: 570px;
max-width: 618px;

height: 570px;
width: 618px;
overflow-y:hidden;
overflow-x:hidden; /*VOrsiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiicht hier muss noch geändert werden*/
}

*html div#corporate {
height:0px;
}


  div#logodesign {
margin-top:-101px;
height: 430px;
width: 618px;
overflow-y:auto;
overflow-x:hidden; /*VOrsiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiicht hier muss noch geändert werden*/
}
*html div#logodesign {
margin-left:-3px;
margin-top:140px;
}
*+html div#logodesign {
overflow-y:scroll;
}

  div#homescroll {

height: 329px;
width: 618px;
overflow-y:auto;
overflow-x:hidden; /*VOrsiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiicht hier muss noch geändert werden*/


}


 div#logodesignin {

height: 992px;
width: 618px;

background-image:url(pics/logos2.jpg);

background-repeat:no-repeat;

}
 div#homescrollin {

height: 530px;
width: 618px;

}

  div#static {
position:absolute;
left:362px;
top:456px;
height: 108px;
width: 121px;

background-image:url(pics/static1.jpg);
}



  * html div#Inhalt {
    height: 329px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: navy;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  p#Fusszeile {
    font-size: 0.6em;
    margin: 0; padding: 0.1em;
    text-align: right;
    background-color: white;
    border-top: 5px solid silver;
  }



/*INHALTE----------------------------------------------------------------------------------------*/


div#texte
{


float:left;
position:relative;

margin-left:100px;

}

*html div#texte
{


float:left;
position:relative;

margin-left:50px;

}



div#profilutext
{
position:relative;

top:-50px;
 padding-left:340px;
}

div#home1
{

font-size: 0.8em;
color: #003380;
position:absolute;
top:270px;
 margin-left:450px;

}
*html div#home1
{

font-size: 0.8em;
color: #003380;
position:absolute;
top:270px;
 margin-left:50px;

}
*+html div#home1
{

font-size: 0.8em;
color: #003380;
position:absolute;
top:270px;
 margin-left:50px;

}

div#designout
{
position:absolute;

background-image:url(pics/graunten.jpg);
background-repeat:no-repeat;
margin-left:362px;

}


div#design1
{

font-size: 0.8em;
color: #003380;
position:relative;
top:270px;
 margin-left:450px;

}


div#druck1
{

font-size: 0.8em;
color: #003380;
position:absolute;
top:270px;
 margin-left:450px;

}

div#namebox
{

position:absolute;
width:400px;
max-width:400px;
min-height:20px;
height:20px;
top:10px;
margin-left:0px;
font-size: 14px;
color:#aaa;
}

*+html div#namebox
{
left:0px;

}
*html div#namebox
{
left:0px;
top:30px;
}

div#textbox
{
background-color:#bbb;
position:absolute;
width:140px;
max-width:140px;
min-height:110px;
height:110px;
top:443px;
left:30px;
font-size: 10px;
}





/* jgal style------------------ */
#jgal { 
list-style: none; width: 580px; position: relative; top: -3px; left: -25px;
 }

*+html #jgal { 
margin-top:15px;
 }

*html #jgal { 
top:0px;
 }


#jgal li {
 opacity: .20; float: left; display: block; width: 0px; height: 0px; background-position: 50% 50%; cursor: pointer; border: 8px solid #014471; outline: 1px solid #ddd; margin-top:45px; margin-right: 14px; margin-bottom: -40px;
 }

*html #jgal li {
 margin-bottom: 0px; margin-top:58px; 
 }




#jgal li img {
  position: absolute; top: 108px; left: 90px; display: none; 
}

*html #jgal li img {
 top: 126px; left: 55px;
}



#jgal li.active img {
 display: block; 
}

 #jgal li:hover {
 border: 8px solid #014471; outline-color: #bbb; opacity: .99 /* safari bug */ 
}

#jgal li.active {
 border: 8px solid #e65013; outline-color: #bbb; opacity: .99 /* safari bug */ 
}



/* jgal2 style------------------ */
#jgal2 { 
list-style: none; width: 580px; position: relative; top: -3px; left: -25px;
 }

*+html #jgal2 { 
margin-top:15px;
 }

*html #jgal2 { 
top:0px;
 }

#jgal2 li {
 opacity: .20; float: left; display: block; width: 0px; height: 0px; background-position: 50% 50%; cursor: pointer; border: 8px solid #014471; outline: 1px solid #ddd; margin-top:45px; margin-right: 14px; margin-bottom: -40px;
 }

*html #jgal2 li {
 margin-bottom: 0px; margin-top:58px; 
 }


#jgal2 li img {
  position: absolute; top: 128px; left: 25px; display: none; 
}
*html #jgal2 li img {
top: 146px; left: -15px;
}
*+html #jgal2 li img {
top: 134px; left: -15px;
}


#jgal2 li.active img {
 display: block; 
}

 #jgal2 li:hover {
 border: 8px solid #014471; outline-color: #bbb; opacity: .99 /* safari bug */ 
}

#jgal2 li.active {
 border: 8px solid #e65013; outline-color: #bbb; opacity: .99 /* safari bug */ 
}






/* style without java */
#gallery {
 list-style: none; display: block;
 }


#gallery li {
 float: left; margin: 0 6px 6px 0;
 }