/* ***************************************** // WebTank Stylesheet File // Title: 2009_style.css // Media: all // File updated: 2010-04-02 16:44:49 // // Do NOT manually edit this generated file // **************************************** */ html, body, div, img { padding: 0; margin: 0; outline:none; } A { color: #0099CC; text-decoration: none; } A:link { text-decoration: none; } A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: underline; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: arial; font-size: 11px; line-height: 14px; color: #000000; overflow: none; text-align: left; } #header { position: relative; width: 755px; height: 142px; } #header .logo { position: absolute; top: 55px; left: 37px; z-index: 0; width: 276px; height: 58px; } #header .logo img { border-style: none; } #header .extra { position: absolute; top: 55px; right: 37px; z-index: 0; width: 362px; height: 62px; padding: 0px 10px 0 0; font-size: 10px; color: #000000; line-height: 13px; text-align: right; background: url('../editorial/id=2462.jpg') no-repeat; } #header .extra a { font-size: 10px; color: #000000; line-height: 13px; } #header .extra .twitter { position: absolute; top: 34px; left: 155px; } #header .extra .twitter img { border: none; } #header .menu { position: absolute; top: 140px; left: 37px; z-index: 100; width: 490px; height: 33px; background-image: url('../editorial/id=2463.jpg'); } #header .search { position: absolute; top: 145px; right: 37px; z-index: 10; width: 171px; height: 23px; background-image: url('../editorial/id=2464.jpg'); } #header .search .input { position: absolute; top: 3px; left: 10px; z-index: 20; width: 128px; height: 18px; } #header .search .input input { width: 128px; height: 14px; background: none; border-style: none; font-size: 9px; font-family: Verdana; padding-bottom: 4px; text-align: right; } #header .search .submit { position: absolute; top: 1px; right: 4px; z-index: 20; width: 17px; height: 17px; } #header .search .submit img { border-style: none; } #main { position: relative; width: 755px; height: auto; } #main .tab { position: absolute; top: 60px; left: 37px; z-index: 20; width: 500px; height: 30px; } #main #left { position: absolute; top: 88px; left: 37px; z-index: 10; width: 488px; height: auto; } #main #left #top { float: left; width:458px; padding: 5px 15px 0 15px; } #main #left #top .article_list { float: left; width: 458px; padding-bottom: 5px; border-bottom: 1px solid #000000; } #main #left #top .article_list .article { float: left; width: 458px; margin-bottom: 10px; } #main #left #top .article_list .article .info { float: left; width: 458px; } #main #left #top .article_list .article .info .date { float: left; font-size: 10px; } #main #left #top .article_list .article .info .dutch { float: left; margin-left: 10px; } #main #left #top .article_list .article .info .dutch .character { float: left; } #main #left #top .article_list .article .info .dutch .image { float: left; margin: 2px 0 0 10px; } #main #left #top .article_list .article .info .dutch .image img { border-style: none; } #main #left #top .article_list .article .title { float: left; width: 458px; font-size: 13px; font-weight: bold; line-height: 14px; } #main #left #top .article_list .article .subtitle { float: left; width: 458px; font-weight: bold; } #main #left #top .article_list .article .teaser { float: left; width: 458px; text-align: justify; } #main #left #top .article_list .article .read_more { float: left; width: 458px; } #main #left #top .article_list .article .read_more a { font-weight: bold; color: #9A0000; } #main #left #top .article_list .article .read_more .comment { color: #990000; font-family: arial; font-weight: bold; } #main #left #top .article_details { float: left; width: 458px; padding-bottom: 5px; border-bottom: 1px solid #000000; } #main #left #top .article_details .article { float: left; width: 458px; margin-bottom: 10px; } #main #left #top .article_details .article .info { float: left; width: 458px; height: auto; padding-bottom: 10px; } /* */ #main #left #top .article_details .article .info .line { float: left; width: 458px; height: auto; line-height: 12px; margin-bottom: 5px; } #main #left #top .article_details .article .info .date { float: left; font-size: 10px; padding-top: 2px; margin-right: 10px; } #main #left #top .article_details .article .info .mail { float: left; margin-right: 5px; } #main #left #top .article_details .article .info .mail .character { float: left; } #main #left #top .article_details .article .info .mail .image { float: left; margin: 2px 0 0 5px; width: auto; } #main #left #top .article_details .article .info .mail .image img { border-style: none; } #main #left #top .article_details .article .info .mail .content { float: left; margin: 2px 0 0 5px; width: auto; } #main #left #top .article_details .article .info .print { float: left; margin-right: 5px; } #main #left #top .article_details .article .info .print .character { float: left; } #main #left #top .article_details .article .info .print .image { float: left; margin: 2px 0 0 5px; width: auto; } #main #left #top .article_details .article .info .print .image img { border-style: none; } #main #left #top .article_details .article .info .print .content { float: left; margin: 2px 0 0 5px; width: auto; } #main #left #top .article_details .article .info .addToAny { float: left; } #main #left #top .article_details .article .info .addToAny .character { float: left; } #main #left #top .article_details .article .info .addToAny .content { float: left; margin: 0 0 0 5px; width: 106px; height: 16px; } /* */ #main #left #top .article_details .article .info .dutch { float: left; margin-right: 5px; } #main #left #top .article_details .article .info .dutch .image img { border-style: none; } #main #left #top .article_details .article .info .dutch .content { float: left; margin: 2px 0 0 0; width: auto; } #main #left #top .article_details .article .info .english { float: left; margin-right: 5px; } #main #left #top .article_details .article .info .english .image img { border-style: none; } #main #left #top .article_details .article .info .english .content { float: left; margin: 2px 0 0 0; width: auto; } #main #left #top .article_details .article .info .source { float: left; margin-right: 5px; } #main #left #top .article_details .article .info .source .character { float: left; margin-right: 5px; } #main #left #top .article_details .article .info .source .content { float: left; margin: 2px 0 0 0; width: auto; } /* */ #main #left #top .article_details .article .info .serie { float: left; width: 458px; height: auto; } #main #left #top .article_details .article .info .serie .text { float: left; width: 458px; height: auto; font-size: 11px; font-weight: 11px; line-height: 20px; margin-top: 2px; } #main #left #top .article_details .article .info .serie .items { float: left; width: 458px; height: auto; margin-top: 5px; font-size: 11px; line-height: 20px; font-weight: 11px; } /* */ #main #left #top .article_details .article #tell_a_friend { float: left; width: 458px; margin: 10px 0 10px 0; } /* */ #main #left #top .article_details .article .subtitle_extra { float: left; width: 458px; font-weight: bold; margin: 5px 0 5px 0; } #main #left #top .article_details .article .title { float: left; width: 458px; font-size: 16px; font-weight: bold; line-height: 19px; margin: 5px 0 5px 0; } #main #left #top .article_details .article .subtitle { float: left; width: 458px; font-weight: bold; margin-bottom: 2px; } #main #left #top .article_details .article .teaser { float: left; width: 458px; margin-bottom: 2px; } #main #left #top .article_details .article .comment { float: left; width: 458px; height: 20px; color: #990000; font-family: arial; font-size: 15px; font-weight: bold; font-style: none; } #main #left #top .article_details .article .content { float: left; width: 458px; } #main #left #top .article_details .article .content a { font-weight: bold; } #main #left #top .article_details .article .read_more { float: left; width: 458px; } #main #left #top .article_details .article .read_more a { font-weight: bold; color: #9A0000; } #main #left #top .newsletter { padding-bottom: 5px; border-bottom: 1px solid #000000; } #main #left #top .newsletter .title { font-size: 13px; font-weight: bold; } #main #left #top .newsletter input { width: 300px; height: 19px; background-color: transparent; border: 1px solid #000000; } #main #left #top .search_result { float: left; width: 458px; padding-bottom: 5px; border-bottom: 1px solid #000000; } #main #left #top .search_result .article { float: left; width: 458px; margin-bottom: 10px; } #main #left #top .search_result .article .info { float: left; width: 458px; } #main #left #top .search_result .article .info .date { float: left; font-size: 9px; margin-right: 10px; } #main #left #top .search_result .article .info .dutch { float: left; margin-right: 10px; } #main #left #top .search_result .article .info .dutch .character { float: left; } #main #left #top .search_result .article .info .dutch .image { float: left; margin: 2px 0 0 10px; } #main #left #top .search_result .article .info .dutch .image img { border-style: none; } #main #left #top .search_result .article .title { float: left; width: 458px; font-size: 13px; font-weight: bold; margin-bottom: 2px; } #main #left #top .search_result .article .subtitle { float: left; width: 458px; font-weight: bold; margin-bottom: 2px; } #main #left #top .search_result .article .teaser { float: left; width: 458px; margin-bottom: 2px; } #main #left #top .search_result .article .read_more { float: left; width: 458px; } #main #left #top .search_result .article .read_more a { font-weight: bold; color: #9A0000; } #main #left #top .author_login { float: left; width: 458px; padding-bottom: 5px; border-bottom: 1px solid #000000; } #main #left #top .author_login .form { float: left; width: 458px; } #main #left #top .author_login .form .item { position: relative; width: 375px; height: 20px; } #main #left #top .author_login .form .item .input { position: absolute; top: 0px; left: 0px; width: 150px; } #main #left #top .author_login .form .item label.error { position: absolute; top: 0px; left: 160px; display: block; width: 200px; font-size: 10px; color: #9A0000; } #main #left #top .author { float: left; width: 458px; padding-bottom: 5px; } #main #left #top .author .message { float: left; width: 458px; height: auto; padding-bottom: 10px; } #main #left #top .author .add_article { float: left; width: 458px; height: auto; padding-bottom: 10px; border-bottom: 1px solid #000000; } #main #left #top .author .article_list { float: left; width: 458px; height: auto; padding-top: 13px; } #main #left #top .author .article_list .article { float: left; margin-bottom: 10px; } #main #left #top .author .article_list .article .title { float: left; width: 380px; font-size: 11px; line-height: 14px; } #main #left #top .author .article_list .article .edit { float: left; width: 60px; margin-left: 10px; text-align: right; } #main #left #top .author_edit { float: left; width: 458px; padding-bottom: 5px; border-bottom: 1px solid #000000; } #main #left #top .author_edit .form { float: left; width: 458px; } #main #left #top .author_edit .form .item input { width: 356px; height: 18px; border: 1px solid #CCCCCC; } #main #left #top .author_edit .form .teaser textarea { width: 356px; height: 200px; border: 1px solid #CCCCCC; } #main #left #top .author_edit .form .content textarea { width: 356px; height: 400px; border: 1px solid #CCCCCC; } #main #left #top .author_edit .form .item .day { float: left; margin-right: 10px; } #main #left #top .author_edit .form .item .month { float: left; margin-right: 10px; } #main #left #top .author_edit .form .item .year { float: left; } #main #left #bottom { float: left; width: 458px; padding: 15px; } #main #right { position: absolute; top: 50px; right: 37px; z-index: 10; width: 175px; height: auto; } #main #right .text { width:145px; height:auto; padding: 3px 15px 0 15px; } #main #right .text .article_list { float: left; width: 145px; color: #FFFFFF; } #main #right .text .article_list .article { float: left; width: 145px; margin-bottom: 10px; } #main #right .text .article_list .article .info { float: left; width: 145px; } #main #right .text .article_list .article .info .date { float: left; font-size: 9px; } #main #right .text .article_list .article .info .dutch { float: left; margin-left: 10px; } #main #right .text .article_list .article .info .dutch .character { float: left; } #main #right .text .article_list .article .info .dutch .image { float: left; margin: 2px 0 0 10px; } #main #right .text .article_list .article .info .dutch .image img { border-style: none; } #main #right .text .article_list .article .title { float: left; width: 145px; font-size: 13px; line-height: 14px; font-weight: bold; margin-bottom: 2px; } #main #right .text .article_list .article .subtitle { float: left; width: 145px; font-weight: bold; margin-bottom: 2px; } #main #right .text .article_list .article .teaser { float: left; width: 145px; } #main #right .text .article_list .article .read_more { float: left; width: 145px; margin-bottom: 2px; } #main #right .text .article_list .article .read_more a { font-weight: bold; color: #FFFFFF; } #footer { position: relative; width: 700px; height: 20px; margin: 5px 0 0 40px; vertical-align: top; } /* */ label.error { margin-left: 10px; font-size: 10px; color: #9A0000; } /* */ .text { font-family: arial; font-size: 11px; line-height: 14px; color: #000000; }