/* ------------------------------------------------------------------------ #BASIC RESET & GLOBAL LAYOUT TECHNIQUES ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; border: 0; outline: 0; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ ul { list-style-image: none; list-style-type: none; } em { font-style: normal; } .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } .nobreak { white-space: nowrap; } .align_center { text-align: center; } .align_right { text-align: right; } .align_left { text-align: left; } .float_left { float: left; } .float_right { float: right; } .justify { text-align: justify;} .floating_img_left { float:left;padding-right:8px;padding-bottom:8px;} .floating_img_right { float:right;padding-left:8px;padding-bottom:8px;padding-top:8px;} .invisible { display:none;} html { height: 100%; } /* ------------------------------------------------------------------------ #FONTS, COLORS, TEXT-DECORATION, MARGINS ETC. ------------------------------------------------------------------------- */ * { font-family: Helvetica, Arial, sans-serif;line-height:12px; } p, input, li, td, label { font-size: 10px; color: #696969; } h1 { font-family: Arial, sans-serif;color: #e3e4e4; font-size: 23px; font-weight: normal; margin: 0px 0px 0;line-height:23px; } h2 { font-family: Arial, sans-serif;color: #95c154; font-size: 15px; font-weight: normal;} h3 { font-family: Arial, sans-serif;color: #95c154; font-size: 13px; font-weight: normal;padding-top:10px;} h4 { font-family: Arial, sans-serif;color: #95c154; font-size: 12px; font-weight: normal;padding-top:10px;} h5 { color: #515553; font-size: 11px; font-style: italic; font-weight: normal; margin-bottom: 5px; } hr { height: 1px; border-bottom: 1px solid #bfbfbf; width: 100%; margin: 10px 0;} em { color: #004a7f; } a, a:link, a:visited { text-decoration: none; color: #515553;font-size:11px;line-height:13px;} a:hover, a:active { text-decoration: underline;background:none; } a.arrow_gray, a.arrow_gray:link a.arrow_gray:visited { font-size:11px; line-height:13px;color: #696969;padding-left: 11px; text-decoration: none; background: transparent url(http://www.bestboys.tv/public/img/pfeil.gif) center left no-repeat;height:17px; } a.arrow_gray:hover,a.arrow_gray:active { text-decoration: underline;} a.arrow_red, a.arrow_red:link,a.arrow_red:visited { font-size:11px; line-height:13px;color: #893a5b;padding-left: 11px; text-decoration: none; background: transparent url(http://www.bestboys.tv/public/img/pfeil.gif) center left no-repeat;height:17px; } a.arrow_red:hover, a.arrow_red:active { text-decoration: underline;} a.arrow_red_footer, a.arrow_red_footer:link,a.arrow_red_footer:visited { font-size:11px; line-height:13px;color: #87888a;padding-left: 11px; padding-right: 11px; text-decoration: none; background: transparent url(http://www.bestboys.tv/public/img/pfeil.gif) center left no-repeat;height:17px; } a.arrow_red_footer:hover, a.arrow_red_footer:active { text-decoration: underline;} a.pdf, a.pdf:link,a.pdf:visited { background: transparent url(http://www.linsenhoff.de/2009/public/img/pdf.jpg) no-repeat scroll left 0px; color: #515553; padding: 11px 0 0 40px; text-decoration: none; height: 32px; display: block; } a.pdf:hover,a.pdf:active { text-decoration: underline;} a.pdf_small, a.pdf_small:link,a.pdf_small:visited { background: transparent url(http://www.linsenhoff.de/2009/public/img/pdf_small.gif) no-repeat scroll left 0px; color: #515553; padding: 7px 0 0 40px; text-decoration: none; height: 24px; display: block; } a.pdf_small:hover,a.pdf_small:active { text-decoration: underline;} a.video, a.video:link,a.video:visited { background: transparent url(http://www.linsenhoff.de/2009/public/img/video.gif) no-repeat scroll left 0px; color: #515553; padding: 7px 0 0 30px; height:24px; text-decoration: none; display: block; } a.video:hover,a.video:active { text-decoration: underline;} a.book, a.book:link,a.book:visited { background: transparent url(http://www.linsenhoff.de/2009/public/img/book.gif) no-repeat scroll left 0px; color: #515553; padding: 7px 0 0 37px; height:24px; text-decoration: none; display: block; } a.book:hover,a.book:active { text-decoration: underline;} a.podcast, a.podcast:link,a.podcast:visited { background: transparent url(http://www.linsenhoff.de/2009/public/img/podcast.png) no-repeat scroll left 0px; color: #515553; padding: 11px 0 0 40px; height:32px; text-decoration: none; display: block; } a.podcast:hover,a.podcast:active { text-decoration: underline;} /* ADD MORE SPACE TO ELEMENTS */ .space p, .space ul { margin-bottom: 5px; } .p_red {color:#8d1126;} #liste {list-style-image: url(http://www.linsenhoff.de/2009/public/img/pfeil_ul.gif);padding-left:20px;} #liste li {padding-bottom:5px;} /* ------------------------------------------------------------------------ #BOX-MODEL ------------------------------------------------------------------------- */ body { background: #fff url(http://www.bestboys.tv/public/img/bg.gif) top left repeat; text-align: center; width: 100%; height: 100%; } #container_header_bg {width:100%;height:100%;position:relative;background: transparent url(http://www.bestboys.tv/public/img/bg_header.gif) top left repeat-x;} #content_border_shadow {width:818px;background: transparent url(http://www.bestboys.tv/public/img/shadow.png) top left repeat-y;margin:0 auto;} #content_border_inner {text-align: left;width:800px;position:relative;background: white;margin:0 auto;} #header {width:800px;height:287px; background: white url(http://www.bestboys.tv/public/img/header.gif) top left no-repeat;} #header_lang { height: 13px; position: absolute; top: 47px; left: 7px;} #header_nav { width: 257px; height: 125px; position: absolute; top: 154px;left:542px;} #header_hl { width: 170px; height: 9px; position: absolute; top: 14px; left: 19px; } #header_flash { width: 541px; height: 209px; position: absolute; top: 71px; left:0px;background-color:#893a5b;} #content_wrapper { background: transparent url(http://www.bestboys.tv/public/img/bg_content_wrapper.gif) top left repeat-y;} #content_left { min-height:340px;width: 540px; float: left;position:relative;background: transparent url(http://www.bestboys.tv/public/img/bg_content_left.gif) top left repeat-x;} #headline {margin-left:20px;margin-top:15px;width:380px; height:23px;background: transparent url(http://www.bestboys.tv/public/img/pfeil_headline.gif) top left no-repeat; padding: 0px 0 0 14px;} #subline {margin-left:20px;margin-top:20px;margin-bottom:10px;} #content {margin-left:22px;margin-right:22px;} #content_left_footer {left:0;bottom:0;position:absolute;width:100%;height:32px;background: #fff url(http://www.bestboys.tv/public/img/bg_content_left_footer.gif) bottom left repeat-x;} #content_right { width: 257px; float: left;padding-left:2px;} #by_artenlos {left:-14px;bottom:56px;position:absolute;} #footer {left:0;width:100%;height:22px;background: #fff url(http://www.bestboys.tv/public/img/footer.gif) bottom left repeat-x;} /* ------------------------------------------------------------------------ #NAVIGATION ------------------------------------------------------------------------- */ #nav li a,#nav li a:link,#nav li a:visited { position:relative;text-align:left;color:#ffffff;background: transparent url(http://www.bestboys.tv/public/img/bg_nav.gif) top left no-repeat;padding-left: 14px;margin-bottom:1px;display: block;line-height: 20px; width:243px; height:20px; text-decoration:none;font-family: Arial, sans-serif;font-size:12px; } .nav_number { position:absolute; right:11px;height:20px;line-height: 20px; color:#cba7b6;font-size:12px;top:0px;} #nav li a:hover,#nav li a:active, #nav li a#current { background-position: 0px -20px;color: #ffffff; } /* ------------------------------------------------------------------------ #LAYOUT BOXES ------------------------------------------------------------------------- */ a#logo_schafhof {background:transparent url(http://www.linsenhoff.de/2009/public/img/logo_schafhof.gif) no-repeat scroll 0 0;display:block;height:77px;width:139px;} a#logo_schafhof:hover {background-position:0 -77px;} a#logo_unicef {background:transparent url(http://www.linsenhoff.de/2009/public/img/logo_unicef.gif) no-repeat scroll 0 0;display:block;height:79px;width:139px;} a#logo_unicef:hover {background-position:0 -79px;} /* BOX BREAKER LEFT */ .box_left_breaker { background: transparent url(http://www.linsenhoff.de/2009/public/img/box_left_bg_breaker.gif) 0 0 no-repeat;width:180px;height:22px; } /* BOX EVENTS LEFT */ .box_left_events { background: transparent url(http://www.linsenhoff.de/2009/public/img/box_left_bg_events.gif) 0 0 no-repeat; padding: 8px 0px 0px 0px;height:145px; } .box_left_events h2 { color: #ffffff; font-size: 15px; padding-left:8px;} .box_left_events p { color: #ffffff; padding: 10px 0px 5px 8px } /* BOX COUNTER LEFT */ #counter {background: transparent url(http://www.linsenhoff.de/2009/public/img/bg_counter.gif) 0 0 no-repeat;width:180px;height:25px;line-height:25px;} #counter #tage {background: transparent; border:0;color:#a8aaa8;font-size:18px;margin:0 0 0 8px;padding:0;padding-top:5px;width:35px;height:20px;} #counter #stunden {background: transparent; border:0;color:#a8aaa8;font-size:18px;margin:0 0 0 7px;padding:0;padding-top:5px;width:27px;height:20px;} #counter #minuten {background: transparent; border:0;color:#a8aaa8;font-size:18px;margin:0 0 0 4px;padding:0;padding-top:5px;width:27px;height:20px;} #counter #sekunden {background: transparent; border:0;color:#a8aaa8;font-size:18px;margin:0 0 0 4px;padding:0;padding-top:5px;width:27px;height:20px;} /* BOX DONATION LEFT */ .box_left_donation { background: transparent url(http://www.linsenhoff.de/2009/public/img/box_left_bg_donation.gif) 0px 0 no-repeat;margin-left:-52px; } .box_left_donation p { padding: 85px 17px 10px 67px } /* NORMAL BOX RIGHT */ .box_right_neutral { } .box_right_neutral p { padding: 10px 0px 10px 10px } /* NEWSARCHIV BOX RIGHT */ .box_newsarchiv { background: transparent url(http://www.bestboys.tv/public/img/bg_newsarchiv.gif) 0 0 no-repeat;margin-top:17px; } .box_newsarchiv_en { background: transparent url(http://www.bestboys.tv/public/img/bg_newsarchiv_en.gif) 0 0 no-repeat;} .box_newsarchiv .months { padding: 26px 0px 10px 0px } .box_newsarchiv .months a,.box_newsarchiv .months a:link,.box_newsarchiv .months a:visited { display:block; height:17px;width:244px;font-size:10px;line-height:17px;border-bottom:1px solid #f2f2f2;color:#838383;padding-left:13px;} .box_newsarchiv .months a:hover,.box_newsarchiv .months a:active { background: transparent url(http://www.bestboys.tv/public/img/bg_newsarchiv_link.gif) top right no-repeat;} /* LOGIN BOX RIGHT */ .box_kundenlogin { background: transparent url(http://www.bestboys.tv/public/img/bg_kundenlogin.gif) 0 0 no-repeat;margin-top:37px; } .box_kundenlogin_en { background: transparent url(http://www.bestboys.tv/public/img/bg_kundenlogin_en.gif) 0 0 no-repeat; } .box_kundenlogin .login_form { padding: 30px 11px 3px 14px } /* LOGIN BOX RIGHT EN */ /* BOX BREAKER RIGHT */ .box_right_breaker { background: transparent url(http://www.linsenhoff.de/2009/public/img/box_right_bg_breaker.gif) 0 0 no-repeat;width:139px;height:27px; } /* BOX NEWSLETTER RIGHT */ .box_right_newsletter { background: #7b1122 url(http://www.linsenhoff.de/2009/public/img/box_right_bg_newsletter.gif) 0 0 no-repeat;padding: 8px 11px; } .box_right_newsletter h2 { color: #ffffff; font-size: 15px; } .box_right_newsletter p { color: #ffffff; padding: 10px 0px 5px 0px } /* ------------------------------------------------------------------------ #FORMS ------------------------------------------------------------------------- */ input { border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #fff; color: #515553; padding: 1px 2px; margin-right: 2px;margin: 4px 0 8px 0; } input.submit { border: 0px; background: white url(http://www.bestboys.tv/public/img/pfeil.gif) center left no-repeat; margin: 0;padding:0; padding-left:8px;padding-right:0px;padding-bottom:0px;padding-top:2px; color:#893a5b;font-weight:normal; } /* ------------------------------------------------------------------------ #CONTENT-SPECIFIC DEFINITIONS ------------------------------------------------------------------------- */ #content { padding-bottom:32px;} #content p { font-size:11px; padding: 10px 0px 0px 0px;text-align: left;line-height:13px;} #content ul { padding-bottom:15px;padding-top:10px;list-style-type: none; list-style-image: none;} #content ul li { background:transparent url(http://www.bestboys.tv/public/img/pfeil.gif) no-repeat 0 2px; padding-left: 10px; } /* NEWS */ .news {margin-top:30px;color:#696969} .news_headline {color:#95c154;padding-bottom:3px;background: transparent url(http://www.bestboys.tv/public/img/bg_headline_news.gif) bottom left no-repeat; } .news_date {font-size:9px;color:#aaaaaa;padding-top:2px;} #news_excerpt {float:left;width:360px;} #news_excerpt p {font-size:11px; padding: 10px 0px 0px 0px;text-align: left;line-height:13px;width:100%;} .news_excerpt {float:left;width:360px;} .news_excerpt p {font-size:11px; padding: 10px 0px 0px 0px;text-align: left;line-height:13px;width:100%;} .news_pic {float:left;width:135px;text-align:center;} .news_link {font-size:10px;padding-top:2px;padding-top:5px;} .news_pdf {font-size:10px;padding-top:2px;padding-top:5px;} .news_btn_more {color:#7f1e47;padding-top: 5px;} .news_btn_more a {color:#7f1e47;font-size:11px;} /* TERMINE */ .termin {padding-top:10px;margin-top:10px;background: #fff url(http://www.linsenhoff.de/2009/public/img/bg_headline2.gif) top center no-repeat;} .termin h3 {font-weight:bold;} .termin span {font-size:10px;color:#8d1126;font-style:italic;padding-top:4px;} .termin img {float:left;padding-right:8px;padding-bottom:8px;} .termin #headline h3 { padding-top:7px;} /* LANGUAGE-FLAGS */ #header_lang { text-align: right; } #header_lang img { margin-left: 13px;margin-top:0px;} /* FOOTER */ #footer p { padding-top: 5px;padding-left:16px; } /* ==================== NOCH ZU REFACTOREN ====================== */ /* ERROR- / NOTICE-HANDLER */ #noscript { margin-top: 5px; border: 1px solid #b0bcc4; padding: 10px; background-color: red; } #message { margin-top: 5px; border: 1px solid #b0bcc4; padding: 10px; } .message { background-color: yellow; } .error { background-color: #893A5B;margin-top:20px;margin-bottom:20px; } .notice { background-color: #b0bcc4; } #message h1 { margin: 0 0 10px 0; } #message p { font-size: 12px; margin-bottom: 5px; }