/* Schuelerhilfe Nachhilfe-Check Global declarations dark blue #00519e light blue #e0f0fd orange #f28a03 grey #e5e5e5 BROWSER RESET GENERAL ITEMS TYPO FRAMEWORK HEADER FOOTER CONTENT TEASER FORM FIELDS */ .check { color: black; font-size: 10px; padding: 2px; border: solid 1px #ffa500 } table .kopf { color: #fff; font-size: 10px; font-weight: bold; background-color: #ffa500; padding: 2px } table .kopf2 { color: #fff; font-size: 14px; font-weight: bold; background-color: #ffa500; padding: 2px 2px 2px 4px } /************************************************************ * BROWSER RESET ************************************************************/ html { height:100%; } 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, option, 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; height:100%; } ol, ul { list-style:none; } li { float:left; } 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:"" ""; } img { display:block; } /************************************************************ * GENERAL ITEMS ************************************************************/ body { background:#fff; } p { margin:0 0 15px 0; } .left { float:left; } .right { float:right; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { min-width:0; display:block; clear:both; } a img { display:inline; } /************************************************************ * TYPO ************************************************************/ div,p,a,li,td,input,select,option,textarea { font-family:Arial,Verdana,sans-serif; color:#313131; font-size:12px; line-height:16px; font-weight:normal; } a:link, a:visited, a:active, a:focus, a:hover { color:#00519e; text-decoration:none; } h1 { font-size:24px; color:#00519e; font-weight:bold; line-height:26px; margin-bottom:30px; } h2 { font-size:24px; color:#00519e; font-weight:bold; line-height:24px; margin-bottom:10px; } h3 { font-size:24px; color:#00519e; font-weight:bold; line-height:24px; margin-bottom:10px; margin-top:30px; } h4 { font-size:16px; color:#00519e; font-weight:bold; line-height:20px; margin-bottom:15px; } h5 { font-size:12px; color:#414140; font-weight:bold; line-height:16px; margin-bottom:10px; } h6 { font-size:12px; color:#00519e; font-weight:bold; line-height:16px; margin-bottom:10px; } .tabelle_headline { color: #00519e; font-size: 14px; font-weight: bold; line-height:25px;} p em, h2 em, h3 em, h4 em, h5 em { color:#f28a03; font-style:normal; } span.phonenumber { font-size:24px; color:#00519e; font-weight:bold; line-height:26px; } span.required { cursor:help; } p.annotation { color:#989898; font-size:10px; margin-bottom:0; line-height:12px; } span.error { color:#fa4242; font-weight:bold; } div#loader { width:16px; height:16px; float:left; margin:2px 0 0 4px; } /************************************************************ * FRAMEWORK ************************************************************/ #frw { width:976px; text-align:left; background:url('../images/frw_background.png') repeat-y; } div.btm { width:976px; height:4px; overflow:hidden; margin-bottom:10px; display:block; background:url('../images/sprites.png') 0 0 no-repeat; } /************************************************************ * HEADER ************************************************************/ #hdr { margin:0 4px 0 0; position:relative; background:#00519e url(../images/hdr_visual.jpg) 221px bottom no-repeat; } #hdr img.logo { padding:12px 0 13px 24px; } #hdr img.offer { position:absolute; left:656px; top:0; background-color: transparent;} /************************************************************ * FOOTER ************************************************************/ #ftr { padding:20px 4px 15px 0; text-align:center; } #ftr div.bar { height:37px; position:relative; background:#00519e; } #ftr div.bar span { float:left; color:#fff; font-size:11px; line-height:12px; text-align:left; padding:6px 0 0 200px; } #ftr div.bar img.logo { float:right; } #ftr div.bar div { position:absolute; top:-15px; left:20px; width:173px; height:75px; background:url('../images/ftr_teaser_call.png') no-repeat; } #ftr div.bar div span { color:#fff; padding:6px 9px 2px; font-weight:bold; } #ftr div.bar div span.row1 { font-size:12px; } #ftr div.bar div span.row2 { font-size:17px; } #ftr div.bar div span.row3 { font-size:11px; } #ftr ul { margin-top:15px; } #ftr ul li { color:#00519e; font-size:11px; display:inline; float:none; } #ftr ul li a:link, #ftr ul li a:visited, #ftr ul li a:active { color:#00519e; font-size:11px; } #ftr ul li a:focus, #ftr ul li a:hover { text-decoration:underline; } /************************************************************ * CONTENT ************************************************************/ #cnt { margin:0 4px; padding:25px 0 0; } #cnt div.col_left { width:167px; float:left; margin-left:15px; min-height:500px; } #cnt div.col_middle { width:443px; float:left; margin-left:30px; } #cnt div.col_right { width:244px; float:left; margin-left:28px; } #cnt div.col_intro { width:715px; float:left; margin:0 0 25px 30px; border-bottom:1px solid #00519e; } #cnt div.col_intro2 { width:715px; float:left; margin:0 0 0px 30px; } #cnt div.col_intro2 div.text { width:400px; float:left; margin-top:28px;} #cnt div.col_intro2 div.video { float:right; margin-bottom:15px; padding-top:20px; } #cnt div.col_intro div.text { width:380px; float:left; margin-top:28px;} #cnt div.col_intro div.video { float:right; margin-bottom:25px; padding-top:20px; } #cnt ul.accordion { list-style:none !important; padding:0 !important; border-bottom:1px solid #e5e5e5; } #cnt ul.accordion li dt { height:22px; padding:7px 0 0 10px; font-weight:bold; font-size:14px; color:#00519e; float:none; cursor:pointer; background:url('../images/sprites.png') 0 -30px no-repeat; } #cnt ul.accordion li dt.open { background:url('../images/sprites.png') 0 -117px no-repeat; } #cnt ul.accordion li.first dt { background:url('../images/sprites.png') 0 -117px no-repeat; } #cnt ul.accordion li.first dt.open { background:url('../images/sprites.png') 0 -117px no-repeat; } #cnt ul.accordion li dd { padding:12px 10px; border:1px solid #e5e5e5; border-width:0 1px; } #cnt ul.accordion li dd span { padding:10px 0 7px 0; display:block; } #cnt div.voucher { width:441px; border:1px solid #00519e; position:relative; margin-bottom:5px; } #cnt div.voucher h1 { padding:15px 15px 0 15px; font-size:38px; line-height:38px; color:#f28a03; } #cnt div.voucher div.text { width:265px; } #cnt div.voucher div.image { width:172px; position:absolute; bottom:0; right:0; } #cnt div.voucher p { padding:0 15px; font-size:14px; color:#000; } #cnt div.voucher p.name { color:#00519e; font-weight:bold; font-size:21px; line-height:22px; } #cnt div.voucher p.small { font-size:10px; line-height:12px; } #cnt div.voucher em { font-weight:bold; } #cnt div.voucher strong { color:#00519e; font-weight:bold; } #cnt div.voucher img.voucher_logo { display:none; } #cnt div.pager { clear:both; padding-top:15px; font-weight:bold; } #cnt div.pager span { font-weight:normal; text-decoration:underline; cursor:pointer; margin:0 3px; } #cnt div.pager span.active { color:#f28a03; text-decoration:none; } #cnt ul.nav li { margin-bottom:5px; } #cnt ul.nav li a { display:block; width:163px; height:20px; padding:2px 0 0 4px; color:#000; font-size:11px; background:url('../images/sprites.png') -488px -4px no-repeat; } #cnt ul.nav li a:hover { color:#00519e; font-weight:bold; background:url('../images/sprites.png') -488px -26px no-repeat; } #cnt ul.nav li .aktiv { color:#00519e; font-weight:bold; background:url('../images/sprites.png') -488px -26px no-repeat; } div.submit { float:right; margin:0 15px 15px; } div.submit * { float:left; cursor:pointer; } div.submit div.submitLeft { display:block; width:13px; height:29px; background:url('../images/btn_submit_left.png') repeat-x; } div.submit div.submitRight { display:block; width:30px; height:29px; background:url('../images/btn_submit_right.png') repeat-x; } div.submit input, div.submit a { border:0; margin:0; outline:none; height:29px; color:#fff; font-size:13px; font-weight:bold; padding:0 0 5px 0; background:url('../images/btn_submit_middle.png') repeat-x; } div.submit a { padding-top:3px; } div.submit a:link, div.submit a:visited, div.submit a:active, div.submit a:focus, div.submit a:hover { color:#fff; text-decoration:none; } /************************************************************ * TEASER ************************************************************/ #cnt div.teaser { margin-bottom:30px; } #cnt div.teaser div.content { padding:12px 10px 0; border:1px solid #e5e5e5; border-width:0 1px; } #cnt div.teaser div.top { height:13px; overflow:hidden; background:url('../images/sprites.png') 0 -4px no-repeat; } #cnt div.teaser div.bottom { height:13px; overflow:hidden; background:url('../images/sprites.png') 0 -17px no-repeat; } #cnt div.teaser ul { padding-left:17px; list-style:disc; } #cnt div.teaser ul li { float:none; } #cnt div.teaser_call { height:135px; padding:14px 5px 14px 10px; margin-bottom:30px; overflow:hidden; background:url('../images/sprites.png') -244px -4px no-repeat; } #cnt div.teaser_call p { margin-top:5px; } #cnt div.teaser_tuev { padding-left:70px; background:url('../images/sprites.png') -914px -4px no-repeat; } #cnt div.teaser_tuev h5, #cnt div.teaser_tuev p { color:#313131; margin:0; } #cnt div.teaser_callback div.content { padding-top:0; } #cnt div.teaser_callback h4 { margin-bottom:0; } #cnt div.teaser_callback h5, #cnt div.teaser_callback p { margin-bottom:5px; } #cnt div.teaser_callback span { font-size:11px; color:#434343; } #cnt div.teaser_callback form { background:none !important; border:none !important; } #cnt div.teaser_callback fieldset { margin:0 !important; border-bottom:0 !important; padding:0 !important; } #cnt div.teaser_callback fieldset input { float:left; width:180px !important; margin-top:2px; } #cnt div.teaser_callback fieldset input.submit { width:32px !important; height:26px !important; border:0 !important; padding:0 !important; margin:0 0 0 4px; cursor:pointer; background:url('../images/sprites.png') -655px -4px no-repeat; } /************************************************************ * FORM FIELDS ************************************************************/ form { background:#e0f0fd; border:1px solid #e5e5e5; margin-bottom:5px; } form fieldset { margin:13px 18px 18px; border-bottom:1px solid #c3d6e5; padding:0 0 15px 0; position:relative; } form fieldset legend { color:#00519e; font-weight:bold; padding-bottom:10px; } form fieldset label { display:block; clear:both; float:left; width:160px; padding:4px 6px 4px 0; } form fieldset label.inline { width:auto; float:left; } form fieldset label.error { color:#fa4242; font-weight:bold; padding-left:10px; background:url('../images/sprites.png') -488px -55px no-repeat; } form fieldset input { width:200px; margin-bottom:4px; border:1px solid #c3d6e5; padding:2px; } form fieldset input.tiny { width:65px; } form fieldset input.small { width:100px; float:left; } form fieldset input.medium { width:125px; } form fieldset input.radio { margin:0 4px 4px 0; width:auto !important; border:0; } form fieldset select { width:204px; margin-bottom:4px; } form fieldset ul { padding-top:10px; } form fieldset li { float:none; clear:both; } form fieldset li input { float:left; margin:7px 10px 0 0; } form fieldset li label { clear:none; width:auto; padding-top:0; } form p.copy { width:140px; position:absolute; top:0; right:0; font-size:12px; line-height:16px; } form fieldset span.frmInline { display:block; height:20px; } form fieldset span.frmInline label { width:auto; clear:none; } form fieldset span.frmInline span { vertical-align:top; } .middle_ul li { margin-bottom:5px; margin-left:43px; float:none; clear:both; list-style-type:square; list-style-position:outside;} .middle_ul_div { width:440px;} .links_nav { height:320px;} .links_tuv { } .links_tuv_text{ font-size:12px; color:#414140; line-height:16px;} .links_tuv_text_bold{ font-size:12px; color:#00529e; line-height:16px; font-weight:bold;} .button { width:200px; height:26px; margin-top:12px;} .button_l { float:left; margin-top:5px; width:135px;} .button_r { width:32px; height:26px; float:left; margin-left:5px;} div.button_l a, div.button_l a:link, div.button_l a:visited, div.button_l a:active, div.button_l a:focus, div.button_l a:hover {font-size:12px; color:#414140; font-weight:bold; } .telefon { font-size:24px; color:#f28a03; font-weight:bold; }