/* 
 * (c) 2009 mediamilkshake GmbH
 * 
 * mediamilkshake GmbH
 * Westendstraße 153
 * 80339 München
 * 
 * info@mediamilkshake.eu
 * +49(0)89-30905375-0
 * www.mediamilkshake.eu
 * 
 */

* {margin:0; padding:0;}
html, body {height:100%;}
body {font-family: Arial, sans-serif; text-align:center;}


/* ALLGEMEINE DEFINITIONEN */
a img {border:none;}


/* HELFERLEIN */
.fl {float:left;}
.thrown {text-indent:-99999px; display:block;}
h1.thrown, h2.thrown, h3.thrown, p.thrown {line-height:0px; padding:0px; margin:0px; display:block;}
ul.thrown {text-indent:-99999px; list-style:none; padding:0; margin:0; display:block;}
a.thrown {text-indent:-99999px; display:block;}
.il {float:left; height:200px;}
.cb {clear:both;}
.justify {font-size:11px; margin:10px 0; text-align:justify;}


/* GRUNDGERÜST */
#distance {float:left; height:42%; margin:0 0 -13.75em 0; width:1px;}
#content-wrap {clear:left; position:relative; width:1000px; text-align:left; margin:0 auto; padding:66px 0 0 0; overflow:hidden;}
#home-head {margin-bottom:10px;}
#home-foot {margin-top:10px;}
#logo {float:left; background:url(/images/logo.png) top left no-repeat; width:146px; height:54px;}
#logo:hover {background:url(/images/logo_aktiv.png) top left no-repeat;}
#impuls-struktur-cremig {float:left; background:url(/images/impuls_struktur_cremig.png) top left no-repeat; width:1000px; height:53px;}


/* NAVIGATION */
#navi-wrap {float:left; width:1000px; height:19px; background:url(/images/navi/nav_wrap.png) top left no-repeat; text-indent:-9999px;}
#navi-wrap ul, #navi-wrap li {list-style:none; display:inline; padding:0; margin:0;}
.nav1 {background:url(/images/navi/nav_01.png) top left no-repeat; width:89px; height:19px; float:left; margin:0 0 0 69px;}
.nav2 {background:url(/images/navi/nav_02.png) top left no-repeat; width:131px; height:19px; float:left; margin:0 0 0 79px;}
.nav3 {background:url(/images/navi/nav_03.png) top left no-repeat; width:117px; height:19px; float:left; margin:0 0 0 79px;}
.nav4 {background:url(/images/navi/nav_04.png) top left no-repeat; width:114px; height:19px; float:left; margin:0 0 0 79px;}
.nav5 {background:url(/images/navi/nav_05.png) top left no-repeat; width:98px; height:19px; float:left; margin:0 0 0 79px;}
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav5:hover, .nav1.active, .nav2.active, .nav3.active, .nav4.active, .nav5.active {background-position:0 -19px;}
.subnav1 {float:left; background:url(/images/navi/subnav1.png) top left no-repeat; width:200px; height:15px; margin:9px 0 0 69px !important;}
.subnav1-1 {float:left; background:url(/images/navi/subnav1_1.png) top left no-repeat; width:41px; height:15px; margin:0 0 0 40px;}
.subnav2 {float:right; background:url(/images/navi/subnav2.png) top left no-repeat; width:860px; height:12px; margin:12px 0 0 0 !important;}
.subnav2-1 {float:left; background:url(/images/navi/subnav2_1.png) top left no-repeat; width:115px; height:12px; margin:0 0 0 40px !important;}
.subnav2-2 {float:left; background:url(/images/navi/subnav2_2.png) top left no-repeat; width:108px; height:12px; margin:0 0 0 47px;}
.subnav2-3 {float:left; background:url(/images/navi/subnav2_3.png) top left no-repeat; width:82px; height:12px; margin:0 0 0 46px;}
.subnav2-4 {float:left; background:url(/images/navi/subnav2_4.png) top left no-repeat; width:104px; height:12px; margin:0 0 0 47px;}
.subnav2-5 {float:left; background:url(/images/navi/subnav2_5.png) top left no-repeat; width:88px; height:12px; margin:0 0 0 47px;}
.subnav2-6 {float:left; background:url(/images/navi/subnav2_6.png) top left no-repeat; width:54px; height:12px; margin:0 0 0 44px;}
.subnav3 {float:left; background:url(/images/navi/subnav3.png) top left no-repeat; width:317px; height:16px; margin:9px 0 0 447px !important;}
.subnav3-1 {float:left; background:url(/images/navi/subnav3_1.png) top left no-repeat; width:76px; height:16px; margin:0 0 0 40px !important;}
.subnav3-2 {float:left; background:url(/images/navi/subnav3_2.png) top left no-repeat; width:116px; height:14px; margin:3px 0 0 47px;}
.subnav4 {float:right; background:url(/images/navi/subnav4.png) top left no-repeat; width:457px; height:12px; margin:12px 243px 0 0 !important;}
.subnav4-1 {float:left; background:url(/images/navi/subnav4_1.png) top left no-repeat; width:126px; height:12px; margin:0 0 0 40px !important;}
.subnav4-2 {float:left; background:url(/images/navi/subnav4_2.png) top left no-repeat; width:110px; height:12px; margin:0 0 0 50px;}
.subnav4-3 {float:left; background:url(/images/navi/subnav4_3.png) top left no-repeat; width:40px; height:12px; margin:0 0 0 50px;}
.subnav5 {float:right; background:url(/images/navi/subnav5.png) top left no-repeat; width:241px; height:12px; margin:12px 66px 0 0 !important;}
.subnav5-1 {float:left; background:url(/images/navi/subnav5_1.png) top left no-repeat; width:36px; height:12px; margin:0 0 0 39px !important;}
.subnav5-2 {float:left; background:url(/images/navi/subnav5_2.png) top left no-repeat; width:83px; height:12px; margin:0 0 0 46px;}
.subnav1-1:hover, .subnav1-1.active, .subnav3-2:hover, .subnav3-2.active {background-position:0 -15px;}
.subnav2-1:hover, .subnav2-1.active, .subnav2-2:hover, .subnav2-2.active, .subnav2-3:hover, .subnav2-3.active, .subnav2-4:hover, .subnav2-4.active, .subnav2-5:hover, .subnav2-5.active, .subnav2-6:hover, .subnav2-6.active, .subnav4-1:hover, .subnav4-1.active, .subnav4-2:hover, .subnav4-2.active, .subnav4-3:hover, .subnav4-3.active, .subnav5-1:hover, .subnav5-1.active, .subnav5-2:hover, .subnav5-2.active {background-position:0 -12px;}
.subnav3-1.active, .subnav3-1:hover {background-position:0 -19px;}

/*CONTENT*/
#content {margin-top:-24px;}
#auftakt {float:right; background:url(/images/content/auftakt.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#auftakt2 {float:right; background:url(/images/content/auftakt2.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#auftakt2 a#link {position:absolute; top:290px; left:16px; height:38px; width:323px; background:url(/images/content/auftakt2_link.jpg) top left no-repeat;}
#auftakt2 a#link:hover {background-position:0 -42px;}
#auftakt2 a#link2 {position:absolute; top:408px; left:16px; height:15px; width:300px; background:url(/images/content/auftakt2_link2.jpg) top left no-repeat;}
#auftakt2 a#link2:hover {background-position:0 -15px;}
#macher {float:right; background:url(/images/content/macher.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#macher-koepfe {float:right; background:url(/images/content/macher_koepfe.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen {float:right; background:url(/images/content/leistungen.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen-mspiegel {float:right; background:url(/images/content/leistungen_mspiegel.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen-marbeit {float:right; background:url(/images/content/leistungen_marbeit.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen-strategien {float:right; background:url(/images/content/leistungen_strategien.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen-umsetzungen {float:right; background:url(/images/content/leistungen_umsetzungen.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen-workshops {float:right; background:url(/images/content/leistungen_workshops.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen-web20 {float:right; background:url(/images/content/leistungen_web20.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#leistungen-link1 {float:left; position:absolute; text-indent:-9999px; background:url(/images/content/leistungen_link.gif) top left no-repeat; width:239px; height:16px; left:15px; bottom:100px;}
#leistungen-link1:hover {background-position:0px -35px;}
#leistungen-link2 {float:left; position:absolute; text-indent:-9999px; background:url(/images/content/leistungen_link.gif) 0 -16px no-repeat; width:239px; height:16px; left:15px; bottom:83px;}
#leistungen-link2:hover {background-position:0px -51px;}
#branchen {float:right; background:url(/images/content/branchen.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#branchen-uebersicht {float:right; background:url(/images/content/branchen_uebersicht.jpg) top right no-repeat; width:1000px; height:298px; margin:44px 0 0 0;}
#branchen-optiker {float:right; background:url(/images/content/branchen_optiker.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#branchen-optiker-link1 {float:left; position:relative; text-indent:-9999px; background:url(/images/content/branchen_optiker_link.jpg) top left no-repeat; width:218px; height:17px; top:142px; left:15px;}
#branchen-optiker-link1:hover {background-position:0 -75px;}
#branchen-optiker-link2 {clear:left; float:left; position:relative; text-indent:-9999px; background:url(/images/content/branchen_optiker_link.jpg) 0px -19px no-repeat; width:218px; height:17px; top:142px; left:15px;}
#branchen-optiker-link2:hover {background-position:0 -94px;}
#branchen-optiker-link3 {clear:left; float:left; position:relative; text-indent:-9999px; background:url(/images/content/branchen_optiker_link.jpg) 0px -38px no-repeat; width:218px; height:17px; top:142px; left:15px;}
#branchen-optiker-link3:hover {background-position:0 -113px;}
#branchen-optiker-link4 {clear:left; float:left; position:relative; text-indent:-9999px; background:url(/images/content/branchen_optiker_link.jpg) 0px -57px no-repeat; width:218px; height:17px; top:142px; left:15px;}
#branchen-optiker-link4:hover {background-position:0 -132px;}
#resultate {float:right; background:url(/images/content/resultate.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#resultate-beispiele {float:right; background:url(/images/content/resultate_beispiele.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#resultate-empfehlungen {float:right; background:url(/images/content/resultate_empfehlungen.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#resultate-news {float:right; background:url(/images/content/resultate_beispiele.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#kontakt {float:right; background:url(/images/content/kontakt.jpg) top right no-repeat; width:1000px; height:294px; margin:44px 0 0 0;}
#kontakt-links {}
#kontakt-links #mail-link {float:left; position:relative; top:115px; left:60px; text-indent:-9999px; background:url(/images/content/kontakt_link.gif) top left no-repeat; height:16px; width:149px;}
#kontakt-links #skizze-link {float:left; position:relative; top:132px; left: 15px; text-indent:-9999px; background:url(/images/content/kontakt_link.gif) 0 -34px no-repeat; height:16px; width:149px;}
#kontakt-links #formular-link {float:left; position:relative; top:132px; left: 15px; text-indent:-9999px; background:url(/images/content/kontakt_link.gif) 0 -70px no-repeat; height:16px; width:149px;}
#kontakt-links #image-link {float:left; position:relative; top:132px; left: 15px; text-indent:-9999px; background:url(/images/content/kontakt_link.gif) 0 -105px no-repeat; height:16px; width:220px;}
#kontakt-links #mail-link:hover {background-position:0 -18px;}
#kontakt-links #skizze-link:hover {background-position:0 -52px;}
#kontakt-links #formular-link:hover {background-position:0 -88px;}
#kontakt-links #image-link:hover {background-position:0 -123px;}
#kontakt-link-twitter {float:left; position:relative; top:132px; left: 15px; text-indent:-9999px; background:url(/images/content/kontakt_link_twitter.gif) top left no-repeat; height:17px; width:220px;}
#kontakt-link-twitter:hover {background-position:0 -17px;}

#umfragebutton {position:absolute; left:0; top:28.4%; background:url(/images/content/umfragebutton.png) -32px 0 no-repeat; height:170px; width:32px; z-index:1000000;}
#umfragebutton:hover {background-position:top left;}
#umfragebutton-wrap {position:absolute; left:0; top:38.4%; background:url(/images/content/umfragebutton.png) -32px 0 no-repeat; height:170px; width:32px; z-index:1000000;}

#umfragebutton-hor {/*position:absolute; right:0; top:0;*/ float:right; background:url(/images/content/umfragebutton_hor.png) 0 -38px no-repeat; height:38px; width:146px;;}
#umfragebutton-hor:hover {background-position:top left;}

/*NEWS-EINTRAEGE*/
a.news33 {float:left; height:80px; width:365px; background:url(/images/content/news/20090323.gif) top left no-repeat;}
a.news33:hover {background-position:0px -81px;}
a.news32 {float:left; height:80px; width:365px; background:url(/images/content/news/twitter.gif) top left no-repeat;}
a.news32:hover {background-position:0px -81px;}
a.news31 {float:left; height:80px; width:365px; background:url(/images/content/news/20090217.gif) top left no-repeat;}
a.news31:hover {background-position:0px -81px;}
a.news30 {float:left; height:80px; width:365px; background:url(/images/content/news/20090206.gif) top left no-repeat;}
a.news30:hover {background-position:0px -81px;}
a.news29 {float:left; height:80px; width:365px; background:url(/images/content/news/20090122.gif) top left no-repeat;}
a.news29:hover {background-position:0px -81px;}
a.news28 {float:left; height:80px; width:365px; background:url(/images/content/news/20090113.gif) top left no-repeat;}
a.news28:hover {background-position:0px -81px;}
a.news27 {float:left; height:80px; width:365px; background:url(/images/content/news/20081222.gif) top left no-repeat;}
a.news27:hover {background-position:0px -81px;}
a.news26 {float:left; height:80px; width:365px; background:url(/images/content/news/20081210.gif) top left no-repeat;}
a.news26:hover {background-position:0px -81px;}
a.news25 {float:left; height:80px; width:365px; background:url(/images/content/news/20081208.gif) top left no-repeat;}
a.news25:hover {background-position:0px -81px;}
a.news24 {float:left; height:80px; width:365px; background:url(/images/content/news/20081022.gif) top left no-repeat;}
a.news24:hover {background-position:0px -81px;}
a.news23 {float:left; height:80px; width:365px; background:url(/images/content/news/20081013.gif) top left no-repeat;}
a.news23:hover {background-position:0px -81px;}
a.news22 {float:left; height:80px; width:365px; background:url(/images/content/news/20081006.gif) top left no-repeat;}
a.news22:hover {background-position:0px -81px;}
a.news21 {float:left; height:80px; width:365px; background:url(/images/content/news/20080929.gif) top left no-repeat;}
a.news21:hover {background-position:0px -81px;}
a.news20 {float:left; height:80px; width:365px; background:url(/images/content/news/20080715.gif) top left no-repeat;}
a.news20:hover {background-position:0px -81px;}
a.news19 {float:left; height:80px; width:365px; background:url(/images/content/news/20080710.gif) top left no-repeat;}
a.news19:hover {background-position:0px -81px;}
a.news18 {float:left; height:80px; width:365px; background:url(/images/content/news/20080701.gif) top left no-repeat;}
a.news18:hover {background-position:0px -81px;}
a.news17 {float:left; height:80px; width:365px; background:url(/images/content/news/20080627.gif) top left no-repeat;}
a.news17:hover {background-position:0px -81px;}
a.news16 {float:left; height:80px; width:365px; background:url(/images/content/news/20080612.gif) top left no-repeat;}
a.news16:hover {background-position:0px -81px;}
a.news15 {float:left; height:80px; width:365px; background:url(/images/content/news/20080612_2.gif) top left no-repeat;}
a.news15:hover {background-position:0px -81px;}
a.news14 {float:left; height:80px; width:365px; background:url(/images/content/news/20080415.gif) top left no-repeat;}
a.news14:hover {background-position:0px -81px;}
a.news13 {float:left; height:80px; width:365px; background:url(/images/content/news/20080331.gif) top left no-repeat;}
a.news13:hover {background-position:0px -81px;}
a.news12 {float:left; height:80px; width:365px; background:url(/images/content/news/20080229.gif) top left no-repeat;}
a.news12:hover {background-position:0px -81px;}
a.news11 {float:left; height:80px; width:365px; background:url(/images/content/news/20071201.gif) top left no-repeat;}
a.news11:hover {background-position:0px -81px;}
a.news10 {float:left; height:80px; width:365px; background:url(/images/content/news/20071112.gif) top left no-repeat;}
a.news10:hover {background-position:0px -81px;}
a.news9 {float:left; height:80px; width:365px; background:url(/images/content/news/20071105.gif) top left no-repeat;}
a.news9:hover {background-position:0px -81px;}
a.news8 {float:left; height:80px; width:365px; background:url(/images/content/news/20071022.gif) top left no-repeat;}
a.news8:hover {background-position:0px -81px;}
a.news7 {float:left; height:80px; width:365px; background:url(/images/content/news/20070927.gif) top left no-repeat;}
a.news7:hover {background-position:0px -81px;}
a.news6 {float:left; height:80px; width:365px; background:url(/images/content/news/20070927_2.gif) top left no-repeat;}
a.news6:hover {background-position:0px -81px;}
a.news5 {float:left; height:80px; width:365px; background:url(/images/content/news/20070914.gif) top left no-repeat;}
a.news5:hover {background-position:0px -81px;}
a.news4 {float:left; height:80px; width:365px; background:url(/images/content/news/20070421.gif) top left no-repeat;}
a.news4:hover {background-position:0px -81px;}
a.news3 {float:left; height:80px; width:365px; background:url(/images/content/news/20070420.gif) top left no-repeat;}
a.news3:hover {background-position:0px -81px;}
a.news2 {float:left; height:80px; width:365px; background:url(/images/content/news/20070417.gif) top left no-repeat;}
a.news2:hover {background-position:0px -81px;}
a.news1 {float:left; height:80px; width:365px; background:url(/images/content/news/20070417_2.gif) top left no-repeat;}
a.news1:hover {background-position:0px -81px;}


/*OPTIKER POPUPS*/
#optiker2008 {float:left; position:relative; top:0; background:url(/images/content/optiker/optiker2008.gif) top left no-repeat; width:731px; height:650px; margin:10px 0 0 0;}
#optiker2008 #main-optiker-popup #content-holder {width: 960px; height:440px;}
#optiker-teamB2 {float:left; position:relative; top:0; background:url(/images/content/optiker/team_b2.gif) top left no-repeat; width:731px; height:660px; margin:10px 0 0 0;}
#optiker-teamB2 #main-optiker-popup #content-holder {width: 1560px; height:450px;}
#optiker-uebersicht-04-07 {float:left; position:relative; top:0; background:url(/images/content/optiker/uebersicht.gif) top right no-repeat; width:540px; height:390px; margin:10px 0 0 0; text-indent:-9999px;}
#optiker-uebersicht-04-07 #link2007 {position:absolute; left:187px; top:60px; width:232px; height:62px; background:url(/images/content/optiker/uebersicht_2007.gif) top left no-repeat;}
#optiker-uebersicht-04-07 #link2006 {position:absolute; left:118px; top:142px; width:350px; height:62px; background:url(/images/content/optiker/uebersicht_2006.gif) top left no-repeat;}
#optiker-uebersicht-04-07 #link2005 {position:absolute; left:161px; top:224px; width:291px; height:61px; background:url(/images/content/optiker/uebersicht_2005.gif) top left no-repeat;}
#optiker-uebersicht-04-07 #link2004 {position:absolute; left:178px; top:306px; width:219px; height:82px; background:url(/images/content/optiker/uebersicht_2004.gif) top left no-repeat;}


/*ARBEITSBEISPIELE POPUPS */
#popup {float:left; background:url(/images/content/popup_bg.gif) top center no-repeat; padding:116px 20px 6px 20px; margin:auto; text-align:left; font-size:11px;}
#ec4u {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/ec4u.gif) top right no-repeat; width:100%; height:680px; margin:10px 0 0 0;}
#ec4u #main-beispiele-popup #content-holder {width: 2585px; height:440px;}
#prodata {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/prodata.gif) top right no-repeat; width:100%; height:550px; margin:10px 0 0 0;}
#prodata #main-beispiele-popup #content-holder {width: 1610px; height:440px;}
#superstudium-hp {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/superstudium_hp.gif) top right no-repeat; width:100%; height:820px; margin:10px 0 0 0;}
#superstudium-hp #main-beispiele-popup #content-holder {width: 2585px; height:440px;}
#superstudium-trailer {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/superstudium_trailer.gif) top right no-repeat; width:100%; height:770px; margin:10px 0 0 0;}
#superstudium-trailer #trailer {position:absolute; top:65px; left:30px; height:600px; width:320px;}
#superstudium-hmi {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/superstudium_hmi.gif) top right no-repeat; width:100%; height:820px; margin:10px 0 0 0;}
#superstudium-hmi #main-beispiele-popup #content-holder {width: 4535px; height:440px;}
#superausbildung-hp {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/superausbildung_hp.gif) top right no-repeat; width:100%; height:1080px; margin:10px 0 0 0;}
#superausbildung-hp #main-beispiele-popup #content-holder {width: 1935px; height:440px;}
#superausbildung-trailer {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/superausbildung_trailer.gif) top right no-repeat; width:100%; height:650px; margin:10px 0 0 0;}
#superausbildung-trailer #trailer {position:absolute; top:65px; left:30px; height:600px; width:320px;}
#tectoyouth {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/tectoyouth.gif) top right no-repeat; width:100%; height:500px; margin:10px 0 0 0;}
#tectoyouth #trailer {position:absolute; top:65px; left:30px; height:600px; width:320px;}
#ingenieuris {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/ingenieuris.gif) top right no-repeat; width:100%; height:560px; margin:10px 0 0 0;}
#ingenieuris #main-beispiele-popup #content-holder {width: 1935px; height:440px;}
#puf-relaunch {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/puf_relaunch.gif) top right no-repeat; width:100%; height:900px; margin:10px 0 0 0;}
#puf-relaunch #main-beispiele-popup #content-holder {width: 3560px; height:440px;}
#puf-trailer {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/puf_trailer.gif) top right no-repeat; width:100%; height:800px; margin:10px 0 0 0;}
#puf-trailer #trailer {position:absolute; top:65px; left:30px; height:600px; width:320px;}
#mannfilter-fs {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/mannfilter_fs.gif) top right no-repeat; width:100%; height:830px; margin:10px 0 0 0;}
#mannfilter-fs #main-beispiele-popup #content-holder {width: 2585px; height:440px;}
#mannfilter-europa {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/mannfilter_europa.gif) top right no-repeat; width:100%; height:770px; margin:10px 0 0 0;}
#mannfilter-europa #main-beispiele-popup #content-holder {width: 2585px; height:440px;}
#mannfilter-hw {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/mannfilter_hw.gif) top right no-repeat; width:100%; height:770px; margin:10px 0 0 0;}
#mannfilter-hw #main-beispiele-popup #content-holder {width: 1935px; height:440px;}
#mannfilter-nutzfahrzeuge {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/mannfilter_nutzfahrzeuge.gif) top right no-repeat; width:100%; height:690px; margin:10px 0 0 0;}
#mannfilter-nutzfahrzeuge #main-beispiele-popup #content-holder {width: 3235px; height:440px;}
#mannfilter-moskau {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/mannfilter_moskau.gif) top right no-repeat; width:100%; height:800px; margin:10px 0 0 0;}
#mannfilter-moskau #main-beispiele-popup #content-holder {width: 3235px; height:440px;}
#mannfilter-wm2006 {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/mannfilter_wm2006.gif) top right no-repeat; width:100%; height:660px; margin:10px 0 0 0;}
#curasport {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/curasport.gif) top right no-repeat; width:100%; height:810px; margin:10px 0 0 0;}
#curasport #main-beispiele-popup #content-holder {width: 1610px; height:440px;}
#optiker4 {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/optiker4.gif) top right no-repeat; width:100%; height:770px; margin:10px 0 0 0;}
#optiker4 #main-beispiele-popup #content-holder {width: 5185px; height:440px;}
#optiker3 {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/optiker3.gif) top right no-repeat; width:100%; height:770px; margin:10px 0 0 0;}
#optiker3 #main-beispiele-popup #content-holder {width: 3885px; height:440px;}
#optiker2 {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/optiker2.gif) top right no-repeat; width:100%; height:770px; margin:10px 0 0 0;}
#optiker2 #main-beispiele-popup #content-holder {width: 3560px; height:440px;}
#optiker1 {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/optiker1.gif) top right no-repeat; width:100%; height:770px; margin:10px 0 0 0;}
#optiker1 #main-beispiele-popup #content-holder {width: 2910px; height:440px;}
#uni-reutlingen {float:left; position:relative; top:0; background:url(/images/content/arbeitsbeispiele/content/uni_reutlingen.gif) top right no-repeat; width:100%; height:680px; margin:10px 0 0 0;}
#uni-reutlingen #trailer {position:absolute; top:65px; left:30px; height:600px; width:320px;}
a.kommentar-kunde {display: block; width: 160px; height: 27px; background-image: url(/images/content/arbeitsbeispiele/content/kommentar_kunde_1.gif); text-indent:-9999px;}
a.kommentar-kunde:hover {background-image: url(/images/content/arbeitsbeispiele/content/kommentar_kunde_2.gif);}
a.kommentar-presse {display: block; width: 160px; height: 27px; background-image: url(/images/content/arbeitsbeispiele/content/kommentar_presse_1.gif); text-indent:-9999px;}
a.kommentar-presse:hover {background-image: url(/images/content/arbeitsbeispiele/content/kommentar_presse_2.gif);}
a.superstudium-link {display: block; width: 170px; height: 27px; background-image: url(/images/content/arbeitsbeispiele/content/link_superstudium_1.gif); text-indent:-9999px;}
a.superstudium-link:hover {background-image: url(/images/content/arbeitsbeispiele/content/link_superstudium_2.gif);}

/*NEWS POPUPS */
#newspopup {background: url(/images/content/popup_bg.gif) top no-repeat; padding: 116px 20px 60px 20px; margin-bottom:50px;}
.legiblenews {line-height:14px; font-size:11px; text-align:justify; font-family:arial, verdana, sans-serif; padding: 0 10px 0 10px;}
.legiblenews h2 {font-size:16px; line-height:20px; font-weight:bold;}
.legiblenews h3 {font-size:12px; line-height:16px; margin-bottom:10px; color:#666;}
.legiblenews .location {font-size:12px;}
a.iconpdf {display:block; width:32px; height:32px; background: url(/images/content/icn_pdf.gif); background-position:0 0; float:left; margin:10px 29px 0 10px; text-indent:-9999px;}
a.iconpdf:hover {background-position:0 -33px}

/*EMPFEHLUNGEN POPUPS*/
div#empfehlung-mister-atz {float:left; width:392px; height:300px; background:url(/images/content/empfehlungen/content/mister_atz.gif) top left no-repeat; text-indent:-9999px;}
div#empfehlung-curasport {float:left; width:392px; height:439px; background:url(/images/content/empfehlungen/content/curasport.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-curasport {display: block; width: 170px; height: 27px; background: url(/images/content/empfehlungen/content/curasport_link.gif) top left no-repeat; margin:410px 9px 0 215px; text-align:right;}
a.empfehlung-curasport:hover {background: url(/images/content/empfehlungen/content/curasport_link-a.gif) top left no-repeat;}
div#empfehlung-dima {float:left; width:392px; height:366px; background:url(/images/content/empfehlungen/content/dima.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-dima {display: block; width: 170px; height: 27px; background: url(/images/content/empfehlungen/content/dima_link.gif) top left no-repeat; margin:338px 9px 0 220px; text-align:right;}
a.empfehlung-dima:hover {background: url(/images/content/empfehlungen/content/dima_link-a.gif) top left no-repeat;}
div#empfehlung-febi {float:left; width:392px; height:366px; background:url(/images/content/empfehlungen/content/febi.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-febi {display: block; width: 170px; height: 27px; background: url(/images/content/empfehlungen/content/febi_link.gif) top left no-repeat; margin:338px 9px 0 210px; text-align:right;}
a.empfehlung-febi:hover {background: url(/images/content/empfehlungen/content/febi_link-a.gif) top left no-repeat;}
div#empfehlung-mf1 {float:left; width:392px; height:387px; background:url(/images/content/empfehlungen/content/mannfilter1.gif) top left no-repeat; text-indent:-9999px;}
div#empfehlung-mf2 {float:left; width:392px; height:500px; background:url(/images/content/empfehlungen/content/mannfilter2.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-mf2 {display: block; width: 170px; height: 27px; background: url(/images/content/empfehlungen/content/mannfilter_link.gif) top left no-repeat; margin:385px 9px 0 220px; text-align:right;}
a.empfehlung-mf2:hover {background: url(/images/content/empfehlungen/content/mannfilter_link-a.gif) top left no-repeat;}
div#empfehlung-sick {float:left; width:392px; height:360px; background:url(/images/content/empfehlungen/content/sick.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-sick {display: block; width: 110px; height: 27px; background: url(/images/content/empfehlungen/content/sick_link.gif) top left no-repeat; margin:322px 9px 0 270px; text-align:right;}
a.empfehlung-sick:hover {background: url(/images/content/empfehlungen/content/sick_link-a.gif) top left no-repeat;}
div#empfehlung-zvei {float:left; width:392px; height:480px; background:url(/images/content/empfehlungen/content/zvei.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-zvei {display: block; width: 170px; height: 27px; background: url(/images/content/empfehlungen/content/zvei_link.gif) top left no-repeat; margin:445px 9px 0 220px; text-align:right;}
a.empfehlung-zvei:hover {background: url(/images/content/empfehlungen/content/zvei_link-a.gif) top left no-repeat;}
div#empfehlung-puf {float:left; width:392px; height:340px; background:url(/images/content/empfehlungen/content/puf.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-puf {display: block; width: 170px; height: 27px; background: url(/images/content/empfehlungen/content/puf_link.gif) top left no-repeat; margin:275px 9px 0 220px; text-align:right;}
a.empfehlung-puf:hover {background: url(/images/content/empfehlungen/content/puf_link-a.gif) top left no-repeat;}
div#empfehlung-tameling {float:left; width:392px; height:360px; background:url(/images/content/empfehlungen/content/tameling.gif) top left no-repeat; text-indent:-9999px;}
div#empfehlung-elser {float:left; width:392px; height:660px; background:url(/images/content/empfehlungen/content/elserdruck.gif) top left no-repeat; text-indent:-9999px;}
div#empfehlung-vacono {float:left; width:392px; height:450px; background:url(/images/content/empfehlungen/content/vacono.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-vacono {display: block; width: 170px; height: 27px; background: url(/images/content/empfehlungen/content/vacono_link.gif) top left no-repeat; margin:410px 9px 0 215px; text-align:right;}
a.empfehlung-vacono:hover {background: url(/images/content/empfehlungen/content/vacono_link-a.gif) top left no-repeat;}
div#empfehlung-unireutlingen {float:left; width:392px; height:380px; background:url(/images/content/empfehlungen/content/unireutlingen.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-unireutlingen {display: block; width: 200px; height: 27px; background: url(/images/content/empfehlungen/content/unireutlingen_link.gif) top left no-repeat; margin:338px 9px 0 185px; text-align:right;}
a.empfehlung-unireutlingen:hover {background: url(/images/content/empfehlungen/content/unireutlingen_link-a.gif) top left no-repeat;}
div#empfehlung-wm {float:left; width:392px; height:600px; background:url(/images/content/empfehlungen/content/wm.gif) top left no-repeat; text-indent:-9999px;}
a.empfehlung-wm {display: block; width: 200px; height: 27px; background: url(/images/content/empfehlungen/content/wm_link.gif) top left no-repeat; margin:560px 9px 0 200px; text-align:right;}
a.empfehlung-wm:hover {background: url(/images/content/empfehlungen/content/wm_link-a.gif) top left no-repeat;}
div#empfehlung-vkfpreis {float:left; width:580px; height:310px; background:url(/images/content/empfehlungen/content/vkf_preis.gif) top left no-repeat; text-indent:-9999px;}

/*SLIDER*/

/*SLIDER RESULTATE_ARBEITSBEISPIELE*/
#main-beispiele {width: 971px; margin: 0 auto;}
#main-beispiele #content-scroll {width: 971px; height: 220px; overflow: hidden;}
#main-beispiele #content-holder {width: 6228px; height: 200px;} /*"""""Berechnung der Breite: Breite eines content-items * Anzahl content-items + (Anzahl content-items - 1 * margin-right von content-slider)"""""*/
#main-beispiele .content-item {width: 208px; height: 208px; margin:0 7px 0 0; float: left; background:#E5ECF2;}
#main-beispiele .content-item.last {margin:0;}
#main-beispiele .content-item img {}
#main-beispiele #content-slider {width: 971px; margin:0 0 0 3px; height: 10px; background:url(/images/content/btn_sliderbar_blue.jpg) top left no-repeat; position: absolute; bottom:60px; left:12px;}
#main-beispiele .content-slider-handle {width: 16px; height: 16px; position: absolute; bottom: -4px; background:url(/images/content/btn_slider_blue.jpg) top left no-repeat;}

/*SLIDER RESULTATE_ARBEITSBEISPIELE POPUP*/
#main-beispiele-popup {position:absolute; left:0; top:0; width: 310px; margin: 63px 0 0 10px;}
#main-beispiele-popup #content-scroll {width: 310px; height:440px; overflow: hidden;}
#main-beispiele-popup .content-item {width: 310px; height:440px; margin:0 15px 0 0; float: left;}
#main-beispiele-popup .content-item.last {margin:0;}
#main-beispiele-popup .content-item img {}
#main-beispiele-popup #content-slider {width: 310px; margin:0 0 0 0; height: 10px; background:url(/images/content/btn_sliderbar_blue_beispiel.jpg) top right no-repeat; position: absolute; top:450px; left:0;}
#main-beispiele-popup .content-slider-handle {width: 16px; height: 16px; position: absolute; left:0; bottom: -4px; background:url(/images/content/btn_slider_blue.jpg) top left no-repeat;}

/*SLIDER RESULTATE_OPTIKER POPUP*/
#main-optiker-popup {position:absolute; left:0; top:0; width: 300px; margin: 63px 0 0 30px;}
#main-optiker-popup #content-scroll {width: 300px; height:450px; overflow: hidden;}
#main-optiker-popup .content-item {width: 300px; height:450px; margin:0 15px 0 0; float: left;}
#main-optiker-popup .content-item.last {margin:0;}
#main-optiker-popup .content-item img {}
#main-optiker-popup #content-slider {width: 300px; margin:0 0 0 0; height: 10px; background:url(/images/content/btn_sliderbar_green.jpg) top right no-repeat; position: absolute; top:460px; left:0;}
#main-optiker-popup .content-slider-handle {width: 16px; height: 16px; position: absolute; left:0; bottom: -4px; background:url(/images/content/btn_slider_green.jpg) top left no-repeat;}

/*SLIDER RESULTATE_EMPFEHLUNGEN*/
#main-empfehlungen {float:right; width: 591px; margin: 0 12px 0 0;}
#main-empfehlungen #content-scroll {width: 591px; height: 220px; overflow: hidden;}
#main-empfehlungen #content-holder {width: 3218px; height: 200px;}
#main-empfehlungen .content-item {width: 208px; height: 208px; margin:0 7px 0 0; float: left; background:#feddc4;}
#main-empfehlungen .content-item.last {margin:0;}
#main-empfehlungen .content-item img {}
#main-empfehlungen #content-slider {width: 591px; margin:0 0 0 3px; height: 10px; background:url(/images/content/btn_sliderbar_orange.jpg) top right no-repeat; position: absolute; bottom:60px; right:12px;}
#main-empfehlungen .content-slider-handle {width: 16px; height: 16px; position: absolute; bottom: -4px; background:url(/images/content/btn_slider_orange.jpg) top left no-repeat;}

/*SLIDER RESULTATE_NEWS*/
#main-news {width: 971px; margin: 0 auto; text-indent:-9999px;}
#main-news #content-scroll {width: 971px; height: 220px; overflow: hidden;}
#main-news #content-holder {width: 6605px; height: 200px;}
#main-news .item {float:left; width:365px; height:208px;margin:0 25px 0 0;}
#main-news .item.last {margin:0;}
#main-news .content-item {width: 365px; height: 80px; margin:0 0 25px 0; float:left;}
#main-news .content-item.last {margin:0;}
#main-news .content-item img {}
#main-news #content-slider {width: 971px; margin:0 0 0 3px; height: 10px; background:url(/images/content/btn_sliderbar_blue.jpg) top left no-repeat; position: absolute; bottom:60px; left:12px;}
#main-news .content-slider-handle {width: 16px; height: 16px; position: absolute; left:0; bottom: -4px; background:url(/images/content/btn_slider_blue.jpg) top left no-repeat;}