/* -------------------------------------------- ----------------------------------------------------- Cascading StyleSheet SCREEN */ /* ------------------------------------------------------------------------------------------------- LAYOUT */ html { } body { background:#ffffff; color:#333333; font:75%/135% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; } #header { background:url('../img/header_background.jpg') no-repeat; height:170px; position:relative; width:1000px; } #header a { display:block; height:160px; left:10px; position:absolute; top:10px; width:220px; } #header a span { display:none; } #header img { display:none; } #header address { display:none; } #main { background:url('../img/main_background.gif') repeat-y; padding:7px 13px 40px 10px; width:977px; } #container { margin:0px !important; padding:0px !important; } #line1 { font-size:90%; height:22px; position:relative; } #line1 a { color:#000000; } #search { left:0px; position:absolute; width:200px; text-align:right; top:-2px; } #submenu { left:240px; position:absolute; } #submenu ul { list-style-type:none; } #submenu ul li { float:left; margin-right:20px; } #login { position:absolute; right:20px; } #login ul { list-style-type:none; } #login ul li { float:left; margin-left:20px; } #line2 { background:#f0f0f0; font-size:90%; height:19px; margin-bottom:30px; position:relative; } #breadcrumbs { left:20px; position:absolute; top:2px; } #breadcrumbs a { color:#000000; } #options { position:absolute; right:20px; top:2px; } #options ul { list-style-type:none; } #options ul li { float:left; margin-left:20px; } #menu { border-bottom:1px solid #d7d5d5; color:#000000; float:left; width:200px; } #menu p { border-top:1px solid #d7d5d5; font-size:120%; font-variant:small-caps; font-weight:bold; padding:0px 20px 2px 20px; } #menu ul { list-style-type:none; } #menu ul li { border-top:1px solid #d7d5d5; } #menu ul li.active { font-weight:bold; } #menu ul li a { color:#000000; display:block; padding:2px 20px 1px 20px; width:160px; overflow:hidden; } #menu ul li a:hover { background:#a1b000; color:#ffffff; text-decoration:none; } #menu ul ul { border-bottom:none; } #menu ul li li { border-top:1px solid #d7d5d5; } #menu ul li li a { background:#f5f5f5; color:#000000; display:block; padding:2px 20px 1px 35px; width:145px; overflow:hidden; } #menu ul li li a:hover { background:#a1b000; color:#ffffff; text-decoration:none; } #menu ul li li li a { background:#f5f5f5; color:#000000; display:block; padding:2px 20px 1px 50px; width:130px; overflow:hidden; } #menu ul li li li a:hover { background:#a1b000; color:#ffffff; text-decoration:none; } #content { float:left; line-height:150%; margin-left:40px; width:507px; } #content.large { width:737px; } #sidebar { float:right; width:190px; line-height:145%; } #basket { background:url('../img/basket_background.gif') no-repeat; line-height:145%; } #basket a { font-size:110%; } #basket .title a { color:#000000; display:block; font-weight:bold; margin-bottom:15px; padding-left:26px; } #basket div { padding:0px 15px; } #contact { line-height:145%; margin-top:20px; } #contact a { font-size:110%; } #contact .title a { color:#000000; display:block; font-weight:bold; margin-bottom:5px; padding-left:0px; } #contact div ul { margin:0px; padding:0px; list-style-type:none; } #contactUs div { padding:0px 15px; } #presse { padding:0px 15px; } #seminarsystem { line-height:145%; margin-top:20px; } #seminarsystem a { font-size:110%; } #seminarsystem .title a { color:#000000; display:block; font-weight:bold; margin-bottom:5px; padding-left:0px; } #contactSingleTraining { line-height:145%; margin-top:20px; } #contactSingleTraining a { font-size:110%; } #contactSingleTraining .title a { color:#000000; display:block; font-weight:bold; margin-bottom:5px; padding-left:0px; } #crossSelling div { padding:0px 15px; } #crossSelling h3 { padding-left:10px; } #crossSelling ul { list-style-type:none; } #crossSelling ul li { padding-bottom:5px; } #footer { border-top:1px solid #d7d5d5; color:#666666; font-size:90%; margin-left:10px; padding:10px 13px 20px 0px; width:977px; } #footer a { color:#666666; text-decoration:none; } #footer a:hover { color:#000000; text-decoration:none; } #footer #totop { float:left; padding-left:240px; } #footer #totop a { background:url('../img/icons.gif') no-repeat 0px 4px; padding-left:12px; } #footer #totop a:hover { background-position:0px -16px; } #footer #links { float:right; padding-right:230px; } #footer #links ul { list-style-type:none; } #footer #links ul li { float:left; margin-left:20px; } /* ------------------------------------------------------------------------------------------------- HTML TAGS */ h2 { font-size:150%; margin-bottom:20px; } h2.small { font-size:130%; margin-bottom:10px; margin-top:20px;} h3 { border-bottom:1px solid #d7d5d5; font-size:125%; padding-bottom:5px; margin-bottom:12px; } h4 { font-size:120%; line-height:36px; margin:0; font-family:Gotham,Helvetica,Arial,sans-serif; font-weight:bold; } small { font-size:90%; line-height:135%; } /* ------------------------------------------------------------------------------------------------- CLASSES */ div.news { margin-bottom:0px; } div.news p.teaser { border-top:1px solid #d7d5d6;border-bottom:1px solid #d7d5d6; background:#f0f0f0; padding:5px 10px;} div.newsTitle { background:url('../img/news_title_background.gif') bottom repeat-x; padding:0px 10px; } div.newsTitle p { padding-bottom:2px; } div.newsText p, div.newsText ul, div.newsText ol { padding-bottom:15px; } ul.newsThumbs { list-style:none; margin:5px 0px 0px 20px !important; padding:0px !important; float:right; } ul.newsThumbs li { } span.currency { font-family:georgia; font-size:160%; line-height:160%; } span.currency span { font-size:80%; } span.currency sup { font-size:70%; } span.productIdentifier { color:#999999; font-size:80%; line-height:110%; } img.border { border:1px solid #d7d5d5; } img.borderDark { border:1px solid #3d3d3f; } div.priceBox { background:url('../img/pricebox_background.gif') repeat-x bottom; border-bottom:1px solid #d7d5d5; float:right; height:105px; margin:0px 0px 10px 30px; padding:0px 10px; width:140px; } div.priceBox div { text-align:center; } p.currency { text-align:center; font-size:145%; margin-bottom:5px; } .highlight { color:#cc0000; font-weight:bold; } div.loginRequired { background:url('../img/login_required_background.gif') repeat-x; border:1px solid #d7d5d5; float:left; height:158px; margin-right:20px; padding:10px 15px; width:268px; } div.loginRequired p.title { font-size:180%; font-weight:bold; line-height:100%; padding:0px 0px 14px 10px; } p.secure { background:url('../img/icon_secure.gif') no-repeat 0px 2px; color:#999999; font-size:90%; line-height:135%; padding-left:36px; } div.searchResult { padding-bottom:15px; } div#testimonials { background:url('../img/testimonials_top_background.gif') no-repeat left top; width:507px; padding-top:10px; } div#testimonialsContent { border-left:1px solid #bbc061; border-right:1px solid #bbc061; } div#testimonialsContent div { padding:5px 10px; } div#testimonialsContent div big { color:#ccc; font-size:160%; display:block; padding-bottom:10px; } div#testimonialsBottom { background:url('../img/testimonials_bottom_background.gif') no-repeat left top; text-indent:-99999px; height:10px; } /* ------------------------------------------------------------------------------------------------- LINKS */ a { color:#a1b000; text-decoration:none; } a:hover { color:#000000; text-decoration:underline; } a.tellafriend { background:url('../img/icons.gif') no-repeat 0px -38px; color:#8d95a1; padding-left:21px; text-decoration:none; } a.tellafriend:hover { background-position:0px -58px; color:#000000; text-decoration:none; } a.print { background:url('../img/icons.gif') no-repeat 0px -79px; color:#8d95a1; padding-left:19px; text-decoration:none; } a.print:hover { background-position:0px -99px; color:#000000; text-decoration:none; } a.previous { background:url('../img/icons_links.gif') no-repeat left -58px; font-size:120%; font-weight:bold; line-height:150%; padding-left:24px; padding-top:1px; } a.previous:hover { background-position:left -88px; text-decoration:none; } a.next { background:url('../img/icons_links.gif') no-repeat right 2px; font-size:120%; font-weight:bold; line-height:150%; padding-right:24px; padding-top:1px; } a.next:hover { background-position:right -28px; text-decoration:none; } a.go { background:url('../img/icons_links.gif') no-repeat left 2px; font-size:120%; font-weight:bold; line-height:150%; padding-left:24px; padding-top:1px; } a.go:hover { background-position:left -28px; text-decoration:none; } a.open { padding-left:18px; background:url('../img/link_minimize.gif') no-repeat 0px 3px; } a.closed { padding-left:18px; background:url('../img/link_maximize.gif') no-repeat 0px 3px; } a.word { padding-left:20px; background:url('../img/icon_doc.gif') no-repeat; } a.pdf { padding-left:20px; background:url('../img/icon_pdf.gif') no-repeat; } a.text { padding-left:20px; background:url('../img/icon_text.gif') no-repeat; } a.info { padding-left:25px; background:url('../img/icon_info.gif') no-repeat; } .productLink { color:#000000; font-size:110%; font-weight:bold; } a.button { background:#a1b000; color:#ffffff; cursor:pointer; font:bold 90% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; padding:2px 12px 0px 12px; margin-top:4px; } a.button:hover { color:#000000; } #content .paginator a { border:1px solid #d7d5d5; margin-right:5px; padding:0px 6px; color:#000000; } .paginator span.current { border:1px solid #a1b000; margin-right:5px; padding:0px 6px; background:#a1b000; color:#ffffff; } /* ------------------------------------------------------------------------------------------------- FORMS */ input.std, select.std, textarea.std { border:1px solid #d7d5d5; color:#333333; font:100% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; padding:1px 1px 0px 2px; } input.form-error, select.form-error, textarea.form-error { background:#a10000; border:1px solid #3d3c3f; color:#ffffff; } input.submit { background:#a1b000; border:0px; color:#ffffff; cursor:pointer; font:bold 90% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; padding:1px 12px 0px 12px; } input.submit:hover { color:#000000; } input.search { font-size:90%; padding:0px 3px; width:132px; } input.searchButton { height:17px; margin-bottom:0px; margin-left:2px; overflow:visible; padding:0px; vertical-align:top; width:58px; } input.esFilter { margin-top:0px; } input.basket { font-size:90%; padding:0px 3px; text-align:center; width:30px; } input.basketButton { height:18px; margin-top:2px; overflow:visible; width:130px; } input.date { background:url('../img/icon_calendar.gif') 0px 2px no-repeat; padding-left:18px; } input.light { color:#999999; } div.input label { padding-top:4px; } div.required label { font-weight:bold; } div.required input.std { border:1px solid #666666; } div.required select.std { border:1px solid #666666; } div.checkbox label { padding-top:0px; } input.chkbox { margin-top:1px; } .ajaxBox { background:#f6f6f6; border:1px solid #d7d5d5; padding:1px 3px; top:20px; width:292px; } fieldset { border:1px solid #d7d5d5; display:block; margin-bottom:20px; } legend { color:#000000; } /* ------------------------------------------------------------------------------------------------- FLASH MESSAGES */ #flashMessage { background:#a1b000; border-bottom:1px solid #3d3c3f; border-top:1px solid #3d3c3f; color:#ffffff; margin-bottom:20px; padding:10px 20px; } #flashMessage span { font-size:120%; font-weight:bold; line-height:150%; } #flashMessage a { color:#ffffff; text-decoration:underline; } #flashMessage a:hover { color:#ffffff; text-decoration:none; } #flashMessage.error { background:url('../img/icon_error.gif') no-repeat 11px 8px #a10000; padding:12px 15px 12px 85px; } #flashMessage.warning { background:url('../img/icon_warning.gif') no-repeat 11px 8px #3d3c3f; padding:12px 15px 12px 85px; } /* ------------------------------------------------------------------------------------------------- TABLES */ th { background:#3d3d3f; color:#ffffff; font-size:110%; padding:3px 6px; } tr.row td { padding:3px 6px; } tr.row1 td { background:#ffffff; border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.row2 td { background:#f5f5f5; border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.rowGrey td { background:#EDEDED; border-bottom:1px solid #d0d0d0; padding:3px 6px; } tr.rowSum td { border-bottom:3px double #d7d5d5; padding:3px 6px; } tr.blank td { border-bottom:none !important; padding:2px 0px; } tr.blankSum td { border-top:1px solid #d7d5d5; border-bottom:3px double #d7d5d5; padding:2px 0px; } tr.large th { padding:3px 4px 3px 8px; } tr.large td { padding:8px 4px 8px 8px; } table.help { width:400px; } #content th a { color:#ffffff; } .progress { background:url('../img/basket_progress_background.gif') repeat-x; border-bottom:1px solid #d7d5d5; margin-bottom:25px; } .progress div { font-weight:bold; height:21px; margin:9px 9px 9px 15px; overflow:hidden; padding-top:1px; text-align:center; width:21px; } .progress div.done { background:url('../img/basket_progress_icons.gif') no-repeat -21px 0px; color:#666666; } .progress div.active { background:url('../img/basket_progress_icons.gif') no-repeat 0px 0px; color:#ffffff; } .progress div.disabled { background:url('../img/basket_progress_icons.gif') no-repeat -42px 0px; color:#999999; }