@charset "UTF-8"; /* color definitions - for copy&paste * don't use any other colors * delete this part when all is done ---------------------------------------- .red { color: #e2001a; } .orange { color: #f29400; } .white { color: #ffffff; } .lightgrey { color: #b0b5b9; } .darkgrey { color: #6e6c6f; } .black { color: #000000; } .lightgrey1 { color: #ebeced; } .lightgrey2 { color: #d3d6d9; } ---------------------------------------- */ /* reset browser */ * { margin: 0; padding: 0; } option { padding-left: 0.4em; } * html body * { overflow: visible; } * html iframe, * html frame { overflow: auto; } * html frameset { overflow: hidden } html { height: 100% } body { min-height: 101%; font-size: 100.01%; color: #000000; background: #ffffff; text-align: left; } fieldset, img { border: 0 solid; } ul, ol, dl, div { margin: 0px; padding: 0px; } li { margin-left: 1.5em; line-height: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1em 2em; } blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;} html * { font-size: 100.01%; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .floatbox { overflow: hidden; } #ie_clearing { display: none; } label { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; } img { margin: 0px; padding: 0px; border: none; line-height: 0px; } /* setup basic layout */ body { margin: 0px; padding: 0px; } #page_margins { margin: 0 auto; padding: 0px; width: 1000px; background: inherit; border: none; margin-top: 8px; } #page { margin: 15px 0px 0px 0px; padding: 0px; width: 800px; overflow: hidden; background: #ffffff;} #header { margin: 0px; padding: 0px; width: 100%; background: transparent; height: 77px; display: inline; } #nav { margin: 0px; padding: 0px; width: 800px; background: transparent url("../img/icons.gif") -16px -192px no-repeat; padding-top: 2px; clear: both; overflow: hidden; position: static; } #main { margin: 10px 0px; padding: 0px; width: 800px; background: transparent; clear: both; } #main { z-index: 1; position: relative; } /*style for all browsers*/ #main, x:-moz-any-link { z-index: 0; } /*style for Firefox 2.0*/ #main, x:-moz-any-link, x:default { z-index: 1; } /*restore style for Firefox 3.0 and newer*/ #footer { margin: 0px; padding: 10px 0px; width: 800px; background: transparent; clear: both; display: block; border-top: 1px solid #6e6c6f; margin-top: 10px; } .skip, .hideme, .print { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; } .skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; } .hide { display: none !important; } input { margin: 0px; padding: 0px 0px 0px 5px; height: 14px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #6e6c6f; } textarea, select { margin: 0px; padding: 0px 0px 0px 5px; border: 1px solid #6e6c6f; height: 14px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #6e6c6f; } input[type="text"] { border: none; height: 12px; color: #000000; } input[type="text"] { border: 1px solid #6e6c6f; height: 13px; color: #000000; padding: 1px; } input[type="password"] { border: 1px solid #6e6c6f; height: 13px; color: #000000; padding: 1px; } input[type="radio"] { border: none; height: 12px; color: #000000; } input[type="checkbox"] { border: none; height: 13px; width: 13px; color: #000000; padding: 1px; } input[type="file"] { border: 1px solid #6e6c6f; height: 18px; width: 300px; } textarea { width: 100%; height: 80px; font-size: 11px; color: #000000; } .button { background: #ebeced; color: #6e6c6f; border: 1px solid #6e6c6f; font-weight: bold; font-size: 12px; padding: 0px 5px; margin: 10px 0px 0px 10px; height: 18px; } /* image settings*/ .thumb { padding: 4px; border: 1px solid #b0b5b9; background: #ffffff; } .box490full .imgtitle { background: #ebeced; width: 484px; text-align: center; color: #6e6c6f; font-size: 0.9em; } .box155full .imgtitle { background: #ebeced; width: 116px; text-align: center; color: #6e6c6f; font-size: 0.9em; } /* advert blocks */ .top_advert { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 85px; width: auto; height: auto; } .page_advert { margin: 0px 0px 0px 5px; padding: 0px; height: auto; width: auto; float: right; } .main_advert { margin: 0px; padding: 0px; width: 800px; overflow: visible; } .ad180 { margin: 0px 0px 10px 0px; padding: 0px; width: 180px; } .ad468 { margin: 0px; padding: 0px; width: 468px; } /* setup layout*/ .header_image { float: left; width: 394px; height: 77px; display: inline; background: #ffffff url("../img/icons.gif") no-repeat -16px -224px; } .header_image_cfc { float: left; width: 286px; height: 77px; display: inline; background: #ffffff url("../img/icons.gif") no-repeat -16px -224px; } .header_image_cf { float: left; width: 108px; height: 77px; display: inline; background: #ffffff url("../img/icons.gif") no-repeat -302px -224px; } .header_login { float: right; width: 302px; height: 70px; display: inline; border: none; background: #f29400 url("../img/icons.gif") no-repeat -416px -224px; overflow: hidden; } .header_login_form { margin: 2px 0px 0px 0px; width: 129px; float: right; } .header_login_form input { margin: 0px 0px 1px 0px; width: 100px; } #nav_search { visibility: hidden; padding: 0px; margin: 0px; width: 798px; height: 75px; border: 1px solid #6e6c6f; background: #ebeced; position: absolute; z-index: 200; top: 100px; left: 0px; } #nav_search label { position: relative; top: 2px; left: 0px; height: auto; width: auto; margin: 0px; padding: 0px; } #nav_search input, #nav_search select { position: relative; top: 0em; left: 0em; float: left; margin-bottom: 2px; width: 100px; height: 18px; } #nav_search #box { margin: 10px; } .detailsearch { z-index: 2 !important;} .detailsearch_textblock { width: 50px; float: left; } .detailsearch_formblock { width: 100px; float: left; margin-right: 20px; } .detailsearch_colorbox { width: 81px; height: 33px; float: left; background: #000000; } .colorbox { width: 7px; height: 7px; margin: 1px 0px 0px 1px; float: left; background: #ffffff; cursor: pointer; } .original-transparent { height: 1600px; width: 1600px; background: transparent url("../img/transp.gif") repeat; position: absolute; } /* navigation */ #nav_main { width: 798px; overflow: hidden; float: left; display: inline; color: #6e6c6f; background: #ebeced; border: 1px solid #6e6c6f; border-top: 1px solid #ffffff; line-height: 1em; } #nav_main ul { margin: 0px; padding: 0px; border: none; display: inline; float: left; height: 21px; } #nav_main ul li { margin: 0px; padding: 0px; border: none; border-right: 1px solid #6e6c6f; display: inline; font-size: 1em; font-weight: bold; line-height: 1em; list-style-type: none; float: left; } #nav_main ul li a, #nav_main ul li strong { background: transparent; color: #6e6c6f; display: block; font-weight: bold; margin: 0; padding: 0.5em 0.6em 0.6em 0.6em; text-decoration: none; width: auto; } #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active { background: #b0b5b9; color: #6e6c6f; } #nav_main ul li#current { background: #b0b5b9; } #nav_main ul li#current strong, #nav_main ul li#current a { background: transparent; } #nav_main ul li#current a:focus, #nav_main ul li#current a:hover, #nav_main ul li#current a:active { background: #b0b5b9; } .nav_main_last { border: none !important; padding: 0px !important; margin: 0px !important; cursor: pointer; } .nav_main_last :hover { background: #b0b5b9; } .nav_main_last_inner { width: 35px; padding: 5px 4px 7px 4px; } .nav_main_search_text { margin: 1px 0px 0px 0px; width: 119px; width: 119px !important; } .nav_main_search_button { margin: 1px 0px 0px 0px; padding: 0px; width: 25px; height: 17px; background: #d3d6d9; border: 1px solid #6e6c6f; } /* setup fonts */ body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 65.00%; color: #000000; } h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 0px; font-size: 1em; color: #6e6c6f; padding: 0px; letter-spacing: 0.1em; } h3,h4,h5,h6 { font-weight: normal } h1 { font-size: 1.2em; margin-top: 0.9em; } h2 { font-size: 1.1em; } h4 { font-size: 0.9em; } h6 { font-style: italic; } .headline { padding: 2px 5px; background: #ebeced; width: 299px; border-left: 1px solid #6e6c6f; height: 18px; font-size: 1.2em; } p { line-height: 1.5em; margin: 0px; font-size: 1.1em; } .smalltext { font-size: 0.8em; color: #6e6c6f; } .fontcolor-white { color: #ffffff; } .fontcolor-yellow { color: #f29400; } /* links */ a { color: #6e6c6f; text-decoration: none; font-weight: bold; cursor: pointer; } a:hover { color: #e2001a; } a:hover .fwrdyellow { background-position: -64px -16px; } a:hover .fwrdwhite { background-position: -64px -16px; } a:hover .backyellow { background-position: -80px -16px; } a:hover .moveupgrey { background-position: -176px -16px; } a:hover .backlarge { background-position: -112px -96px; } a:hover .fwrdlarge { background-position: -160px -96px; } a:hover .waterm2 { background-position: -80px -32px; } a:hover .down2 { background-position: -320px -32px; } a:hover .specialprize3 { background-position: -320px -48px; } a:hover .lightbput3 { background-position: -240px -32px; } a:hover .lightbshow3 { background-position: -240px -48px; } a:hover .lightbshow4 { background-position: -240px -48px; } a:hover .delete2 { background-position: -160px -32px; } a:hover .delete3 { background-position: -160px -32px; } a:hover .zoom3 { background-position: -80px -48px; } a:hover .num1 { background-position: -384px -32px; margin-top: 0px; } a:hover .num2 { background-position: -448px -32px; margin-top: 0px; } a:hover .num3 { background-position: -512px -32px; margin-top: 0px; } a:hover .num4 { background-position: -576px -32px; margin-top: 0px; } a:hover .num5 { background-position: -640px -32px; margin-top: 0px; } a:hover .num6 { background-position: -704px -32px; margin-top: 0px; } a:hover .num7 { background-position: -768px -32px; margin-top: 0px; } a:hover .num8 { background-position: -832px -32px; margin-top: 0px; } a:hover .num9 { background-position: -896px -32px; margin-top: 0px; } a:hover .num10 { background-position: -960px -32px; margin-top: 0px; } input.num1:hover { background-position: -384px -32px; margin-top: 0px; } input.num2:hover { background-position: -448px -32px; margin-top: 0px; } input.num3:hover { background-position: -512px -32px; margin-top: 0px; } input.num4:hover { background-position: -576px -32px; margin-top: 0px; } input.num5:hover { background-position: -640px -32px; margin-top: 0px; } input.num6:hover { background-position: -704px -32px; margin-top: 0px; } input.num7:hover { background-position: -768px -32px; margin-top: 0px; } input.num8:hover { background-position: -832px -32px; margin-top: 0px; } input.num9:hover { background-position: -896px -32px; margin-top: 0px; } input.num10:hover { background-position: -960px -32px; margin-top: 0px; } a:hover .pagebrowser { background: #e2001a; color: #ffffff; border: 1px solid #e2001a; } a:hover .pageback { background: transparent url("../img/icons.gif") no-repeat -205px -16px; border: 1px solid #ffffff; } a:hover .pagefwrd { background: transparent url("../img/icons.gif") no-repeat -221px -16px; border: 1px solid #ffffff; } a .sedcardlink { color: #ffffff; } a:hover .sedcardlink { color: #e2001a; } a:hover .editor { background-position: -368px -16px; margin-top: 0px; } #footer a { font-size: 0.8em; margin-right: 7px; } .userlink { color: #000000; width: 100px !important; font-weight: normal; } /* voting-help */ .num_help_better { position: relative; left: 32px; display: none; background: transparent url("../img/icons.gif") no-repeat -336px -48px; height: 14px; width: 46px; } a:hover .num1 > .num_help_better { display: block; } a:hover .num2 > .num_help_better { display: block; } a:hover .num3 > .num_help_better { display: block; } a:hover .num4 > .num_help_better { display: block; } .num_help_worse { position: relative; left: -81px; display: none; background: transparent url("../img/icons.gif") no-repeat -384px -48px; height: 14px; width: 63px; } a:hover .num7 > .num_help_worse { display: block; } a:hover .num8 > .num_help_worse { display: block; } a:hover .num9 > .num_help_worse { display: block; } a:hover .num10 > .num_help_worse { display: block; } .box250full a .num1 .num_help_better, .box250full a .num2 .num_help_better { background: url("../img/icons.gif") no-repeat scroll -448px -48px transparent; display: none; height: 14px; left: 32px; position: relative; width: 62px; } a:hover .num1 > .num_help_better { display: block; } a:hover .num2 > .num_help_better { display: block; } .box250full a .num9 .num_help_worse, .box250full a .num10 .num_help_worse { background: url("../img/icons.gif") no-repeat scroll -448px -48px transparent; display: none; height: 14px; left: -80px; position: relative; width: 62px; } a:hover .num9 > .num_help_worse { display: block; } a:hover .num10 > .num_help_worse { display: block; } /* pagebrowser */ .pagebrowser { background: #ffffff; width: 16px; height: 12px; border: 1px solid #6e6c6f; float: left; font-weight: normal; margin-left: 4px; } .currentpage { width: 16px; height: 12px; border: 1px solid transparent; float: left; font-weight: normal; margin-left: 4px; } .pageback { background: transparent url("../img/icons.gif") no-repeat -93px -16px; height: 12px; width: 16px; padding: 0px; border: 1px solid transparent; } .pagefwrd { background: transparent url("../img/icons.gif") no-repeat -109px -16px; height: 12px; width: 16px; padding: 0px; border: 1px solid transparent; } /* icons */ .icons { background: transparent url("../img/icons.gif") no-repeat; height: 16px; width: 16px; padding: 0px; border: none; float: left; text-align: center; font-weight: normal; } .numbers { background: transparent url("../img/icons.gif") no-repeat; height: 16px; width: 16px; padding: 0px; border: none; float: left; text-align: center; font-weight: normal; } .icon1 { background-position: -16px -16px; margin-top: 4px; } .fwrdyellow { background-position: -32px -16px; margin-top: 2px; } .fwrdwhite { background-position: -240px -16px; margin-top: 2px; } .backyellow { background-position: -48px -16px; margin-top: 2px; } .moveupgrey { background-position: -128px -16px; margin-top: 4px; } .movedowngrey { background-position: -144px -16px; margin-top: 4px; } .information { background-position: -160px -16px; margin-top: 0px; } .colorwhite { background-position: -32px -64px; margin-top: 0px; } .colorblack { background-position: -288px -64px; margin-top: 0px; } .colorblend { background-position: -48px -64px; margin-top: 0px; width: 240px; } .colorslide { background-position: -16px -64px; margin-top: 0px; width: 7px; } .backlarge { background-position: -16px -96px; margin-top: 2px; height: 96px; width: 48px; } .fwrdlarge { background-position: -64px -96px; margin-top: 2px; height: 96px; width: 48px; } .jury { background-position: -272px -16px; margin-top: 0px; width: 32px; } .editor { background-position: -368px -16px; margin-top: 0px; width: 32px; } .photozoom { background-position: -16px -432px; margin-top: 0px; height: 64px; width: 64px; position: relative; top: 209px; left: 209px; } .waterm1 { background-position: -16px -32px; margin-top: 0px; } .waterm2 { background-position: -32px -32px; margin-top: 0px; } .waterm3 { background-position: -48px -32px; margin-top: 0px; } .waterm4 { background-position: -64px -32px; margin-top: 0px; } .waterm5 { background-position: -80px -32px; margin-top: 0px; } .zoom1 { background-position: -16px -48px; margin-top: 0px; } .zoom2 { background-position: -32px -48px; margin-top: 0px; } .zoom3 { background-position: -48px -48px; margin-top: 0px; } .zoom4 { background-position: -64px -48px; margin-top: 0px; } .zoom5 { background-position: -80px -48px; margin-top: 0px; } .delete1 { background-position: -96px -32px; margin-top: 0px; } .delete2 { background-position: -112px -32px; margin-top: 0px; } .delete3 { background-position: -128px -32px; margin-top: 0px; } .delete4 { background-position: -144px -32px; margin-top: 0px; } .delete5 { background-position: -160px -32px; margin-top: 0px; } .report1 { background-position: -96px -48px; margin-top: 0px; } .report2 { background-position: -112px -48px; margin-top: 0px; } .report3 { background-position: -128px -48px; margin-top: 0px; } .report4 { background-position: -144px -48px; margin-top: 0px; } .report5 { background-position: -160px -48px; margin-top: 0px; } .lightbput1 { background-position: -176px -32px; margin-top: 0px; } .lightbput2 { background-position: -192px -32px; margin-top: 0px; } .lightbput3 { background-position: -208px -32px; margin-top: 0px; } .lightbput4 { background-position: -224px -32px; margin-top: 0px; } .lightbput5 { background-position: -240px -32px; margin-top: 0px; } .lightbshow1 { background-position: -176px -48px; margin-top: 0px; } .lightbshow2 { background-position: -192px -48px; margin-top: 0px; } .lightbshow3 { background-position: -208px -48px; margin-top: 0px; } .lightbshow4 { background-position: -224px -48px; margin-top: 0px; } .lightbshow5 { background-position: -240px -48px; margin-top: 0px; } .down1 { background-position: -256px -32px; margin-top: 0px; } .down2 { background-position: -272px -32px; margin-top: 0px; } .down3 { background-position: -288px -32px; margin-top: 0px; } .down4 { background-position: -304px -32px; margin-top: 0px; } .down5 { background-position: -320px -32px; margin-top: 0px; } .specialprize1 { background-position: -256px -48px; margin-top: 0px; } .specialprize2 { background-position: -272px -48px; margin-top: 0px; } .specialprize3 { background-position: -288px -48px; margin-top: 0px; } .specialprize4 { background-position: -304px -48px; margin-top: 0px; } .specialprize5 { background-position: -320px -48px; margin-top: 0px; } .upload_step { background: transparent url("../img/icons.gif") no-repeat; height: 48px; width: 32px; padding: 0px; border: none; float: left; text-align: center; font-weight: normal; } .uploadstep1 { background-position: -16px -384px; margin: 0px 0px 0px 3px; } .uploadstep2 { background-position: -48px -384px; margin: 0px 0px 0px 3px; } .upload_num { background: transparent url("../img/icons.gif") no-repeat; height: 32px; width: 32px; margin: 4px 0px 0px 4px; padding: 0px; border: none; float: left; text-align: center; font-weight: normal; } .uploadnum1 { background-position: -80px -384px; } .uploadnum2 { background-position: -112px -384px; } .uploadnum3 { background-position: -144px -384px; } .uploadnum4 { background-position: -176px -384px; } .uploadnum5 { background-position: -208px -384px; } .uploadnum6 { background-position: -240px -384px; } .uploadnum7 { background-position: -272px -384px; } .uploadnum8 { background-position: -304px -384px; } .uploadnum9 { background-position: -336px -384px; } .uploadnum10 { background-position: -368px -384px; } /** .numbers { background: transparent url("../img/icons.gif") no-repeat; height: 16px; width: 16px; padding: 0px; border: none; float: left; text-align: center; font-weight: normal; }*/ .num1 { background-position: -336px -32px; margin-top: 0px; } .num2 { background-position: -400px -32px; margin-top: 0px; } .num3 { background-position: -464px -32px; margin-top: 0px; } .num4 { background-position: -528px -32px; margin-top: 0px; } .num5 { background-position: -592px -32px; margin-top: 0px; } .num6 { background-position: -656px -32px; margin-top: 0px; } .num7 { background-position: -720px -32px; margin-top: 0px; } .num8 { background-position: -784px -32px; margin-top: 0px; } .num9 { background-position: -848px -32px; margin-top: 0px; } .num10 { background-position: -912px -32px; margin-top: 0px; } .num1w { background-position: -352px -32px; margin-top: 0px; } .num2w { background-position: -416px -32px; margin-top: 0px; } .num3w { background-position: -480px -32px; margin-top: 0px; } .num4w { background-position: -544px -32px; margin-top: 0px; } .num5w { background-position: -608px -32px; margin-top: 0px; } .num6w { background-position: -672px -32px; margin-top: 0px; } .num7w { background-position: -736px -32px; margin-top: 0px; } .num8w { background-position: -800px -32px; margin-top: 0px; } .num9w { background-position: -864px -32px; margin-top: 0px; } .num10w { background-position: -928px -32px; margin-top: 0px; } .num1y { background-position: -368px -32px; margin-top: 0px; } .num2y { background-position: -432px -32px; margin-top: 0px; } .num3y { background-position: -496px -32px; margin-top: 0px; } .num4y { background-position: -560px -32px; margin-top: 0px; } .num5y { background-position: -624px -32px; margin-top: 0px; } .num6y { background-position: -688px -32px; margin-top: 0px; } .num7y { background-position: -752px -32px; margin-top: 0px; } .num8y { background-position: -816px -32px; margin-top: 0px; } .num9y { background-position: -880px -32px; margin-top: 0px; } .num10y { background-position: -944px -32px; margin-top: 0px; } .top_1_large { background-position: -112px -336px; margin-top: 0px; height: 48px; width: 48px; } .top_2_large { background-position: -64px -336px; margin-top: 0px; height: 48px; width: 48px; } .top_3_large { background-position: -16px -336px; margin-top: 0px; height: 48px; width: 48px; } .top_1_small { background-position: -224px -336px; margin-top: 0px; height: 22px; width: 22px; } .top_2_small { background-position: -192px -336px; margin-top: 0px; height: 22px; width: 22px; } .top_3_small { background-position: -160px -336px; margin-top: 0px; height: 22px; width: 22px; } .top_1 { background-position: -208px -320px; margin-top: 0px; height: 16px; width: 48px; } .top_2 { background-position: -160px -320px; margin-top: 0px; height: 16px; width: 48px; } .top_3 { background-position: -112px -320px; margin-top: 0px; height: 16px; width: 48px; } .top_10 { background-position: -16px -320px; margin-top: 0px; height: 16px; width: 48px; } .top_50 { background-position: -64px -320px; margin-top: 0px; height: 16px; width: 48px; } .votestats { background: transparent url("../img/icons.gif") no-repeat; width: 459px; height: 115px; background-position: -512px -64px; padding: 0px; border: 1px solid transparent; margin-left: 35px; } .votestatshead { position: absolute; margin: 4px 0px 0px 18px; color: #ffffff; font-size: 11px; } .votestatstext { position: absolute; left: 310px; color: #ffffff; font-weight: bold; font-size: 1.1em; padding-top: 4px; } .votesstatsbox { position: relative; top: 24px; left: 11px; width: 448px; height: 80px; overflow: hidden; } .votesstatsboxvalue { height: 80px; position: relative; left: 0px; width: 31px; background: #f29400; margin-right: 1px; float: left; } .votearchive { background: transparent url("../img/icons.gif") no-repeat; width: 292px; height: 97px; background-position: -208px -80px; margin: 10px 0px 0px 15px; border: 1px solid transparent; } .votearchive_line_date { position: relative; top: -1px; left: -56px; } .votearchive_line_name { position: relative; top: 5px; left: 10px; text-align:left;} .votearchive_line_status { position: relative; top: 25px; left: -84px; } /* content boxes */ #boxarea { margin: 0px; padding: 0px; width: 800px; border: none; float: left; position: relative; z-index: 1; top: 0px; left: 0px; } #boxarea, x:-moz-any-link { z-index: 0; } /*styles for Firefox 2.0 here*/ #boxarea, x:-moz-any-link, x:default { z-index: 1; } /*restore styles for Firefox 3.0 and newer*/ .areamargin { margin-bottom: 19px !important; height: 1px; background: transparent } .mediummargin { margin-bottom: 9px !important; height: 1px; background: transparent } .smallmargin { margin-bottom: 2px !important; height: 1px; background: transparent } #box { margin: 0px; padding: 0px; float: left; height: 100%; border: none; position: relative; top: 0px; left: 0px; } .contentbox { border-top: 1px solid #6e6c6f; padding-top: 10px; } .full_header { margin: 0px; padding: 0px; width: 800px; background: #ebeced; height: 24px; } .legend { margin: 5px 10px 0px 0px; float: left; font-size: 1em; } .legendbig { margin: 5px 10px 0px 0px; float: left; font-weight: bold; } .userinfobox { margin: 0px 0px 0px 15px; padding: 0px 0px 15px 0px; float: left; overflow: hidden; width: 175px; } .userinfobox_name { width: 150px; overflow: hidden; } .mycompetition_gfxtext { position: relative; top: -5px; left: -10px; height: 16px;} .comment-errors { padding: 4px; width: auto; color: #ffffff; font-weight: bold; font-size: 1.2em; } /* photo boxes */ /* image sizes|box sizes(+ 2* 1px border) * large 468|482 * lightbox 379|393 * medium 233|247 * small 142|156 * thumb 100|114 * micro 64| 78 * lightbox_put 51| 61 */ .photobox_large { margin: 0px; padding: 0px; width: 482px; height: 482px; overflow: hidden; border: 1px solid #6e6c6f !important; } .photobox_lightbox { margin: 0px; padding: 0px; width: 393px; height: 393px; overflow: hidden; border: 1px solid #6e6c6f !important; } .photobox_medium { margin: 0px; padding: 0px; width: 247px; height: 247px; overflow: hidden; border: 1px solid #6e6c6f !important; } .photobox_small { margin: 0px; padding: 0px; width: 156px; height: 156px; overflow: hidden; border: 1px solid #6e6c6f !important; } .photobox_thumb { margin: 0px; padding: 0px; width: 114px; height: 114px; overflow: hidden; border: 1px solid #6e6c6f !important; } .photobox_micro { margin: 0px; padding: 0px; width: 76px; height: 76px; overflow: hidden; border: 1px solid #6e6c6f !important; } .photobox_lightbox_put { margin: 0px; padding: 0px; width: 61px; height: 61px; overflow: hidden; border: 1px solid #6e6c6f !important; } .photobox_large table { width: 482px; height: 100%; border:none; text-align: center; } .photobox_lightbox table { width: 393px; height: 100%; border:none; text-align: center; } .photobox_medium table { width: 246px; height: 100%; border:none; text-align: center; } .photobox_small table { width: 156px; height: 100%; border:none; text-align: center; } .photobox_thumb table { width: 114px; height: 100%; border:none; text-align: center; } .photobox_micro table { width: 76px; height: 100%; border:none; text-align: center; } .photobox_lightbox_put table{ width: 61px; height: 100%; border:none; text-align: center; } .photobox_bgcolor { background: #ffffff !important; } table tr td { vertical-align: middle; } .photobox_large_button { margin: 0px; padding: 0px; width: 50px; height: 482px; overflow: hidden; border: none !important; } .photobox_large_button table { width: 154px; height: 100%; border:none; text-align: center; } .photobox_margin { margin-right: 2px !important; } #image-background { background: #ffffff; } .singleview_zoomarea { position: absolute; z-index: 1; top: 36px; left: 160px; background: transparent url(../img/transp-flicker.gif) repeat; opacity: 0.6; width: 482px; height: 482px; cursor: pointer; } .singleview_zoomarea > div { visibility: hidden; } .singleview_zoomarea:hover > div { visibility: visible; } .copyright_image { position: absolute; z-index: 2; padding: 2px; background-color: #ffffff; font-size: 1.2em; } /*boxes*/ /* full size boxes */ /* full page has 1000px noborder, nomargin, nopadding */ .box800full { width: 798px !important; overflow: hidden !important; } /* the whole content + border no margin */ .box620full { width: 618px !important; text-align: left; } /* large contentbox + border/margin */ .box550full { width: 550px !important; text-align: left; } /* large contentbox + border/margin */ .box490tab { width: 523px !important; text-align: left; } /* large contentbox + border/margin */ .box490full { width: 482px !important; text-align: left; } /* large contentbox + border/margin */ .boxlightboxfull { width: 393px !important; text-align: left; } /* large contentbox + border/margin */ .box310full { width: 308px !important; text-align: left; } /* small contentbox + border/margin */ .box300full { width: 298px !important; text-align: left; } /* small contentbox + border/margin */ .box250full { width: 249px !important; text-align: left; } /* third contentbox no border/margin*/ .box155full { width: 150px !important; text-align: left; } /* small positioning no border/margin*/ .box200full { width: 198px !important; text-align: left; } /* quarter contentbox + border/margin*/ .box100full { width: 98px !important; text-align: left; } /* quarter contentbox + border/margin*/ .box65full { width: 65px !important; text-align: left; } /* quarter contentbox no border/margin*/ .boxfull { width: 100% !important; text-align: left; } /* quarter contentbox + border/margin*/ .userinfoboxfull { width: 190px !important; text-align: left; } /* small positioning no border/margin*/ .boxphoto_thumbfull { width: 116px !important; text-align: left; overflow: hidden !important; } /* quarter contentbox no border/margin*/ .boxphoto_smallfull { width: 158px !important; text-align: left; overflow: hidden !important; } /* quarter contentbox no border/margin*/ .boxphoto_microfull { width: 78px !important; text-align: left; overflow: hidden !important; } /* quarter contentbox no border/margin*/ .boxphoto_lightbox_putfull { width: 63px !important; text-align: left; overflow: hidden !important; } /* quarter contentbox no border/margin*/ /* content boxes */ .box800 { width: 784px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* the whole content + border no margin */ .box760 { width: 744px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* the whole content + border no margin */ .box490 { width: 468px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* large contentbox + border */ .boxlightbox { width: 379px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* large contentbox + border */ .box400 { width: 384px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* large contentbox + border */ .box350 { width: 334px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* large contentbox + border */ .box310 { width: 300px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* small contentbox + border */ .box250 { width: 233px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* third contentbox + border */ .box200 { width: 178px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } /* quarter contentbox + border */ .box65 { width: 55px !important; text-align: left; overflow: hidden !important; padding: 3px !important; border: none !important; } /* quarter contentbox no border/margin*/ .boxfullcontent { width: auto !important; text-align: left; overflow: hidden !important; padding: 7px 7px 7px 7px !important; border: none !important; } .boxphoto_small { width: 142px !important; text-align: left; overflow: hidden !important; padding: 7px !important; border: none !important; } .boxphoto_micro { width: 70px !important; text-align: left; overflow: hidden !important; padding: 3px !important; border: none !important; } .boxphoto_lightbox_put { width: 55px !important; text-align: left; overflow: hidden !important; padding: 3px !important; border: none !important; } .mycompetitionbox { height: 247px; overflow: hidden; } .boxtop50 { width: 51px; height: 16px; overflow: hidden; } /* tab boxes*/ .lefttab { width: 40px; text-align: center; float: left; overflow: hidden; } /* borders */ .border-t { border-top: 1px solid #6e6c6f !important; } .border-l { border-left: 1px solid #6e6c6f !important; } .border-r { border-right: 1px solid #6e6c6f !important; } .border-b { border-bottom: 1px solid #6e6c6f !important; } .border-all { border: 1px solid #6e6c6f !important; } /* transparent */ .border-t-t { border-top: 1px solid red !important; } .border-l-t { border-left: 1px solid red !important; } .border-r-t { border-right: 1px solid red !important; } .border-b-t { border-bottom: 1px solid red !important; } /* none */ .border-t-n { border-top: none !important; } .border-l-n { border-left: none !important; } .border-r-n { border-right: none !important; } .border-b-n { border-bottom: none !important; } .border-all-n { border: none !important; } .border-solid { border-style: solid !important; } .border-light { border-color: #b0b5b9 !important; } .border-form { border: 1px solid #6e6c6f !important; } /* backgrounds */ .bgcolor-black { background-color: #000000; } .bgcolor-yellow { background-color: #f29400; } .bgcolor-lightgrey1 { background-color: #ebeced; } .bgcolor-lightgrey2 { background-color: #d3d6d9; } .bgcolor-lightgrey { background-color: #b0b5b9; } .bgcolor-darkgrey { background-color: #6e6c6f; } .bgcolor-greyblend { background: #b0b5b9 url("../img/bgcolor-greyblend.gif") repeat-y; } /* colors */ .color-black { color: #000000; } .color-yellow { color: #f29400; } .color-red { color: #e2001a; } .color-lightgrey1 { color: #ebeced; } .color-lightgrey2 { color: #d3d6d9; } .color-lightgrey { color: #b0b5b9; } .color-darkgrey { color: #6e6c6f; } .color-white { color: #ffffff; } .font-render { font-size: 20px; font-family: Arial Narrow, sans-serif; margin-left: 5px; font-weight:bold; } /* positioning */ .left { float: left !important; } .right { float: right !important; } .center { margin-left: auto !important; margin-right: auto !important; text-align: center; } /*.middle { display: table-cell; vertical-align: middle; }*/ .middle { vertical-align: middle; } .listmargin { margin: -1px 0px 0px -1px; } /* makes boxes fit exactly on each other (border on border) */ /* form elements */ .text490 { width: 461px; } .textlightbox { width: 372px; } #cloud ul { margin: 0px; padding: 0px; } #cloud ul li { margin: 0px; padding: 0px; line-height: 30px; height: 30px; list-style-type: none; float: left; } #cloud ul li a { margin: 0px; padding: 0px 15px 0px 0px; color: #f29400;} #cloud ul li a:hover { color: #e2001a;} .cldsize5, .cldsize4, .cldsize3 { font-weight: bold; } .cldsize5 { font-size: 1.9em; } .cldsize4 { font-size: 1.6em; } .cldsize3 { font-size: 1.3em; } .cldsize2 { font-size: 1.1em; } .cldsize1 { font-size: 0.8em; } /* TYPO3 extension rules - BEGIN * special rules to reformat elements given by extensions * please keep the rules separated by extension name */ /* T3X: tx-felogin * the login box in the header */ /* original commened out .logicons { background: transparent url("../img/icons.gif") no-repeat; height: 16px; width: 80px; padding: 0px; border: none; } .logicon1 { background-position: -720px -224px; } .logicon2 { background-position: -720px -240px; } .logicon4 { background-position: -720px -272px; } .logicon5 { background-position: -720px -288px; } .logicon6 { background-position: -768px -224px; width: 48px; } .logicon2position { position: absolute; top: 55px; left: 53px; } .header_login_form .tx-felogin-pi1 { float: left; color: #ffffff; position: absolute; top: 2px; left: 673px; } .header_login_form .tx-felogin-pi1 input { float: left; color: #6e6c6f; } .header_login_form .tx-felogin-pi1 div { display: none; } #felogin_head, #felogin_username, #felogin_userpass, #felogin_submit, #felogin_userstatus, #felogin_register { display: block; float: left; } .header_login_form .tx-felogin-pi1 h3 { display: none; } .header_login_form .tx-felogin-pi1 p { display: none; } .header_login_form .tx-felogin-pi1 form legend { display: none; } .header_login_form .tx-felogin-pi1 form div { display: block; } .submit_button { width: 48px; height: 16px; border: none; background: transparent url("../img/icons.gif") no-repeat; cursor: pointer; } #felogin_login .submit_button { background-position: -720px -224px; } #felogin_logout .submit_button { background-position: -720px -256px; } #felogin_logout .logicon2 { display: none; } #felogin_submit { position: absolute; top: 55px; left: 0px; } #felogin_sedcard { position: absolute; top: 0px; left: 70px; } */ /* .logicons { background: transparent url("../img/icons.gif") no-repeat; height: 16px; width: 80px; padding: 0px; border: none; } .logicon1 { background-position: -720px -224px; } .logicon2 { background-position: -720px -240px; } .logicon4 { background-position: -720px -272px; } .logicon5 { background-position: -720px -288px; } .logicon6 { background-position: -768px -224px; width: 48px; } .logicon2position { position: absolute; top: 55px; left: 53px; } */ /* sedcardbox about the users voting behaviour */ #votingverhalten { background: url("../img/icons.gif") no-repeat scroll -416px -320px transparent; height: 121px; width: 536px; } #votingverhalten #votingbar-mask { background: transparent; height: 100px; margin: 2px 0px 0px 13px; overflow: hidden; width: 510px; position: absolute; left: 256px; } #votingverhalten .votingbar { background: #EF9600; float: left; height: 100px; margin: 0px 1px 0px 0px; padding-top: 100px; position: relative; top: 100px; width: 50px; } #votingverhalten .votingbar span { display: block; position: relative; top: -112px; } .header_login_form, .header_login_form a, .header_login_form a:hover { color: #F29400; } .header_login_form .tx-felogin-pi1 { float: left; color: #F29400; position: absolute; top: 2px; left: 673px; } .header_login_form .tx-felogin-pi1 input { float: left; color: #6e6c6f; } .header_login_form .tx-felogin-pi1 div { display: none; } #felogin_head, #felogin_username, #felogin_userpass, #felogin_submit, #felogin_userstatus, #felogin_register { display: block; float: left; left: 0px; position: relative; } .header_login_form .tx-felogin-pi1 h3 { display: none; } .header_login_form .tx-felogin-pi1 p { display: none; } .header_login_form .tx-felogin-pi1 form legend { display: block; color: #F29400; } .header_login_form .tx-felogin-pi1 form div { display: block; } /* .submit_button { width: 48px; height: 16px; border: none; background: transparent url("../img/icons.gif") no-repeat; cursor: pointer; } #felogin_login .submit_button { background-position: -720px -224px; } #felogin_logout .submit_button { background-position: -720px -256px; } */ #felogin_logout .logicon2 { display: none; } #felogin_submit { position: absolute; top: 50px; left: -15px; } #felogin_logout #felogin_submit { position: absolute; top: 50px; left: 20px; } #felogin_sedcard { position: absolute; top: 25px; left: 0px; width: 100px; } #felogin_sedcard a { font-weight: normal; } #felogin_register { position: absolute; top: 50px; left: 53px; line-height:15px; } #felogin_userstatus { width: 100px; text-align: center; } #felogin_submit input[type="submit"] { width: 65px; color: #F29400; border: none; background: transparent; position: relative; top: 0px; cursor: pointer; } #felogin_submit input[type="text"] { width: 65px; left: 0; } /*.registrieren { background-position: -720px -240px; } */ /* T3X: tx-cfcimages * the slideshow */ #slideshow_left .myGallery { height: 312px !important; width: 468px !important; } /* #slideshow_top .myGallery { height: 345px !important; width: 460px !important; } */ #slideshow_right .myGallery { height: 450px !important; width: 300px !important; } .jdGallery .slideInfoZone h2 { font-size: 12px; font-size: 12px !important; } .jdGallery .slideInfoZone p { font-size: 11px; font-size: 11px !important; } .rgsgnest30 { position: absolute; right: 8px; margin-top: 8px; } .rgsgnest31 { position: absolute; left: 8px; margin-top: 146px; } #myGallery30 { border: none; } #myGallery31 { border: none; } #JSupbox1 img { margin-bottom: 10px; } /* TYPO3 extension rules - END */ /* special rules */ .debug { background: yellow url("../img/debug.gif") repeat !important; } .debugbox { width: 300px !important; height: 250px; text-align: left; border: none; margin: 0px; padding: 0px; font: bold 24px sans-serif; } @media handheld, print, tv, projection { .hidemobile { display: none !important; } .hidemobile img { display: none !important; } .hidemobile object { display: none !important; } }