@charset "utf-8";

/* CONTENT CSS */

.right_wrapper_start { background-image:url(../images/bg_start.gif); background-position:36px 190px; }

/* Company */

.right_wrapper.company { background-image:url(../images/content/company_1.jpg); background-position:0px 0px; }
.right_wrapper.company .text { left:343px; top:103px; width:244px; }

/* Codex */

.right_wrapper.codex { background-image:url(../images/content/codex_1.jpg); }
.right_wrapper.codex .text { left:343px; top:184px; width:250px; }

.right_wrapper.codex_2 { background-image:url(../images/content/codex_2.jpg); }
.right_wrapper.codex_2 .text { left:343px; top:300px; width:240px; }

.right_wrapper.codex_3 { background-image:url(../images/content/codex_3.jpg); }
.right_wrapper.codex_3 .text { left:345px; top:230px; width:245px; }

.right_wrapper.codex_4 { background-image:url(../images/content/codex_4.jpg); }
.right_wrapper.codex_4 .text { left:323px; top:257px; width:245px; }

.right_wrapper.codex_5 { background-image:url(../images/content/codex_5.jpg); }
.right_wrapper.codex_5 .text { left:345px; top:264px; width:245px; }

.right_wrapper.codex_6 { background-image:url(../images/content/codex_6.jpg); }
.right_wrapper.codex_6 .text { left:269px; top:122px; width:265px; }

/* Portfolio */

.right_wrapper.portfolio { background-image:url(../images/bg_content.jpg); }
.right_wrapper.portfolio.detail { background-image:url(../images/content/portfolio.jpg); }

.right_wrapper.portfolio img.linksoben   { left:41px; top:94px; }
.right_wrapper.portfolio img.rechtsoben  { left:326px; top:94px; }
.right_wrapper.portfolio img.linksunten  { left:41px; top:282px; }
.right_wrapper.portfolio img.rechtsunten { left:326px; top:282px; }

.right_wrapper.portfolio .text { left:41px; bottom:43px; }

/* Aktive Buttons in den Portfoliodesigns (die letzte Ziffer (n; in "...active-X_X-n") gibt die Nr. der Unterseite an */

/* Adtracon */
.right_wrapper.portfolio   a#zoom.active-1_1-4 { display:block; top:399px; left:270px; }
.right_wrapper.portfolio a#online.active-1_1-7 { display:block; top:395px; left:504px; }

/* Ruhrmed */
.right_wrapper.portfolio   a#zoom.active-1_4-8 { display:block; top:399px; left:566px; }

/* IAPP */
.right_wrapper.portfolio   a#zoom.active-2_2-2 { display:block; top:399px; left:270px; }

/* Alps */
.right_wrapper.portfolio   a#zoom.active-3_1-1 { display:block; top:396px; left:312px; }
.right_wrapper.portfolio   a#zoom.active-3_1-2 { display:block; top:396px; left:312px; }

/* Rheinfire */
.right_wrapper.portfolio   a#zoom.active-4_1-2 { display:block; top:376px; left:568px; }
.right_wrapper.portfolio   a#zoom.active-4_1-3 { display:block; top:395px; left:504px; }
.right_wrapper.portfolio   a#zoom.active-4_1-4 { display:block; top:395px; left:117px; }

/* Maskerade */
.right_wrapper.portfolio   a#zoom.active-4_3-2 { display:block; top:133px; left:293px; }
.right_wrapper.portfolio   a#online.active-4_3-3 { display:block; top:395px; left:517px; }

/* Artmos */
.right_wrapper.portfolio   a#online.active-4_4-4 { display:block; top:395px; left:493px; }

/* Pannenbecker */
.right_wrapper.portfolio   a#online.active-5_1-2 { display:block; top:122px; left:464px; }

/* DUS Cafe */
.right_wrapper.portfolio   a#zoom.active-5_2-3 { display:block; top:392px; left:555px; }
.right_wrapper.portfolio   a#zoom.active-5_2-4 { display:block; top:400px; left:562px; }



/* Clients */

.right_wrapper.clients { background-image:url(../images/content/clients.jpg); background-position:0px 0px; }
.right_wrapper.clients .text { left:89px; top:185px; }

/* Contact */

.right_wrapper.contact { background-image:url(../images/content/contact.jpg); background-position:0px 0px; }
.right_wrapper.contact .text  { left:100px; top:155px; width:243px; }
.right_wrapper.contact .text2 { left:363px; top:100px; width:230px; }
.right_wrapper.contact .form  { left:100px; top:249px; width:243px; }