@import "general.css"; body { background: #a8df14 url(images/bg.png) repeat-x top left; } /* -------------------------------------------------------------------------------------- - header ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ /* header: non selected */ div#header0 { background-image: url(images/standard/header/header0_4tabs.png); } div#header0 ul.menu li a { background-image: url(images/standard/header/header0_sprite.png) } /* header: home */ div#header1 { background-image: url(images/standard/header/header1_4tabs.png); } div#header1 ul.menu li a { background-image: url(images/standard/header/header1_sprite.png); } /* header: inform */ div#header2 { background-image: url(images/standard/header/header2_4tabs.png); } div#header2 ul.menu li a { background-image: url(images/standard/header/header2_sprite.png); } /* header: play */ div#header3 { background-image: url(images/standard/header/header3_4tabs.png); } div#header3 ul.menu li a { background-image: url(images/standard/header/header3_sprite.png); } /* header: buy */ div#header4 { background-image: url(images/standard/header/header4_4tabs.png); } div#header4 ul.menu li a { background-image: url(images/standard/header/header4_sprite.png); } /* header common styles */ div#header0 a.logo, div#header1 a.logo, div#header2 a.logo, div#header3 a.logo, div#header4 a.logo { left:0; position:absolute; top:3px; width: 175px; height: 60px; display: block; } div#header0, div#header1, div#header2, div#header3, div#header4 { position: relative; width: 970px; height: 125px; background-repeat: no-repeat; background-position: left top; } div#header0 ul.menu, div#header1 ul.menu, div#header2 ul.menu, div#header3 ul.menu, div#header4 ul.menu { margin: 0; padding: 0; position: absolute; top: 32px; left: 168px; background-repeat: no-repeat; background-position: left top;} div#header0 ul.menu li, div#header1 ul.menu li, div#header2 ul.menu li, div#header3 ul.menu li, div#header4 ul.menu li { list-style: none; float: left; margin: 0; padding: 0; } div#header0 ul.menu li a, div#header1 ul.menu li a, div#header2 ul.menu li a, div#header3 ul.menu li a, div#header4 ul.menu li a { display: block; float: left; height: 48px; no-repeat top left; } div#header0 ul.menu li a.menu1, div#header1 ul.menu li a.menu1, div#header2 ul.menu li a.menu1, div#header3 ul.menu li a.menu1, div#header4 ul.menu li a.menu1 { width: 75px; background-position: 0 0px; } div#header0 ul.menu li a.menu1 { width: 78px; } div#header3 ul.menu li a.menu1 { width: 77px; } div#header4 ul.menu li a.menu1 { width: 77px; } div#header0 ul.menu li a.menu1:hover, div#header1 ul.menu li a.menu1:hover, div#header2 ul.menu li a.menu1:hover, div#header3 ul.menu li a.menu1:hover, div#header4 ul.menu li a.menu1:hover { background-position: 0 -49px; } div#header0 ul.menu li a.menu2, div#header1 ul.menu li a.menu2, div#header2 ul.menu li a.menu2, div#header3 ul.menu li a.menu2, div#header4 ul.menu li a.menu2 { width: 163px; background-position: 0 -98px; } div#header0 ul.menu li a.menu2 { width: 162px; } div#header1 ul.menu li a.menu2 { width: 165px; } div#header2 ul.menu li a.menu2 { width: 169px; } div#header0 ul.menu li a.menu2:hover, div#header1 ul.menu li a.menu2:hover, div#header2 ul.menu li a.menu2:hover, div#header3 ul.menu li a.menu2:hover, div#header4 ul.menu li a.menu2:hover { background-position: 0 -147px; } div#header0 ul.menu li a.menu3, div#header1 ul.menu li a.menu3, div#header2 ul.menu li a.menu3, div#header3 ul.menu li a.menu3, div#header4 ul.menu li a.menu3 { width: 174px; background-position: 0 -196px; } div#header2 ul.menu li a.menu3 { width: 170px; } div#header4 ul.menu li a.menu3 { width: 172px; } div#header0 ul.menu li a.menu3:hover, div#header1 ul.menu li a.menu3:hover, div#header2 ul.menu li a.menu3:hover, div#header3 ul.menu li a.menu3:hover, div#header4 ul.menu li a.menu3:hover { background-position: 0 -245px; } div#header0 ul.menu li a.menu4, div#header1 ul.menu li a.menu4, div#header2 ul.menu li a.menu4, div#header3 ul.menu li a.menu4, div#header4 ul.menu li a.menu4 { width: 129px; background-position: 0 -294px; } div#header4 ul.menu li a.menu4 { width: 133px; } div#header0 ul.menu li a.menu4:hover, div#header1 ul.menu li a.menu4:hover, div#header2 ul.menu li a.menu4:hover, div#header3 ul.menu li a.menu4:hover, div#header4 ul.menu li a.menu4:hover { background-position: 0 -343px; } div#header0 ul.submenu, div#header1 ul.submenu, div#header2 ul.submenu, div#header3 ul.submenu, div#header4 ul.submenu { float: left; margin: 0; padding: 0; position: absolute; top:87px; left: 15px; list-style-type: none; } div#header0 ul.submenu li, div#header1 ul.submenu li, div#header2 ul.submenu li, div#header3 ul.submenu li, div#header4 ul.submenu li { float: left; padding: 0 8px; border-right: #9CC224 1px solid; } div#header0 ul.submenu li.last, div#header1 ul.submenu li.last, div#header2 ul.submenu li.last, div#header3 ul.submenu li.last, div#header4 ul.submenu li.last { border-right: none; } div#header0 ul.submenu li a, div#header1 ul.submenu li a, div#header2 ul.submenu li a, div#header3 ul.submenu li a, div#header4 ul.submenu li a { font-size: 14px; color: #5D7C35; font-weight: bold; text-decoration: none; } div#header0 ul.submenu li a:focus, div#header1 ul.submenu li a:focus, div#header2 ul.submenu li a:focus, div#header3 ul.submenu li a:focus, div#header4 ul.submenu li a:focus { color: #015769; } div#header0 ul.submenu li a:active, div#header1 ul.submenu li a:active, div#header2 ul.submenu li a:active, div#header3 ul.submenu li a:active, div#header4 ul.submenu li a:active { color: #015769; font-weight: bold; } div#header0 ul.submenu li a:hover, div#header1 ul.submenu li a:hover, div#header2 ul.submenu li a:hover, div#header3 ul.submenu li a:hover, div#header4 ul.submenu li a:hover { color: #107993; text-decoration: underline; } div#header0 ul.submenu li a.active, div#header1 ul.submenu li a.active, div#header2 ul.submenu li a.active, div#header3 ul.submenu li a.active, div#header4 ul.submenu li a.active { color: #2b3f1c; } div#header0 ul.links, div#header1 ul.links, div#header2 ul.links, div#header3 ul.links, div#header4 ul.links { margin: 0; padding: 0; position: absolute; top: 12px; left: 700px; list-style-type: none; } div#header0 ul.links li, div#header1 ul.links li, div#header2 ul.links li, div#header3 ul.links li, div#header4 ul.links li { float: left; padding: 0 6px; border-right: #FFFFFF 1px solid; color: #FFFFFF; font-size: 11px; } div#header0 ul.links li.last, div#header1 ul.links li.last, div#header2 ul.links li.last, div#header3 ul.links li.last, div#header4 ul.links li.last { border-right: none; } div#header0 ul.links li a, div#header1 ul.links li a, div#header2 ul.links li a, div#header3 ul.links li a, div#header4 ul.links li a { color: #FFFFFF; font-size: 11px; text-decoration: none; } div#header0 ul.links li a:hover, div#header1 ul.links li a:hover, div#header2 ul.links li a:hover, div#header3 ul.links li a:hover, div#header4 ul.links li a:hover { text-decoration: underline; } div#header0 ul.links li a.blog, div#header1 ul.links li a.blog, div#header2 ul.links li a.blog, div#header3 ul.links li a.blog, div#header4 ul.links li a.blog { padding: 0 0 0 22px; font-weight: bold; background: url(images/header/header2_icon_blog.png) no-repeat 0px 0px; } /* -------------------------------------------------------------------------------------- - content |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ div#content h1 { color: #005668; } div#content h1.pageHeadline { font-size:50px; color: white; text-transform: none; margin-bottom: 0px; padding: 0px;} div#content h2 { color: #005668; } div#content h3 { color: #005668; } div#content h4 { color: #005668; } div.threeQuarterBoxLeft { float: left; width: 711px; margin: 5px 0; overflow: hidden; } div.threeQuarterBoxLeftTop { float: left; width: 711px; height: 11px; background: url(images/standard/content/box_34_top.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.threeQuarterBoxLeftBody { clear: left; width: 689px; min-height: 300px; height: auto !important; height: 300px; padding: 12px 11px; background: url(images/standard/content/box_34_bg.png) repeat-y; } div.threeQuarterBoxLeftBottom { clear: left; width: 711px; height: 28px; background: url(images/standard/content/box_34_bottom.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.threeQuarterColumnLeft { float: left; width: 711px; margin: 5px 0; overflow: hidden; } div.threeQuarterColumnLeftBottom { float: left; width: 711px; height: 14px; line-height: 1px; overflow: hidden; } div.threeQuarterColumnLeftBody { clear: left; width: 689px; padding: 12px 11px; } div.threeQuarterColumnLeftBottom { clear: left; width: 711px; height: 28px; line-height: 1px; overflow: hidden; } div.oneQuarterColumnRight { float: left; width: 252px; margin: 5px 0; overflow: hidden; } div.oneQuarterColumnRightBottom { float: left; width: 252px; height: 14px; line-height: 1px; overflow: hidden; } div.oneQuarterColumnRightBody { clear:left; width: 230px; padding: 0px 11px; } div.oneQuarterColumnRightBottom { clear: left; width: 252px; height: 23px; line-height: 1px; overflow: hidden; } div.oneHalfBoxLeft, div.oneHalfBoxRight { float: left; width: 480px; margin: 5px 0; overflow: hidden; } div.oneHalfBoxLeftTop, div.oneHalfBoxRightTop { float: left; width: 480px; height: 28px; background: url(images/standard/content/box_24_top.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.oneHalfBoxLeftBody, div.oneHalfBoxRightBody { clear: left; width: 458px; min-height: 300px; height: auto !important; height: 300px; padding: 12px 11px; background: url(images/standard/content/box_24_bg.png) repeat-y 0 0; } div.oneHalfBoxLeftBottom, div.oneHalfBoxRightBottom { clear: left; width: 480px; height: 28px; background: url(images/standard/content/box_24_bottom.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.elternBoxL { float: left; width: 711px; margin: 5px 0; overflow: hidden; } div.elternBoxLTop { float: left; width: 711px; height: 28px; background: url(images/standard/content/box_34_top.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.elternBoxLBody { clear: left; width: 689px; min-height: 350px; height: auto !important; height: 300px; padding: 12px 11px; background: url(images/standard/content/box_34_bg.png) repeat-y 0 0; } div.elternBoxLBottom { clear: left; width: 711px; height: 28px; background: url(images/standard/content/box_34_bottom.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.elternBoxR { float: left; width: 252px; margin: 5px 0; overflow: hidden; } div.elternBoxRTop { float:left; width: 252px; height: 23px; background: url(images/standard/content/box_14_top.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.elternBoxRBody { clear: left; float:left; width: 230px; padding: 11px; background: transparent url(images/standard/content/box_14_bg.png) repeat-y scroll 0 170px; } div.elternBoxRBody iframe.iframeBox { margin-left: 8px; } div.elternBoxRBottom { clear: left; width: 252px; height: 23px; background: url(images/standard/content/box_14_bottom.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.elternBoxRBlau { float: left; width: 253px; margin: 5px 0; background: transparent url(images/eltern_lehrer/rightBoxBlau_bg.png) no-repeat scroll 0 170px; overflow: hidden; } div.elternBoxRBodyBlau { float:left; width: 231px; min-height: 151px; height: auto !important; height: 150px; padding: 11px; padding-bottom: 1px; background: url(images/eltern_lehrer/rightBoxBlau_top.png) no-repeat 0 0; } div.elternBoxRBottomBlau { clear: left; width: 253px; height: 23px; background: url(images/eltern_lehrer/rightBoxBlau_bottom.png) no-repeat 0 0; line-height: 1px; overflow: hidden; } div.elternBoxRGruen { float: left; width: 253px; margin: 5px 0; background: transparent url(images/eltern_lehrer/rightBoxGruen_bg.png) no-repeat scroll 0 170px; overflow: hidden; } div.elternBoxRBodyGruen { float:left; width: 231px; min-height: 151px; height: auto !important; height: 150px; padding: 11px; padding-bottom: 1px; background: url(images/eltern_lehrer/rightBoxGruen_top.png) no-repeat 0 0; } div.elternBoxRBottomGruen { clear: left; width: 253px; height: 23px; background: url(images/eltern_lehrer/rightBoxGruen_bottom.png) no-repeat 0 0; line-height: 1px; overflow: hidden; } div.elternBoxRPink { float: left; width: 253px; margin: 5px 0; background: transparent url(images/eltern_lehrer/rightBoxPink_bg.png) no-repeat scroll 0 170px; overflow: hidden; } div.elternBoxRBodyPink { float:left; width: 231px; min-height: 151px; height: auto !important; height: 150px; padding: 11px; padding-bottom: 1px; background: url(images/eltern_lehrer/rightBoxPink_top.png) no-repeat 0 0; } div.elternBoxRBottomPink { clear: left; width: 253px; height: 23px; background: url(images/eltern_lehrer/rightBoxPink_bottom.png) no-repeat 0 0; line-height: 1px; overflow: hidden; } div.elternBoxRBlau, div.elternBoxRGruen, div.elternBoxRPink { position: relative; top: -1px; } div.elternBoxRBodyBlau h3, div.elternBoxRBodyGruen h3, div.elternBoxRBodyPink h3 { margin: 10px 10px -10px 10px; } div.elternBoxRBodyBlau p, div.elternBoxRBodyGruen p, div.elternBoxRBodyPink p { margin: 10px 10px 0px 10px; } div.elternBoxRBodyBlau div.flashCentering, div.elternBoxRBodyGruen div.flashCentering, div.elternBoxRBodyPink div.flashCentering { margin: 10px auto 0px auto; } div.elternBoxRBodyBlau img.teaserMultiWeiter, div.elternBoxRBodyGruen img.teaserMultiWeiter, div.elternBoxRBodyPink img.teaserMultiWeiter { margin: 10px 10px 0px 120px; } div.elternBoxRBodyBlau img.teaserMultiImage, div.elternBoxRBodyGruen img.teaserMultiImage, div.elternBoxRBodyPink img.teaserMultiImage { display: block; margin: 10px auto 0px auto; } div.bigBox { float: left; width: 962px; margin: 5px 0; background: url(images/eltern_lehrer/bigBox_bg.png) repeat-y; overflow: hidden; } div.bigBoxBody { width: 940px; min-height: 620px; height: auto !important; height: 620px; padding: 12px 11px; background: url(images/eltern_lehrer/bigBox_top.png) no-repeat 0px 0px; } div.bigBoxIL { float: left; width: 710px; } div.bigBoxIR { float: left; width: 230px; } div.bigBoxBottom { clear: left; width: 962px; height: 28px; background: url(images/eltern_lehrer/bigBox_bottom.png) no-repeat 0 0; line-height: 1px; overflow: hidden; } /* tabs common */ div.tabLC { float: left; width: 10px !important; height: 35px; overflow: hidden; } div.tabM { float: left; width: auto; height: 35px; padding: 12px 0 0 0; } div.tabRC { float: left; width: 10px !important; height: 35px; overflow: hidden; } /* rahmen boxes */ div#columnContainer div.rahmenbox675 { float: left; width: 675px; margin: 7px; } div#columnContainer div.rahmenbox675h { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -20px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenbox675b { width: 645px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -910px 0; overflow: hidden; } div#columnContainer div.rahmenbox675f { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -30px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenhr675 { display: block; clear: left; width: 675px; height: 2px; margin: 5px; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) repeat-x 0px -245px; line-height: 1px; overflow: hidden; border: none; } div#columnContainer div.rahmenbox445 { float: left; width: 437px; margin: 7px; } div#columnContainer div.rahmenbox445h { width: 437px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -40px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenbox445b { width: 407px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -1590px 0; overflow: hidden; } div#columnContainer div.rahmenbox445f { width: 437px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -50px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenhr445 { display: block; clear: left; width: 407px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -245px; line-height: 1px; overflow: hidden; border: none; } div#columnContainer div.rahmenbox215 { float: left; width: 215px; margin: 7px; } div#columnContainer div.rahmenbox215h { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -20px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenbox215b { width: 185px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -2380px 0; overflow: hidden !important; overflow: visible; } div#columnContainer div.rahmenbox215f { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -30px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenhr215 { display: block; clear: left; width: 185px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -245px; line-height: 1px; overflow: hidden; border: none; } div#columnContainer div.rahmenbox905 { float: left; width: 905px; margin: 7px; } div#columnContainer div.rahmenbox905h { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat top left; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenbox905b { width: 875px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y 0 0; overflow: hidden; } div#columnContainer div.rahmenbox905f { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -10px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenhr905 { display: block; clear: left; width: 875px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -245px; line-height: 1px; overflow: hidden; border: none; } div#columnContainer div.rahmenbox330 { float: left; width: 330px; margin: 7px; } div#columnContainer div.rahmenbox330h { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -40px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenbox330b { width: 300px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -2040px 0; overflow: hidden !important; overflow: visible; } div#columnContainer div.rahmenbox330f { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -50px; line-height: 1px; overflow: hidden; } div#columnContainer div.rahmenhr330 { display: block; clear: left; width: 300px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -245px; line-height: 1px; overflow: hidden; border: none; } /* rahmen tabs */ div.rahmentab215 { float: left; width: 215px; margin: 7px; } div.rahmentab215h { float: left; position: relative; width: 215px; height: 31px; border-bottom: #CDE091 1px solid; } div.rahmentab215h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.rahmentab215h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.rahmentab215b { clear: left; width: 185px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -2380px 0; overflow: hidden !important; overflow: visible; } div.rahmentab215f { clear: left; width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -30px; line-height: 1px; overflow: hidden; } div.rahmentab445 { float: left; width: 445px; margin: 7px; } div.rahmentab445h { float: left; position: relative; width: 445px; height: 31px; border-bottom: #CDE091 1px solid; } div.rahmentab445h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.rahmentab445h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.rahmentab445b { clear: left; width: 415px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -1590px 0; overflow: hidden !important; overflow: visible; } div.rahmentab445f { clear: left; width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -50px; line-height: 1px; overflow: hidden; } div.rahmentab330 { float: left; width: 330px; margin: 7px; } div.rahmentab330h { float: left; position: relative; width: 330px; height: 31px; border-bottom: #CDE091 1px solid; } div.rahmentab330h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.rahmentab330h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.rahmentab330b { clear: left; width: 300px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -2040px 0; overflow: hidden !important; overflow: visible; } div.rahmentab330f { clear: left; width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -50px; line-height: 1px; overflow: hidden; } div.rahmenActive { width: auto; } div.rahmenActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -420px -265px; } div.rahmenActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px -240px; } div.rahmenActive div.tabM a { color: #1CA5AC; font-weight: bold; } div.rahmenActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -410px -265px; } div.rahmeninActive { width: auto; } div.rahmeninActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -430px -265px; } div.rahmeninActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px -280px; } div.rahmeninActive div.tabM a { color: #1CA5AC; } div.rahmeninActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -440px -265px; } /* beige boxes */ div.beigebox675 { float: left; width: 675px; margin: 7px; } div.beigebox675h { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -200px; line-height: 1px; overflow: hidden; } div.beigebox675b { width: 645px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -8710px 0; overflow: hidden; } div.beigebox675f { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -210px; line-height: 1px; overflow: hidden; } div.beigehr905 { display: block; clear: left; width: 645px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -310px; line-height: 1px; overflow: hidden; border: none; } div.beigebox445 { float: left; width: 445px; margin: 7px; } div.beigebox445h { width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -220px; line-height: 1px; overflow: hidden; } div.beigebox445b { width: 415px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -9390px 0; overflow: hidden; } div.beigebox445f { width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -230px; line-height: 1px; overflow: hidden; } div.beigehr445 { display: block; clear: left; width: 415px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -310px; line-height: 1px; overflow: hidden; border: none; } div.beigebox215 { float: left; width: 215px; margin: 7px; } div.beigebox215h { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -200px; line-height: 1px; overflow: hidden; } div.beigebox215b { width: 185px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -10180px 0; overflow: hidden !important; overflow: visible; } div.beigebox215f { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -210px; line-height: 1px; overflow: hidden; } div.beigehr215 { display: block; clear: left; width: 185px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -310px; line-height: 1px; overflow: hidden; border: none; } div.beigebox905 { float: left; width: 905px; margin: 7px; } div.beigebox905h { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -180px; line-height: 1px; overflow: hidden; } div.beigebox905b { width: 875px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -7800px 0; overflow: hidden; } div.beigebox905f { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -190px; line-height: 1px; overflow: hidden; } div.beigehr905 { display: block; clear: left; width: 875px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -310px; line-height: 1px; overflow: hidden; border: none; } div.beigebox330 { float: left; width: 330px; margin: 7px; } div.beigebox330h { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -220px; line-height: 1px; overflow: hidden; } div.beigebox330b { width: 300px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -9840px 0; overflow: hidden !important; overflow: visible; } div.beigebox330f { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -230px; line-height: 1px; overflow: hidden; } div.beigehr330 { display: block; clear: left; width: 300px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -310px; line-height: 1px; overflow: hidden; border: none; } /* beige tabs */ div.beigetab215 { float: left; width: 215px; margin: 7px; } div.beigetab215h { float: left; position: relative; width: 215px; height: 31px; } div.beigetab215h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.beigetab215h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.beigetab215b { clear: left; width: 185px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -10180px 0; overflow: hidden !important; overflow: visible; } div.beigetab215f { clear: left; width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -210px; line-height: 1px; overflow: hidden; } div.beigetab445 { float: left; width: 445px; margin: 7px; } div.beigetab445h { float: left; position: relative; width: 445px; height: 31px; } div.beigetab445h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.beigetab445h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.beigetab445b { clear: left; width: 415px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -9390px 0; overflow: hidden !important; overflow: visible; } div.beigetab445f { clear: left; width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -230px; line-height: 1px; overflow: hidden; } div.beigetab330 { float: left; width: 330px; margin: 7px; } div.beigetab330h { float: left; position: relative; width: 330px; height: 31px; border-bottom: #f5eed4 1px solid; } div.beigetab330h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.beigetab330h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.beigetab330b { clear: left; width: 300px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -9840px 0; overflow: hidden !important; overflow: visible; } div.beigetab330f { clear: left; width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -230px; line-height: 1px; overflow: hidden; } div.beigeActive { width: auto; } div.beigeActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -570px -265px; } div.beigeActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px 0px; } div.beigeActive div.tabM a { color: #1CA5AC; font-weight: bold; } div.beigeActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -560px -265px; } div.beigeinActive { width: auto; } div.beigeinActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -580px -265px; } div.beigeinActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px -40px; } div.beigeinActive div.tabM a { color: #1CA5AC; } div.beigeinActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -590px -265px; } /* grun boxes */ div.grunbox675 { float: left; width: 675px; margin: 7px; } div.grunbox675h { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -80px; line-height: 1px; overflow: hidden; } div.grunbox675b { width: 645px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -3510px 0; overflow: hidden; } div.grunbox675f { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -90px; line-height: 1px; overflow: hidden; } div.grunhr675 { display: block; clear: left; width: 645px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -300px; line-height: 1px; overflow: hidden; border: none; } div.grunbox445 { float: left; width: 445px; margin: 7px; } div.grunbox445h { width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -0px -100px; line-height: 1px; overflow: hidden; } div.grunbox445b { width: 415px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -4190px 0; overflow: hidden; } div.grunbox445f { width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -0px -110px; line-height: 1px; overflow: hidden; } div.grunhr445 { display: block; clear: left; width: 415px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -300px; line-height: 1px; overflow: hidden; border: none; } div.grunbox215 { float: left; width: 215px; margin: 7px; } div.grunbox215h { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -80px; line-height: 1px; overflow: hidden; } div.grunbox215b { width: 185px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -4980px 0; overflow: hidden !important; overflow: visible; } div.grunbox215f { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -90px; line-height: 1px; overflow: hidden; } div.grunhr215 { display: block; clear: left; width: 185px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -300px; line-height: 1px; overflow: hidden; border: none; } div.grunbox905 { float: left; width: 905px; margin: 7px; } div.grunbox905h { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -60px; line-height: 1px; overflow: hidden; } div.grunbox905b { width: 875px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -2600px 0; overflow: hidden; } div.grunbox905f { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -70px; line-height: 1px; overflow: hidden; } div.grunhr905 { display: block; clear: left; width: 875px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -300px; line-height: 1px; overflow: hidden; border: none; } div.grunbox330 { float: left; width: 330px; margin: 7px; } div.grunbox330h { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -100px; line-height: 1px; overflow: hidden; } div.grunbox330b { width: 300px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -4640px 0; overflow: hidden !important; overflow: visible; } div.grunbox330f { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -110px; line-height: 1px; overflow: hidden; } div.grunhr330 { display: block; clear: left; width: 300px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -300px; line-height: 1px; overflow: hidden; border: none; } /* grun tabs */ div.gruntab215 { float: left; width: 215px; margin: 7px; } div.gruntab215h { float: left; position: relative; width: 215px; height: 31px; } div.gruntab215h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.gruntab215h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.gruntab215b { clear: left; width: 185px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -4980px 0; overflow: hidden !important; overflow: visible; } div.gruntab215f { clear: left; width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -90px; line-height: 1px; overflow: hidden; } div.gruntab445 { float: left; width: 445px; margin: 7px; } div.gruntab445h { float: left; position: relative; width: 445px; height: 31px; } div.gruntab445h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.gruntab445h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.gruntab445b { clear: left; width: 415px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -4190px 0; overflow: hidden !important; overflow: visible; } div.gruntab445f { clear: left; width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -110px; line-height: 1px; overflow: hidden; } div.gruntab330 { float: left; width: 330px; margin: 7px; } div.gruntab330h { float: left; position: relative; width: 330px; height: 31px; border-bottom: #f0f9d5 1px solid; } div.gruntab330h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.gruntab330h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.gruntab330b { clear: left; width: 300px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -4640px 0; overflow: hidden !important; overflow: visible; } div.gruntab330f { clear: left; width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -110px; line-height: 1px; overflow: hidden; } div.grunActive { width: auto; } div.grunActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -470px -265px; } div.grunActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px -160px; } div.grunActive div.tabM a { color: #1CA5AC; font-weight: bold; } div.grunActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -460px -265px; } div.gruninActive { width: auto; } div.gruninActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -480px -265px; } div.gruninActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px -200px; } div.gruninActive div.tabM a { color: #1CA5AC; } div.gruninActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -490px -265px; } /* grau boxes */ div.graubox675 { float: left; width: 675px; margin: 7px; } div.graubox675h { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -140px; line-height: 1px; overflow: hidden; } div.graubox675b { width: 645px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -6110px 0; overflow: hidden; } div.graubox675f { width: 675px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -150px; line-height: 1px; overflow: hidden; } div.grauhr675 { display: block; clear: left; width: 645px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -255px; line-height: 1px; overflow: hidden; border: none; } div.graubox445 { float: left; width: 445px; margin: 7px; } div.graubox445h { width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -160px; line-height: 1px; overflow: hidden; } div.graubox445b { width: 415px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -6790px 0; overflow: hidden; } div.graubox445f { width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -170px; line-height: 1px; overflow: hidden; } div.grauhr445 { display: block; clear: left; width: 415px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -255px; line-height: 1px; overflow: hidden; border: none; } div.graubox215 { float: left; width: 215px; margin: 7px; } div.graubox215h { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -140px; line-height: 1px; overflow: hidden; } div.graubox215b { width: 185px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -7580px 0; overflow: hidden !important; overflow: visible; } div.graubox215f { width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -150px; line-height: 1px; overflow: hidden; } div.grauhr215 { display: block; clear: left; width: 185px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -255px; line-height: 1px; overflow: hidden; border: none; } div.graubox905 { float: left; width: 905px; margin: 7px; } div.graubox905h { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -120px; line-height: 1px; overflow: hidden; } div.graubox905b { width: 875px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -5200px 0; overflow: hidden; } div.graubox905f { width: 905px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -130px; line-height: 1px; overflow: hidden; } div.grauhr905 { display: block; clear: left; width: 875px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -255px; line-height: 1px; overflow: hidden; border: none; } div.graubox330 { float: left; width: 330px; margin: 7px; } div.graubox330h { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -160px; line-height: 1px; overflow: hidden; } div.graubox330b { width: 300px; padding: 0 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -7240px 0; overflow: hidden !important; overflow: visible; } div.graubox330f { width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -170px; line-height: 1px; overflow: hidden; } div.grauhr330 { display: block; clear: left; width: 300px; height: 10px; margin: 0; padding: 0; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0 -255px; line-height: 1px; overflow: hidden; border: none; } /* grau tabs */ div.grautab215 { float: left; width: 215px; margin: 7px; } div.grautab215h { float: left; position: relative; width: 215px; height: 31px; } div.grautab215h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.grautab215h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.grautab215b { clear: left; width: 185px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -7580px 0; overflow: hidden !important; overflow: visible; } div.grautab215f { clear: left; width: 215px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -690px -150px; line-height: 1px; overflow: hidden; } div.grautab445 { float: left; width: 445px; margin: 7px; } div.grautab445h { float: left; position: relative; width: 445px; height: 31px; } div.grautab445h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.grautab445h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.grautab445b { clear: left; width: 415px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -6790px 0; overflow: hidden !important; overflow: visible; } div.grautab445f { clear: left; width: 445px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat 0px -170px; line-height: 1px; overflow: hidden; } div.grautab330 { float: left; width: 330px; margin: 7px; } div.grautab330h { float: left; position: relative; width: 330px; height: 31px; border-bottom: #e8e8e8 1px solid; } div.grautab330h ul { position: absolute; top: 1px; margin: 0; padding: 0; list-style-type: none; } div.grautab330h ul li { display: block; float: left; height: 31px; overflow: hidden; } div.grautab330b { clear: left; width: 300px; padding: 10px 15px 0px 15px; background: url(images/sprites2/eltern_lehrer_sprite_v.png) repeat-y -7240px 0; overflow: hidden !important; overflow: visible; } div.grautab330f { clear: left; width: 330px; height: 10px; background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -450px -170px; line-height: 1px; overflow: hidden; } div.grauActive { width: auto; } div.grauActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -520px -265px; } div.grauActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px -80px; } div.grauActive div.tabM a { color: #1CA5AC; font-weight: bold; } div.grauActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -510px -265px; } div.grauinActive { width: auto; } div.grauinActive div.tabLC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -530px -265px; } div.grauinActive div.tabM { background: url(images/sprites2/eltern_lehrer_sprite_h.png) repeat-x 0px -120px; } div.grauinActive div.tabM a { color: #1CA5AC; } div.grauinActive div.tabRC { background: url(images/sprites2/eltern_lehrer_sprite.png) no-repeat -540px -265px; } /* -------------------------------------------------------------------------------------- - footer ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ div#footerBubble { clear: left; margin: 0 auto; width: 970px; height: 44px; background: url(images/standard/footer_sprite.png) no-repeat -30px 0px; } div#footerTopI .header { color: #C6E85E } /* ------------------------------------------------------------------------------- - landingpage ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - ------------------------------------------------------------------------------- */ div.kinderBoxLandingpage_LPEltern { float: left; width: 966px; height:331px; margin: 5px 0 100px 0; position: relative; top: 60px; overflow: hidden; padding:9px; background: url(images/bg.png) no-repeat 0px 0px; } div.kinderBoxLandingpage_LPEltern .inner { width:946px; height:319px; position:relative; } div.kinderBoxLandingpage_LPEltern .inner .regbutton { width:204px; height:203px; position:absolute; left:367px; top:95px;} div.kinderBoxLandingpage_LPEltern .inner .regbutton a { width:204px; height:203px; line-height:2000px; display:block; overflow:hidden; background: none;} div.kinderBoxLandingpage_LPEltern .inner .regbutton a:hover { background: url(images/kinder/mouseover_button.png) 0px 0px no-repeat;} div.kinderBoxLandingpage_LPEltern .inner .textBoxV1 { width:322px; height:110px; position:absolute; } div.kinderBoxLandingpage_LPEltern .inner .textBoxV1 p { color:#ffffff; } div.kinderBoxLandingpage_LPEltern .inner .textBoxV1 h1.lp { color:#ffffff !important; font-size:22px !important; text-transform: none !important; } div.kinderBoxLandingpage_LPEltern .inner .textBoxV1verysmall { width:322px; height:90px; position:absolute; font-size:11px; color:#ffffff; line-height:13px; } div.kinderBoxLandingpage_LPEltern .inner .textBoxV1verysmall p { font-size:11px; color:#ffffff; line-height:13px; } div.kinderBoxLandingpage_LPEltern .inner .textBoxV2 { width:330px; height:210px; position:absolute; left:40px; top:83px;} body#landingpageBody { background-color: #cde091; background-image: url(images/bg.png); background-repeat: repeat-x; background-position: left top; } body#landingpageBody div.logo { position: relative; top: 16px; } body#landingpageBody #landingpageTeasers { background: url("images/eltern_lehrer/wideBox_bg.png") repeat-y; float: left; clear: both; margin-top: 0px; width: 960px; padding-left: 20px; position: relative; left: 2px; } body#landingpageBody #landingpageTeasersTop { background: url("images/eltern_lehrer/wideBox_top.png") no-repeat; height: 20px; margin-top: 40px; position: relative; left: 2px; } body#landingpageBody #container.visibleHeader #landingpageTeasersTop { margin-top: 0px; } body#landingpageBody #landingpageTeasersBottom { background: url("images/eltern_lehrer/wideBox_bottom.png") no-repeat; height: 27px; width: 960px; float: left; position: relative; left: 2px; } body#landingpageBody div.kinderBoxLandingpage_LPEltern { top: 50px; margin: 5px 0 0px 0; } body#landingpageBody #container.visibleHeader div.kinderBoxLandingpage_LPEltern { top: 10px; } body#landingpageBody .mgnlControlBar, body#landingpageBody .mgnlControlBarSmall { position: relative; float: left; } #landingpageTeasers iframe { float: left; margin: 7px; } #landingpageTeasers .imgwrapper a, #landingpageTeasers .imgwrapper2 a { margin: 0px; } #landingpageTeasers ul.arrowList a { float: none; } #landingpageTeasers div.rahmenbox675, #landingpageTeasers div.rahmenbox445, #landingpageTeasers div.rahmenbox215, #landingpageTeasers div.rahmenbox905, #landingpageTeasers div.rahmenbox330, #landingpageTeasers div.grunbox675, #landingpageTeasers div.grunbox445, #landingpageTeasers div.grunbox215, #landingpageTeasers div.grunbox905, #landingpageTeasers div.grunbox330, #landingpageTeasers div.beigebox675, #landingpageTeasers div.beigebox445, #landingpageTeasers div.beigebox215, #landingpageTeasers div.beigebox905, #landingpageTeasers div.beigebox330, #landingpageTeasers div.graubox675, #landingpageTeasers div.graubox445, #landingpageTeasers div.graubox215, #landingpageTeasers div.graubox905, #landingpageTeasers div.graubox330 { margin: 7px 8px 7px 7px; } div.footerMiddle_LP { float: left; width: 100%; height: 41px; background-image: url(images/footer/footer_middle_bg.png); background-repeat: repeat-x; background-position: 0px 0px; } div.footerMiddleI_LP { width: 970px; height: 41px; margin: 0 auto; padding: 0; } div.footerMiddleIB_LP { clear: left; width: 960px; height: 14px; padding: 18px 0 8px 10px; color: #FFFFFF; font-size: 12px; } /* ------------------------------------------------------------------------------- - Registration ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - ------------------------------------------------------------------------------- */ div.content { margin: 0; padding: 0; } p { margin: 0; padding: 5px 0; } div.loginbox div.benutzername p, div.loginbox div.passwort p { padding: 0px; color: #5A5A5A; } div.intro { padding: 7px; } div.intro-left { float: left; width: 50%; padding: 7px; } div.intro-right { float: right; text-align: right; padding: 7px;} div.threeQuarterBoxLeftBodyReg { clear: left; width: 689px; min-height: 300px; height: auto !important; height: 300px; padding: 12px 11px; background: url(images/standard/content/box_34_bg.png) repeat-y 0 0; } div#regStatus { float: left; width: 242px; margin: 5px 0 30px 7px; padding: 0 0px; overflow: hidden; } div#regStatus .regHead { padding:0 0 10px 5px; margin-top:15px; } div#regStatus h2 { color: #fff !important; font-size: 20px !important; } div#regStatus div.status { width: 242px; height: 52px; background: url(images/registrierung/reg_right_buttons.png) no-repeat; } div#regStatus div.status span.id { display: block; float: left; width: 55px; color: #fff; font-size: 18px; font-weight: bold; line-height: 50px; text-align: center; } div#regStatus div.status span.title { display: block; float: left; width: 187px; color: #000; font-size: 15px; font-weight: bold; line-height: 50px; } div#regStatus .active { background-position: 0px 0px !important; } div#regStatus .active span.title { color: #fff !important; font-weight: bold !important; } div#regStatus .unchecked { background-position: 0px -52px !important; } div#regStatus .checked { background-position: bottom left !important; } div#regStatus div.helpboxtop { background: transparent url(images/sprites2/reg_sprite.png) scroll no-repeat 0 -301px; float:left; width: 234px; height:47px; margin-top: 20px} div#regStatus div.helpboxtop h2 { font-size: 18px !important; margin-left:20px; margin-top: 18px } div#regStatus div.helpboxbottom { background: transparent url(images/registrierung/reg_helpbox_right_bottom.png) scroll bottom left; float:left; width: 234px;} div#regStatus div.helpboxbottom div { margin:5px 15px 15px;} div.regtab { clear: left; margin: 0px; padding: 0; width: 675px;} div.regtabh { position: relative; background: url(images/sprites2/reg_sprite_h.png) repeat-x 0px -80px; height: 31px; margin-left: 7px; width: 673px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; } div.regtabh ul { position: absolute; top: 1px; margin: 0 0 0 -1px; padding: 0; list-style-type: none; } div.regtabh ul li { display: block; float: left; height: 31px; overflow: hidden; } div.regActive { width: auto; } div.regActive div.tabLC { background: url(images/sprites2/reg_sprite.png) no-repeat -340px 0px; } div.regActive div.tabM { background: url(images/sprites2/reg_sprite_h.png) repeat-x 0 0; font-size:15px; padding: 8px 20px 0 20px; } div.regActive div.tabM a { font-weight: bold; color:#000000 !important; text-decoration:none !important;} div.regActive div.tabM a:hover { font-weight: bold; color:#000000 !important; text-decoration:none !important;} div.regActive div.tabRC { background: url(images/sprites2/reg_sprite.png) no-repeat -330px 0px; } div.reginActive { width: auto; } div.reginActive div.tabLC { background: url(images/sprites2/reg_sprite.png) no-repeat -350px 0px; } div.reginActive div.tabM { background: url(images/sprites2/reg_sprite_h.png) repeat-x 0px -40px; font-size:13px; padding:10px 20px 0 20px; } div.reginActive div.tabM a { font-weight: bold; color:#000000 !important; text-decoration:none !important;} div.reginActive div.tabM a:hover { font-weight: bold; color:#999999 !important; text-decoration:none !important;} div.reginActive div.tabRC { background: url(images/sprites2/reg_sprite.png) no-repeat -360px 0px; } /* popup */ div#wincontainer { margin: 0 auto; width: 715px; } div#wincontainer div.logo { position: absolute; top: 12px; left: 0px; } div#wincontainer div.close { position: absolute; top: 11px; left: 527px; } div#wincontainer div.close a { display:block; width: 143px; height: 37px; line-height:37px; font-weight:bold; font-size:12px; color: #ffffff; padding: 0 45px 0 0; background: url(images/header/win_close_eltern.png) no-repeat top right; text-align: right; text-decoration:none; } div#wincontainer div.close a:hover { text-decoration:underline; } div#wincontainer div#header { position: relative; width: 715px; height: 61px; background: url(images/header/header_win_eltern.png) no-repeat top left; } div#wincontainer { margin: 0 auto; width: 715px; min-height: 400px; height: auto !important; height: 400px; background: transparent; } div.winBox { width: 715px; margin: 0; position: relative; top: -5px; overflow: hidden; } div.winBoxBody { width: 691px; padding: 12px 12px; background: url(images/eltern_lehrer/winBox_top.png) no-repeat 0px 0px; } div.winBoxBottom { width: 715px; height: 28px; background: url(images/eltern_lehrer/winBox_bottom.png) no-repeat 0px 0px; line-height: 1px; overflow: hidden; } div.winBox div.detailBox { float: left; width: 500px; padding: 0 10px; } div#winfooter { padding: 10px 0 10px 10px; } div.fh_left { float: left; margin: 1px 0 0 0; padding: 2px 0 0 0; width: 27px; height: 27px; color: #fff; background: url(images/sprites2/reg_sprite.png) no-repeat -650px -268px; font-size: 18px; font-weight: bold; line-height: 26px; text-align: center; } div.fh_right { height:50px; margin-left:5px; float:left; } div.regStatus { margin: 0; padding: 0; width: 100%; } div.regStatus div.id { float: left; margin: 0; padding: 0; width: 27px; height: 27px; color: #fff; background: url(images/sprites2/reg_sprite.png) no-repeat -650px -270px; font-size: 18px; font-weight: bold; line-height: 26px; text-align: center; } div.greyBox { clear: left; margin: 0 7px 15px 7px; padding: 0; width: 675px; } div.greyBox div.greyBoxTop { clear: left; margin: 0; padding: 0; width: 675px; height: 9px; background: url(images/sprites2/reg_sprite.png) no-repeat 0 -180px; line-height: 1px; overflow: hidden; } div.greyBox div.greyBoxBody { float: left; margin: 0; padding: 0px 15px 5px 15px; width: 645px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -1570px 0px; } div.greyBox div.greyBoxBody .scoyobutton span.buttonspan { background-color: #F0F0F0;} div.greyBox div.greyBoxBody p { margin: 0; padding: 2px 0; } p.checklist { color: #767676; font-size:11px;} p.checklist label { padding-left:15px; display:block; padding-top:3px; margin-left: 10px; } p.checklist input { float: left; } div.greyBox div.greyBoxBody p.check { float: left; margin: 0; padding: 0; font-weight: bold; line-height: 16px; } div.greyBox div.greyBoxBody p.check img { position: relative; top: 0px; margin:0; padding:0 0 0 5px; vertical-align:middle;} div.greyBox div.greyBoxBody span.button1_lb { display: block; float: left; margin: 0; padding: 0; width: 25px; height: 27px; background: url(images/registrierung/button_gutschein_left.png) no-repeat left; cursor: pointer; } div.greyBox div.greyBoxBody button.button1 { display: block; float: left; margin: 0; padding: 0; height: 27px; color: #fff; background: url(images/registrierung/button_gutschein_bg.png) repeat-x; font-size: 12px; font-weight: bold; border: none; cursor: pointer; line-height:22px; padding-bottom:3px; overflow: visible; } div.greyBox div.greyBoxBody span.button1_rb { display: block; float: left; margin: 0; padding: 0; width: 16px; height: 27px; background: url(images/registrierung/button_gutschein_right.png) no-repeat left; cursor: pointer; } div.greyBox div.greyBoxBody div.summary_left { width:520px; float:left; padding-top:10px; } div.greyBox div.greyBoxBody div.summary_right { width:110px; float:right; padding-top:2px; } div.greyBox div.greyBoxBody div.reg_waitBody { padding:80px; text-align:center; font-weight:bold; } div.greyBox div.greyBoxBody div.reg_wait { padding:11px; background: url(images/registrierung/wait_bg.png) no-repeat center center; } div.greyBoxInner { float: left; margin: 5px 0 5px 0; padding: 0; width: 645px; } div.greyBoxInner div.greyBoxInnerTop { clear: left; margin: 0; padding: 0; width: 645px; height: 12px; background: url(images/sprites2/reg_sprite.png) no-repeat 0 -270px; line-height: 1px; overflow: hidden; } div.greyBoxInner div.greyBoxInnerBody { float: left; margin: 0; padding: 5px 15px 0px 15px; width: 615px; background-color: #CCCCCC; } div.greyBoxInner div.greyBoxInnerBottom { clear: left; margin: 0; padding: 0; width: 675px; height: 12px; background: url(images/sprites2/reg_sprite.png) no-repeat 0 -285px; line-height: 1px; overflow: hidden; } div.grey_smallBox { float: left; margin: 5px 0 5px 0; padding: 0; width: 310px; } div.grey_smallBox div.grey_smallBoxTop { clear: left; margin: 0; padding: 0; width: 310px; height: 10px; background: url(images/sprites2/reg_sprite.png) no-repeat -320px -130px; line-height: 1px; overflow: hidden; } div.grey_smallBox div.grey_smallBoxBody { float: left; margin: 0; padding: 0 10px 0px 10px; width: 290px; background-color: #E0E0E0; } div.grey_smallBox div.grey_smallBoxBody p.formLine { margin: 0; padding: 0 0 0 20px !important; } div.grey_smallBox div.grey_smallBoxBottom { clear: left; margin: 0; padding: 0; width: 310px; height: 14px; background: url(images/sprites2/reg_sprite.png) no-repeat -320px -145px; line-height: 1px; overflow: hidden; } div.grey_smallBoxActive { float: left; margin: 5px 0 5px 0; padding: 0; width: 310px; } div.grey_smallBoxActive div.grey_smallBoxTop { clear: left; margin: 0; padding: 0; width: 310px; height: 10px; background: url(images/sprites2/reg_sprite.png) no-repeat -320px -50px; line-height: 1px; overflow: hidden; } div.grey_smallBoxActive div.grey_smallBoxBody { float: left; margin: 0; padding: 0 10px 0px 10px; width: 290px; background-color: #ccc; } div.grey_smallBoxActive div.grey_smallBoxBody p.check { float: left; margin: 0; padding: 0 0 20px 0; font-weight: bold; line-height: 16px; } div.grey_smallBoxActive div.grey_smallBoxBody p.check img { position: relative; top: 10px; } div.grey_smallBoxActive div.grey_smallBoxBody p.formLine { float: left; margin: 0; padding: 0 0 0 20px !important; } div.greyBox div.greyBoxBody p.formLine_tab { margin: 0 20px 0 30px; } div.grey_smallBoxActive div.grey_smallBoxBottom { clear: left; margin: 0; padding: 0; width: 310px; height: 14px; background: url(images/sprites2/reg_sprite.png) no-repeat -320px -60px; line-height: 1px; overflow: hidden; } div.greyBox div.greyBoxBottom { clear: left; margin: 0; padding: 0; width: 675px; height: 9px; background: url(images/sprites2/reg_sprite.png) no-repeat -0px -190px; line-height: 1px; overflow: hidden; } div.active { } div.inactive { } div.active div.greyBox div.greyBoxTop { background: url(images/sprites2/reg_sprite.png) no-repeat -0px -200px; } div.active div.greyBox div.greyBoxBody { background: url(images/sprites2/reg_sprite_v.png) repeat-y -2260px -0px; } div.active div.greyBox div.greyBoxBottom { background: url(images/sprites2/reg_sprite.png) no-repeat -0px -210px; } #providerHint { font-size: 11px; clear: left; color: #000000; font-style: italic; margin-bottom: 10px; } p.formLineUebernahme { float: left; margin: 0; padding:10px 0 0 80px; background: url(images/sprites2/reg_sprite.png) no-repeat -430px -0px; } div.hr { display: block; clear: both; width: 100%; height: 2px; margin: 0; padding: 10px 0; background: url(images/registrierung/reg_box_hr.png) repeat-x center left; line-height: 1px; overflow: hidden; } .formRadio {margin-right:20px; float:left; } div.paketname { position:absolute; left:10px; top:10px; font-size:16px; font-weight:bold; color:#ffffff; } div.paketpreis { position:absolute; right:13px; bottom:1px; font-size:20px; color:#FFFFFF; font-weight: bold; line-height:18px; text-align:right; } div.paketpreis p { font-size:11px; color:#FFFFFF; padding: 0px !important; } div.regNav { clear: left; margin: 0; padding: 10px 5px 30px 5px; } div.regNavLeft { float: left; width: 40%; } div.regNavLeft span.button2_lb { display: block; float: left; margin: 0; padding: 0; width: 27px; height: 33px; background: url(images/registrierung/reg_buttonw_left.png) no-repeat left; cursor: pointer; } div.regNavLeft button.button2 { display: block; float: left; margin: 0; padding: 0; height: 33px; color: #999; background: url(images/registrierung/reg_buttonw_bg.png) repeat-x; font-size: 17px; font-weight: bold; border: none; cursor: pointer; line-height:32px; padding-bottom:2px; overflow: visible;} div.regNavLeft span.button2_rb { display: block; float: left; margin: 0; padding: 0; width: 22px; height: 33px; background: url(images/registrierung/reg_buttonw_right.png) no-repeat left; cursor: pointer; } div.regNavLeftBack { float: left; margin: 6px 20px 0 0; width: 115px} div.regNavLeftCancel { float: left; margin: 12px 20px 0 0; line-height: 30px } div.regNavRight { float: right; width: 55%; } div.regNavRight span.button3_lb { display: block; float: left; margin: 0; padding: 0; width: 18px; height: 33px; background: url(images/registrierung/reg_buttong_left.png) no-repeat left; cursor: pointer; } div.regNavRight button.button3 { display: block; float: left; margin: 0; padding: 0; height: 33px; color: #fff; background: url(images/registrierung/reg_buttong_bg.png) repeat-x; font-size: 17px; font-weight: bold; border: none; cursor: pointer; line-height:32px; padding-bottom:2px; overflow: visible; } div.regNavRight span.button3_rb { display: block; float: left; margin: 0; padding: 0; width: 29px; height: 33px; background: url(images/registrierung/reg_buttong_right.png) no-repeat left; cursor: pointer; } div.greyBox div.greyBoxBody p.formLine_tab { float: left; margin: 0; padding: 0 20px 0 30px; } a.arrowLinkDetails { display: block; padding: 0 0 0 30px; line-height: 25px; color: #1CA5AC; background: url(images/standard/common_sprite.png) no-repeat 0px -170px; text-decoration: none; valign: bottom; } a.arrowLinkDetails:hover { color: #1CA5AC; text-decoration: underline; } input.inputbox_202x23_code { float: left; width: 198px; height: 17px; margin: 0 5px 0 0; padding: 4px 2px 2px 2px; margin-top: 4px; background: url(images/forms/inputbox_202x23.png) no-repeat 0 0; border: none; font-size: 11px; overflow: hidden; } div.greyBox div.greyBoxBody p.formLine_right { float: left; margin: 0 0 0 10px; padding: 0 20px 0 0; } div.greyBox div.greyBoxBody input.inputbox_150x23_left { float: left; width: 146px; height: 17px; margin: 0 5px 0 0; padding: 4px 2px 2px 2px; background: url(images/forms/inputbox_150x23.png) no-repeat 0 0; border: none; font-size: 11px; overflow: hidden; } div.greyBox div.greyBoxBody div.summary_left_top { width:520px; float:left; } div.greyBox div.greyBoxBody div.summary_right_top { width:110px; float:right; padding-top:2px; } input.button_xl_addchild {margin: 0 250px 0 0;} /* Shoppingcart */ div.prodType { margin: 20px 0; } div.prodTypeInfo { width: 100% } div.prodTypeFrameTop { clear: left; width: 643px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat -0px -100px; line-height: 1px; overflow: hidden; } div.prodTypeFrameBody { float: left; width: 630px; padding: 0 0 0 15px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -3600px -90px; } div.prodTypeFrameBody .scoyobutton span.buttonspan { background-color: #FFFFFF;} div.prodTypeFrameBottom { clear: left; width: 643px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat -0px -115px; line-height: 1px; overflow: hidden; } div.prodTypeHeadline { font-size: 20px; font-weight:bold; text-transform: uppercase; color: #9CC224; float: left; width: 30%;} div.prodTypeDesc { float: right; width: 65%; padding: 0 20px 0 5px} div.prodTypeDesc span { float: left; } div.prodTypeSwitch { float: right; width: 30%;} div.prodTypeSwitch img { float: left; margin: 0} div.productTypeDiv { padding:10px 0; clear:both;} div.productTypeDiv .image { color:white; font-size:18px; font-weight:bold; height:24px; padding:26px 0 0 94px; width:518px; } div.offerBox {float:left; width: 196px; margin: 3px 10px 0 0;} div.offerBox a { display: block; margin: 0 10px 0px;} div.offerBox a:hover { text-decoration: none;} div.offerBoxTop { background: url(images/registrierung/offerBox_top.png) no-repeat top left; float: left; width: 196px; min-height: 150px;} div.offerBoxTop div.monthlyPrice { color: #9CC224; font-weight: bold; text-align: right; margin: 5px 0;} div.offerBoxTop div.monthlyPrice span { font-size: 20px; } div.offerBoxTop div.totalPrice { color: #878889; font-weight: bold; text-align: right; font-size: 11px; margin: 0 10px 0 0;} div.offerBoxTop div.headline { font-weight: bold; margin-top: 30px; color: #000000} div.offerBoxTop ul.bulletList li { color: #000000 } div.offerBoxBottom { background: url(images/registrierung/offerBox_bottom.png) no-repeat bottom left; float: left; width: 196px; height: 55px;} div.offerBoxBottom span.buttonspan { background-color:#FEFEFE; } div.offerBoxBottom img.button_shoppingcart { float:left; } div.cartItemBox {width: 642px; margin: 10px} div.cartItemBoxTop { background: url(images/registrierung/shoppingcartitembox_top.png) no-repeat top left; float: left; width: 642px; overflow:hidden; margin-top:10px} div.cartItemBoxTop div { float: left; padding: 10px 0 0 8px; } div.cartItemBoxTop span { font-size: 18px; font-weight: bold; } div.cartItemBoxTop div.cartItemDelete { width: 120px; } div.cartItemBoxTop div.cartItemDelete a { background: url(images/sprites2/reg_sprite.png) no-repeat right 7px; float: right; text-align:right; padding: 5px 35px 5px 0 } div.cartItemBoxTop div.cartItemDesc { width: 255px; } div.cartItemBoxTop div.cartItemPriceDetail { width: 90px; color: #9CC224; text-align: right } div.cartItemBoxTop div.cartItemPriceEquals { width: 15px; padding-top: 15px; color: #444444 } div.cartItemBoxTop div.cartItemPriceTotal { width: 100px; color: #444444 } div.cartItemBoxBottom { background: url(images/registrierung/shoppingcartitembox_bottom.png) no-repeat top left; float: left; width: 642px; height: 9px;} div.registrationCart div.Icon { float: left } div.registrationCart div.Headline { float: left; padding: 7px } div.registrationCart div.Button { float: right } div.registrationCart div.cartGroup { clear:both; font-weight:bold; text-transform:uppercase; font-size: 15px; padding-top: 20px } div.registrationCart .scoyobutton.big span.buttonspan {background-color: #F0F0F0;} div.cartSummary { clear: both; } div.cartSummary div.items { margin: 10px 0 10px 10px; } div.cartSummary div.items div.desc { margin-right: 20px; width: 52%; float: left; } div.cartSummary div.items div.priceDetail { margin-right: 20px; width: 20%; float: left; } div.cartSummary div.items div.price { width: 20%; float: right; text-align: right; } div.cartSummary div.total { margin: 0 0 20px 0; text-align: right; float: right; width: 30%;} div.printlink { display: none } div.successmessage {margin-bottom: 20px; width: 65%; float: left} div.successmessage div.grunbox215 {float:none; } /*----------------------------------------------------------*/ /* PORTAL SERVLETS*/ /*----------------------------------------------------------*/ /* RegboxSmall */ div#regBoxSmall { float: left; width: 513px; position: relative; top: 0px; left: 200px; z-index: 500; } div#regBoxSmall div#regBoxTop { float: left; width: 403px; padding: 70px 31px 0 79px; background: url(images/registrierung/regBox_top.png) no-repeat 0px 0px; } div#regBoxSmall div#regBoxTop p { margin: 10px 0; } div#regBoxSmall div#regBoxBody { float: left; width: 403px; padding: 10px 31px 0 79px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -390px 0px; } div#regBoxSmall div#regBoxBottom { float: left; width: 513px; height: 204px; background: url(images/registrierung/regBox_bottom.png) no-repeat 0px 0px; } div#regBoxSmall h1 { margin: 0; padding: 5px 0; font-size: 26px; } div#regBoxSmall h2 { margin: 0; padding: 0 0 5px 5px; font-size: 12px; } div#regBoxSmall p { display: block; margin: 0; padding: 7px 0; position: relative; } div#regBoxSmall form { margin: 0; padding: 0; } div#regBoxSmall p label { display: block; float: left; width: 160px; padding: 5px 0 0 0; margin-right: 10px; text-align: right; } div#regBoxSmall p label.zweizeilig { padding: 0px 0 0 0; } div#regBoxSmall p label.zweizeilig span { font-size: 10px; } div#regBoxSmall .intro { display: block; float: left; width: 160px; padding: 25px 0 0 0; margin-right: 10px; text-align: right; } div#regBoxSmall input.inputbox { background: url(images/forms/inputbox_bg.png) no-repeat top left; border: none; font-size: 11px; height: 15px; margin: 0; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 5px; width: 196px; } div#regBoxSmall input.inputbox:hover, div#regBoxSmall input.inputbox:focus { background: url(images/forms/inputbox_bg.png) no-repeat bottom left; border: none; } div#regBoxSmall input.scoyo_starten_big { background: url(images/buttons/button_scoyo_starten_big.png) no-repeat top right; border-color: #FFFFFF; display: block; float: right; height: 55px; margin: 10px 20px 0px 0px; text-decoration: none; width: 100%; } div#regBoxSmall input.scoyo_starten { background: url(images/buttons/button_scoyo_starten.png) no-repeat top right; border-color: #FFFFFF; display: block; float: right; height: 55px; margin: 10px 20px 0px 0px; text-decoration: none; width: 55%; } div#regBoxSmall input.senden { background:transparent url(images/buttons/button_senden.png) no-repeat scroll right top; display:block; float:right; height:55px; margin:10px 20px 0 0; text-decoration:none; width:40%; } div#regBoxSmall textarea.inputbox {width: 196px; } /*----------------------------------------------------------*/ /* Buttons */ /*---------------------------------------------------------- */ button.button_validateCode { float: left; padding: 0; width: 192px; height: 32px; background: url(images/buttons/button_gutscheineinloeseninaktiv.png) no-repeat -2px 0px; border: none; behavior: url("iepngfix.htc") } button.button_validateCode_active { float: left; padding: 0; width: 192px; height: 32px; background: url(images/buttons/button_gutscheineinloesen.png) no-repeat 0px 0px; border: none; behavior: url("iepngfix.htc") } /* grey text for mandatory field */ div.note { color: #767676; font-size:11px; float: left; padding: 0 10px; } /* Checklist */ p.checklist_inline { font-size:11px;} p.checklist_inline input { margin: 0 10px 10px 0; float: left; } /* Errors */ span.checkGreen { margin: 0 !important; padding-right: 5px; width: 16px; height: 16px; float: left; background: url( images/forms/check_green.png ) no-repeat 0px 0px; } /* Greenbox */ div.greyBox div.greenBoxTop { float: left; margin: 0; padding: 0; width: 675px; height: 9px; background: url(images/sprites2/reg_sprite.png) no-repeat 0px -220px; line-height: 1px; overflow: hidden; } div.greyBox div.greenBoxBody { float: left; margin: 0; padding: 0px 15px 5px 15px; width: 645px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -880px 0px; } div.greyBox div.greenBoxBody .scoyobutton span.buttonspan {background-color: #F0F9D5;} div.greyBox div.greenBoxBottom { clear: left; margin: 0; padding: 0; width: 675px; height: 9px; background: url(images/sprites2/reg_sprite.png) no-repeat 0px -230px; line-height: 1px; overflow: hidden; } div.greyBox div.greenBoxBody div.leftBox { width: 50%; float: left; } div.greyBox div.greenBoxBody div.rightBox { width: 50%; float: right; } div.greyBox div.greenBoxBody div.rightBox a { margin: 8px 8px 0 0; clear: right; float: right;} /* scoyo aenderungen div.adminBoxR div.rahmenbox215b { background: url(images/eltern_lehrer/rahmenbox215_bg.png) repeat-y top left; padding: 0 15px; width: 185px; } div.winBoxBody { width: 691px; min-height: 530px; height: auto !important; height: 530px; padding: 12px 12px 0px !important; background: url(images/eltern_lehrer/winBox_top.png) no-repeat 0 0px; } */ /* ------------------------------------------------------------------------------- - Partneradmin ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - ------------------------------------------------------------------------------- */ div.columnContainer { margin-top: 20px; } div.paket { color: #FFFFFF; font-weight: bold; width:185px; height:115px; background: url(images/registrierung/paket1_bg.png) no-repeat top left; position:relative; margin-bottom: 5px} div.paket div.headline { position:absolute; left:5px; top:3px; font-size:16px; text-transform: uppercase} div.paket div.monthlyprice { position:absolute; left: 29px; bottom:19px; font-size:20px; font-weight: bold; } div.paket div.monthlyprice span { font-size: 11px; } div.paket div.singlepaymentprice { font-size: 11px; bottom: 2px; left: 5px; position: absolute; } div.rahmenbox215 select.select_h23 { width: 180px; height: 23px; font-size: 11px; padding: 3px 2px 3px 2px; margin-bottom: 5px } div.adminNav { float: left; width: 210px; margin: 9px 15px; overflow: hidden; } div.adminNav ul { margin: 0; padding: 0; list-style-type: none; } div.adminNav ul.admin li { margin: 0; padding: 0; overflow: hidden; } div.adminNav ul.admin li a { color: #9CC224 } div.adminNav ul.admin li a.adminNavBut { background: url(images/sprites2/admin_sprite.png) no-repeat 0px -68px; display: block; font-weight: bold; line-height: 30px; padding-left: 13px; text-decoration: none; color: #9cc224 } div.adminNav ul.admin li a.adminNavBut:hover, a.adminNavBut:active { color:#0f525e } div.adminNav ul.admin li a.adminNavBut span { display: block; padding: 4px 15px 4px 2px; font-size: 16px; } div.adminNav ul.admin li.active { } div.adminNav ul.admin li.active a.adminNavBut { background: transparent url(images/sprites2/admin_sprite.png) no-repeat scroll 0 -110px; color:#ffffff} div.adminNav ul.admin ul.admin_sub { width: 200px; position: relative; top: -10px; margin-bottom: -7px; display: block; background: transparent url(images/admin/adminNavBoxSub_bottom.png) no-repeat scroll left bottom } div.adminNav ul.admin ul.admin_sub li { padding: 0px 5px 10px 13px;} div.adminNav ul.admin ul.admin_sub li a { text-decoration: none; color: #9cc224; font-size: 14px; font-weight: bold; } div.adminNav ul.admin ul.admin_sub li a:hover, a:active { color:#0f525e } div.adminNav ul.admin ul.admin_sub li.active a { color:#0f525e } div.adminNav ul.admin ul.admin_sub li:first-child { padding-top: 20px; } div.adminNav ul.admin ul.admin_sub li { padding-top: expression( (this.parentNode.firstChild == this)? "20px" : "0px" ); } div.adminNav ul.admin ul.admin_sub ul.admin_sub_sub { } div.adminNav ul.admin ul.admin_sub ul.admin_sub_sub li { padding-left: 40px;} div.adminNav ul.admin ul.admin_sub ul.admin_sub_sub li a { color: #9cc224; font-size: 12px; font-weight: normal; } div.adminNav ul.admin ul.admin_sub ul.admin_sub_sub li a:hover, a:active { color:#0f525e } div.adminNav ul.admin ul.admin_sub ul.admin_sub_sub li.active a { color:#0f525e } div.adminNav ul.admin ul.admin_sub ul.admin_sub_sub li:first-child { padding-top: 0px} div.adminNav ul.admin ul.admin_sub ul.admin_sub_sub li { padding-top: expression( (this.parentNode.firstChild == this)? "10px" : "0px" ); } div.adminLeft div.helpbox { width:234px; float:left; } div.adminLeft div.helpboxtop { background: transparent url(images/sprites2/admin_sprite.png) scroll no-repeat 0px -10px; float:left; width: 194px; height:21px; margin-top: 20px; padding: 20px 20px 10px} div.adminLeft div.helpboxtop2z { background: transparent url(images/sprites2/admin_sprite.png) scroll no-repeat 0px -211px; float:left; width: 194px; height:54px; margin-top: 20px; padding: 20px 20px 10px} div.adminLeft div.helpboxbottom { background: transparent url(images/registrierung/reg_helpbox_right_bottom.png) scroll bottom left; float:left; width: 234px;} div.adminLeft div.helpboxbottom div { margin:5px 15px 15px;} div.adminstatus { width: 728px; height: 24px; margin: 0; padding: 0 0 0 242px; color: #999; font-size: 11px; font-weight: bold; line-height: 12px; } div.adminstatus div.status { clear: left; width: 970px; height: 24px; margin: 0; padding: 0; color: #999; font-size: 11px; font-weight: bold; line-height: 12px; } div.adminstatus div.statusLeft { float: left; width: 13px; height: 24px; background: url(images/eltern_lehrer/breadcrump_left.png) no-repeat top left; } div.adminstatus div.statusMiddle { float: left; width: auto; height: 19px; padding: 5px 0 0 0; background: url(images/eltern_lehrer/breadcrump_bg.png) repeat-x top left; font-size:11px; } div.adminstatus div.statusMiddle a, div.adminstatus div.statusMiddle span { color: #9CC224 !important; font-size: 11px; font-weight: normal; text-decoration: none; } div.adminstatus div.statusRight { float: left; width: 13px; height: 24px; background: url(images/eltern_lehrer/breadcrump_right.png) no-repeat top left; } table.admin_lernabos { width: 650px; } table.admin_lernabos div.packbox { width: 185px !important; } table.admin_lernabos td { vertical-align: top; } table.admin_lernabos td.col1 { width: 185px; padding-right: 10px; } table.admin_lernabos td.col2 { width: 215px; padding-right: 10px;} table.admin_lernabos td.col3 { width: 200px; padding: 5px 10px 0 0; } table.admin_diagram { margin: 10px; width: 670px; border-collapse: collapse; } table.admin_diagram td { padding: 5px 0; vertical-align: top; border-bottom: #ccc 1px solid; } table.admin_diagram td.head { padding: 5px 10px; background-color: #F0F9D5; border-left: #ccc 1px solid; font-weight: bold; text-align:center; } table.admin_diagram td.headlast { padding: 5px 10px; background-color: #F0F9D5; border-left: #ccc 1px solid; border-right: #ccc 1px solid; font-weight: bold; text-align:center; } table.admin_diagram td.info { padding: 5px 10px 10px 0; } table.admin_diagram td.info2 { padding: 10px 10px 10px 10px; border-left: #ccc 1px solid; border-right: #ccc 1px solid;} table.admin_diagram td.info2 div.date { font-weight:bold; color:#999999; font-size:15px; } table.admin_diagram td.diagram { width: 295px; padding: 15px 20px 5px 20px; border-left: #ccc 1px solid; vertical-align: middle; } table.admin_diagram td.sumdata { width: 130px; padding: 8px 20px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; vertical-align: middle; text-align:center; } table.admin_diagram td.sumdata .bignumber { margin-bottom:3px; font-size:20px; font-weight:bold; color:#9cc224; } table.admin_diagram td div.topic { font-weight:bold; margin-bottom:5px; } table.admin_diagram td div.desc { font-size:10px; color:#666666; } table.admin_diagram td table { width: 100%; } table.admin_diagram td table td { width: 50%; padding: 0 10px; font-size: 13px; font-weight: bold; text-align: center; vertical-align: middle; border-bottom: none !important; } table.admin_diagram td table td span { font-size: 11px; } div.diagram1 { width: 124px; } div.diagram1 div.lines { position: relative; width: 295px; height: 80px; background: url(images/admin/admin_diagram_bg1.png) bottom left; } div.diagram1 div.lines .line { position: absolute; bottom: 0px; width: 30px; background: url(images/admin/admin_diagram_line_bg3.png) repeat-y top left; border: #8FB002 1px solid;} div.diagram1 div.lines .l1 { left: 10px; z-index:906; } div.diagram1 div.lines .l2 { left: 50px; z-index:905; } div.diagram1 div.lines .l3 { left: 90px; z-index:904; } div.diagram1 div.lines .l4 { left: 130px; z-index:903; } div.diagram1 div.lines .l5 { left: 170px; z-index:902; } div.diagram1 div.lines .l6 { left: 210px; z-index:901; } div.diagram1 div.lines .l7 { left: 250px; z-index:900; } div.diagram1 div.lines .off { height: 0px; border: none; } div.diagram1 div.titles { width: 295px; padding: 2px 6px; color: #ccc; font-weight: normal; } div.diagram1 div.titles div.title { float: left; width: 40px; text-align: center; } div.diagram1 div.lines span.bubi { display:none; } div.diagram1 div.lines .line:hover span.bubi { background:transparent url(images/admin/admin_bubble.png) no-repeat scroll left top; color:#000000; display:block; float:left; height:90px; left:10px; margin:0; overflow:hidden; padding:5px 15px 0 20px; position:absolute; text-align:left; top:-70px; width:114px; z-index:1000; cursor:pointer; behavior: url("iepngfix.htc");} div.diagram1 span.bubi div.title { color:#666666 !important; font-size:11px; text-align:center; padding-top:5px;} div.diagram1 span.bubi div.info1 { font-size:16px; text-align:center; padding-top:15px;} div.diagram1 span.bubi div.info2 { font-size:12px; text-align:center; padding-top:12px;} div.diagram1 span.bubi div.info2 strong { font-size:22px; color: #9cc224; } div.diagram1 span.bubi div.info3 { font-size:11px; text-align:center; padding-top:7px; line-height:12px;} div.diagram1 span.bubi div.info3 strong { font-size:22px; line-height:30px; color:#9cc224; } div.diagram2 { width: 48px; } div.diagram2 div.lines { position: relative; width: 48px; height: 50px; background: url(images/admin/admin_diagram_bg2.png) repeat-y top left; } div.diagram2 .line { position: absolute; left: 10px; bottom: 0px; width: 26px; background: url(images/admin/admin_diagram_line_bg2.png) repeat-y top left; border: #8FB002 1px solid; } div.diagram2 .off { height: 0px; border: none; } table.admin_list { margin: 10px; width: 670px; border-collapse: collapse; } table.admin_list td { padding: 5px; vertical-align: top; border: #ccc 1px solid; } table.admin_list td.head { padding: 5px 10px; background-color: #F0F9D5; border-left: #ccc 1px solid; font-weight: bold; } div.diagramLearningSuccess {margin-bottom: 20px;} div.diagramLearningSuccess1 { background-image: url(images/admin/diagramLearningSuccess_bg1.png); background-position: 100px 0px; background-repeat: repeat-y; height: 52px; } div.diagramLearningSuccess1 a.label { color: #005668; float: left; font-size: 14px; font-weight: bold; margin: 18px 0px 0px 0px; text-align: right; text-decoration: none; width: 90px; } div.diagramLearningSuccess1 a.label:hover { text-decoration: underline; } div.diagramLearningSuccess1 a.graph { background-image: url(images/admin/diagramLearningSuccess_balken1.png); background-position: 0px 0px; border: 1px solid #93b20d; float: left; height: 28px; margin: 10px -10px 10px 10px; } div.diagramLearningSuccess1 a.graph:hover { background-image: url(images/admin/diagramLearningSuccess_balken1.png); text-decoration: none !important; background-position: 0px 28px; border: 1px solid #005668; } div.diagramLearningSuccess1 .percentage { float: left; font-size: 12px; font-weight: bold; margin: 18px 0px 18px 15px; } div.diagramLearningSuccess1 span.bubi { display: none; } div.diagramLearningSuccess1 a.graph:hover span.bubi { float: right; font-weight: bold; display: block; position: relative; width: 105px; top: -22px; right: -100px; padding: 17px 0px; text-align: center; color: #9cc12a; background: url(images/admin/diagramLearningSuccess_bubi.png) no-repeat top left; } div.diagramLearningSuccess2 { background-image: url(images/admin/diagramLearningSuccess_bg2.png); background-position: 220px 0px; background-repeat: repeat-y; height: 42px; } div.diagramLearningSuccess2 .label { float: left; font-size: 11px; margin: 10px 0px 0px 0px; text-align: right; width: 215px; } div.diagramLearningSuccess2 .graph { background-image: url(images/admin/diagramLearningSuccess_balken2.png); border: 1px solid #93b20d; float: left; height: 18px; margin: 10px -10px 10px 10px; } div.diagramLearningSuccess2 .percentage { float: left; font-size: 12px; font-weight: bold; margin: 10px 0px 10px 15px; } div.diagramLearningSuccess2 div.graph span.bubi { float: right; font-weight: bold; text-decoration: none; display: none; position: relative; width: 105px; top: -25px; right: -100px; padding: 17px 0px; text-align: center; color: #9cc12a; background: url(images/admin/diagramLearningSuccess_bubi.png) no-repeat top left; } .buttonBar { margin: 15px 8px } div.packbox { clear: left; width: 643px; margin: 2px 0; padding: 3px 0; } div.packbox div.packboxTop { clear: left; width: 643px; height: 10px; background: url(images/sprites2/reg_sprite.png) no-repeat -0px -80px; line-height: 1px; overflow: hidden; } div.packbox div.packboxBody { float: left; width: 633px; padding: 0 5px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -2950px 0px; } div.packbox div.packboxBody p { margin: 0; padding: 4px; } div.packbox div.packboxBody ul.bulletList li { padding: 2px 0 2px 12px; background-position: 0px 5px; } div.packbox div.packboxBody table { width: 630px; } div.packbox div.packboxBody table td { vertical-align: top; } div.packbox div.packboxBody table td.col1 { width: 20px; padding: 10px 0 0 0; } div.packbox div.packboxBody table td.col2 { width: 190px; padding: 0; } div.packbox div.packboxBody table td.col3 { width: 300px; padding: 10px 0 0 0; } div.packbox div.packboxBody table td.col4 { width: 120px; padding: 10px 0 0 0; } div.packbox div.packboxBottom { clear: left; width: 643px; height: 10px; background: url(images/sprites2/reg_sprite.png) no-repeat -0px -90px; line-height: 1px; overflow: hidden; } div.packboxActive { clear: left; width: 643px; margin: 2px 0; padding: 0; } div.packboxActive div.packboxTop { clear: left; width: 643px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat -0px -100px; line-height: 1px; overflow: hidden; } div.packboxActive div.packboxBody { float: left; width: 633px; padding: 0 5px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -3600px 0px; } div.packboxActive div.packboxBody p { margin: 0; padding: 4px; } div.packboxActive div.packboxBody ul.bulletList li { padding: 2px 0 2px 12px; background-position: 0px 5px; } div.packboxActive div.packboxBody table { width: 630px; } div.packboxActive div.packboxBody table td { vertical-align: top; } div.packboxActive div.packboxBody table td.col1 { width: 20px; padding: 10px 0 0 0; } div.packboxActive div.packboxBody table td.col2 { width: 190px; padding: 0; } div.packboxActive div.packboxBody table td.col3 { width: 300px; padding: 10px 0 0 0; } div.packboxActive div.packboxBody table td.col4 { width: 120px; padding: 10px 0 0 0; } div.packboxActive div.packboxBottom { clear: left; width: 643px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat -0px -115px; line-height: 1px; overflow: hidden; } div.packboxBody div.accountRadiobutton { float:left; width: 25px } div.packboxBody div.accountLabel { float: left } div.packboxBody div.accountForm { padding-left: 25px } div.packbox_315 { width: 315px; margin: 2px 0; padding: 3px 0; } div.packbox_315 div.packboxTop_315 { width: 315px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat 0px -130px; line-height: 1px; overflow: hidden; } div.packbox_315 div.packboxBody_315 { float: left; width: 315px; padding: 0 5px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -4250px 0px; } div.packbox_315 div.packboxBottom_315 { width: 315px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat 0px -140px; line-height: 1px; overflow: hidden; } div.packboxActive_315 { width: 315px; margin: 2px 0; padding: 3px 0; } div.packboxActive_315 div.packboxTop_315 { width: 315px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat 0px -150px; line-height: 1px; overflow: hidden; } div.packboxActive_315 div.packboxBody_315 { float: left; width: 315px; padding: 0 5px; background: url(images/sprites2/reg_sprite_v.png) repeat-y -4570px 0px; } div.packboxActive_315 div.packboxBottom_315 { float: left; width: 315px; height: 13px; background: url(images/sprites2/reg_sprite.png) no-repeat 0px -165px; line-height: 1px; overflow: hidden; } div.threeQuarterBoxRight { float: right; width: 711px; margin: 5px 0; overflow: hidden; } div.threeQuarterBoxRightTop { float: right; width: 711px; height: 14px; background: url(images/standard/content/box_34_top.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.threeQuarterBoxRightBody { clear: right; width: 689px; min-height: 300px; height: auto !important; height: 300px; padding: 12px 11px; background: url(images/standard/content/box_34_bg.png) repeat-y; } div.threeQuarterBoxRightBottom { clear: right; width: 711px; height: 28px; background: url(images/standard/content/box_34_bottom.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.oneQuarterBoxRight { float: left; width: 252px; clear: left;margin: 5px 0; overflow: hidden; } div.oneQuarterBoxRightTop {float: left; width: 252px; height: 14px; background: url(images/standard/content/box_14_top.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.oneQuarterBoxRightBody { clear: left; float:left; width: 230px; padding: 11px; background: transparent url(images/standard/content/box_14_bg.png) repeat-y scroll 0 0; } div.oneQuarterBoxRightBottom { clear: left; width: 252px; height: 23px; background: url(images/standard/content/box_14_bottom.png) no-repeat top left; line-height: 1px; overflow: hidden; } div.notes ul { clear: left; margin: 0 0 10px 0; padding: 0 5px; list-style-type: none; } div.notes ul li.none { margin: 0; padding: 0 0 12px 35px; } div.notes ul li.medium { margin: 0; padding: 0 0 12px 35px; background: url(images/forms/reg_infoicon.png) no-repeat 0px 0px; } div.notes ul li.high { margin: 0; padding: 0 0 12px 35px; background: url(images/error_icon.png) no-repeat 0px 0px; } /* --------------------------------------- Payment-Boxes --------------------------------------- */ .paymentHeadline { float:left; padding: 5px 0 0 0; } h4.paymentBoxesDivider { margin: 0 0 6px 22px; } /* -------------------------------------------------------------------------------------- - Formulare Magnolia (Presse, Kontakt, Newsletter etc.) ||||||||||||||||| - -------------------------------------------------------------------------------------- */ div.magnoliaform p.formLine { float: left; margin: 0; padding: 10px 10px 0 0; } div.magnoliaform p.t-error { color: #cb0041; } div.magnoliaform p.formLine label { display: block; width: auto !important; margin: 0; padding: 0; } div.magnoliaform input.feld { background: url(images/forms/inputbox_bg_169.png) no-repeat top left; border: none; font-size: 11px; height: 15px; margin: 0; padding: 5px 4px; width: 161px; } div.magnoliaform textarea { font-family: Arial,Helvetica,sans-serif; font-size: 12px; width: 400px; height: 300px;} div.magnoliaform input.feld:hover, div.magnoliaform input.feld:focus, div.magnoliaform input.feld:active { background: url(images/forms/inputbox_bg_169.png) no-repeat bottom left; border: none; } div.magnoliaform input.senden { background: url(images/buttons/button_senden.png) no-repeat top right; border: 0px none; display: block; float: right; height: 55px; margin: 20px 10px; text-decoration: none; width: 40%; } /* -------------------------------------------------------------------------------------- - Schaufenster Microsite ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ body#showroomBody { background: #c2c9b9 url(images/startseite/showroomBG.png) repeat-x top left; } #showroomFlash { width: 965px; padding: 0px; color: #ffffff; border: none; text-align: center; margin-left: -2px; } #showroomTeaserArea { margin: 0px; width: 100%; padding: 5px 0px; background-color: #ffffff; float: left; border-bottom: 1px solid #dddddd; } #showroomTeaserContainer { margin: 0 auto; padding-left: 5px; } #showroomTeaserContent object { float: left; margin: 7px; } /* -------------------------------------------------------------------------------------- - Present Card ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ .presentCardEditLeft { float: left; width: 245px; margin: 5px} .presentCardEditRight { float: left; width: 405px; margin: 5px } .presentCardEditbottom { clear: left; padding-top: 20px; font-size: 11px } .presentCardEditbottom ol { padding-left: 20px; } .presentSuccessThumbnail { width:90px; float:left } .presentSuccessMessage { width:270px; float:left } /* -------------------------------------------------------------------------------------- - no-header layout ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ body#noheader { margin: 0; padding: 0; font-family: Arial; font-size: 12px; background: #ffeb00 url(images/bg.png) repeat-x top left; text-align:center; } body#noheader img.fehler { margin-top:102px; } body#noheader a.fehler {font-weight:bold; color:#cc0020; font-size:18px; } body#noheader #freecodebox { float: none; margin: 0 auto; } body#noheader .noheadertext {margin: 0pt auto; width: 760px;} /* -------------------------------------------------------------------------------------- - FREECODE-Box |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ div#freecodebox { background: transparent url(images/registrierung/freecodebox_bg.png) no-repeat scroll 0 0 ; height: 220px; width: 230px; float: left; position: relative; margin: 5px; text-align: left; } div#freecodebox form { left: 9px; position: relative; top: 55px; width: 150px; } div#freecodebox input#code { background:transparent url(images/registrierung/freecodebox_input.png) no-repeat scroll 0 0; border: 0 none; color:#999999; font-family:Arial,Helvetica,sans-serif; font-size:13px; letter-spacing: -0.2px; font-weight:bold; padding: 5px 0 0 3px; height:24px; width:138px; } div#freecodebox input.radio { float: left; clear: left; margin-top: 5px; } * html div#freecodebox input.radio { margin-top: 2px; } /*IE Hack*/ div#freecodebox label { display: block; margin-left: 25px; margin-top: 5px; } div#freecodebox button { background: transparent url(images/registrierung/freecodebox_button.png) no-repeat scroll 0 0; border: 0 none; cursor: pointer; height: 31px; width: 140px; margin-top: 10px } /* ------------------------------------------------------------------------------- - QuickReg FORM ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - ------------------------------------------------------------------------------- */ div#QRForm { width:273px; margin: 0px;} div#QRForm .infotext { font-size: 11px; margin-bottom: 5px; margin-top:15px; } div#QRForm .inputfields { } div#QRForm #submitButton { margin-top: 30px; } div#QRForm .inputbox { position: relative; top: 47px; left: 46px; width: 205px; display:inline;} div#QRForm .inputbox input { width: 205px; } div.QRformline { clear: left;} div.QRformline .info { width: 35px; height: 35px; float: left } div.QRformline .info .number {font-size: 20px; font-weight: bold; color: #FFFFFF; margin: 5px 0; text-align: center;} div.QRformline .info .icon {width: 35px; height: 26px;} div.QRformline .inputline { float: left; width: 225px; margin-left: 5px; margin-bottom:-15px;} div.QRformline .field-error { color: #D00000 } div.QRformline .inputline .top { padding: 7px; height: 34px} div.QRformline .inputline .middle { border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; padding: 0 5px; color: #FFFFFF; font-weight: bold} div.QRformline .inputline .middle span { cursor: pointer; text-decoration: underline;} div.QRformline .inputline .bottom { height: 8px; font-size: 1px; } div.QRformline .icon, div.QRformline .info, div.QRformline .top, div.QRformline .bottom { background: transparent url("images/sprites2/qreg_sprite.png") no-repeat top left;} div.QRformline .info { background-position: 0 -254px; } div.QRformline .inputline .top { background-position: 0 -641px; } div.QRformline .inputline .middle { background-color: #bebcbc; color:white;} div.QRformline .inputline .bottom { background-position: 0 -489px; } div.QRformline.active .info { background-position: 0 -185px; } div.QRformline.active .inputline .top { background-position: 0 -573px; } div.QRformline.active .inputline .middle { background-color: #0094c1; color:white; } div.QRformline.active .inputline .bottom { background-position: 0 -461px; } div.QRformline.ok .info { background-position: 0 -392px; } div.QRformline.ok .info .icon { background-position: 0 -75px; } div.QRformline.ok .info .number { display:none } div.QRformline.ok .inputline .top { background-position: 0 -777px; } div.QRformline.ok .inputline .middle { background-color: #7ea201; color:white; } div.QRformline.ok .inputline .bottom { background-position: 0 -545px; } div.QRformline.error .info { background-position: 0 -323px; } div.QRformline.error .info .icon { background-position: 0 -20px; } div.QRformline.error .info .number { display:none } div.QRformline.error .inputline .top { background-position: 0 -709px; } div.QRformline.error .inputline .middle { background-color: #ef7c00; color:white; } div.QRformline.error .inputline .bottom { background-position: 0 -517px; } div.QRformline.waiting .info .number { display: none } div.QRformline.waiting .info .icon { background-position: 0 -130px; } /* -------------------------------------------------------------------------------------- - QuickRegForm errors ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ div#QRForm #errorlayer {float: left; z-index: 1000; position:relative; top:-390px; width:230px; margin: 20px; background-color: #FFFFFF; border: 1px solid #999999; } div#QRForm #errorlayer #close {float: right; margin: 10px} div#QRForm #errorlayer #close a {color: #FFFFFF} div#QRForm #errorlayer #message { background-color:#EF7C00; margin: 20px 5px 0; margin:5px; padding: 10px 5px; text-align:center;} div#QRForm #errorlayer #message div.t-error { border: 0 none; color: #FFFFFF; font-weight: bold;} div#QRForm #errorlayer #message a { margin: 0 auto; } div#QRForm LABEL.t-error { color: #000000; } div#QRForm INPUT.t-error, TEXTAREA.t-error {color: #000000; font-style: normal; border-color: #ffffff} div#QRForm .t-error DIV { background: transparent; color: #ffffff; display: block; font-weight: normal; margin: 0px; padding: 0px; } div#QRForm .t-error UL { background: transparent; color: #ffffff; margin: 0px 0px; } div#QRForm IMG.t-error-icon { margin-left: 4px; } div#QRForm .t-error-icon { display: none !important; } /* -------------------------------------------------------------------------------------- - Complete |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ table.gender { width: 180px;} table.gender td { text-align: left; } table.gender #boyLabel { background-image: URL('images/registrierung/s_junge.png'); width: 75px; height: 75px; display: block; } table.gender #girlLabel { background-image: URL('images/registrierung/s_maedchen.png'); width: 75px; height: 75px; display: block; } table.gender label { width: auto; clear: none; display: inline; float: none; padding: 0; margin-right: 0; text-align: left; } table.gender input { top: 0px;} /* -------------------------------------------------------------------------------------- - Recommend |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ div.numberedBall { background: transparent url(images/buttons/greenball.png) no-repeat scroll top left; height: 35px; width: 35px; } div.numberedBall div {color: #FFFFFF; font-size: 18px; font-weight: bold; padding: 5px 12px; } /* -------------------------------------------------------------------------------------- - Page with Header Lite ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| - -------------------------------------------------------------------------------------- */ div#headerLite { margin: 0 auto; width: 970px; height: 132px; background: transparent url(images/standard/header/headerlite.jpg) no-repeat left top; } div#headerLite a.logo { left: 0; position: relative; top: 3px; width: 175px; height: 60px; display: block; float: left} div#headerLite ul.menu { margin: 0; padding: 0; position: relative; top: 32px; left: 3px; list-style-type: none; float: left} div#headerLite ul.menu li { float: left; margin: 0; padding: 0; } div#headerLite ul.menu li a { display: block; float: left; height: 48px; background: url(images/standard/header/header0_sprite.png) no-repeat top left; } div#headerLite ul.menu li a.menu1 { width: 78px; background-position: 0 -1px; } div#headerLite ul.menu li a.menu1:hover { background-position: 0 -50px; } div#headerLite ul.menu li a.menu2 { width: 162px; background-position: 0 -99px; } div#headerLite ul.menu li a.menu2:hover { background-position: 0 -148px; } div#headerLite ul.menu li a.menu3 { width: 174px; background-position: 0 -197px; } div#headerLite ul.menu li a.menu3:hover { background-position: 0 -246px; } div#headerLite ul.menu li a.menu4 { width: 129px; background-position: 0 -295px; } div#headerLite ul.menu li a.menu4:hover { background-position: 0 -344px; } div#contentLitePopup { margin: 0px auto; width: 970px; overflow: hidden; position: relative; min-height: 711px; height: 100%} div#contentLitePopup div#leftColumn { float: left; width: 200px; height: 400px; text-align: center } div#contentLitePopup div#middleColumn { float: left; width: 496px; } div#contentLitePopup div#oneMiddleBox { width: 500px; margin: 0 195px; } div#contentLitePopup div#rightColumn { float: left; width: 264px; padding-left: 10px } div#contentLite { margin: 0px auto; width: 970px; overflow: hidden; position: relative;} div#contentLite div#leftColumn { float: left; width: 200px; height: 348px; text-align: center } div#contentLite div#middleColumn { float: left; width: 496px; } div#contentLite div#oneMiddleBox { width: 500px; margin: 0 195px; } div#contentLite div#rightColumn { float: left; width: 264px; padding-left: 10px } div.boxMiddle { width: 496px; float: left; margin-bottom: 20px } div.boxMiddle div.boxMiddleTop { width: 496px; clear: left; height: 19px; background: transparent url(images/kinder/boxlite_496_top.png) no-repeat top left; } div.boxMiddle div.boxMiddleBody { width: 446px; float: left; background: transparent url(images/kinder/boxlite_496_body.png) repeat-y top left; overflow: hidden; padding: 0 25px; } div.boxMiddle div.boxMiddleBody h1 { margin: 0 0 5px;} div.boxMiddle div.boxMiddleBottom { width: 496px; clear: left; height: 19px; background: transparent url(images/kinder/boxlite_496_bottom.png) no-repeat bottom left } div.boxRight { width: 264px; } div.boxRight div.boxRightTop { width: 264px; height: 19px; float: left; background: transparent url(images/kinder/boxlite_264_top.png) no-repeat top left} div.boxRight div.boxRightBody { overflow: hidden; padding: 0 20px; width: 224px; float: left; background: transparent url(images/kinder/boxlite_264_body.png) repeat-y top left } div.boxRight div.boxRightBottom { width: 264px; height: 26px; float: left; background: transparent url(images/kinder/boxlite_264_bottom.png) no-repeat top left } div#footerBubbleLite { width: 970px; height: 44px; margin: 0 auto; background: url(images/sprites2/footer_sprite.png) no-repeat -30px 0px; } div#footerLite { padding: 0; width: 100%; background-color: #FFFFFF; } div#footerLite a.header { text-decoration: none; } div#footerLite a.header:hover { text-decoration: underline; } div#footerLitePopup { margin: -13px 0 0; padding: 0; width: 100%; background-color: #FFFFFF; position: relative; } div#footerLiteTop { width: 100%; height: 10px; background-color: #759618 } div.footerLiteBottom { margin: 0 auto; padding: 10px 0 40px 0; width: 970px;} div.footerLiteBottom div.links1 { float: left; width: 970px; margin: 0; padding: 10px 0; } div.footerLiteBottom p { width: 700px; margin: 0 auto; padding: 0; color: #777777; font-size: 11px; text-align: center; } div.footerLiteBottom ul { display: block; width: 100%; margin: 0; padding: 0; list-style-type: none; color: #1CA5AC; text-align: center; } div.footerLiteBottom ul li { display: inline; margin: 0; padding: 0; border-right: #1CA5AC 1px solid; } div.footerLiteBottom ul li.last { border-right: none; } div.footerLiteBottom ul li a { margin: 0; padding: 0 6px 0 4px; color: #1CA5AC; text-decoration: none; } div.footerLiteBottom ul li a.blog { padding: 0 6px 0 20px; color: #1CA5AC; font-weight: bold; background: url(images/sprites2/footer_sprite.png) no-repeat -1010px -0px; } div.footerLiteBottom ul li a:hover { text-decoration: underline; } /* Grey Box for Forms in Middlebox */ div.boxMiddle div.greyBox { clear: left; margin: 0 0 10px 0; padding: 0; width: 444px; } div.boxMiddle div.greyBox div.greyBoxTop { clear: left; margin: 0; padding: 0; width: 444px; height: 9px; background: url(images/sprites2/reg_sprite.png) no-repeat -241px -302px; line-height: 1px; overflow: hidden; } div.boxMiddle div.greyBox div.greyBoxBody { float: left; margin: 0; padding: 5px 10px; width: 422px; background-color: #F0F0F0; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } div.boxMiddle div.greyBox div.greyBoxBody div.halfFormLeft { float: left; border-right: 1px solid #CCCCCC; padding-right: 10px; width: 46%; } div.boxMiddle div.greyBox div.greyBoxBody div.halfFormRight { float: left; border-left: 1px solid #CCCCCC; padding-left: 10px; position: relative; left: -1px; width: 46%; } div.boxMiddle div.greyBox div.greyBoxBottom { clear: left; margin: 0; padding: 0; width: 444px; height: 9px; background: url(images/sprites2/reg_sprite.png) no-repeat -241px -312px; line-height: 1px; overflow: hidden; }