@charset "utf-8";
/*Farben
blau: 0d196d
hellgrau: bbbbbb
grau: 707173
dunkelgrau: 777777
orange: ee7302
*/
* { margin: 0; padding: 0 }
h1, h2, h3, h4, p, ul, li, a, td { font-family: Verdana, Geneva, Helvetica, Arial, Sans-Serif }
a { color: #ee7302 ; background-color: white; text-decoration: none; }
a:hover, a:focus, a:active { color: #ee7302 ; background-color: white; }
.skip, #logo .sep, .weiter .sep, .last, #content .sep, #directlink { position: absolute; top: -1000px; left: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }
/**/
body { font-size: 101%; }
a img { border-style: none; vertical-align: middle; }
.closewindow { margin-bottom: 1em; }
.clear { clear: both; border: solid 1px #FFFFFF; }
.clearr { clear: right; border: solid 1px #FFFFFF; }
.clearl { clear: left; }
/**/
#wrapper { margin: 0 30px 0 50px; padding: 35px 0 50px 0; }
/**/
#logo { width: 42px; float: right; margin: 0; }
#head { color: #000000; background-color: #999999; }
/**/
#nav {  color: #707173; background-color: #FFFFFF; font-size: 100%; line-height: 1.5em; width: 750px; }
#nav ul { font-size: 0.75em; list-style-type: none; }
#nav ul li { font-size: 1em; display: inline; }
#nav ul a { color: #707173; background-color: #FFFFFF; margin: 0 .5em 0; }
#nav ul a:hover, #nav ul a:focus, #nav ul a:active { }
#nav .sub { font-size: 0.75em; line-height: 1.5em; margin-top: 40px; }
#nav .last { display: none; }
#nav a.first { margin: 0 .5em 0 0; }
/**/
#languages { width: 8em; float: right; text-align: right; }
#languages li.deutsch { display: none; }
#languages li.english { display: none; }

body#start.deutsch #nav #languages li.english { display: block; }
body#start.english #nav #languages li.deutsch { display: block; }
body#home.deutsch #nav #languages li.english { display: block; }
body#home.english #nav #languages li.deutsch { display: block; }
body#home.english #nav #languages li.deutsch .sep { display: none; }
/**/
#home #nav .home { color: #ee7302; background-color: white; }
.profil #nav .profil { color: #ee7302; background-color: white; }
#agentur #nav .agentur { color: #ee7302; background-color: white; }
#philosophie #nav .philosophie { color: #ee7302; background-color: white; }
#referenzen #nav .referenzen { color: #ee7302; background-color: white; }
#team #nav .team { color: #ee7302; background-color: white; }
#leistungen #nav .leistungen { color: #ee7302; background-color: white; }
.projekte #nav .projekte { color: #ee7302; background-color: white; }
#corporatedesign #nav .corporatedesign { color: #ee7302; background-color: white; }
#packaging #nav .packaging { color: #ee7302; background-color: white; }
#produktdesign #nav .produktdesign { color: #ee7302; background-color: white; }
#messen #nav .messen { color: #ee7302; background-color: white; }
#kontakt #nav .kontakt { color: #ee7302; background-color: white; }
/**/
h1 { margin: 2em 0 1.5em 0; width: 750px; height: 100px; display: inline-block; }
.profil h1 { margin: 1.24em 0 1.5em 0; }
.projekte h1 { margin: 1.24em 0 1.5em 0; }
/**/
#home h1 { background-image: url(../media/home-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#agentur h1 { background-image: url(../media/agentur-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#philosophie h1 { background-image: url(../media/philosophie-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#referenzen h1 { background-image: url(../media/referenzen-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#leistungen h1 { background-image: url(../media/leistungen-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#team h1 { background-image: url(../media/team-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#corporatedesign h1 { background-image: url(../media/corporate-design-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#packaging h1 { background-image: url(../media/packaging-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#produktdesign h1 { background-image: url(../media/produktdesign-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#messen h1 { background-image: url(../media/messen-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#kontakt h1 { background-image: url(../media/kontakt-headline.gif); background-repeat: no-repeat; text-indent: -9999px; height: 282px; }
/**/
#home.english h1 { background-image: url(../media/home-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#agentur.english h1 { background-image: url(../media/agentur-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#philosophie.english h1 { background-image: url(../media/philosophie-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#referenzen.english h1 { background-image: url(../media/referenzen-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#leistungen.english h1 { background-image: url(../media/leistungen-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; height: 112px; }
#team.english h1 { background-image: url(../media/team-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#corporatedesign.english h1 { background-image: url(../media/corporate-design-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#packaging.english h1 { background-image: url(../media/packaging-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#produktdesign.english h1 { text-indent: -9999px; background: url(../media/produktdesign-e-headline.gif) no-repeat; }
#messen.english h1 { background-image: url(../media/messen-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; }
#kontakt.english h1 { background-image: url(../media/kontakt-e-headline.gif); background-repeat: no-repeat; text-indent: -9999px; height: 282px; }
/**/
#content { font-size: 100%; line-height: 1.20em; color: #707173; background-color: #FFFFFF; width: 750px; margin: 0 0 1em 0; }
#content p { font-size: 0.8em; margin: 0 0 .75em 0; }
#content a { font-weight: normal; }
#content h1 { font-size: 0.8em; font-weight: normal; margin: 0 0 2em 0; }
#content h2 { font-size: 0.8em; color: #ee7302; background-color: #FFFFFF; margin: 1em 0 0 0; }
#content h3 { font-size: 0.8em; margin: 0.75em 0 1em 0; }
#content h4 { font-size: 0.8em; font-weight: normal; }
#content ul { margin: -0.5em 0 0.75em 0; }
#content ul li { font-size: 0.8em; margin: 0 0 0 1.5em; }
/**/
#content .unterzeile { margin: -3em 0 0 0; }
.box { margin: 3em 0 0; padding: 1.5em 0 0.75em 0; border-top: 1px solid #777777; border-bottom: 1px solid #777777; }
.box3 { margin: 3em 0 0; padding: 0.5em 0 0.75em 0; border-top: 1px solid #777777; border-bottom: 1px solid #777777; }
/**/
#leistungen #content p strong { margin: 0 0 0 1.25em; }
#leistungen #content ul { margin: -0.5em 0 1.5em 1em; }
#leistungen #content .box ul li { margin: 0; }
#leistungen #content .box { padding: 1.5em 0 0 0; }
#leistungen #content .box .illu { width: 418px; float: right; margin: 5em 0 0; }
/**/
#team .box3 { border-style: none; }
#team .box img { width: 73px; float: left; margin: 0 0 1em 0; }
#team .text { margin: 0 0 0 100px; }
/**/
.projekte .box { padding: 0 0 0.75em 0; border-top: none; }
.projekte .box2 { margin: 0 0 1em; padding: 1em 0 1em 0; border-top: 1px solid #777777; }
.projekte .box2 img { display: block; margin: 5em auto; }
/**/
#home .box { margin: 1em 0 0; padding: 0 0 0.75em 0; border-top: none; }
#home .box2 { margin: 0; padding: 1.5em 0 1.5em 0; border-top: 1px solid #777777; clear: both; }
#home .box2 .illu { width: 485px; margin: 0; padding: 0 0 2em; text-align: center; float: left; }
#home .box2 .text { margin: 0 0 0 485px; }
/**/
#content .abstand01 { margin: 1em auto; }
#content .abstand02 { margin: 2em auto; }
#content .abstand03 { margin: 3em auto; }
#content .abstand04 { margin: 4em auto; }
#content .abstand05 { margin: 5em auto; }
#content .abstand06 { margin: 6em auto; }
#content .abstand07 { margin: 7em auto; }
#content .abstand08 { margin: 8em auto; }
#content .abstand09 { margin: 9em auto; }
#content .abstand10 { margin: 10em auto; }
#content .abstand11 { margin: 11em auto; }
#content .abstand12 { margin: 12em auto; }
#content .abstand13 { margin: 13em auto; }
#content .abstand14 { margin: 14em auto; }
#content .abstand15 { margin: 15em auto; }
#content .abstand16 { margin: 16em auto; }
#content .abstand17 { margin: 17em auto; }
#content .abstand18 { margin: 18em auto; }
#content .abstand19 { margin: 19em auto; }
#content .abstand20 { margin: 20em auto; }
/**/
.topofpage { font-size: 100%; margin: 0 0 1em; clear: both; }
.topofpage a { font-weight: normal; line-height: 1em; color: #ee7302; background-color: #FFFFFF; }
.topofpage a:hover, .topofpage a:focus, .topofpage a:active { color: #ee7302; background-color: #FFFFFF; }
/**/
#content p.weiter { color: #ee7302; background-color: #FFF; margin: 2em 0; }
/**/
#foot { font-size: 100%; color: #bbbbbb; background-color: #FFF; width: 750px; margin: 50px 0 15px 0; padding: 0; clear: both; }
#foot p { font-size: 0.69em; }
#foot a { color: #bbbbbb; background-color: #FFF; font-weight: bold; }
#foot a:hover, #foot a:focus, #foot a:active { }
#foot a.wdauth { font-weight: normal; font-style: normal; }
#foot a:hover.wdauth, #foot a:focus.wdauth, #foot a:active.wdauth { }
/*start*/
body#start { color: #FFF; background-color: #0d196d; }
#start #logo { width: 42px; float: right; }
#start #content { color: #FFF; background-color: #0d196d; margin: 100px 0 0; }
#start h1 { background-image: url(../media/ondesign-start-headline.gif); background-repeat: no-repeat; text-indent: -9999px; width: 620px; height: 113px; }
#start #languages { width: 16em; float: none; text-align: left; margin: 80px 0 0 0; }
#start ul#languages li { display: inline; margin: 0; }
#start ul#languages a { color: #FFF; background-color: #0d196d; }
#start #content .sep { position: relative; top: auto; left: auto; width: auto; height: auto; overflow: auto; display: inline; }
#start #content .last { position: absolute; top: -1000px; left: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }
#start #footer { position: absolute; bottom: 2.5em; margin: 0 15% 0 0; padding: 0; }
#start #foot { width: 800px; color: #FFF; background-color: #0d196d; }
#start #foot a { color: #FFF; background-color: #0d196d; }
/**/