#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""} /* ################################# */ /* ############## NAV ############## */ /* ################################# */ /* #### 1st Level #### */ ul#nav { position: absolute; top: 10px; right: 10px; width: 705px; height: 26px; padding: 0; margin: 0; background: #FFF url("/assets/images/navi_.png") no-repeat; } ul#nav li { padding: 0; margin: 0; list-style-type: none; text-indent: -9999px; } ul#nav li a { position: absolute; border: 0; text-decoration: none; display: block; background: #FFF url("/assets/images/navi_.png") no-repeat; } ul#nav li ul.sub { display: none; } ul#nav li#btn_agentur a { left: 2px; width: 113px; height: 26px; background-position: -2px 0px; } ul#nav li#btn_agentur a:link, #header ul#nav li#btn_agentur a:visited { background-position: -2px 0px; } ul#nav li#btn_agentur a:hover, #header ul#nav li#btn_agentur a:focus { background-position: -2px -26px; } ul#nav li#btn_preise a { left: 118px; width: 46px; height: 26px; background-position: -118px 0px; } ul#nav li#btn_preise a:link, #header ul#nav li#btn_preise a:visited { background-position: -118px 0px; } ul#nav li#btn_preise a:hover, #header ul#nav li#btn_preise a:focus { background-position: -118px -26px; } ul#nav li#btn_schulen a.sub_title { left: 167px; width: 132px; height: 26px; background-position: -167px 0px; } ul#nav li#btn_schulen a.sub_title:link, #header ul#nav li#btn_schulen a.sub_title:visited { background-position: -167px 0px; } ul#nav li#btn_schulen a.sub_title:hover, #header ul#nav li#btn_schulen a.sub_title:focus { background-position: -167px -26px; } ul#nav li#btn_schulsystem a { left: 302px; width: 84px; height: 26px; background-position: -302px 0px;} ul#nav li#btn_schulsystem a:link, #header ul#nav li#btn_schulsystem a:visited { background-position: -302px 0px; } ul#nav li#btn_schulsystem a:hover, #header ul#nav li#btn_schulsystem a:focus { background-position: -302px -26px; } ul#nav li#btn_neuseeland a.sub_title { left: 389px; width: 109px; height: 26px; background-position: -389px 0px; } ul#nav li#btn_neuseeland a.sub_title:link, #header ul#nav li#btn_neuseeland a.sub_title:visited { background-position: -389px 0px; } ul#nav li#btn_neuseeland a.sub_title:hover, #header ul#nav li#btn_neuseeland a.sub_title:focus { background-position: -389px -26px; } ul#nav li#btn_faq a { left: 501px; width: 137px; height: 26px; background-position: -501px 0px; } ul#nav li#btn_faq a:link, #header ul#nav li#btn_faq a:visited { background-position: -501px 0px; } ul#nav li#btn_faq a:hover, #header ul#nav li#btn_faq a:focus { background-position: -501px -26px; } ul#nav li#btn_kontakt a { left: 641px; width: 62px; height: 26px; background-position: -641px 0px; } ul#nav li#btn_kontakt a:link, #header ul#nav li#btn_kontakt a:visited { background-position: -641px 0px; } ul#nav li#btn_kontakt a:hover, #header ul#nav li#btn_kontakt a:focus { background-position: -641px -26px; } /* ### 1st Level .selected ### */ #agentur ul#nav li#btn_agentur a { background-position: -2px -26px; } #preise ul#nav li#btn_preise a { background-position: -118px -26px; } #schulsystem ul#nav li#btn_schulsystem a { background-position: -302px -26px; } #faq ul#nav li#btn_faq a { background-position: -501px -26px; } #kontakt ul#nav li#btn_kontakt a { background-position: -641px -26px; } /* #### 2nd Level #### */ ul#nav :hover ul.sub { display: block; position: absolute; width: 538px; height: 26px; top: 26px; left: 167px; background: #ECF9FE; overflow: hidden; } ul#nav :hover ul.sub li { display: inline; height: 26px; width: 50px; margin: 0; padding: 0; text-indent: 0; } ul#nav :hover ul.sub li a, body.nz ul#nav li ul.sub li a, body.schulen ul#nav li ul.sub li a { position: absolute; display: block; background: none; margin: 0; padding: 0; top: 0; left: 0; border-right: 1px solid #FFF; color: #3A93AE; text-decoration: none; text-transform: uppercase; padding-top: 3px; } ul#nav :hover ul.sub li a:hover { color: #EE862D; } ul#nav :hover ul.sub li#btn_uebersicht a, body.schulen ul#nav li ul.sub li#btn_uebersicht a { left: 0px; width: 69px; padding-left: 28px; background: url("/assets/images/subnavi/icon-uebersicht.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_girls a, body.schulen ul#nav li ul.sub li#btn_girls a { left: 98px; width: 61px; padding-left: 24px; background: url("/assets/images/subnavi/icon-maedchen.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_boys a, body.schulen ul#nav li ul.sub li#btn_boys a { left: 184px; width: 52px; padding-left: 24px; background: url("/assets/images/subnavi/icon-jungen.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_gemischt a, body.schulen ul#nav li ul.sub li#btn_gemischt a { left: 261px; width: 66px; padding-left: 33px; background: url("/assets/images/subnavi/icon-gemischt.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_outdoor a, body.schulen ul#nav li ul.sub li#btn_outdoor a { left: 361px; width: 120px; padding-left: 36px; background: url("/assets/images/subnavi/icon-outdoor.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_einfuehrung a, body.nz ul#nav li ul.sub li#btn_einfuehrung a { left: 0px; width: 78px; padding-left: 28px; background: url("/assets/images/subnavi/icon-uebersicht.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_kultur a, body.nz ul#nav li ul.sub li#btn_kultur a { left: 107px; width: 102px; padding-left: 28px; background: url("/assets/images/subnavi/icon-uebersicht.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_geografie a, body.nz ul#nav li ul.sub li#btn_geografie a { left: 238px; width: 88px; padding-left: 28px; background: url("/assets/images/subnavi/icon-uebersicht.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li#btn_politik a, body.nz ul#nav li ul.sub li#btn_politik a { left: 357px; width: 135px; padding-left: 28px; background: url("/assets/images/subnavi/icon-uebersicht.png") no-repeat 0 -2px; text-indent: 0px; } ul#nav :hover ul.sub li a:hover { background-position: 0 -28px !important; } /* ### 2nd Level .selected ### */ body.nz ul#nav li#btn_neuseeland a.sub_title { background-position: -389px -26px !important; } body.nz ul#nav li ul.sub { display: block !important; position: absolute; width: 538px; height: 26px; top: 26px; left: 167px; background: #ECF9FE; overflow: hidden; } body.schulen ul#nav li#btn_schulen a.sub_title { background-position: -167px -26px !important; } body.schulen ul#nav li#btn_schulen ul.sub { display: block !important; position: absolute; width: 538px; height: 26px; top: 26px; left: 167px; background: #ECF9FE; overflow: hidden; } body.schulen ul#nav li#btn_neuseeland ul.sub { display: none !important; } body.nz ul#nav li#btn_schulen ul.sub { display: none !important; } #einfuehrung ul#nav li ul.sub li#btn_einfuehrung a { color: #EE862D !important; background-position: 0 -28px !important; } #kultur ul#nav li ul.sub li#btn_kultur a { color: #EE862D !important; background-position: 0 -28px !important; } #geografie ul#nav li ul.sub li#btn_geografie a { color: #EE862D !important; background-position: 0 -28px !important; } #politik ul#nav li ul.sub li#btn_politik a { color: #EE862D !important; background-position: 0 -28px !important; } #uebersicht ul#nav li ul.sub li#btn_uebersicht a { color: #EE862D !important; background-position: 0 -28px !important; } #maedchen ul#nav li ul.sub li#btn_girls a { color: #EE862D !important; background-position: 0 -28px !important; } #jungen ul#nav li ul.sub li#btn_boys a { color: #EE862D !important; background-position: 0 -28px !important; } #gemischt ul#nav li ul.sub li#btn_gemischt a { color: #EE862D !important; background-position: 0 -28px !important; } #outdoor ul#nav li ul.sub li#btn_outdoor a { color: #EE862D !important; background-position: 0 -28px !important; } /* #################################### */ /* ############## SUBNAV ############## */ /* #################################### */ ul#subnav { position: absolute; top: 510px; width: 960px; list-style: none; } ul#subnav li, ul#subnav li a { position: relative; height: 52px; text-indent: -9999px; } ul#subnav li a#link_fwd { top: -52px; left: 829px; display: block; width: 131px !important; background: url("/assets/images/neuseeland/link_fwd.png") no-repeat 0px 0px; } ul#subnav li a#link_fwd:hover { background-position: 0px -52px; } ul#subnav li a#link_bck { display: block; width: 131px !important; background: url("/assets/images/neuseeland/link_back.png") no-repeat 0px 0px; } ul#subnav li a#link_bck:hover { background-position: 0px -52px; } body.schulen ul#subnav { top: 530px; } body.schulen ul#subnav li a#link_fwd { background: url("/assets/images/schulen/link_fwd.png") no-repeat 0px 0px; } body.schulen ul#subnav li a#link_fwd:hover { background-position: 0px -52px; } body.schulen ul#subnav li a#link_bck { background: url("/assets/images/schulen/link_back.png") no-repeat 0px 0px; } body.schulen ul#subnav li a#link_bck:hover { background-position: 0px -52px; } /* ########### BASICS ########### */ html { font-size: 100.01%; } body { font-size: 62.5%; background: #D3F1FB url("/assets/images/bodybg.gif") repeat-x; } /* ########### PAGE ########### */ #page { position: relative; width: 960px; margin: 0 auto; font: normal 12px/19px Tahoma, Verdana; } #page .ahso { text-transform: uppercase; } /* ########### HEADER ########### */ #wrapper { position: relative; width: 960px; height: 80px; background: #FFF; } h1#header { position: absolute; left: 48px; width: 200px; height: 120px; background: transparent url("/assets/images/logo.png") no-repeat; text-indent: -9999px; } h1#header a { display: block; width: 195px; height: 120px; } p.skiplink { position: absolute; left: -3000px; top: -2000px; width: 0px; height: 0px;} /* ########### FOOTER ########### */ #page #footer { position: relative; clear: both; width: 960px; height: 176px; margin-bottom: 0 !important; padding-bottom: 0 !important; font-style: oblique; color: #FFF; } #page #footer p { float: left; height: 25px; padding: 125px 10px 10px; position: relative; } #page #footer p a { background: url("/assets/images/footer/buttonl.png") no-repeat right 10px; color: #FFF; display: block; height: 40px; text-decoration: none; } #page #footer p a span { border-bottom: 1px solid #FFF; display: block; position: relative; top: 2px; } #page #footer p a:hover { background-image: url("/assets/images/footer/buttonh.png"); } #page #footer p#footer_katalog { left: 120px; } #page #footer p#footer_katalog a { width: 330px; } #page #footer p#footer_katalog a span { width: 308px; } #page #footer p#footer_kontakt { left: 357px; } #page #footer p#footer_kontakt a { width: 223px; } #page #footer p#footer_kontakt a span { width: 200px; } /* ################################# */ /* ########### STARTPAGE ########### */ /* ################################# */ #startpage #page { background: #FFF url("/assets/images/bg50-50.png") repeat-y; } #startpage #errors { left: 400px; position: absolute; top: 1275px; z-index: 100; } #startpage #errors p.msg_error { background: #FBE3E4; border: 1px solid #D12F19; color: #D12F19; margin: 5px; padding: 5px; } #startpage #success { left: 400px; position: absolute; top: 1275px; z-index: 100; } #startpage #success p.msg_success { background-color: #E6EFC2; border: 1px solid #529214 !important; color: #529214; margin: 5px; padding: 5px; } #startpage #footer { background: #DB7A41 url("/assets/images/footer/footer_1.png") no-repeat; } #startpage #content #col1, #startpage #col2 { width: 440px; padding: 0 20px; } #startpage #content #col1 { float: left; } #startpage #content #col2 { float: right; } #startpage #content ul { } #startpage #content li { margin: 5px 0; } #startpage #content li.sp_list { position: relative; height: 110px; } #startpage #content li.sp_list p { height: 20px; } /* #startpage #content #messen { background: #153C9A; clear: both; height: 139px; position: relative; } #startpage #content #messen h4 { background: url("/assets/images/startpage/messen.gif") no-repeat; margin-left: 20px; text-indent: -9999px; } #startpage #content #messen_inner { background: #153C9A; border: 1px solid #FFF; margin: 10px; position: relative; top: 10px; } #startpage #content #messen_inner ul { color: #FFF; font-size: 11px; margin: 0 0 10px 20px; } #startpage #content #messen_inner ul li { background: url("/assets/images/middot.png") no-repeat left; display: inline; font-weight: normal; padding: 0 2px 0 8px; } #startpage #content #messen_inner ul li span { color: #3CA4BD; font-weight: normal; } #startpage #content #messen_inner ul li:first-child { background: none; padding-left: 0; } #startpage #content #messen_inner a:link, #startpage #content #messen_inner a:visited, #startpage #content #messen_inner ul li a:hover { color: #FFF; text-decoration: none;} #startpage #content #messen_inner a.old, #startpage #content #messen_inner a.old span { color: #7484CF; } */ #startpage #content #news { clear: both; width: 960px; height: 375px; position: relative; color: rgb(47, 68, 108); padding-bottom: 10px;} #startpage #content #news h4 { text-indent: -9999px; height: 40px; margin: 0 !important; padding-bottom: 0;} #startpage #content #news h5 { background: 0; border: 0; } #startpage #content #news .scrollbox { height: 335px; overflow: auto; padding: 0 10px;} #startpage #content #news .scrollbox .entry { clear: both; } #startpage #content #news .scrollbox .entry + .entry { border-top: 1px dotted #3CA4BD; padding-top: 20px; margin-top: 20px;} #startpage #content #news .scrollbox .entry .date { float: right; font-size: 10px; font-weight: bold; color: rgb(27, 48, 88);} #startpage #content #news .scrollbox img.rfloat { float: right; } #startpage #content #news .noscrollbox { height: 335px; overflow: hidden; padding: 0 10px;} #startpage #content #news #aktuell { width: 480px; height: 375px; background: #fff; } #startpage #content #news #messen { width: 240px; height: 375px; position: absolute; background: #EFFAFE; left: 480px; top: 0px;} #startpage #content #news #aktuell h4 { background: url("/assets/images/startpage/h4_aktuell.png") repeat-x -15px 0; } #startpage #content #news #aktuell li strong { font-weight: bold; } #startpage #content #news #messen h4 { background: url("/assets/images/startpage/h4_messen.png") repeat-x -15px 0; } #startpage #content #news #messen h5 { width: 200px; } #startpage #content #news #messen ul { line-height: 18px; margin-bottom: 12px;} #startpage #content #news #messen li { } #startpage #content #news #messen li span { color: #fe913a; width: 80px; display: block; float: left;} #startpage #content #news #messen li a { display: block; color: rgb(47, 68, 108); text-decoration: none; background: url("/assets/images/startpage/link.gif") no-repeat right 2px;} #startpage #content #news #messen li.old a, #startpage #content #news #messen li.old span { color: rgb(130,130,130) !important; } #startpage #content #news #interactive { width: 240px; height: 375px; position: absolute; background: #fff; left: 720px; top: 0px;} #startpage #content #news #interactive h4 { background: url("/assets/images/startpage/h4_agency.png") repeat-x -15px 0; } #startpage #content #news #interactive p a { display: block; width: 190px; height: 50px; text-indent: -9999px; margin-top: 20px;} #startpage #content #news #interactive p a#facebook { background: url("/assets/images/startpage/facebook.png") no-repeat; margin-bottom: 30px;} #startpage #content #news #interactive p a#twitter { background: url("/assets/images/startpage/twitter.png") no-repeat; } #startpage #col1 a { position: relative; top: -85px; left: 294px; width: 165px; height: 130px; display: block; } #startpage #col1 a { background: url("/assets/images/startpage/buttonl.png") no-repeat left center; } #startpage #col1 a:hover { background: url("/assets/images/startpage/buttonh.png") no-repeat left center; } #startpage #col1 a img { display: block; position: absolute; top: 17px; left: 31px; } #startpage #col2 a { position: relative; top: -104px; left: 308px; width: 160px; height: 130px; display: block; } #startpage #col2 a { background: url("/assets/images/startpage/buttonl.png") no-repeat left center; } #startpage #col2 a:hover { background: url("/assets/images/startpage/buttonh.png") no-repeat left center; } #startpage #col2 a img { display: block; position: absolute; top: 9px; left: 31px; } #startpage #footer { background: url("/assets/images/footer/footer_0.png"); clear: both; height: 360px; } #startpage #footer h4 { background: url("/assets/images/startpage/katalog.png") no-repeat; height: 40px; margin: 20px 40px 0; padding: 0; text-indent: -9999px; width: 250px; } #startpage #footer .column { float: left; width: 50%; } #startpage #footer form { margin: 20px 0 0 20px; } #startpage #footer fieldset li { clear: both; list-style: none; padding-bottom: 20px; } #startpage #footer fieldset li span { background: url("/assets/images/kontakt/label.png") no-repeat 0px 5px; display: block; height: 30px; left: 90px; position: relative; top: -18px; width: 270px; } #startpage #footer fieldset label { float: left; font-style: normal; font-size: 13px; margin-left: 20px; } #startpage #footer input#Name, #startpage #footer input#Adresse, #startpage #footer input#Email { float: left; height: 15px !important; border: 1px solid #0F2C69; margin-left: 5px; width: 260px; } #startpage #footer input#Name:focus, #startpage #footer input#Adresse:focus, #startpage #footer input#Email:focus { border: 1px solid #2CA6C3; } #startpage #footer input#submit { background: url("/assets/images/startpage/button_senden.png") no-repeat; border: none; cursor: pointer; height: 30px; margin: 0 0 0 222px; text-indent: -9999px; width: 135px; } #startpage #footer input#submit:hover { background-position: 0 -30px; } #startpage #footer p#footer_katalog { background: url("/assets/images/footer/button_start.png") no-repeat 306px 9px; height: 40px; margin: 30px 0 0 13px; padding: 0; width: 330px; } #startpage #footer p#footer_katalog span { border-bottom: 1px solid #FFF; display: block; padding-top: 2px; width: 308px; } #startpage #footer p#footer_kontakt { left: 230px; position: relative; top: 185px; } #startpage #footer p#footer_kontakt a { width: 223px; } #startpage #footer p#footer_kontakt a span { width: 200px; } #startpage #footer p#info { height: 100px; padding-top: 0; position: absolute; right: 10px; top: 145px; width: 100px; } #startpage a#bestelllink { display: block; height: 170px; right: 30px; position: absolute; top: 370px; width: 170px; } #startpage h2 { width: 960px; height: 470px; background: #88F7FF url("/assets/images/startpage/header.jpg") no-repeat; text-indent: -9999px; } #startpage h3 { width: 306px; height: 45px; margin: -30px 0 0 14px; background: #EFFAFE url("/assets/images/startpage/willkommen.png") no-repeat; text-indent: -9999px; } #startpage h4 { padding: 10px 0 20px 0; color: #1C335D; font-weight: bold; } #startpage h5 { width: 320px; color: #3CA4BD; border-bottom: 1px solid #76969B; font-weight: bold; } #startpage h6 { color: #2F446C; font-style: oblique; } /* ################################# */ /* ########### AGENTUR ############# */ /* ################################# */ #agentur #page { background: #FFF url("/assets/images/bg50-50.png") repeat-y; } #agentur #footer { background: #DB7A41 url("/assets/images/footer/footer_1.png") no-repeat; } #agentur #content #col1, #agentur #col2 { width: 440px; padding: 0 20px; } #agentur #content #col1 { float: left; } #agentur #content #col1 ul { padding-bottom: 20px; list-style: disc; } #agentur #content #col1 li { margin-left: 15px; color: #000; } #agentur #content #col2 { position: relative; float: right; margin-top: 30px; } #agentur #content #col2 p { color: #2F446C; font-style: oblique; } #agentur #content #col2 p.border { margin: 8px 0 25px 0; border-bottom: 1px dotted #3CA4BD; } #agentur #content #col2 p.portrait { margin: 16px 20px 0 0; } #agentur #content #col2 p.portrait a:link, #agentur #content #col2 p.portrait a:visited { color: #47A2BF; font-weight: bold; text-decoration: none; } #agentur #content #col2 p.portrait a:hover, #agentur #content #col2 p.portrait a:active { text-decoration: underline; } #agentur #content #col2 blockquote p { margin: 0; padding: 0; } #agentur #content #col2 span { position: relative; top: -3px; display: block; width: 159px; border-bottom: 1px solid #3CA4BD; color: #3CA4BD; } #agentur #content #col2 ul { margin-bottom: 25px; padding: 13px 20px 20px 9px; background: url("/assets/images/agentur/listbg.png") no-repeat -1px 13px; border-bottom: 1px dotted #3CA4BD; } #agentur #content #col2 li { margin-left: 15px; color: #2F446C; font-style: oblique; } #agentur #content #col2 img { margin-top: 10px; } #agentur #content #col2 img.portrait { position: relative; top: -55px; float: right; margin: 25px 0 0 50px; padding: 10px; border: 1px solid #3CA4BD; } #agentur #content #col2 h4#service { position: relative; width: 200px; height: 32px; background: transparent url("/assets/images/agentur/button.png") no-repeat right -5px; } #agentur #content #col2 h4#leitfaden { position: relative; width: 200px; height: 32px; background: transparent url("/assets/images/agentur/button.png") no-repeat right -5px; } #agentur #content #col2 h4#profil { position: relative; width: 200px; height: 32px; background: transparent url("/assets/images/agentur/button.png") no-repeat right -5px; } #agentur #studienplatzrecht { position: relative; top: -25px; } #agentur h2 { width: 960px; height: 420px; background: #433068 url("/assets/images/agentur/header.jpg") no-repeat; text-indent: -9999px; } #agentur h3 { width: 320px; height: 35px; margin: 20px 0; background: #EFFAFE url("/assets/images/agentur/liebeeltern.gif") no-repeat; text-indent: -9999px; } #agentur h4 { color: #1C335D; font-weight: bold; } #agentur p { color: #070F21 !important; padding-bottom: 20px; } /* ################################# */ /* ###### ANGEBOTENE SCHULEN ####### */ /* ################################# */ .schulen #footer { background: #DB7A41 url("/assets/images/footer/footer_2.png") no-repeat; } .schulen #content { background: url("/assets/images/bg50-50.png") repeat-y; } .schulen #content #formular { width: 960px; height: 585px; background: transparent url("/assets/images/schulen/formularbg.gif") no-repeat; padding: 20px 0 0 20px; } .schulen #content #formular fieldset#form_left, .schulen #formular fieldset#form_right { float: left; width: 230px; margin-top: 30px; } .schulen #content #formular fieldset#form_left { padding-left: 10px; padding-right: 10px; border-right: 1px solid #FFF; } .schulen #content #formular fieldset#form_right { padding-left: 20px; } .schulen #content #formular fieldset { position: relative; } .schulen #content #formular fieldset p { margin-top: 10px; color: #2F446C; font-style: oblique; } .schulen #content #formular fieldset span.bold { font-weight: bold; } .schulen #content #formular input { position: absolute; top: -32px; right: 20px; width: 40px; height: 23px; } .schulen #content #formular input#button_reset { position: absolute; top: 40px; left: 0px; display: block; width: 60px; height: 32px; text-transform: uppercase; color: #FFF; background: transparent; border: none; font-weight: bold; font-size: 14px; cursor: pointer; } .schulen #content #formular input#button_submit { position: absolute; top: 41px; left: 75px; display: block; width: 150px; height: 32px; background: transparent url("/assets/images/schulen/submit.png") no-repeat; border: none; text-indent: -9999px; cursor: pointer; } .schulen #content #formular input:hover#button_submit { background-position: 0 -33px; } .schulen #content #formular select { display: block; width: 200px; height: 20px; margin: 10px 0 20px 0; overflow: hidden; } .schulen #content #formular img.standorte { position: absolute; top: 120px; right: 20px; } .schulen #content #formular legend { position: relative; display: block; height: 35px; background: url("/assets/images/schulen/legend.png") no-repeat right 1px; padding-right: 30px; color: #2F446C; font-style: oblique; } .schulen #content #formular legend span { display: block; position: relative; width: 193px; border-bottom: 1px solid #FFF; color: #FFF; font-style: normal; font-weight: bold; } .schulen #content #resultat { clear: both; padding: 0; background: url("/assets/images/bg25-75.png") repeat-y; } .schulen #content #resultat h3 { position: relative; width: 280px; height: 37px; padding: 20px 0 0 52px; background: transparent url("/assets/images/schulen/button.png") no-repeat right 25px; color: #2F446C; font-style: oblique; } .schulen #content #resultat h3 span { position: relative; top: 1px; display: block; width: 250px; border-bottom: 1px solid #3CA4BD; color: #3CA4BD; font-weight: bold; font-style: normal; } .schulen #content #resultat h3 strong { position: relative; right: -255px; top: -28px; display: block; width: 250px; color: #FFF; font-style: normal; font-size: 17px; } .schulen #content #resultat table { border-collapse: collapse; } .schulen #content #resultat caption { padding: 0 62px 10px 0; caption-side: top; text-align: right; font-weight: bold; color: #B0CFDC; } .schulen #content #resultat table.nohits { display: none; } .schulen #content #resultat table tr.header { background: transparent url("/assets/images/schulen/headbg.gif") no-repeat 52px; } .schulen #content #resultat table tr.one { background: transparent url("/assets/images/schulen/tablebg_1.png") no-repeat 51px; color: #2F446C; } .schulen #content #resultat table tr.two { background: transparent url("/assets/images/schulen/tablebg_2.png") no-repeat 51px; color: #FFF; } .schulen #content #resultat table th { height: 30px; padding: 2px 0 0 5px; color: #FFF; } .schulen #content #resultat table th.wappen { width: 50px; background: #FFF !important; } .schulen #content #resultat table th.schule { width: 265px; border-right: 1px solid #FFF; } .schulen #content #resultat table th.standort { width: 107px; border-right: 1px solid #FFF; } .schulen #content #resultat table th.zahl { width: 50px; border-right: 1px solid #FFF; } .schulen #content #resultat table th.zahl * { position: relative; left: 10px; } .schulen #content #resultat table th.typ { width: 50px; border-right: 1px solid #FFF; } .schulen #content #resultat table th.typ * { position: relative; left: 11px; } .schulen #content #resultat table th.preis { width: 50px; border-right: 1px solid #FFF; } .schulen #content #resultat table th.preis * { position: relative; left: 9px; } .schulen #content #resultat table th.wohnen { width: 66px; } .schulen #content #resultat table th.wohnen * { position: relative; left: 7px; } .schulen #content #resultat table th.link { width: 75px !important; background: #FFF !important; text-align: center; } .schulen #content #resultat table th.foto { width: 58px; background: transparent !important; border-right: 1px solid #B0CFDC; color: #2F446C; } .schulen #content #resultat table th.foto * { position: relative; left: 16px; } .schulen #content #resultat table th.lehrplan { width: 58px; background: #EFFAFE !important; border-right: 1px solid #B0CFDC; color: #2F446C; } .schulen #content #resultat table th.lehrplan * { position: relative; left: 3px; } .schulen #content #resultat table th.freizeit { width: 58px; background: #EFFAFE !important; border-right: 1px solid #B0CFDC; color: #2F446C; } .schulen #content #resultat table th.freizeit * { position: relative; left: 13px; } .schulen #content #resultat table th.sport { width: 50px; background: #EFFAFE !important; color: #2F446C; } .schulen #content #resultat table th.sport * { position: relative; left: 7px; } .schulen #content #resultat table td { height: 36px; padding: 0 !important; font-weight: bold; text-align: center; vertical-align: middle; } .schulen #content #resultat table td.wappen { background: #FFF !important; } .schulen #content #resultat table td.wappen img { position: relative; top: 3px; } .schulen #content #resultat table td.schule { text-align: left; } .schulen #content #resultat table tr.one td.schule a { position: relative; left: 5px; color: #2F446C; text-decoration: underline; } .schulen #content #resultat table tr.one td.schule a:hover { text-decoration: underline; } .schulen #content #resultat table tr.two td.schule a { position: relative; left: 5px; color: #FFF; text-decoration: underline; } .schulen #content #resultat table tr.two td.schule a:hover { text-decoration: underline; } .schulen #content #resultat table td.standort { text-align: left; } .schulen #content #resultat table td.standort * { position: relative; left: 5px; } .schulen #content #resultat table td.zahl { text-align: right; } .schulen #content #resultat table td.zahl * { position: relative; right: 11px; } .schulen #content #resultat table td.typ img { position: relative; top: 3px; left: 2px; } .schulen #content #resultat table td.preis img { position: relative; top: 3px; left: 2px; } .schulen #content #resultat table td.wohnen img { position: relative; top: 3px; left: 2px; } .schulen #content #resultat table td.link a { display: block; height: 36px; background: url("/assets/images/schulen/buttonl.png") no-repeat; text-indent: -9999px; } .schulen #content #resultat table td.link a:hover { background: url("/assets/images/schulen/buttonh.png") no-repeat; } .schulen #content #resultat table td.fotos { border-right: 1px solid #B0CFDC; } .schulen #content #resultat table td.lehrplan { border-right: 1px solid #B0CFDC; position: relative; } .schulen #content #resultat table td.freizeit { border-right: 1px solid #B0CFDC; position: relative; } .schulen #content #resultat table td.lehrplan img { position: relative; top: 1px; } .schulen #content #resultat table td.freizeit img { position: relative; top: 1px; } .schulen #content #resultat table td a.trigger { position: relative; text-decoration: none !important; } .schulen #content #resultat table td a.trigger span.tooltip { display: none; } .schulen #content #resultat table td a.trigger:hover span.tooltip { position: absolute; left: -90px; display: block; width: 200px; text-align: left; padding: 10px; font-size: 10px; background: #FFF; border: 1px solid #2F446C; font-weight: normal; color: #2F446C; z-index: 500; } .schulen #content #resultat table td a.trigger:hover span.tooltip span.tooltip_header { display: block; margin-bottom: 5px; border-bottom: 1px dotted #2F446C; font-weight: bold; color: #2F446C; } .schulen #content #resultat table td a.trigger:hover span.tooltip:hover { display: none; } .schulen #col1 p a:link, .schulen #col1 p a:visited { color: #3CA4BD; font-weight: bold; text-decoration: none; } .schulen #col1 p a:hover, .schulen #col1 p a:active { text-decoration: underline; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { .schulen #content #formular p { position: relative; top: 18px; } .schulen #content #formular #form_left, .schulen #content #formular #form_right { position: relative; top: -20px; } .schulen #content #formular fieldset#form_left { width: 245px; } .schulen #content #formular #form_left fieldset, .schulen #form_right fieldset { padding: 0 10px 5px 10px; } .schulen #content #formular input#button_reset { position: absolute; top: 48px; } .schulen #content #formular input#button_submit { position: absolute; top: 49px; } .schulen #content #formular select { position: relative; top: 10px; padding-top: 20px; margin-top: 20px; } .schulen #content #resultat table th { background: transparent url("/assets/images/schulen/th.png") repeat-x; } .schulen #content #resultat table th.foto { background: #F4FBFF !important; } .schulen #content #resultat tr.one { background: none; } .schulen #content #resultat tr.one td { background: transparent url("/assets/images/schulen/tr1.png") repeat-x; } .schulen #content #resultat tr.one td.schule{ background: transparent url("/assets/images/schulen/trschule1_vorne.png") no-repeat; } .schulen #content #resultat tr.two td { background: transparent url("/assets/images/schulen/tr2.png") repeat-x; } .schulen #content #resultat tr.two td.schule{ background: transparent url("/assets/images/schulen/trschule2_vorne.png") no-repeat; } .schulen #content #resultat td.link { background-image: none !important; background-color: #FFF !important; } .schulen #content #resultat td.fotos { background-color: transparent; background: #EFFAFE !important; } .schulen #content #resultat td.lehrplan { background-color: transparent; background: #EFFAFE !important; } .schulen #content #resultat td.freizeit { background-color: transparent; background: #EFFAFE !important; } .schulen #content #resultat td.sport { background-color: transparent; background: #EFFAFE !important; } } #uebersicht h2 { width: 530px; height: 100px; margin: 40px 0 0 7px; background: transparent url("/assets/images/schulen/header.png") no-repeat; text-indent: -9999px; } /* ####################################### */ /* ############ OUTDOOR SPECIAL ########## */ /* ####################################### */ #outdoor #content #resultat p { padding: 10px 250px 0 20px; } #outdoor #content #resultat p strong { font-weight: bold; } #outdoor #content #resultat h3 { margin-top: 20px !important; margin-left: 20px !important; width: 360px; height: 30px; background: url("/assets/images/schulen/h3outdoor.png") no-repeat !important; text-indent: -9999px; } #outdoor #content #resultat h4 { position: relative; width: 330px; height: 37px; margin: 0px !important; padding: 40px 0 0 52px; background: transparent url("/assets/images/schulen/button.png") no-repeat right 44px; color: #2F446C; font-style: oblique; } #outdoor #content #resultat h4 span { position: relative; top: 1px; display: block; width: 300px; border-bottom: 1px solid #3CA4BD; color: #3CA4BD; font-weight: bold; font-style: normal; } #outdoor #content #resultat h4 strong { position: absolute; left: 357px; top: 50px; display: block; width: 250px; color: #FFF; font-style: normal; font-size: 17px; } #outdoor #content #resultat table { margin: 0px !important; padding: 0px !important; } #outdoor #content #resultat table#table_two { margin-top: 30px !important; margin-left: 0px !important; padding-left: 0px !important; } #outdoor #content #resultat table#table_two th.schule { width: 233px !important; } #outdoor #content #resultat table#table_two th.link { width: 65px !important; } #outdoor #content #resultat table#table_two th.foto { display: none; } #outdoor #content #resultat table#table_two th.lehrplan { display: none; } #outdoor #content #resultat table#table_two th.freizeit { display: none; } #outdoor #content #resultat table#table_two th.sport { display: none; } #outdoor #content #resultat table#table_two td.fotos { display: none; } #outdoor #content #resultat table#table_two td.lehrplan { display: none; } #outdoor #content #resultat table#table_two td.freizeit { display: none; } #outdoor #content #resultat table#table_two td.sport { display: none; } .schulen #content #resultat table td.zahl * { right: 10px; } /* ####################################### */ /* ########## SCHULEN ÜBERSICHT ########## */ /* ####################################### */ .schulen #content { min-height: 600px; background: #FFF url("/assets/images/bg25-75.png") repeat-y; } #maedchen #page, #jungen #page, #gemischt #page, #outdoor #page { background: #FFF; } #maedchen #page h2, #jungen #content h2, #gemischt #content h2, #outdoor #content h2 { width: 960px; height: 210px; text-indent: -9999px; } #maedchen #content h2 { background: #55A98F url("/assets/images/schulen/header_maedchen.jpg") no-repeat; } #jungen #content h2 { background: #5179B4 url("/assets/images/schulen/header_jungen.jpg") no-repeat; } #gemischt #content h2 { background: #403E54 url("/assets/images/schulen/header_gemischt.jpg") no-repeat; } #outdoor #content h2 { background: #013542 url("/assets/images/schulen/header_outdoor.jpg") no-repeat; } /* ####################################### */ /* ############ SCHULE EINZELN ########### */ /* ####################################### */ #schule #page { background: #FFF url("/assets/images/bg75-25.png") repeat-y; } #schule #content { background: #FFF url("/assets/images/bg75-25.png") repeat-y; } #schule #content h2 { width: 960px; height: 550px; background-repeat: no-repeat; text-indent: -9999px; } #schule #content hr { clear: both; visibility: hidden; background: #FFF; color: #FFF; } #schule #content img#map { position: absolute; top: 595px; left: 470px;} #schule #content img#crest { display: block; margin: 0 auto; padding-bottom: 27px; } #schule #footer { background: #DB7A41 url("/assets/images/footer/footer_3.png") no-repeat; } #schule #trefferanzeige { position: absolute; top: 536px; left: 500px; width: 200px; height: 37px; background: transparent url("/assets/images/schulen/trefferanzeige.png") no-repeat 50%; border-top: 1px solid #3CA4BD; border-bottom: 1px solid #3CA4BD; color: #FFF; } #schule #trefferanzeige p { display: block; float: left; width: 85px; height: 28px; padding-top: 9px; padding-left: 15px; text-align: center; } #schule #trefferanzeige p.anzeige { background: url("/assets/images/schulen/subnav_home.png") no-repeat left 8px; } #schule #trefferanzeige p.link { background: url("/assets/images/schulen/subnav_list.png") no-repeat 4px 8px; } #schule #trefferanzeige a:link, #schule #trefferanzeige a:visited { font-weight: bold; color: #FFF; text-decoration: none; } #schule #trefferanzeige a:hover, #schule #trefferanzeige a:active { text-decoration: underline; } #schule #content #col1 { float: left; width: 450px; padding: 0px 20px 10px 20px; } #schule #content #col1 p { color: #070F21 !important; margin-bottom: 20px; } #schule #content #col1 p em { font-style: oblique; } #schule #content #col1 h3 { width: 350px; height: 50px; background-repeat: no-repeat; margin-bottom: 10px; text-indent: -9999px; } #schule #content #col2 { float: left; width: 200px; margin-left: 230px; padding: 0 20px 10px 20px; background: transparent url("/assets/images/schulen/zitat.png") no-repeat 15px 100px;} #schule #content #col2 p { color: #2F446C; font-style: oblique; } #schule #content #col2 p.url { position: relative; left: 25px; margin-top: 100px; } #schule #content #col2 p.url a { display: block; height: 22px; padding-left: 30px; background-repeat: no-repeat; background-position: left -1px; font-style: normal; } #schule #content #col2 p.url a:link, #schule #content #col2 p.url a:visited { text-decoration: none; color: #3CA4BD; font-weight: bold; } #schule #content #col2 p.url a:hover, #schule #content #col2 p.url a:active { text-decoration: underline; } #schule #content #list { clear: both; width: 700px; margin: 0px; padding: 0 10px; } #schule #content #list dl { float: left; display: block; width: 210px; min-height: 140px; margin: 0px; padding: 0 10px; border-right: 1px solid #3CA4BD; font-size: 11px; } #schule #content #list dl.noborder { border: none; } #schule #content #list dt { color: #3CA4BD; font-weight: bold; } /* ################################# */ /* ########## SCHULSYSTEM ########## */ /* ################################# */ #schulsystem #page { background: #FFF url("/assets/images/bg50-50.png") repeat-y; } #schulsystem #footer { background: #DB7A41 url("/assets/images/footer/footer_1.png") no-repeat; } #schulsystem #content #col1 { float: left; width: 440px; padding: 0 20px; } #schulsystem #content #col1 h3 { width: 404px; height: 60px; background: url("/assets/images/schulsystem/h3_schulsystem.png") no-repeat; text-indent: -9999px;} #schulsystem #content #col1 img { margin: 0 10px 15px 10px; padding: 5px; border: 1px solid #3CA4BD; } #schulsystem #content #col2 { float: right; width: 440px; padding: 0 20px; } #schulsystem #content #col2 p.schuljahr { padding-top: 4px; } #schulsystem #content #col2 p.abschluss { position: relative; top: -2px; } #schulsystem #content #col2 h3 { width: 243px; height: 60px; background: url("/assets/images/schulsystem/h3_wichtigste.gif") no-repeat; text-indent: -9999px; } #schulsystem #content #col2 h4 { padding-top: 16px; border-top: 1px dotted #868686; } #schulsystem #content #col2 h4#schuljahr { margin-top: -38px; } #schulsystem #content #col2 h4#einschulung { margin-top: -38px; } #schulsystem #content #col2 h4#abschluss { margin-top: -90px; } #schulsystem #content #col2 img { padding: 20px 0 20px 0; } #schulsystem #content #col2 p { color: #2F446C; font-style: oblique; } #schulsystem h2 { width: 960px; height: 420px; background: #6669A0 url("/assets/images/schulsystem/header.jpg") no-repeat; text-indent: -9999px; } #schulsystem h4 { color: #1C335D; font-weight: bold; } #schulsystem p { color: #070F21 !important; padding-bottom: 20px; } /* ######################### */ /* ########## FAQ ########## */ /* ######################### */ #faq #page { background: #FFF url("/assets/images/bg50-50.png") repeat-y; } #faq #content #col1 { float: left; width: 440px; padding: 0 20px; } #faq #content #col2 { float: right; width: 440px; padding: 0 20px; } #faq #footer { background: #DB7A41 url("/assets/images/footer/footer_1.png") no-repeat; } #faq h2 { width: 960px; height: 210px; background: #433068 url("/assets/images/faq/header.jpg") no-repeat; text-indent: -9999px; } #faq h3 { background: url("/assets/images/faq/h3_faq.gif") no-repeat; height: 40px; margin-top: 15px; text-indent: -9999px; width: 240px; } #faq h4 { position: relative; width: 200px; height: 32px; margin: 20px 0 5px; } #faq h4.first { margin-top: 75px; } #faq h4 span { border-bottom: 1px solid #3CA4BD; color: #1C335D !important; display: block; font-weight: bold; position: relative; top: -3px; width: 159px; } #faq h5 { color: #3CA4BD; font-weight: bold; } #faq p { color: #070F21 !important; padding-bottom: 20px; } #faq dl.first { height: 130px; margin-top: -15px; } #faq dl.second { height: 175px; margin-top: -25px; } #faq #faq-messen p#weltweiser { background: #EFFAFE; margin-top: 30px !important; padding: 0 0 0 10px; position: relative; width: 360px; } #faq #faq-messen p img { position: absolute; right: 0; top: 0; } #faq #faq-messen dl { margin-bottom: 10px; padding-top: 0; } #faq #faq-messen dl strong { font-weight: bold; } #faq #faq-messen ul { background-color: #EFFAFE !important; background-image: none !important; list-style: none; } #faq #faq-messen ul li a:link, #faq #faq-messen ul li a:visited { color: #3CA4BD; font-weight: bold; text-decoration: none; } #faq #faq-messen ul li a:hover, #faq #faq-messen ul li a:active { text-decoration: underline; } #faq #col1 h4 { background: transparent url("/assets/images/faq/questionmark_b.gif") no-repeat 159px 1px; color: #1C335D !important;} #faq #col1 ol { list-style: decimal; } #faq #col1 ol li { margin: 0 0 10px 18px; } #faq #col2 h4 { background: transparent url("/assets/images/faq/questionmark_w.gif") no-repeat 159px 1px; color: #1C335D !important;} #faq #col2 ul { background: url("/assets/images/faq/listbg.png") no-repeat -1px 13px; margin-bottom: 25px; padding: 13px 20px 20px 9px; } #faq #col2 li { color: #2F446C; font-style: oblique; margin-left: 15px; } #faq p.alert { border-left: 10px solid #3CA4BD; padding-left: 20px; padding-bottom: 0; margin-bottom: 20px;} #faq p.alert strong { color: #F57E33; font-weight: bold;} /* #################################### */ /* ########## SCHULYSTEM/FAQ ########## */ /* #################################### */ .schulsystem_faq p a { color: #3CA4BD; font-weight: bold; text-decoration: none;} .schulsystem_faq p a:hover { color: #2F446C; } .schulsystem_faq #col2 ol { list-style: decimal; margin-left: 5px;} .schulsystem_faq #col2 dl { position: relative; padding: 20px 0 0; } .schulsystem_faq #col2 dt { color: #3CA4BD; font-weight: bold; } .schulsystem_faq #col2 dd { color: #2F446C; font-style: oblique; } .schulsystem_faq #col2 dt#homestay { display: block; position: relative; top: 1px; height: 35px; width: 200px; background: url("/assets/images/schulsystem/icon-home.png") no-repeat 165px 3px; } .schulsystem_faq #col2 dd.homestay { display: block; position: relative; top: -16px; width: 166px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#hostel { display: block; position: absolute; top: 20px; left: 240px; height: 36px; width: 200px; background: url("/assets/images/schulsystem/icon-hostel.png") no-repeat 163px 2px; } .schulsystem_faq #col2 dd.hostel { display: block; position: relative; top: -55px; left: 240px; width: 166px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#homehostel { display: block; position: relative; top: -35px; left: 0; height: 35px; width: 200px; background: url("/assets/images/schulsystem/icon-homehostel.png") no-repeat 163px 0px; } .schulsystem_faq #col2 dd.homehostel { display: block; position: relative; top: -52px; left: 0; width: 166px; margin-bottom: 5px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#lehrplan { display: block; position: relative; top: -1px; height: 35px; width: 200px; background: url("/assets/images/schulsystem/icon-lehrplan.png") no-repeat 165px 2px; } .schulsystem_faq #col2 dd.lehrplan { display: block; position: relative; top: -17px; width: 167px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#freizeit { display: block; position: absolute; top: 18px; left: 240px; height: 36px; width: 200px; background: url("/assets/images/schulsystem/icon-freizeit.png") no-repeat 161px -1px; } .schulsystem_faq #col2 dd.freizeit { display: block; position: relative; top: -56px; left: 240px; width: 166px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#sport { display: block; position: relative; top: -37px; left: 0; height: 35px; width: 200px; background: url("/assets/images/schulsystem/icon-sport.png") no-repeat 163px 3px; } .schulsystem_faq #col2 dd.sport { display: block; position: relative; top: -53px; left: 0; width: 167px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#girls { display: block; height: 35px; position: relative; top: -6px; width: 200px; background: url("/assets/images/schulsystem/icon-girl.png") no-repeat 163px 2px; } .schulsystem_faq #col2 dd.girls { display: block; position: relative; top: -22px; width: 166px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#boys { display: block; position: absolute; top: 13px; left: 240px; height: 35px; width: 200px; background: url("/assets/images/schulsystem/icon-boy.png") no-repeat 163px 3px; } .schulsystem_faq #col2 dd.boys { display: block; position: relative; top: -43px; left: 240px; width: 166px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#gemischt { display: block; position: relative; top: -23px; left: 0; height: 35px; width: 200px; background: url("/assets/images/schulsystem/icon-gemischt.png") no-repeat 163px 2px; } .schulsystem_faq #col2 dd.gemischt { display: block; position: relative; top: -39px; left: 0; width: 167px; border-top: 1px solid #2F446C; } .schulsystem_faq #col2 dt#outdoor { display: block; position: relative; top: -96px; left: 240px; height: 35px; width: 200px; background: url("/assets/images/schulsystem/icon-outdoor.png") no-repeat 163px 2px; } .schulsystem_faq #col2 dd.outdoor { display: block; position: relative; top: -112px; left: 240px; width: 166px; border-top: 1px solid #2F446C; } /* ################################# */ /* ########## EINFUEHRUNG ########## */ /* ################################# */ #einfuehrung #page { background: #FFF url("/assets/images/bg75-25.png") repeat-y; } #einfuehrung #footer { background: #DB7A41 url("/assets/images/footer/footer_3.png") no-repeat; } #einfuehrung #content #col1 { float: left; width: 440px; padding: 60px 20px; } #einfuehrung #content #col1 strong.kia { display: block; width: 85px; height: 38px; margin: 0; background: url("/assets/images/neuseeland/kia.png") no-repeat; text-indent: -9999px; } #einfuehrung #content #col1 h3#einf_einfuehrung { width: 250px; height: 50px; background: url("/assets/images/neuseeland/h3_einf_einfuehrung.png") no-repeat; text-indent: -9999px; } #einfuehrung #content #col2 { float: left; width: 200px; padding: 75px 20px 60px 20px; color: #2F446C; } #einfuehrung #content #col2 h3 { margin: 33px 0 21px 0; color: #3CA4BD; font: bold 12px Verdana, Tahoma; } #einfuehrung #content #col2 img { margin-top: -15px; } #einfuehrung #content #col3 { float: right; width: 200px; padding: 60px 20px; } #einfuehrung #content #col3 h3#einf_staat { width: 222px; height: 50px; text-indent: -9999px; background: url("/assets/images/neuseeland/h3_einf_staat.png") no-repeat; } #einfuehrung #content #col3 p { color: #2F446C; font: oblique 11px Georgia, Times New Roman; line-height: 19px; } #einfuehrung #content #col3 img { display: block; margin: 0 auto; } #einfuehrung h2 { width: 960px; height: 420px; background: #4B656E url("/assets/images/neuseeland/h2_einfuehrung.jpg") no-repeat; text-indent: -9999px; } #einfuehrung p { color: #070F21 !important; padding-bottom: 20px; } /* ################################# */ /* ############ KULTUR ############# */ /* ################################# */ #kultur #page { background: #FFF url("/assets/images/bg75-25.png") repeat-y; } #kultur #footer { background: #DB7A41 url("/assets/images/footer/footer_3.png") no-repeat; } #kultur #content #col1 { float: left; width: 440px; padding: 60px 20px; } #kultur #content #col1 h3 { width: 250px; height: 50px; text-indent: -9999px; } #kultur #content #col1 h3#kultur_kultur { background: url("/assets/images/neuseeland/h3_kultur_kultur.png") no-repeat; } #kultur #content #col1 h3#kultur_maori { background: url("/assets/images/neuseeland/h3_kultur_maori.png") no-repeat; } #kultur #content #col2 { float: left; width: 200px; padding: 60px 20px; color: #2F446C; } #kultur #content #col2 h3 {margin: 33px 0 21px 0; color: #3CA4BD; font: bold 12px Verdana, Tahoma; } #kultur #content #col3 { float: right; width: 200px; padding: 60px 20px; color: #2F446C; } #kultur #content #col3 img { display: block; margin: 0 auto; } #kultur #content #col3 p { color: #2F446C; font: oblique 11px Georgia, Times New Roman; line-height: 19px; } #kultur #content #col3 h3#kultur_sport { width: 207px; height: 50px; text-indent: -9999px; background: url("/assets/images/neuseeland/h3_kultur_sport.gif") no-repeat; } #kultur h2 { width: 960px; height: 420px; background: #4B656E url("/assets/images/neuseeland/h2_kultur.jpg") no-repeat; text-indent: -9999px; } #kultur p { color: #070F21 !important; padding-bottom: 20px; } /* ################################# */ /* ########### GEOGRAFIE ########### */ /* ################################# */ #geografie #page { background: #FFF url("/assets/images/bg75-25.png") repeat-y; } #geografie #footer { background: #DB7A41 url("/assets/images/footer/footer_3.png") no-repeat; } #geografie #content #col1 { float: left; width: 440px; padding: 60px 20px; } #geografie #content #col1 h3 { width: 250px; height: 50px; text-indent: -9999px; } #geografie #content #col1 h3#geo_klima { background: url("/assets/images/neuseeland/h3_geo_klima.png") no-repeat; } #geografie #content #col1 h3#geo_land { background: url("/assets/images/neuseeland/h3_geo_land.png") no-repeat; } #geografie #content #col1 h3#geo_wein { background: url("/assets/images/neuseeland/h3_geo_wein.png") no-repeat; } #geografie #content #col1 h3#geo_national { background: url("/assets/images/neuseeland/h3_geo_national.png") no-repeat; } #geografie #content #col2 { float: left; width: 200px; padding: 60px 20px; color: #2F446C; } #geografie #content #col2 h3 { margin: 33px 0 21px 0; color: #3CA4BD; font: bold 12px Verdana, Tahoma; } #geografie #content #col2 h3#weather { margin: 0px 0 21px 0; } #geografie #content #col2 table { margin: 0 auto; width: 210px; } #geografie #content #col2 table td { vertical-align: middle; } #geografie #content #col2 table td.city { font-weight: bold; } #geografie #content #col2 table td img { border: 1px solid #2F446C; padding: 1px; } #geografie #content #col2 table td img:hover { border: 1px solid #EE862D; } #geografie #content #col2 p.weather { color: #EE862D !important; font-style: oblique; position: relative; right: 9px; text-align: right; top: 5px; } #geografie #content #col3 { float: right; width: 200px; padding: 60px 20px; } #geografie #content #col3 img { display: block; margin: 0 auto; } #geografie #content #col3 p { color: #2F446C; font: oblique 11px Georgia, Times New Roman; line-height: 19px; } #geografie #content #col3 h3#geo_fauna { width: 222px; height: 50px; text-indent: -9999px; background: url("/assets/images/neuseeland/h3_geo_fauna.gif") no-repeat; } #geografie h2 { width: 960px; height: 420px; background: #4B656E url("/assets/images/neuseeland/h2_geografie.jpg") no-repeat; text-indent: -9999px; } #geografie p { color: #070F21 !important; padding-bottom: 20px; } /* ################################# */ /* ############ POLITIK ############ */ /* ################################# */ #politik #page { background: #FFF url("/assets/images/bg75-25.png") repeat-y; } #politik #footer { background: #DB7A41 url("/assets/images/footer/footer_3.png") no-repeat; } #politik #content #col1 { float: left; width: 440px; padding: 60px 20px; } #politik #content #col1 h3#pol_daten { width: 250px; height: 50px; text-indent: -9999px; background: url("/assets/images/neuseeland/h3_pol_daten.png") no-repeat; } #politik #content #col2 { float: left; width: 200px; padding: 60px 20px; color: #2F446C; } #politik #content #col2 h3 { margin: 33px 0 21px 0; color: #3CA4BD; font: bold 12px Verdana, Tahoma; } #politik #content #col3 { float: right; width: 200px; padding: 60px 20px; } #politik #content #col3 img { display: block; margin: 0 auto; } #politik #content #col3 p { color: #2F446C; font: oblique 11px Georgia, Times New Roman; line-height: 19px; } #politik #content #col3 h3#pol_geschichte { width: 222px; height: 50px; text-indent: -9999px; background: url("/assets/images/neuseeland/h3_pol_geschichte.gif") no-repeat; } #politik h2 { width: 960px; height: 420px; background: #4B656E url("/assets/images/neuseeland/h2_politik.jpg") no-repeat; text-indent: -9999px; } #politik p { color: #070F21 !important; padding-bottom: 20px; } /* ################################# */ /* ############ KONTAKT ############ */ /* ################################# */ #kontakt #page { background: #014EA0 url("/assets/images/kontakt/contentbg.jpg") no-repeat 0 230px; } #kontakt #footer { background: #DB7A41 url("/assets/images/footer/footer_4.png") no-repeat; } #kontakt #content { height: 1000px; } #kontakt #content a:link, #kontakt #content a:visited { color: #FFF; text-decoration: underline; } #kontakt #content a:hover, #kontakt #content a:active { text-decoration: none; } #kontakt #content a.funk:link, #kontakt #content a.funk:visited { color: #000; text-decoration: underline; } #kontakt #content a.funk:hover, #kontakt #content a.funk:active { text-decoration: none; } #kontakt #content #col1, #kontakt #col2 { width: 420px; padding: 0 30px; } #kontakt #content #col1 { float: left; } #kontakt #content #col1 p strong { font-weight: bold; color: #FFF; } #kontakt #content #col1 img { margin-bottom: 15px; padding: 5px; background: #FFF; border: 1px solid #DDD; } #kontakt #content #col2 { float: right; } #kontakt #content #col2 form { padding: 0 0 20px 0; } #kontakt #content #col2 label { display: block; width: 270px; margin: 0 0 -2px -3px; padding-left: 10px; background: url("/assets/images/kontakt/label.png") no-repeat -2px 3px; font-style: oblique; } #kontakt #col2 input { display: block; width: 268px; height: 20px; color: #000; } #kontakt #col2 input.hidden { display: none; } #kontakt #col2 textarea { display: block; width: 270px; margin-top: -1px; color: #000; } #kontakt #content #col2 input, #kontakt #col2 textarea { margin-bottom: 20px; border: 1px solid #003D7D; background: #EFFAFE; } #kontakt #content #col2 input:focus, #kontakt #content #col2 textarea:focus { background-color: #FFF; border: 1px solid #F57E33; } #kontakt #content #col2 input#button_submit { display: block; width: 272px; height: 31px; margin-left: 1px; background: transparent url("/assets/images/kontakt/submit.png") no-repeat ; border: none; text-indent: -9999px; cursor: pointer; } #kontakt #content #col2 input:hover#button_submit { background-position: 0 -31px; cursor: pointer; } #kontakt #content #col2 span.message, #kontakt #content #col2 span.error, #kontakt #content #col2 span.warn { position: relative; top: -15px; color: #DB7A41; font-weight: bold; text-transform: uppercase;} #kontakt #content #col2 p#frm_result { margin-top: 40px; width: 260px; } #kontakt h2 { width: 960px; height: 150px; background: #2D5496 url("/assets/images/kontakt/header.jpg") no-repeat; text-indent: -9999px } #kontakt h3 { position: relative; display: block; height: 35px; width: 279px; background: url("/assets/images/kontakt/h3.png") no-repeat right 0px; color: #DB7A41; font-weight: bold; } #kontakt h3 span { display: block; position: relative; width: 237px; border-bottom: 1px solid #FFF; } #kontakt p { color: #070F21 !important; padding-bottom: 20px; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { #kontakt #content #col2 input { margin-top: -2px; } } /* ################################# */ /* ########### ANMELDEN ############ */ /* ################################# */ #anmelden #page { background: #FFF url("/assets/images/anmelden/contentbg.gif") repeat-y; } #anmelden #content { height: 1600px; } #anmelden #content #meldung { position: relative; top: -30px; left: 30px; color: #FFF; font-weight: bold; } #anmelden #footer { position: relative; height: 200px; background: #DB7A41 url("/assets/images/footer/footer_5.png") no-repeat; } #anmelden #footer form fieldset input, #anmelden #footer form fieldset label { display: inline; width: auto; } #anmelden #footer form fieldset input { height: 20px; padding: 2px 0 0 2px; border-top: 1px solid #636363; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 1px solid #636363; } #anmelden #footer form fieldset input:focus { background-color: #FFF; border: 1px solid #F57E33; } #anmelden #footer form fieldset label { display: block; width: 140px; margin-top: 25px; padding-bottom: 0; padding-left: 0; background: none; color: #FFF; } #anmelden #footer form fieldset input#btn_submit {position: absolute; top: 161px; left: 426px; } #anmelden #footer a { position: relative; top: 25px; } #anmelden #footer form { margin-top: 25px; } #anmelden #content form { padding: 0 30px; } #anmelden h2 { width: 960px; height: 176px; background: #609BB2 url("/assets/images/anmelden/header.jpg") no-repeat; text-indent: -9999px; } #anmelden legend, #anmelden label { color: #2F446C; font-style: oblique; font-weight: normal; } #anmelden legend { position: relative; display: block; height: 35px; background: url("/assets/images/anmelden/legend.png") no-repeat right 2px; padding-right: 30px;} #anmelden legend span { display: block; position: relative; width: 300px; border-bottom: 1px solid #FFF; color: #FFF; font-style: normal; font-weight: bold; } #anmelden label, #anmelden input { display: block; width: 211px; margin: 0; padding: 0; } #anmelden label { padding-left: 10px; background: url("/assets/images/anmelden/label_p.png") no-repeat -2px 5px; } #anmelden #anmeldeformular input { height: 20px; border: 1px solid #003D7D; background: #EFFAFE; } #anmelden #anmeldeformular fieldset input#anm_hidden { display: none; } #anmelden #anmeldeformular input:focus { background-color: #FFF; border: 1px solid #F57E33; } /* FIELDSET persoenlich */ #anmelden #persoenlich { position: relative; height: 330px; margin-bottom: 20px; background: url("/assets/images/anmelden/icon1.png") no-repeat right center; border-bottom: 1px dotted #2F446C; } #anmelden #name_l, #anmelden #vorname_l, #anmelden #geburtsdatum_l { position: absolute; top: 10px; } #anmelden #name_l { left: 0; } #anmelden #vorname_l { left: 230px; } #anmelden #geburtsdatum_l { left: 460px; } #anmelden #name, #anmelden #vorname, #anmelden #geburtsdatum { position: absolute; top: 28px; } #anmelden #name { left: 3px; } #anmelden #vorname { left: 233px; } #anmelden #geburtsdatum { left: 463px; } #anmelden #nationalitaet_l, #anmelden #religion_l { position: absolute; top: 80px; } #anmelden #nationalitaet_l { left: 0; } #anmelden #religion_l { left: 230px; } #anmelden #nationalitaet, #anmelden #religion { position: absolute; top: 98px; } #anmelden #nationalitaet { left: 3px; } #anmelden #religion { left: 233px; } #anmelden #instrument_l, #anmelden #sport_l, #anmelden #interesse_l { position: absolute; top: 150px; } #anmelden #instrument_l { left: 0; } #anmelden #sport_l { left: 230px; } #anmelden #interesse_l { left: 460px; } #anmelden #instrument, #anmelden #sport, #anmelden #interesse { position: absolute; top: 168px; } #anmelden #instrument { left: 3px; } #anmelden #sport { left: 233px; } #anmelden #interesse { left: 463px; } #anmelden #gesundheit_l { position: absolute; top: 220px; left: 0; } #anmelden #gesundheit { position: absolute; top: 237px; left: 3px; width: 672px; } /* FIELDSET adresse */ #anmelden #adresse { position: relative; height: 190px; margin-bottom: 20px; border-bottom: 1px dotted #2F446C; background: url("/assets/images/anmelden/icon2.png") no-repeat right 20%; border-bottom: 1px dotted #2F446C; } #anmelden #strasse_l, #anmelden #hausnummer_l { position: absolute; top: 10px; } #anmelden #strasse_l { left: 0; } #anmelden #hausnummer_l { left: 230px; } #anmelden #strasse, #anmelden #hausnummer { position: absolute; top: 28px; } #anmelden #strasse { left: 3px; } #anmelden #hausnummer { left: 233px; } #anmelden #postleitzahl_l, #anmelden #ort_l, #anmelden #bundesland_l { position: absolute; top: 80px; } #anmelden #postleitzahl_l { left: 0; } #anmelden #ort_l { left: 230px; } #anmelden #bundesland_l { left: 460px; } #anmelden #postleitzahl, #anmelden #ort, #anmelden #bundesland { position: absolute; top: 98px; } #anmelden #postleitzahl { left: 3px; } #anmelden #ort { left: 233px; } #anmelden #bundesland { left: 463px; } /* FIELDSET kontakt */ #anmelden #kontakt { position: relative; height: 190px; margin-bottom: 20px; background: url("/assets/images/anmelden/icon3.png") no-repeat right 45%; border-bottom: 1px dotted #2F446C; } #anmelden #telefon_l, #anmelden #fax_l { position: absolute; top: 10px; } #anmelden #telefon_l { left: 0; } #anmelden #fax_l { left: 230px; } #anmelden #telefon, #anmelden #fax { position: absolute; top: 28px; } #anmelden #telefon { left: 3px; } #anmelden #fax { left: 233px; } #anmelden #mobil_l, #anmelden #email_l { position: absolute; top: 80px; } #anmelden #mobil_l { left: 0; } #anmelden #email_l { left: 230px; } #anmelden #mobil, #anmelden #email { position: absolute; top: 98px; } #anmelden #mobil { left: 3px; } #anmelden #email { left: 233px; } /* FIELDSET eltern */ #anmelden #eltern { position: relative; height: 260px; margin-bottom: 20px; background: url("/assets/images/anmelden/icon4.png") no-repeat right 70%; border-bottom: 1px dotted #2F446C; } #anmelden #name_mutter_l, #anmelden #beruf_mutter_l, #anmelden #telefon_mutter_dienstlich_l { position: absolute; top: 10px; } #anmelden #name_mutter_l { left: 0; } #anmelden #beruf_mutter_l { left: 230px; } #anmelden #telefon_mutter_dienstlich_l { left: 460px; } #anmelden #name_mutter, #anmelden #beruf_mutter, #anmelden #telefon_mutter_dienstlich { position: absolute; top: 28px; } #anmelden #name_mutter { left: 3px; } #anmelden #beruf_mutter { left: 233px; } #anmelden #telefon_mutter_dienstlich { left: 463px; } #anmelden #name_vater_l, #anmelden #beruf_vater_l, #anmelden #telefon_vater_dienstlich_l { position: absolute; top: 80px; } #anmelden #name_vater_l { left: 0; } #anmelden #beruf_vater_l { left: 230px; } #anmelden #telefon_vater_dienstlich_l { left: 460px; } #anmelden #name_vater, #anmelden #beruf_vater, #anmelden #telefon_vater_dienstlich { position: absolute; top: 98px; } #anmelden #name_vater { left: 3px; } #anmelden #beruf_vater { left: 233px; } #anmelden #telefon_vater_dienstlich { left: 463px; } #anmelden #adresse_eltern_l { position: absolute; top: 150px; left: 0; width: 672px; } #anmelden #adresse_eltern { position: absolute; top: 168px; left: 3px; width: 672px; } /* FIELDSET schule */ #anmelden #schule { position: relative; height: 260px; margin-bottom: 20px; background: url("/assets/images/anmelden/icon5.png") no-repeat right 55%; border-bottom: 1px dotted #2F446C; } #anmelden #schulname_l, #anmelden #klasse_l { position: absolute; top: 10px; } #anmelden #schulname_l { left: 0; width: 441px; } #anmelden #klasse_l { left: 460px; } #anmelden #schulname, #anmelden #klasse { position: absolute; top: 28px; } #anmelden #schulname { left: 3px; width: 441px; } #anmelden #klasse { left: 463px; } #anmelden #bevorzugte_schulfaecher_l { position: absolute; top: 80px; left: 0; width: 672px; } #anmelden #bevorzugte_schulfaecher { position: absolute; top: 98px; left: 3px; width: 672px; } #anmelden #englischkenntnisse_l, #anmelden #muendlich_l, #anmelden #schriftlich_l { position: absolute; top: 150px; } #anmelden #englischkenntnisse_l { left: 0; } #anmelden #muendlich_l { left: 230px; } #anmelden #schriftlich_l { left: 460px; } #anmelden #englischkenntnisse, #anmelden #muendlich, #anmelden #schriftlich { position: absolute; top: 168px; } #anmelden #englischkenntnisse { left: 3px; } #anmelden #muendlich { left: 233px; } #anmelden #schriftlich { left: 463px; } /* FIELDSET button */ #anmelden input#button_reset, #anmelden input#button_submit { display: inline; width: 213px; height: 32px; border: none; cursor: pointer; } #anmelden input#button_submit { position: relative; left: 248px; background: transparent url("/assets/images/anmelden/submit.png"); text-indent: -9999px; } #anmelden input:hover#button_submit { background-position: 0 -32px; } #anmelden input#button_reset { position: relative; left: 235px; background: transparent url("/assets/images/anmelden/reset.png"); text-indent: -9999px; } #anmelden input:hover#button_reset { background-position: 0 -32px; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { #anmelden fieldset { position: absolute; } #anmelden fieldset fieldset { top: 50px; } #anmelden legend { position: absolute; width: 300px; height: 35px; top: 0px !important; } #anmelden #footer form fieldset { position: relative; } #anmelden #footer form fieldset label { position: absolute; top: -28px; left: 200px; display: block; width: 140px; margin-top: 25px; background: none; color: #FFF; } #anmelden #footer form fieldset input#btn_submit { position: absolute; top: 5px; left: 340px; } #anmelden #button { display: block; width: 960px; margin: 0 auto; } } /* ################################# */ /* ############## 404 ############## */ /* ################################# */ #error-page #content { background: #FFF; height: 650px; } #error-page #footer { background: #DB7A41 url("/assets/images/footer/footer_1.png") no-repeat; } #error-page h2 { font-size: 18px; font-weight: bold; padding: 30px; padding-top: 100px; } #error-page p { color: #070F21 !important; padding: 0 30px; } #error-page p strong { font-weight: bold; } #error-page ul#sitemap { margin: 30px; } #error-page ul#sitemap li { margin-bottom: 5px; } #error-page ul#sitemap li a:link, #error-page ul li a:visited { font-weight: bold; color: #3CA4BD; text-decoration: none; } #error-page ul#sitemap li a:hover, #error-page ul li a:active { text-decoration: underline; } /* #################################### */ /* ############## PREISE ############## */ /* #################################### */ #preise #page { background: #FFF url("/assets/images/bg50-50_1.gif") repeat-y; } #preise #footer { background: #DB7A41 url("/assets/images/footer/footer_1_1.png") no-repeat; } #preise #footer span { font-weight: normal; } #preise h2 { width: 960px; height: 420px; background: #433068 url("/assets/images/preise/header.jpg") no-repeat; text-indent: -9999px; } #preise h3 { width: 320px; height: 35px; margin: 20px 0; background: #EFFAFE url("/assets/images/preise/preise.gif") no-repeat 0 -5px; text-indent: -9999px; } #preise h4 { color: #1C335D; font-weight: bold; } #preise p { color: #070F21 !important; padding-bottom: 20px; } #preise #content a:link, #preise #content a:visited { color: #3CA4BD; font-weight: bold; text-decoration: none; } #preise #content a:hover, #preise #content a:active { text-decoration: underline; } #preise #col1, #preise #col2 { float: left; padding: 0 20px; width: 440px; } #preise #col1 table { color: #3CA4BD; font-style: oblique; } #preise #col1 table td { padding-right: 10px; } #preise #col1 dl { float: left; margin: 10px 0 0 25px; } #preise #col1 dl.first { margin-left: 0; } #preise #col1 dt { color: #F79733; display: block; position: relative; top: -1px; height: 37px; width: 130px; background: url("/assets/images/preise/icon_preis.png") no-repeat 98px 4px; } #preise #col1 dd { display: block; position: relative; top: -17px; font-size: 11px; line-height: 15px; width: 99px; border-top: 1px solid #2F446C; } #preise #col2 { padding-top: 67px; } #preise #col2 h4 { color: #F79733; margin: 8px 0; } #preise #col2 table { width: 440px; } #preise #col2 table caption { caption-side: bottom; color: #1C335D; font-size: 11px; font-style: oblique; text-align: right; } #preise #col2 table td { background: #FFF; border-bottom: 5px solid #EFFAFE; color: #1C335D; font-weight: bold; padding: 5px; } #preise #col2 table td span { color: #000; display: block; font-weight: normal; } #preise #col2 table td.price { border-left: 3px solid #EFFAFE; color: #000; font-weight: normal !important; text-align: right; vertical-align: middle; width: 80px; } #preise #col2 table td.total { background: #1A616C; color: #FFF; border-left: 0; } #preise #col2 table td.total span { color: #FFF; }