/* ++++++++++++ STYLES FOR SCREEN +++++++++++ */ @media screen, projection { /* ++++++++ GLOBAL LAYOUT +++++++ */ #ContentLayer { background:#fff; width:760px; padding:0 0 10px 10px; margin:0 auto;text-align:left; overflow:hidden; } #Header { width:750px; height:141px; } div.box { width:750px; margin:0 0 15px 0; overflow:hidden; } div.box.single1, div.box.single2, div.box.single3 { padding-bottom:5px; } div.box .bottom { width:750px; overflow:hidden; } div.box div.column1, div.box div.column2, div.box div.column3 { float:left; padding-bottom:5px; padding-bottom:5px; } div.box div.column1 { margin-right:15px; width:368px; } div.box div.column2 { width:367px; } div.box div.column3 { width:145px; } div.box.double2 div.column1 { width:200px; } div.box.double2 div.column2 { width:535px; } div.box.triple1 div.column1, div.box.triple1 div.column2, div.box.triple1 div.column3 { width:240px; } div.box.triple1 div.column2 { margin-right:15px; } div.box .content-box { padding:0 8px 0 10px; overflow:hidden; height:100%; } div.box.double2 .column2 .content-box { padding:0 6px 0 15px; } /* +++++++END GLOBAL LAYOUT ++++ */ /* ++++++++ ELEMENTS +++++++ */ #Header {} #Header #TopHeader { height:80px; width:100%; overflow:hidden; } #Header img#CrealernLogo { margin:8px 0 0 11px; float:left; } #Header ul#Utilities { float:right; padding:9px 0 6px 0; } #Header ul#Utilities li { display:block; } #Header ul#Utilities li#Sitemap { background:transparent url(../media/links/sitemap-ro.gif) 0 0 no-repeat; } #Header ul#Utilities li#Kontakt { background:transparent url(../media/links/kontakt-ro.gif) 0 0 no-repeat; } #Header ul#Utilities li#Disclaimer { background:transparent url(../media/links/disclaimer-ro.gif) 0 0 no-repeat; } #Header ul#Utilities li#Rückgaberecht { background:transparent url(../media/links/ruckgaberecht-ro.gif) 0 0 no-repeat; } #Header ul#Utilities li a { display:block; width:125px; height:15px; margin-bottom:3px; } #Header ul#Utilities li#Sitemap a { background:transparent url(../media/links/sitemap.gif) 0 0 no-repeat; } #Header ul#Utilities li#Kontakt a { background:#fff url(../media/links/kontakt.gif) 0px 0px no-repeat; } #Header ul#Utilities li#Disclaimer a { background:transparent url(../media/links/disclaimer.gif) 0 0 no-repeat; } #Header ul#Utilities li#Rückgaberecht a { background:transparent url(../media/links/ruckgaberecht.gif) 0 0 no-repeat; } #Header ul#Utilities li a:hover { background:none !important; } #Header #Navigation { background:#fc0 url(../media/backgrounds/navigation.gif) 0 0 repeat-x; width:100%; height:52px; overflow:hidden; } #Header #Navigation ul { width:100%; overflow:hidden; margin-top:9px; } #Header #Navigation ul.list2 { margin:2px 0 0 75px; } #Header #Navigation ul li, #Header #Navigation ul a { display:block; float:left; } #Header #Navigation ul a, #Header li#nav1 span { height:18px; } #Header li#nav1 span { display:block; width:135px; background: url(../media/icons/home.gif) 10px 0 no-repeat; } #Header li#nav2 { background: url(../media/links/main-nav-lrs-ro.gif) 0 3px no-repeat; } #Header li#nav3 { background: url(../media/links/main-nav-test1-ro.gif) 0 2px no-repeat; } #Header li#nav4 { background: url(../media/links/main-nav-dyskalkulie-ro.gif) 0 3px no-repeat; } #Header li#nav5 { background: url(../media/links/gesundheit-ro.gif) 0 3px no-repeat; } #Header li#nav6 { background: url(../media/links/newsarchive-ro.gif) 0 3px no-repeat; } #Header li#nav7 { background: url(../media/links/forum-ro.gif) 0 3px no-repeat; } #Header li#nav8 { background: url(../media/links/fundgrube-ro.gif) 0 3px no-repeat; } #Header li#nav2 a { width:160px; background: url(../media/links/main-nav-lrs.gif) 0 3px no-repeat; } #Header li#nav3 a { width:181px; background: url(../media/links/main-nav-test1.gif) 0 2px no-repeat; } #Header li#nav4 a { width:115px; background: url(../media/links/main-nav-dyskalkulie.gif) 0 3px no-repeat; } #Header li#nav5 a { width:170px; background: url(../media/links/gesundheit.gif) 0 3px no-repeat; } #Header li#nav6 a { width:175px; background: url(../media/links/newsarchive.gif) 0 3px no-repeat; } #Header li#nav7 a { width:92px; background: url(../media/links/forum.gif) 0 3px no-repeat; } #Header li#nav8 a { width:136px; background: url(../media/links/fundgrube.gif) 0 3px no-repeat; } #Header #Navigation ul li a:hover { background:none !important; } /* GENERAL DEFINITIONS BOX */ div.box h2#special-attention { width:100%; height:22px; background:#c00 url(../media/headers/h2-keywords.gif) 60px 5px no-repeat; } div.box h3 { width:100%; height:22px; } div.box h3#Hilfe { background:transparent url(../media/headers/h3-hilfe.gif) 290px 0 no-repeat; margin:13px 0 0 0; float:left; width:445px; } div.box h3#SpieleHeader { background:#fc0 url(../media/headers/h3-spiele.gif) 77px 5px no-repeat; } div.box h3.experts1 { background:#fe5000 url(../media/headers/h3-experts.gif) 70px 5px no-repeat; } div.box h3.aus-praxis { background:#336 url(../media/headers/h3-aus-praxis.gif) 304px 5px no-repeat; } div.box h3#LoesungLRS { background:#336 url(../media/headers/h3-loesungLRS.gif) 15px 5px no-repeat; } div.box h3#LoesungLRS2 { background:#336 url(../media/headers/h3-loesungLRS.gif) 85px 5px no-repeat; } div.box h3#HilfeLRS { background:#336 url(../media/headers/h3-hilfeLRS.gif) 95px 5px no-repeat; } div.box h3#MindXExpert { background:#fe5000 url(../media/headers/h3-mindx-expert.gif) 60px 5px no-repeat; } div.box h3#MindXExpert2 { background:#fe5000 url(../media/headers/h3-mindx-expert2.gif) 35px 5px no-repeat; } div.box h3#LRSExperts { background:#fe5000 url(../media/headers/h3-experts.gif) 48px 5px no-repeat; } div.box h3#Newsletter { background:#fc0 url(../media/headers/h3-newsletter.gif) 230px 5px no-repeat; } div.box h3#Blog { background:#900 url(../media/headers/h3-blog.gif) 143px 5px no-repeat; } div.box h3#ErfahrungenDyskalkulie { background:#336 url(../media/headers/h3-erfahrungen-dyskalkulie.gif) 60px 5px no-repeat; } div.box h3#ErfahrungenMindX { background:#336 url(../media/headers/h3-erfahrungen-mindx.gif) 125px 5px no-repeat; } div.box h3#ErfahrungenMindReflection { background:#336 url(../media/headers/h3-erfahrungen-mind-refl.gif) 70px 5px no-repeat; } div.box h3#Forum { background:#039 url(../media/headers/h3-forum.gif) 45px 5px no-repeat; } div.box h3#LrsPaket { background:#fe5000 url(../media/headers/h3-lrs-paket.gif) 24px 5px no-repeat; } div.box h3#RechenPaket { background:#fe5000 url(../media/headers/h3-rechen-paket.gif) 55px 5px no-repeat; } div.box h3#MindReflPaket { background:#fe5000 url(../media/headers/h3-mind-refl-paket.gif) 95px 5px no-repeat; } div.box h3#MindXPaket { background:#fe5000 url(../media/headers/h3-mindx-paket.gif) 145px 5px no-repeat; } div.box h3#KombiPaket1 { background:#fc0 url(../media/headers/h3-kombi-paket1.gif) 85px 5px no-repeat; } div.box h3#KombiPaket2 { background:#fc0 url(../media/headers/h3-kombi-paket2.gif) 45px 5px no-repeat; } div.box h3#TestimonialMindX { background:#336 url(../media/headers/h3-mindx-testimonial.gif) 150px 5px no-repeat; } div.box h3#Fundgrube { background:#060 url(../media/headers/h3-fundgrube.gif) 190px 5px no-repeat; } div.box h4 { width:100%; min-height:27px; } div.box h4#UnsubscribeLists { background:#cc0000 url(../media/headers/h4-unsubscribeLists.gif) 32px 5px no-repeat; } div.box img { float:left; margin:0 12px 3px 0; } div.box p { font-size:0.75em; color:#333; padding:0 0 6px 0px; } div.box p.center { text-align:center; width:100%;} div.box .less-emphasis p { font-size:0.69em; font-family: Verdana, Arial, sans-serif; } div.box .less-emphasis p strong, div.box .less-emphasis p em { font-family: Verdana, Arial, sans-serif; } div.box p.first-paragraph { padding:12px 0 6px 0px; } div.box p.quote { display:block; padding:10px 0 10px 25px;} div.box p.smallest { font-size:0.62em; } div.box p strong { color:#333;} div.box p strong.emphasis { color:#C00; font-weight:normal; } div.box a, div.box a strong { color:#069; cursor:pointer; } div.box p a { text-decoration:underline; } div.box a:hover, div.box a:hover strong { color:#fe5000; cursor:pointer; } div.box a.external { text-decoration:none; display:block; margin-top:4px; font-weight:bold; padding:2px 2px 2px 16px; background:transparent url(../media/links/a-external.gif) 2px 6px no-repeat; } div.box a.external:hover { color:#fe5000; background:transparent url(../media/links/a-external-ro.gif) 2px 6px no-repeat; } div.box p a.pdf { display:block;text-decoration:none; margin-top:4px; font-weight:bold; padding:2px 2px 2px 22px; background:transparent url(../media/links/pdf.gif) 0 0 no-repeat; } ul.more-links { clear:both; width:760px; overflow:hidden; } ul.more-links li { display:inline; font-size:0.69em; float:left; border-bottom:1px solid #333; overflow:hidden; } ul.more-links div { float:right; overflow:hidden; height:1%; padding:2px 3px 0 0; } ul.more-links span, ul.more-links a { float:left; display:block; margin:0 2px 0 2px; font-weight:bold; color:#369; line-height:1.4em; } ul.more-links span {color:#666; } ul.more-links a { width:15px; height:17px; text-indent:-9999em; background:transparent url(../media/links/1.gif) 0 0 no-repeat; } ul.more-links a.more { width:auto; height:auto; background:transparent; } ul.more-links a.more1 { background:transparent url(../media/links/1.gif) 0 0 no-repeat; } ul.more-links a.more1:hover, ul.more-links a.more1-active { background:transparent url(../media/links/1-active.gif) 0 0 no-repeat; } ul.more-links a.more2 { background:transparent url(../media/links/2.gif) 0 0 no-repeat; } ul.more-links a.more2:hover, ul.more-links a.more2-active { background:transparent url(../media/links/2-active.gif) 0 0 no-repeat; } ul.more-links a.more3 { background:transparent url(../media/links/3.gif) 0 0 no-repeat; } ul.more-links a.more3:hover, ul.more-links a.more3-active { background:transparent url(../media/links/3-active.gif) 0 0 no-repeat; } ul.more-links a.more4 { background:transparent url(../media/links/4.gif) 0 0 no-repeat; } ul.more-links a.more4:hover, ul.more-links a.more4-active { background:transparent url(../media/links/4-active.gif) 0 0 no-repeat; } ul.more-links a.more5 { background:transparent url(../media/links/5.gif) 0 0 no-repeat; } ul.more-links a.more5:hover, ul.more-links a.more5-active { background:transparent url(../media/links/5-active.gif) 0 0 no-repeat; } ul.more-links a.more6 { background:transparent url(../media/links/6.gif) 0 0 no-repeat; } ul.more-links a.more6:hover, ul.more-links a.more6-active { background:transparent url(../media/links/6-active.gif) 0 0 no-repeat; } ul.more-links a.more7 { background:transparent url(../media/links/7.gif) 0 0 no-repeat; } ul.more-links a.more7:hover, ul.more-links a.more7-active { background:transparent url(../media/links/7-active.gif) 0 0 no-repeat; } ul.more-links a.more8 { background:transparent url(../media/links/8.gif) 0 0 no-repeat; } ul.more-links a.more8:hover, ul.more-links a.more8-active { background:transparent url(../media/links/8-active.gif) 0 0 no-repeat; } ul.more-links a.more9 { background:transparent url(../media/links/9.gif) 0 0 no-repeat; } ul.more-links a.more9:hover, ul.more-links a.more9-active { background:transparent url(../media/links/9-active.gif) 0 0 no-repeat; } ul.more-links a.more10 { background:transparent url(../media/links/10.gif) 0 0 no-repeat; } ul.more-links a.more10:hover, ul.more-links a.more10-active { background:transparent url(../media/links/10-active.gif) 0 0 no-repeat; } ul.more-links a.more11 { background:transparent url(../media/links/11.gif) 0 0 no-repeat; } ul.more-links a.more11:hover, ul.more-links a.more11-active { background:transparent url(../media/links/11-active.gif) 0 0 no-repeat; } ul.more-links a.more12 { background:transparent url(../media/links/12.gif) 0 0 no-repeat; } ul.more-links a.more12:hover, ul.more-links a.more12-active { background:transparent url(../media/links/12-active.gif) 0 0 no-repeat; } ul.more-links a.more13 { background:transparent url(../media/links/13.gif) 0 0 no-repeat; } ul.more-links a.more13:hover, ul.more-links a.more13-active { background:transparent url(../media/links/13-active.gif) 0 0 no-repeat; } ul.more-links a.more14 { background:transparent url(../media/links/14.gif) 0 0 no-repeat; } ul.more-links a.more14:hover, ul.more-links a.more14-active { background:transparent url(../media/links/14-active.gif) 0 0 no-repeat; } ul.more-links a.more15 { background:transparent url(../media/links/15.gif) 0 0 no-repeat; } ul.more-links a.more15:hover, ul.more-links a.more15-active { background:transparent url(../media/links/15-active.gif) 0 0 no-repeat; } ul.more-links a.more16 { background:transparent url(../media/links/16.gif) 0 0 no-repeat; } ul.more-links a.more16:hover, ul.more-links a.more16-active { background:transparent url(../media/links/16-active.gif) 0 0 no-repeat; } ul.more-links a.more17 { background:transparent url(../media/links/17.gif) 0 0 no-repeat; } ul.more-links a.more17:hover, ul.more-links a.more17-active { background:transparent url(../media/links/17-active.gif) 0 0 no-repeat; } ul.more-links a.more18 { background:transparent url(../media/links/18.gif) 0 0 no-repeat; } ul.more-links a.more18:hover, ul.more-links a.more18-active { background:transparent url(../media/links/18-active.gif) 0 0 no-repeat; } ul.more-links a.more19 { background:transparent url(../media/links/19.gif) 0 0 no-repeat; } ul.more-links a.more19:hover, ul.more-links a.more19-active { background:transparent url(../media/links/19-active.gif) 0 0 no-repeat; } ul.more-links a.more20 { background:transparent url(../media/links/20.gif) 0 0 no-repeat; } ul.more-links a.more20:hover, ul.more-links a.more20-active { background:transparent url(../media/links/20-active.gif) 0 0 no-repeat; } ul.more-links a.back { width:auto; height:auto; background:transparent url(../media/links/back.gif) 0 4px no-repeat; text-indent:0; padding:0 2px 0 12px; } ul.more-links a.back:hover { background:transparent url(../media/links/back-ro.gif) 0 4px no-repeat; } ul.more-links a.more { width:auto; height:auto; background:transparent url(../media/links/mehr.gif) 100% 4px no-repeat; text-indent:0; padding:0 12px 0 2px; } ul.more-links a.more:hover { background:transparent url(../media/links/mehr-ro.gif) 100% 4px no-repeat; } #Spiele-6-10.hide, #Spiele-11-15.hide, #Spiele-16-20.hide { display:none; } ul.list { list-style:disc; margin:-3px 15px 10px 5px; } ul.list li { font-size:0.69em; margin:0 0 0 20px; width:auto !important; padding:0 0 4px 0; font-family: Verdana, Arial, sans-serif; } /* END GENERAL DEFINITIONS */ /* SINGLE BOXES ====================================== */ /* SINGLE1 BOX: Quicklinks - Special attention */ div.box.single1 { border-bottom:1px solid #333; } div.box.single1 { background:#fff url(../media/backgrounds/single1-bg.gif) 0px 0px repeat-y; } div.box.single1 ul { float:left; margin:0; padding:0 0 0 40px; } div.box.single1 .list { clear:both; } div.box.single1 ul li, div.box.single1 ul li a { display:block; height:21px; } div.box.single1 ul li#LesenQuick { width:220px; background:transparent url(../media/links/lesen-quick-link-ro.gif) 0 0 no-repeat; } div.box.single1 ul li#LesenQuick a { width:180px; background:transparent url(../media/links/lesen-quick-link.gif) 0 0 no-repeat; } div.box.single1 ul li#SchreibenQuick { width:220px; background:transparent url(../media/links/schreiben-quick-link-ro.gif) 0 0 no-repeat; } div.box.single1 ul li#SchreibenQuick a { width:180px; background:transparent url(../media/links/schreiben-quick-link.gif) 0 0 no-repeat; } div.box.single1 ul li#RechnenQuick { width:200px; background:transparent url(../media/links/rechnen-quick-link-ro.gif) 0 0 no-repeat; } div.box.single1 ul li#RechnenQuick a { width:180px; background:transparent url(../media/links/rechnen-quick-link.gif) 0 0 no-repeat; } div.box.single1 ul li#KonzentrationQuick { width:200px; background:transparent url(../media/links/konz-quick-link-ro.gif) 0 0 no-repeat; } div.box.single1 ul li#KonzentrationQuick a { width:180px; background:transparent url(../media/links/konz-quick-link.gif) 0 0 no-repeat; } div.box.single1 ul li#AufmerksamkeitQuick { width:180px; background:transparent url(../media/links/aufmerk-quick-link-ro.gif) 0 0 no-repeat; } div.box.single1 ul li#AufmerksamkeitQuick a { width:180px; background:transparent url(../media/links/aufmerk-quick-link.gif) 0 0 no-repeat; } div.box.single1 a#ThreeForTwoLink { display:block; font-size:1.1em; padding:4px 0; text-align:center; clear:both; } div.box.single1 ul li#SchlafenQuick { width:180px; background:transparent url(../media/links/schlafen-quick-link-ro.gif) 0 0 no-repeat; } div.box.single1 ul li#SchlafenQuick a { width:180px; background:transparent url(../media/links/schlafen-quick-link.gif) 0 0 no-repeat; } div.box.single1 ul li a:hover { background:none !important; } div.box.single1 #FragenBox { float:right; border-bottom:1px solid #c00; border-left:1px solid #c00; line-height:1.2em; padding:1px 0 0 0; margin-right:-8px; width:228px; overflow:hidden; } div.box.single1 #FragenBox span { display:block; float:left; padding:2px 4px 1px 15px; font-size:0.69em;} div.box.single1 #FragenBox a { display:block; float:left; padding:2px 18px 2px 0; font-size:0.69em;background:url(../media/icons/telephone-blue.gif) 100% 0 no-repeat; } div.box.single1 #FragenBox a:hover { background:transparent url(../media/icons/telephone-orange.gif) 100% 0 no-repeat; } /* END SINGLE1 */ /* SINGLE2 BLOG */ div.box.single2 { border-bottom:1px solid #333; } div.box.single2 { background:#fff url(../media/backgrounds/single2-bg.gif) 0px 0px repeat-y; } div.box.single2 .content-box { } #KennedyBlogPhoto { float:left; padding:0 60px 20px 28px; } div.box.single2 .left { float:left; width:505px; padding-top:10px; } div.box.single2 h4 { background:#efefef url(../media/headers/h4-blog.gif) 60px 0px no-repeat; width:100%; height:60px; } div.box.single2 h5 { background:#efefef url(../media/headers/h5-blog.gif) 160px 0px no-repeat; width:100%; height:18px; } #BlogContent { width:475px !important; width /**/:505px; height:120px !important; height /**/:150px; padding:15px 15px; border:1px solid #333; background:#fff; } #BlogContent { font-size:0.75em; } #BlogContent p { font-size:100%; } #BlogContent a { font-weight:bold;color:#069; } #BlogContent a:hover { color:#fe5000; } /* END SINGLE2 */ /* SINGLE3 FORUM */ div.box.single3 { border-bottom:1px solid #333; } div.box.single3 { background:#fff url(../media/backgrounds/single3-bg.gif) 0px 0px repeat-y; } #ForumPhoto { float:left; padding:0 45px 20px 23px; } div.box.single3 .left { float:left; width:505px; padding-top:10px; } div.box.single3 h4 { font-size:0.75em; padding:0 0 15px 95px; color:#333; } div.box.single3 ul { list-style:disc; margin:-3px 0 3px 0; } div.box.single3 ul li { font-size:0.75em; line-height:1.4em; margin:0 0 0 20px; } div.box.single3 .less-emphasis ul li { font-size:0.69em; font-family: Verdana, Arial, sans-serif; } /* END SINGLE3 */ /* SINGLE4 EMPFEHLUNG FUNDGRUBE */ div.box.single4 { border-bottom:1px solid #333; } div.box.single4 { background:#fff url(../media/backgrounds/single4-bg.gif) 0px 0px repeat-y; } #FundgrubeImage { float:left; padding:0 60px 20px 28px; } div.box.single4 .left { float:left; width:505px; padding-top:15px; } div.box.single4 h4 { background:#efefef url(../media/headers/h4-fundgrube.gif) 70px 0px no-repeat; width:100%; height:55px; } #FundgrubeContent { width:470px !important; width /**/:500px; height:120px !important; height /**/:150px; padding:15px 20px 15px 15px; border:1px solid #333; background:#fff; overflow-x:hidden; } #FundgrubeContent .testimonial { border:1px solid #333; padding:5px 15px; margin:10px 0; } #FundgrubeContent p { font-size:0.75em; padding:0 0 8px 0; } #FundgrubeContent h4 { color:#c00; padding:0 0 8px 0; background:#fff; font-size:0.75em; height:auto; } #FundgrubeContent h4.centered { text-align: center; } #FundgrubeContent h5 { padding:0 0 4px 0; font-size:0.75em; } #FundgrubeContent a { font-weight:bold;color:#069; text-decoration:underline; } #FundgrubeContent a:hover { color:#fe5000; } #FundgrubeContent img.block { display:block; float:none; } #FundgrubeContent ul { margin:0 15px 10px 0; } #FundgrubeContent ul li { font-size:0.75em; font-family: Arial,Verdana, sans-serif; } #FundgrubeContent ul li li { font-size:100%; } #FundgrubeContent ul li a { display:inline; } #FundgrubeContent ul.list { list-style:disc; margin:0 15px 10px 5px; } #FundgrubeContent ul.list li { margin:0 0 0 20px; padding:0 0 4px 0; } #FundgrubeContent ul.list ul.list { margin:5px 15px 5px 5px; } #FundgrubeContent ol { list-style-type: decimal; margin:0 15px 10px 5px; } #FundgrubeContent ol li { margin:0 0 0 20px; padding:0 0 4px 0; font-size:0.75em; font-family: Arial,Verdana, sans-serif; } #FundgrubeContent .with-image { width:460px; overflow:hidden; } #FundgrubeContent .with-image img { float:left; } #FundgrubeContent .with-image .right { width:340px; float:right; } ul#FundgrubeLinks { width:100%; overflow:hidden; } ul#FundgrubeLinks li { font-size:0.75em; float:left; width:160px; } ul#FundgrubeLinks li.first-item { width:185px; } /* END SINGLE4 */ /* DOUBLE BOXES ====================================== */ /* DOUBLE1 two recommendations*/ div.box.double1 { background:#fff url(../media/backgrounds/double1-bg.gif) 0px 0px repeat-y; } div.box.double1.blue1 { background:#fff url(../media/backgrounds/double1-blue1-bg.gif) 0px 0px repeat-y; } div.box.double1.blue2 { background:#fff url(../media/backgrounds/double1-blue2-bg.gif) 0px 0px repeat-y; } div.box.double1 div.bottom { background:transparent url(../media/backgrounds/double1-bottom.gif) 0px 100% no-repeat; min-height:280px; min-height:300px; } h4#Goldman { float:left; background:transparent url(../media/headers/h4-goldman.gif) 0px 0px no-repeat; width:240px; height:31px; margin:12px 0 5px 0; } div.box.double1 ul.more-links { background:transparent url(../media/backgrounds/double1-more-links.gif) 0 0 repeat-y; } div.box.double1.blue2 ul.more-links { background:transparent url(../media/backgrounds/double1-blue2-more-links.gif) 0 0 repeat-y; } div.box.double1 li.li-column1 { width:368px; margin:0 15px 0 0; } /* temp: */ div.box.double1.blue1 li.li-column1 { padding:2px 0 3px 0; } div.box.double1 li.li-column2 { width:367px; } /* END DOUBLE1 */ /* DOUBLE2 recommendation + Newsletter */ div.box.double2 { background:#fff url(../media/backgrounds/double2-bg.gif) 0px 0px repeat-y; } div.box.double2 div.bottom { background:transparent url(../media/backgrounds/double2-bottom.gif) 0px 100% no-repeat; } div.box.double2 .column1 img { padding:0 30px 8px 45px; } h4#LetzteNewsLetter { background:transparent url(../media/headers/h4-letzte-newsletter.gif) 114px 0px no-repeat; width:99%; height:18px; } #NewsLetterContent { width:475px; height:80px; padding:15px 15px; border:1px solid #333; background:#fff; } #NewsLetterContent h5 { font-size:0.75em; padding:0; margin:0; } #NewsLetterContent a, #NewsLetterContent a strong { color:#069; } #NewsLetterContent a:hover, #NewsLetterContent a:hover strong { color:#fe5000; } #NewsLetterForm { width:440px !important; width /**/:550px; padding:0 30px 15px 35px; border:1px solid #333; background:#fff; margin:0 0 10px 0; } h4#InsiderTips { background:transparent url(../media/headers/h4-insidertips.gif) 0 0 no-repeat; width:454px; height:40px; margin:10px -30px 10px -20px; } #NewsLetterForm ul { list-style:disc; margin:12px 0 3px 15px; } #NewsLetterForm ul li { font-size:0.75em; line-height:1.4em; margin:0 0 0 20px; } #Form1 { margin:10px 0 10px 55px; width:290px; } #Form1 .row { padding:0 0 5px 0; width:100%; overflow:hidden; } #Form1 .validation-control { display:none; clear:both; font-size:0.69em; padding:1px 0 1px 104px; color:#c00; background:transparent url(../media/icons/validation.gif) 92px 3px no-repeat; } #Form1 #RowBundesland.row { display:none; } #Form1 .radiobuttons { margin-left:90px; } #Form1 label, #Form1 input, #Form1 select { font-size:0.75em; color:#333; display:block; float:left; } #Form1 .radiobuttons label, #Form1 .radiobuttons input { float:none; display:inline; } #Form1 label { width:90px; padding-top:2px; } #Form1 input.text { width:180px; padding:1px 0;} #Form1 select { width:184px; } #Form1 #SubmitButton { margin:4px 0 0 0; display:inline; width:270px; font-size:0.69em; color:#C00; font-weight:bold; } /* END DOUBLE2 */ /* DOUBLE3 PRODUCTS 1 to 4 & DOUBLE4 KOMBI packages*/ div.box.double3 { background:#fff url(../media/backgrounds/double3-bg.gif) 0px 0px repeat-y; } div.box.double3 div.bottom { background:transparent url(../media/backgrounds/double3-bottom.gif) 0px 100% no-repeat; } div.box.double4 { background:#fff url(../media/backgrounds/double4-bg.gif) 0px 0px repeat-y; } div.box.double4 div.bottom { background:transparent url(../media/backgrounds/double4-bottom.gif) 0px 100% no-repeat; } div.box.double3 img, div.box.double4 img { margin-bottom:0px !important; margin-bottom /**/:10px; padding-bottom:5px !important; padding-bottom /**/:5px; } div.box.double3 .left, div.box.double4 .left { float:left; width:190px; } div.box.double3 h4, div.box.double4 h4 { font-size:0.75em; color:#333; padding:10px 0 5px 0; } /* END DOUBLE3 */ /* TRIPLE BOXES ====================================== */ /* TRIPLE1 */ div.box.triple1 { background:#fff url(../media/backgrounds/triple1-bg.gif) 0px 0px repeat-y; } div.box.triple1 div.bottom { background:transparent url(../media/backgrounds/triple1-bottom.gif) 0px 100% no-repeat; min-height:360px; } .triple1 .column2 img { margin:0 25px 3px 25px; } div.box.triple1 ul.more-links { background:transparent url(../media/backgrounds/triple1-more-links.gif) 0 0 repeat-y; } div.box.triple1 li { width:240px; } div.box.triple1 li.li-column2 { margin:0 15px 0 15px; } div.box.triple1 #Spiele img { display:block; float:none; margin:0 auto; } /* END TRIPLE1 */ /* FOOTER */ #footer { text-align:center; margin-top:-10px; } #footer p { font-size:0.69em; line-height:1.4em; } #footer p a { color:#069; } #footer p a:hover { color:#fe5000; } /* FOOTER */ /* ++++++++ END ELEMENTS +++++++ */ } /* ++++++++++++ STYLES FOR PRINT +++++++++++ */ @media print { }