/* GENERAL */ body { font-family:Arial; font-size:0.7em; color:#000; margin:0 0 30px 0; background: #b8bfe6 url(../img/bg_body.gif) repeat-x scroll left top;} table { padding: 0px; margin: 0 0 15px 0; border-collpase:collapse; empty-cells:show; } td, th { padding: 5px; margin: 0px; border-collpase: collapse; font-size:1.0em; text-align:left; vertical-align:top; color:#000; } h1 { font-size:1.3em; color:#000; } h2, h3, h4, h5 { font-size:1.1em; color:#000; margin:5px 0 5px 0; } p { margin:0px; padding: 0px; } ul, li { list-style-type: square; } sub, sup { font-size:0.6em; } #shadowborder { margin: 0 auto 0 auto; width: 960px; padding:0px 6px 8px 6px; background: transparent url(../img/bg_shadowborder.png) repeat-y scroll left bottom; } #borderall { border: 1px solid #000094; width: 958px; background: white; overflow:hidden; } #quiz_border { min-width: 650px; } #main_sub h1, #main_sub_split h1 { font-size:1.3em; color:#000; /* h1 fix for IE */ ,margin-top:20px; } #quiz_question h1 { font-size:1.5em; color:#4C852B; margin-top:20px; } #quiz_answer h1 { font-size:1.5em; color:#000; margin-top:20px; } #friend_help h1 { font-size:1.5em; color:#4C852B; margin-top:20px; } #friend_form h1 { font-size:1.5em; color:#000; margin-top:20px; } /* TEXT */ .invisible { position:absolute; left: -2000px; } .red { color:#7D0B2B; } .blue { color:#000094; } .quiz_todo { color:#000; } .quiz_right { color:#6FBF44; } .quiz_right_em { color:#6FBF44; font-weight:bold; } .quiz_wrong { color:#7C0A2B; font-weight:bold; } .quiz_wrong_em { color:#7C0A2B; font-weight:bold; } /* LAYOUT */ /* header */ #outer_head { height:49px; width:100%; float:right; } #subspacer { height:5px; background-color:#72BF44; } #hom_top { text-align:right; height:30px; } #top { text-align:right; height:30px; } #language2 { margin-right:200px; margin-top:7px; color:#266732; } #language { float:right; margin-right:42px; margin-top:9px; color:#266732; } #hom_search2 { float:right; vertical-align:middle; white-space:nowrap; padding:0px 4px 0 0; /*IE box model fix*/ ,padding-top:5px; } #hom_search { float:right; vertical-align:middle; white-space:nowrap; padding:5px 4px 0 0; /*IE box model fix*/ ,padding-top:5px; } #sub_search { float:right; vertical-align:middle; white-space:nowrap; padding:5px 4px 0 0; /*IE box model fix*/ ,padding-top:5px; } #searchform { margin:0px; padding:0px; } #hom_logo2 { width:117px; height:26px; margin:-17px 0 3px -5px; /*IE box model fix*/ ,margin-top:-13px; } #hom_logo { width:117px; height:26px; margin: 17px 0 6px -5px; } /*#logo { width:117px; height:26px; margin:-19px 0 0px -5px;*/ /*IE box model fix*//* ,margin-top:-15px; }*/ .header { background-color:#72BF44; /*identical to #footer_dgreen*/ } .header_hom { background-color:#7FC455; white-space:nowrap; clear:both; } #nav_service { float:right; width:114px; height:72px; background-color:#F6FCD2; padding:2px 0px 0px 18px; font-size:0.9em; } #nav_hom_service { float:right; width:114px; height:78px; background-color:#F6FCD2; padding:6px 0px 0px 18px; font-size:0.9em; } /* nav left */ #nav_left { float:left; width:173px; } #nav_left ul, #nav_left li { list-style-type:none; } #nav_left ul { margin:0; padding:0; } #nav_left ul li { padding:1px 0 1px 0; } #nav_left ul li.act { background: url(../img/white_arrow.gif) no-repeat 7px 4px; } #nav_left ul li ul li { margin-left:-6px; padding:1px 0 1px 18px; background:url(../img/ico_li.gif) no-repeat; background-position: 0px 4px; } #nav_left ul li ul li.act { background: url(../img/white_arrow.gif) no-repeat 7px 4px; } .nav_left_li_indent { margin-top:-1px; margin-bottom:-1px; } .nav_left_bg { border-top:1px solid #acd787; } .nav_lastelement { border-bottom: 1px solid #acd787; } .navborder { background-color:#acd787; width:152px; height: 1px; } .nav_left_bg_act { padding-left:10px; /*height:12px;*/ border-top:1px solid #FFF; border-bottom:1px solid #FFF; background-color:#CAE6B3; } .nav_left_bg_act a { color: #000; } .nav_left_bg_sub_act { border-top: 1px solid #69b827; margin-left: 0px; } /* .nav_left_bg_sub_act { margin:0 0 -1px -10px; padding-left:10px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; background-color:#ECF6E6; } */ .nav_left_bg_sub_act { background-color: #509913; } .nav_left_bg_sub_sub_act { margin-left: -22px; padding-left: 22px; background-color: #40810b; } .nav_left_bg_sub_act { padding-left:10px; } .nav_left_indent { padding-left:10px; } .nav_left_additional { padding:0 20px 20px 10px; text-align:center; } /* main */ #cnt { width:100%; float:left; background: url(../img/bg_cnt.gif) repeat-y; } #cnt_sub { float:left; background-image:url(../img/bg_cnt_sub.gif); background-repeat:repeat-y; width: 100%;} #cnt_sub_right { float:left; background-image:url(../img/bg_nav_right.gif); background-repeat:repeat-y; background-position:right; width: 100%;} #cnt_sub_split { float:left; background-image:url(../img/bg_cnt_sub_split.gif); background-repeat:repeat-y; background-position:right; } #hom_news { float:left; width:234px; margin-left:6px;} .hom_news_txt { padding:0 5px 0 7px; } .hom_news_txt a { text-decoration:none; color: #000094;} .hom_news_txt_sub a { color:#000; text-decoration:none; } .hom_news_line { background-image:url(../img/line_news.gif); height:21px; background-repeat:repeat-x; margin:0 2px 0 2px; } .hom_news_detail_image { float:right;margin-left:25px;margin-right:20px; } #hom_main { float: left; padding: 10px 28px 0px 22px; margin: 0; /*IE Hack*/, margin: 0 0 0 -20px;} * html #hom_main { float: left; margin: 0 0 0 -20px;} #hom_spacer { margin-left:154px; background-color:#B8DFA1; /*identical to #footer_lgreen*/ } #hom_main p { margin-bottom:10px; } #main { background-color:#FFF; padding-left:186px; padding-right:186px; } /*#main_sub { margin:10px 186px 0 186px;*/ /* IE Hack */ /*, margin:10px 186px 0 186px;}*/ #main_sub { margin:10px 186px 0 186px; /* IE Hack */ , margin: 10px 166px 0 186px; } * html #main_sub { margin:10px 166px 0 186px; position:relative; left:-26px; } .float-left { /* IE Hack */ , margin:0 0 0 0px; width:100%; overflow:hidden;} * html .float-left { margin:0;} #main_sub_split { background-color:#FFF; margin-left:186px; margin-right:304px; /*background-image:url(../img/bg_split_right.gif); background-repeat:repeat-y; background-position:right;*/ } #main_sub_split_right { float:right; width:110px; margin-top:10px; margin-left:15px; margin-bottom: 10px; } * html #main_sub_split_right { float:right; width:110px; margin-top:20px; } #main_sub_split_right ul { margin-top:2px; padding-top:2px; } #main_sub_split_right ul li { list-style-image:url(../img/ico_split_li.gif); margin-left:-25px; padding:0px; } #main_sub_split_right ul li.act { list-style-image:url(../img/ico_split_li_act.gif); margin-left:-25px; padding:0px; } .lead { font-weight:bold; color:#266732; } #main_sub ul { margin-top:0px; padding-top:0px; } #main_sub p { margin-bottom:10px; } .tx-jppageteaser-pi1 { float: left; } #teaser_sub { width:578px; float:left; border:1px solid #000094; padding:2px; margin-bottom:12px; margin-top: 20px; } * html #teaser_sub { width:560px; } *+html #teaser_sub { width:598px; } #teaser_sub img { border: 1px solid #fff; } #teaser_sub_bg { width:100%; float:left; background-color:#e0e6f2; background-image:url(../img/teaser_filler.gif); background-repeat:repeat-x; } * html #teaser_sub_bg {} #teaser_sub_left_top { float:left; width:22px; background-color:#FFF;} #teaser_sub_middle { float:left; border-left:2px solid #FFF; border-right:2px solid #FFF;} #teaser_sub_right_top { text-transform:uppercase; background-color:#FFF; padding-left:158px; /*padding-right:200px;*/ } #teaser_sub_left_bottom { float:left; width:1px; height:76px; } #teaser_sub_right_bottom { padding: 6px 5px 0 157px; } #teaser_sub_right_bottom a { color:#000; text-decoration:none; } .teaser_hom { width:154px; border:1px solid #000094; padding:2px; margin: 0 0 15px 0; color:#000; } .teaser_hom_left { float:left; width:182px; } .teaser_hom_right { padding-left:182px; } .teaser_hom_top_left { float:left; } .teaser_hom_top_right { text-transform:uppercase; text-align:right; /*padding-right:10px;*/ } .teaser_hom_bottom_bg { background-color:#e0e6f2; background-repeat:no-repeat; height:70px; } .teaser_hom_bottom { padding:5px 50px 2px 5px; } #hom_main div.teaser_hom_bottom a { color:#000; text-decoration:none; } .journal_sub { /*height:126px;*/ minheight:126px; } .journal_sub_left { float:left; width:165px; } .journal_sub_right { margin-left:175px; } .gallery_sub { height:139px; } .gallery_sub_left { float:left; width:128px; border:1px solid #546F45; } .gallery_sub_right { margin-left:148px; width:128px; border:1px solid #546F45; } .stretch { visibility:hidden; line-height:0px; margin:0px; padding:0px; } /* right */ #nav_right { color: #000; float:right; width:156px; background-image:url(../img/bg_nav_right.gif); background-repeat:repeat-y; /*IE Hack*/, height:100px; margin-left:20px;} .nav_right_bg { overflow-x:hidden; float:right; width:144px; /*IE box model fix*/ , margin-left:0px; border-top:0px solid #FFF; border-bottom:1px solid #FFF; padding:8px 4px 8px 7px; } #nav_right p { padding: 0px; margin: 0px; color: #000;} #nav_right a { color: #000094; } /* quiz */ #quiz_logo { background: url(../img/blaettli_teaser.jpg) no-repeat right; height: 61px; padding: 9px 0 0 17px;} #quiz_header { background-image:url(../img/quiz_header.jpg); background-repeat:no-repeat; height:43px; background-color:#000094; text-align:right; } #quiz_header_tit { font-size:2em; color:#FFF; padding:10px 78px 0 0; } #quiz_prize { float:left; width:230px; height:290px; margin-top:1px; border:1px solid #72BF44; padding:0; color:#000; } #quiz_prize_inner { float:left; width:226px; height:286px; margin:2px; background-color:#E7F2E1; /* IE FIX */ ,height:100%; ,width:222px; ,margin-left:2px; } #quiz_prize_top { background-color:#FFF; } .quiz_prize_top_left { float:left; height:20px; padding-top:2px; } .quiz_prize_top_right { height:20px; font-size:1.2em; font-weight:bold; color:#71C043; padding-left:20px; /* IE FIX */ ,padding-left:5px; } .quiz_prize_main { padding:10px; } .quiz_prize_main_left { float:left; width:131px; height:66px; } .quiz_prize_main_right { margin-left:136px; minheight:66px; color:#7D0A29; } .quiz_prize_main_info { padding:4px 4px 4px 0; } .quiz_sizer { float:left; height:141px; } .quiz_clear { clear:both; } #quiz_rules { margin-left:232px; background-color:#F5FCD2; padding:15px; } #quiz_start { margin-left:232px; text-align:right; padding:4px 0 4px 0; font-weight:bold; } #quiz_question { float:left; width:180px; height:296px; background-color:#F5FCD2; background-image:url(../img/quiz_bg.gif); background-repeat:no-repeat; background-position:bottom right; color:#4C852B; } #quiz_question2 { padding-left:10px; padding-right:10px; } #quiz_price_center { text-align:center; } #quiz_answer { margin-left:220px; padding-left:10px; padding-right:10px; color:#000; } #quiz_answer td { padding: 2px; margin: 0px; border-collpase: collapse; font-size:1.0em; vertical-align:top; color:#000; } /* #quiz_question { float:left; width:180px; height:244px; background-color:#F5FCD2; background-image:url(../img/quiz_bg.gif); background-repeat:no-repeat; background-position:bottom right; padding:10px; color:#4C852B; } */ /* #quiz_answer { margin-left:220px; padding:10px; color:#000; } */ #quiz_explanation { margin-left:220px; padding:10px; color:#72BF44; } .quiz_explanation_inset { padding-left:25px; color:#72BF44; } #quiz_nav { color:#407A25; clear:both; padding:15px 10px 7px 100px; } #quiz_footer { text-align:right; background-color:#000094; font-weight:bold; height:19px; padding: 4px 10px 0 0; clear:both;} #quiz_error { color:#F00; font-weight:bold; } .quiz_form_txt { font-size:1em; color:#000; } /* tell-a-friend */ #friend_help { float:left; width:190px; height:330px; background-color:#dbf0c5; color:#000094; margin-left: 10px;} #friend_help2 { padding-left:10px; padding-right:10px; } #friend_help2 h1 { color: #000094; } #friend_form { margin-left:220px; padding-left:10px; padding-right:10px; color:#000;} #friend_form table{ margin-bottom: 17px;} #friend_form p { color:#6D7F62; } /* jobExchange */ .header_job { background-color:#72BF44; padding:2px; text-align:center; color:#FFF;margin-left:auto;margin-right:auto; } #header_job { background-color:#72BF44; padding:2px; text-align:center; color:#FFF;margin-left:auto;margin-right:auto; } #header_job a:visited { color:#FFF; } #header_job a:hover { color:#FFF; } #header_job a:link { color:#FFF; } .header_job_error { color:#FF0000; padding:2px; text-align:center; } .teaser_job { border:1px solid #72BF44; padding:0px; color:#6D7F62; margin:10px 0 10px 0; color:#000; } .teaser_job_tit { color:#000; font-weight:bold; } .teaser_job_txt { color:#000; vertical-align:top; padding:0px; margin:0px; } .confirm { background-color:#F4F4F4; padding:2px; text-align:center; color:#000; } .error_txt { color:#FF0000; } /* news */ .news-single-related,.news-single-files,.news-single-links { margin:0px; margin-bottom: 3px; padding:3px; } .news-single-related dd, .news-single-links dd, .news-single-files dd { margin: 0 0 5px 0px; } .news-single-related dt, .news-single-links dt, .news-single-files dt { font-weight: normal; margin-bottom:5px; } .news-single-img img { border:1px solid black; } /* LINKS */ a { color:#000094; text-decoration:underline; } #hom_top a { text-decoration:none; } #breadcrumb a { color:#989898; text-decoration:none; } #specialnav a { color:#FFF; text-decoration:none; } #main a { color:#000094; text-decoration:none; } #main a.teaser { color:#000; text-decoration:none; } #hom_main a { color:#000094; text-decoration:none; } #hom_main a.teaser { color:#000; text-decoration:none; } #nav_hom_service a { color:#000; text-decoration:none; } #nav_hom_service a.nav_service_act { color:#A60202; text-decoration: none; } #nav_service a { color:#000; text-decoration:none; } #nav_service a.nav_service_act { color:#A60202; text-decoration:none; } .nav_left_1st { color:#fff; text-decoration:none; } .nav_left_1st_act { color:#000094; text-decoration:none; } .nav_left_2nd { color:#fff; text-decoration:none; } .nav_left_2nd_act { color:#fff; text-decoration:none; font-weight: bold;} .nav_left_2nd_par { color:#fff; text-decoration:none; } .nav_left_3rd { color:#fff; text-decoration:none; } .nav_left_3rd_act { color:#fff; text-decoration:none; font-weight: bold;} .nav_left_3rd_par { color:#fff; text-decoration:none; } .nav_left_4th { color:#fff; text-decoration:none; } .nav_left_4th_act { color:#fff; text-decoration:none; } #main_sub_split_right a { color:#000094; text-decoration:none; } #main_sub_split_right a.act { color:#000; text-decoration:none; } #quiz_start a { color:#7D0A29; text-decoration:none; } #quiz_solution a { color:#000; text-decoration:none; } #quiz_footer_lgreen a { height:23px;color:#7D0A29; text-decoration:none;} .cntfunctions { float: left; padding: 30px 20px 10px 0; text-align:center; } .cntfunctions img { vertical-align:middle; } .fileicon { padding:0px; margin:0 5px 0 0; vertical-align:middle; } .deco_underline { text-decoration:underline; } .deco_none { text-decoration:none; } /* FORM JOB */ form { margin:0; } input, select, option, textarea { font-family:Arial; font-size:1em; color:#000; background-color:#FFF; } textarea { width:300px; } .radio { background-color:#E5E5E5; margin-right:6px; } .quiz_radio { background-color:#FFF; } .rad_align { padding-top:10px; } .search { width:120px; margin:0; padding:0; height: 14Px; border-top-color: #242422 !important; border-left-color: #242422 !important; border-right-color: #8b8d8a !important; border-bottom-color: #8b8d8a !important; border: 1px solid; } .inptxt { width:300px; } .txt_align { padding-top:4px; } .inpchk { background-color:#E5E5E5; margin-right:6px; } .chk_align { padding-top:3px; } .inpsel { width:300px; } .sel_align { padding-top:3px; } .quiz_chk { background-color:#FFF; /*#589435; border:4px inset #589435;*/ } /* FORM QUIZ */ .inptxt_quiz { width:170px; vertical-align:left; } .inpzip { width:50px; vertical-align:left; } .inptown { width:105px; vertical-align:left; } /* FORM TIP A FRIEND */ .inptxt_form_friend { width:175px; vertical-align:left; } .inptxt_form_friend_man { width:175px; vertical-align:left; background-color:#F6FCD2; } /* Content Tabellen */ table.contenttable-3 tr.tr-even { background-color:#f7fcf2; } table.contenttable-3 tr.tr-odd { background-color:#DBF0C5; } table.contenttable-2 td.td-0 { background-color:#68B726; color: #fff;} table tr.tr-even { background-color:#DBF0C5; } table tr.tr-even td, table tr.tr-even th { border-bottom: 1px solid #fff; } table tr.tr-odd { background-color:#DBF0C5; } table tr.tr-odd td, table tr.tr-odd th { border-bottom: 1px solid #fff; } table tr.tr-last { background-color:#DBF0C5; } table tr.tr-last td, table tr.tr-last th { border-bottom: 1px solid #68B726; } table tr.tr-odd-last td, table tr.tr-odd-last th { border-bottom: 1px solid #fff; } table tr.tr-0 { background-color:#DBF0C5; } table tr.tr-0 td, table tr.tr-0 th { border-bottom: 1px solid #fff; border-top: 1px solid #68B726; } table td.td {} table td.td-last {} table.contenttable-1 tr.tr-0 { background-color:#68B726; } table.contenttable-1 tr.tr-0 td { border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-weight:bold; color:#fff;} /* keep it in the box */ .clear-all { clear:both; } .clear-right { clear:right; margin:0; padding:0; } .clear-left { clear:left; } .float-left { float:left; } /* SITEMAP */ .sitemap { list-style-image:url(../img/separator.gif) } .sitemap_lvl1 { margin-left:0px;} .sitemap_lvl2 { margin-left:25px;} .sitemap_lvl3 { margin-left:50px;} .sitemap_lvl4 { margin-left:75px;} /*Tobias*/ #header { background-position: right !important; background-repeat: no-repeat !important; height: 112px; } #logo { float:left; margin: 42px 0 0 15px; } .cleaner { clear: both; } #breadcrumb { height:18px; margin: 1px 0 0 187px; padding-top: 4px;} * html #breadcrumb { position:relative; left:-26px; } #breadcrumb li { float: left; margin-left: 20px; list-style: none; list-style-image: none; margin-left: 15px; } #breadcrumb li span { margin-right: 15px; } #breadcrumb, #breadcrumb a { color: #989898; } #specialnav { padding-top: 0px; height: 18px;} #specialnav li { float: left; list-style: none; list-style-image: none; margin-left: 15px; } #specialnav li span { margin-right: 15px; } #specialnav, #specialnav a { color: #161f1c; } #specialnav a.specialnavact { color: #000094;} #specialnavbox { float: right; margin: -9px 10px 0 0; padding-top: 0px; height: 18px;} * + html #specialnavbox { float: right; margin: 0px 10px 0 0; padding-top: 2px; height: 16px; } * html #specialnavbox { float: right; margin: 2px -80px 0 0; padding-top: 0px; height: 18px; width: 500px;} html:first-child #specialnavbox{ margin-top: -9px; } #search_spacer { height: 23px; background-color: #000094; padding: 7px 7px 0 0; } * html #search_spacer { height: 24px; padding-top: 6px; } *:first-child+html #search_spacer { height: 24px; padding-top: 6px; } #search_spacer div { float: right; color: #fff } * html #searchButton { margin-top: 1px;} * html #searchLabel { margin-top: 2px;} *+html #searchButton { margin-top: 1px;} *+html #searchLabel { margin-top: 2px;} html:first-child #searchButton{ margin-top: 0px; } html:first-child #searchLabel{ margin-top: 0px; } #footer { clear:both; width:100%; height: 14px; background: url(../img/bg_footer.gif) no-repeat right top #000094;} /*#main_sub ul { list-style-image: url(../img/separator.gif); }*/ /*#hom_main { float: left; padding-left:22px; padding-right:28px; padding-top: 10px; margin: 0;*/ /*IE Hack*//*, margin: 0px;#}*/ /*old #hom_main { float: left; padding-left:22px; padding-right:28px; padding-top: 10px; margin: -310px 0 0 380px;*/ /*IE Hack*//*, margin: 0px;#}*/ /*Tobias*/ /* IE8, FF3 Fix: Floating */ #hom_main { float: none !important; margin-left:413px !important; } #hom_main .csc-textpic-text div.clear-all { clear:none; } /*VIDEO TEASER BOX*/ #video-teaser-container {float: left; width: 518px; padding: 20px 0px 20px 0px;} #video-teaser {width: 467px; float: left; border: 1px solid #000094; background: url(../img/bg_nav_right.gif) repeat; padding: 12px; } #video-teaser h1 {margin: 0;} #video-teaser h2 {color: black;} #video-teaser .textbox {width: 198px; float: left; margin-right: 12px;} #video-teaser .videobox {background: #000; margin-left: 210px; width: 255px; height: auto; } #video-teaser .video-teaser-link {background: url(../img/ico_right.gif) bottom right no-repeat; padding-right: 20px;} *+html #video-teaser .video-teaser-link, * html #video-teaser .video-teaser-link {display: inline-block;} * html #video-teaser .videobox{margin-left: 0px; float: right; }