* {
border:0;
margin:0;
padding:0;
text-align:left;
}

* html body {
padding:0 0 170px;
}

* html div.content-wrap {
height:100%;
width:100%;
}

a#a-h1 {
display:block;
height:35px;
margin:0;
position:absolute;
width:185px;
}

a,a:active,a:visited {
color:red;
text-decoration:none;
}

a:hover,ul.presseliste li a:hover {
color:#666;
}

body {
border:0;
height:100%;
margin:0;
max-height:100%;
overflow:hidden;
padding:0;
width:100%;
}

body,table {
background:#fff;
color:#666;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}

div#ib1 { background-image:url(img/index-banner-1.jpg); }
div#ib2 { background-image:url(img/index-banner-2.jpg); }
div#ib3 { background-image:url(img/index-banner-3.jpg); }
div#ib4 { background-image:url(img/index-banner-4.jpg); }
div#ib5 { background-image:url(img/index-banner-5.jpg); }
div#ib6 { background-image:url(img/index-banner-6.jpg); }
div#ib7 { background-image:url(img/index-banner-7.jpg); }
div#ib8 { background-image:url(img/index-banner-8.jpg); }
div#ib9 { background-image:url(img/index-banner-9.jpg); }
div#ib10 { background-image:url(img/index-banner-10.jpg); }

div#ib1 a,div#ib2 a,div#ib3 a,div#ib4 a,div#ib5 a,div#ib6 a,div#ib7 a,div#ib8 a,div#ib9 a,div#ib10 a {
display:block;
height:150px;
position:absolute;
width:770px;
}

div#ib1,div#ib2,div#ib3,div#ib4,div#ib5,div#ib6,div#ib7,div#ib8,div#ib9,div#ib10 {
background-repeat:no-repeat;
height:150px;
margin:5px 0 0;
width:770px;
}

div#ib1t,div#ib2t,div#ib3t,div#ib4t,div#ib5t,div#ib6t,div#ib7t,div#ib8t,div#ib9t,div#ib10t {
display:none;
position:absolute;
}

div#map {
border:9px solid #fff;
height:280px;
width:480px;
}

div#map-wrap {
border:1px solid #ccc;
}

div#nojs {
border:1px solid #990000;
display:block;
height:150px;
width:768px;
margin:4px 0 0 0;	
}

div#nojs p {
line-height:150px;
text-align:center;
color:#fff;	
}

div.content {
color:#666;
margin:50px auto 0;
width:770px;
}

div.content h2 {
color:red;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
margin:50px 0 0;
}

div.content p {
line-height:15px;
margin:20px 0 0;
}

div.content-awards {
width:770px;
}

div.content-awards h2.awards {
display:block;
margin:16px 0 0;
}

div.content-left,div.content-right {
float:left;
width:385px;
}

div.content-right h3 {
color:red;
font-size:11px;
margin:20px 0 0;
}

div.content-wrap {
background-color:#fff;
bottom:170px;
left:0;
overflow:auto;
position:fixed;
right:0;
text-align:center;
top:0;
width:100%;
}

div.googlemaps {
color:#666;
padding:20px;
width:500px;
}

div.googlemaps div#adress {
border:1px solid #ccc;
display:block;
left:334px;
width:170px;
padding:7px;
position:absolute;
top:428px;
}

div.googlemaps h1 {
background-position:right;
display:block;
width:185px;
margin-left:305px;
}

div.googlemaps p {
margin:20px 0;
width:300px;
}

div.ib-fade {
display:none;
position:absolute;
}

div.index {
background:red;
display:block;
height:490px;
margin:-245px 0 0;
position:absolute;
top:50%;
width:100%;
}

div.index-banner {
display:block;
height:160px;
left:50%;
margin:0 auto 0 -385px;
overflow:hidden;
position:absolute;
width:770px;
}

div.index-banner-wrap {
background:#c00;
bottom:210px;
display:block;
height:160px;
width:100%;
}

div.index-navi,div.navi {
display:block;
left:50%;
margin-left:-385px;
margin-top:39px;
position:absolute;
width:770px;
}

div.index-navi-wrap {
background-color:red;
height:170px;
width:100%;
}

div.index-news {
display:block;
height:80px;
left:50%;
margin:0 auto 0 -385px;
position:absolute;
width:770px;
}

div.index-news a.mininews {
height:70px;
position:absolute;
width:125px;
}

div.index-news ul {
list-style-type:none;
margin:0 -20px 0 0;
}

div.index-news ul li {
background-image:url(img/bg-news.gif);
display:block;
float:left;
height:70px;
margin:5px 16px 5px 0;
width:115px;
}

div.index-news ul li p {
font-size:9px;
line-height:11px;
padding:2px 0 0 6px;
}

div.index-news ul li p a {
color:#666;	
}

div.index-news ul li p b,ul.presseliste li a {
color:red;
}

div.index-news-wrap {
background:#c00;
bottom:0;
display:block;
height:80px;
width:100%;
}

div.index-quote {
background-image:url(img/index-quote.png);
background-position:center;
background-repeat:no-repeat;
display:block;
height:130px;
left:50%;
margin:0 auto 0 -385px;
position:absolute;
width:770px;
}

div.index-quote-wrap {
bottom:80px;
display:block;
height:130px;
width:100%;
}

div.index-wrap {
background:red;
display:block;
height:100%;
position:absolute;
width:100%;
}

div.jobbox {
border:1px solid #ccc;
margin:20px 0;
padding:20px;
}

div.jobbox p#jobdate {
color:#aaa;
display:block;
line-height:30px;
text-align:right;
width:343px;
}

div.jobbox h3 {
border:0;
color:#ff0000;
font-size:11px;
font-weight:bold;
margin:20px 0;
padding:0;
}

div.navi-wrap {
background-color:red;
bottom:0;
height:170px;
position:absolute;
width:100%;
}

div.presseliste-spacer {
display:block;
height:75px;
width:1px;
}

div.spacer20px {
display:block;
height:20px;
width:1px;
}

div.spacer30px {
display:block;
height:30px;
width:1px;
}

h1#index {
position:absolute;
text-indent:-99999em;
}

h1.logo-ogilvyinteractive-gray {
background-image:url(img/logo-ogilvyinteractive-gray.png);
background-repeat:no-repeat;
display:block;
height:34px;
text-indent:-99999em;
width:185px;
}

h1.logo-ogilvyone-gray {
background-image:url(img/logo-ogilvyone-gray.png);
background-repeat:no-repeat;
display:block;
height:34px;
text-indent:-99999em;
width:185px;
}

img#kontakt-snb,img#kontakt-due {
border:3px solid #ccc;
margin:1px 0 0 -112px;
position:absolute;
}

img.logo-ogilvy-small {
float:right;
margin:8px 0 0;
}

img.logo-ogilvyinteractive-print { display:none; }
img.logo-ogilvyone-print { display:none; }

ul.awardsl li,ul.was-wir-tun-l li {
background-color:#eee;
border:3px solid #ccc;
display:block;
float:left;
height:100px;
margin:0 10px 10px 0;
width:100px;
}

ul.awardsl,ul.was-wir-tun-l {
list-style-type:none;
margin:60px 0 0;
}

ul.awardsl li#award01 { background-image:url(img/award-bosw-10.jpg); }
ul.awardsl li#award02 { background-image:url(img/award-dm-gold.jpg); }
ul.awardsl li#award03 { background-image:url(img/award-cannes.jpg); }
ul.awardsl li#award04 { background-image:url(img/award-bettina-klossner.jpg); }
ul.awardsl li#award05 { background-image:url(img/award-columbus.jpg); }
ul.awardsl li#award06 { background-image:url(img/award-bosw.jpg); }
ul.awardsl li#award07 { background-image:url(img/award-google-qualcomp.jpg); }
ul.awardsl li#award08 { background-image:url(img/award-dm-silber.jpg); }
ul.awardsl li#award09 { background-image:url(img/award-nyf.jpg); }
ul.awardsl li#award10 { background-image:url(img/award-echo.jpg); }
ul.awardsl li#award11 { background-image:url(img/award-cannes-2006.jpg); }
ul.awardsl li#award12 { background-image:url(img/award-dm-bronze.jpg); }
ul.awardsl li#award13 { background-image:url(img/award-bosw-09.jpg); }

ul.awardsr {
list-style-type:none;
margin:0 0 40px;
}

ul.awardsr li {
background-image:url(img/raquo.gif);
background-position:0 6px;
background-repeat:no-repeat;
margin:10px 0 0 0;
padding:0 0 0 10px;
}

ul.navi1 {
border-bottom:1px solid #c00;
display:block;
height:10px;
line-height:10px;
list-style-type:none;
text-indent:-99999em;
width:100%;
}

ul.navi1 li a#navi-arbeiten {
background-image:url(img/navi-arbeiten.png);
background-position:top;
background-repeat:no-repeat;
display:block;
height:10px;
width:47px;
}

ul.navi1 li a#navi-awards {
background-image:url(img/navi-awards.png);
background-position:top;
background-repeat:no-repeat;
display:block;
height:10px;
width:40px;
}

ul.navi1 li a#navi-jobs {
background-image:url(img/navi-jobs.png);
background-position:top;
background-repeat:no-repeat;
display:block;
height:10px;
width:23px;
}

ul.navi1 li a#navi-kontakt {
background-image:url(img/navi-kontakt.png);
background-position:top;
background-repeat:no-repeat;
display:block;
height:10px;
width:42px;
}

ul.navi1 li a#navi-presse {
background-image:url(img/navi-presse.png);
background-position:top;
background-repeat:no-repeat;
display:block;
height:10px;
width:35px;
}

ul.navi1 li a#navi-was {
background-image:url(img/navi-was.png);
background-position:top;
background-repeat:no-repeat;
display:block;
height:10px;
width:63px;
}

ul.navi1 li a#navi-wer {
background-image:url(img/navi-wer.png);
background-position:top;
background-repeat:no-repeat;
display:block;
height:10px;
width:67px;
}

ul.navi1 li a#navi-wer:hover,ul.navi1 li a#navi-was:hover,ul.navi1 li a#navi-kontakt:hover,ul.navi1 li a#navi-arbeiten:hover,ul.navi1 li a#navi-awards:hover,ul.navi1 li a#navi-presse:hover,ul.navi1 li a#navi-jobs:hover {
background-position:bottom;
}

ul.navi1 li,ul.navi2 li {
float:right;
margin:0 0 0 15px;
}

ul.navi2 {
display:block;
height:10px;
line-height:10px;
list-style-type:none;
margin:4px 0 0;
text-indent:-99999em;
width:100%;
}

ul.navi2 li a#navi-ofww {
background-image:url(img/navi-ofww.png);
background-position:bottom;
background-repeat:no-repeat;
display:block;
height:10px;
width:91px;
}

ul.navi2 li a#navi-oi {
background-image:url(img/navi-oi.png);
background-position:bottom;
background-repeat:no-repeat;
display:block;
height:10px;
width:97px;
}

ul.navi2 li a#navi-om {
background-image:url(img/navi-om.png);
background-position:bottom;
background-repeat:no-repeat;
display:block;
height:10px;
width:89px;
}

ul.navi2 li a#navi-oo {
background-image:url(img/navi-oo.png);
background-position:bottom;
background-repeat:no-repeat;
display:block;
height:10px;
width:56px;
}

ul.navi2 li a#navi-oo:hover,ul.navi2 li a#navi-oi:hover,ul.navi2 li a#navi-om:hover,ul.navi2 li a#navi-ofww:hover {
background-position:top;
}

ul.presseliste {
overflow:auto;
height:280px;
list-style-type:none;
padding:0 20px 0 0;
margin:0 80px 0 0;
}

ul.presseliste li {
margin:0 0 20px;
}

ul.presseliste li p,ul.awardsr p {
margin:0;
}

ul.presseliste li span {
font-weight:700;
margin:0;
}

ul.was-wir-tun-l li div a {
background-repeat:no-repeat;
display:block;
height:100px;
line-height:100px;
text-align:center;
text-indent:-99999em;
width:100px;
}

ul.was-wir-tun-l li div a:hover {
background-image:url(img/fff.gif);
color:#ff0000;
text-indent:0;
}

ul.was-wir-tun-l li div a#ar { background-image:url(img/thumb-ar.jpg); }
ul.was-wir-tun-l li div a#dh { background-image:url(img/thumb-dh.jpg); }
ul.was-wir-tun-l li div a#do { background-image:url(img/thumb-do.jpg); }
ul.was-wir-tun-l li div a#ff { background-image:url(img/thumb-ff.jpg); }
ul.was-wir-tun-l li div a#pm { background-image:url(img/thumb-pm.jpg); }
ul.was-wir-tun-l li div a#al { background-image:url(img/thumb-al.jpg); }
ul.was-wir-tun-l li div a#sl { background-image:url(img/thumb-sl.jpg); }
ul.was-wir-tun-l li div a#vo { background-image:url(img/thumb-vo.jpg); }

ul.was-wir-tun-l li div a#ar:hover,
ul.was-wir-tun-l li div a#dh:hover,
ul.was-wir-tun-l li div a#ff:hover,
ul.was-wir-tun-l li div a#pm:hover,
ul.was-wir-tun-l li div a#al:hover,
ul.was-wir-tun-l li div a#sl:hover,
ul.was-wir-tun-l li div a#vo:hover,
ul.was-wir-tun-l li div a#do:hover {
background:#fff;
}

div.bettina-klossner-inserat  ul,
div.doku-rezession ul {
list-style-type:none;
}

div.bettina-klossner-inserat ul li,
div.doku-rezession ul li{
float:left;
margin:0 5px 10px 0;
}

div.bettina-klossner-inserat p,
div.doku-rezession p {
color:#999;
font-size:10px;
}

div.doku-rezession img {
border:1px solid #000;
}

div.clear { clear:both; }