#debug { background:#000; color:#fff; border-bottom:1px solid #000; height:75px; text-align:left; overflow:auto; padding:5px; font-family:Lucida Console; font-size:10px; } /* www.roemerfest.ch ================= (2008.02.01 by www.coala-system.ch) white #fff text bg black #000 text fg dark brown #812 header bg, navi2 fg, title fg middle brown #a54 navi1 bg, link fg light brown #edb link bg lighter brown #feb navi2 bg, navi1 fg, foot bg */ html, body { margin:0; padding:0; } #rf08, #rf08 td { color:#000; font:normal 12px verdana,sans-serif; } #rf08 a { text-decoration:none; color:#a54; font-weight:bold; } #rf08 a:hover { text-decoration:underline; background:#edb; } #rf08 h1 { font-size:16px; color:#812; padding:0; margin:10px 0; } #rf08 h2 { font-size:18px; color:#812; padding:0; margin:10px 0; font-family:georgia,serif; } #rf08 h3 { font-size:14px; color:#000; padding:0; margin:10px 0; } #rf08 p { padding:0; margin:10px 0; } #rf08 hr { display:block; height:1px; line-height:1px; background:#812; margin:10px 0; border:0; clear:both; } #rf08 .clear { display:block; height:1px; line-height:1px; margin:10px 0; border:0; clear:both; } #rf08 table { border-collapse:collapse; } #rf08 table th { padding:2px; text-align:left; font:bold 12px; } #rf08 table td { padding:2px; } #rf08 ul { list-style:upper-roman; } #rf08 ul.nolist { display:block; padding:0; margin:0; list-style:none; } #rf08 ul.nolist li { display:inline; } #rf08 ul.start { display:block; padding:0; margin:0; list-style:none; } #rf08 ul.start li { padding:0 10px 5px; } #rf08 ul.logos a { display:block; float:left; border:0; background:transparent; } #rf08 ul.logos a:hover { background:#ccc; } #rf08 ul.logos a img { border:0; } #rf08 { background:#edb; } #rf08 #html_bx { position:relative; } #rf08 #map { clear:both; height:400px; } #rf08 #head_bx { background:#812 url(images/head.gif) repeat-x; height:145px; } #rf08 #home_bt { display:block; position:absolute; top:45px; left:20px; width:471px; height:55px; background:transparent url(images/logo.gif) no-repeat; } #rf08 #home_bt span { display:none; } #rf08 #date_bt { display:block; position:absolute; top:110px; left:20px; width:471px; background:transparent; color:#feb; text-align:center; font:bold 16px georgia,serif; text-decoration:none; } #rf08 #wett_bt { display:block; position:absolute; top:0; left:590px; width:250px; height:150px; background:url(images/wettbewerb.jpg); } #rf08 #wett_bt span { display:none; } #rf08 #video_bt { display:block; position:absolute; top:0; left:540px; width:240px; height:145px; background:url(data/video.jpg); } #rf08 #video_bt span { display:none; } #rf08 #navi_bx { position:absolute; top:145px; left:0; width:100%; background:#a54; } #rf08 #navi_bx ul { position:absolute; top:0; width:100%; height:30px; display:block; background:#a54; padding:0; margin:0; list-style:none; } #rf08 #navi_bx li { display:inline; } #rf08 #navi_bx a { color:#feb; display:block; float:left; padding:0 10px; margin:0 -10px 0 10px; text-decoration:none; } #rf08 #navi_bx li li a { color:#812; } #rf08 #navi_bx a:hover { background:#c76; text-decoration:underline; } #rf08 #navi_bx li li a:hover { background:#cb9; } #rf08 #navi_bx a.selected { background:#812; } #rf08 #navi_bx li li a.selected { background:#a54; color:#feb; } #rf08 #navi_bx li span { font:italic 17px georgia,serif; line-height:30px; text-transform:uppercase; } #rf08 #navi_bx li li span { font:italic 15px georgia,serif; line-height:25px; text-transform:none; } #rf08 #navi_bx ul ul { left:0; top:30px; width:100%; height:25px; background:#edb; } #rf08 #main_bx { border-top:1px solid #edb; position:relative; background:#fff url(images/side_2010.jpg) 525px 0 no-repeat; margin-top:55px; padding-left:20px; } #rf08 #body_bx { position:relative; float:left; z-index:2; width:485px; margin:10px 20px 20px 0; } #rf08 #side_bx { position:relative; float:left; height:590px; } #rf08 #side_bx .elem_bx { width:210px; margin:10px; padding:0 5px; border:1px solid #963; background:#fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; } #rf08 #side_bx h2 { font:bold 12px verdana,sans-serif; margin:5px 0; } #rf08 #side_bx p { font:normal 11px verdana,sans-serif; margin:5px 0; } #rf08 #side_bx a { color:#812; } #rf08 #clear_bx { clear:both; border-bottom:1px solid #edb; } #rf08 #foot_bx { padding-left:10px; } #rf08 #foot_bx a { display:block; float:left; margin:5px 0; padding:0 10px; border:1px solid #edb; } #rf08 #foot_bx a:hover { background-color:#fff; border-color:#a54; text-decoration:none; } #rf08 #foot_bx img { border:0; } #rf08 #foot_bx span { display:none; } /* FORMS */ #rf08 .form { padding:0; margin:5px; } #rf08 .form form { position:relative; margin:10px; text-align:justify; } #rf08 .form div { clear:left; padding-top:3px; } #rf08 .form label { position:relative; display:block; float:left; width:150px; font-size:12px; } #rf08 .form select, #rf08 .form textarea, #rf08 .form input { position:relative; display:block; float:left; width:250px; font-size:12px; border:0; border:1px solid #ccc; background:#fff; padding:2px; } #rf08 .form select { width:256px; background:#fff; } #rf08 .form textarea { height:70px; } #rf08 .form input.check { width:20px; font-weight:bold; } #rf08 .form label.check { width:250px; line-height:18px; } #rf08 .form .submit input { width:256px; border:1px solid #edb; background:#812; font-weight:bold; margin:5px 0; padding:5px 0; color:#edb; } #rf08 .form .error label { color:#e00; font-weight:bold; } #rf08 .form .error input { border-bottom-color:#e00; } /* CONTEST FORM */ #rf08 .form .prices { margin-bottom:30px; border:0; } #rf08 .form .prices td { vertical-align:top; border:0; background:#eee; padding:5px; } #rf08 .form .prices .price { font-weight:bold; margin-right:10px; width:100px; } #rf08 .form .prices .description { } #rf08 .form .prices .description h3 { font-size:14px; margin:2px; color:#a54; } #rf08 .form p { font-size:10px; margin-top:15px; } #rf08 .form div.question p { font-weight:bold; } #rf08 .form div.question input { width:auto; } #rf08 .form div.question textarea { width:470px; } #rf08 .form div.question .other { width:270px; display:inline; float:none; } #rf08 .form div.submit input { width:477px; } #rf08 .form div.question div.answers span input { margin-right:10px; } #rf08 .form div.question div.answers span label { display:block; clear:both; width:auto; margin-right:10px; } #rf08 .form p.requirements { display:block; clear:both; margin-top:10px; } #rf08 .form p.requirements .name { font-weight:bold; } #rf08 .form div.support { margin-top:10px; padding:1px 10px; border:0; background:#edb; } #rf08 .form div.support p { font-size:12px; text-align:center; } /* PRICE TABLE */ #rf08 table.prices { border:1px solid #a54; width:100%; } #rf08 table.prices th { border-bottom:1px solid #a54; background:#edb; } #rf08 table.prices td { border-bottom:1px solid #a54; } /* GUIDE LIST */ #rf08 ul.guide li { padding:5px 0; border-bottom:1px solid #edb; margin-right:20px; } /* OFFER LIST */ #rf08 ul.offer { margin:0 5px 0 25px; padding:0; position:relative; } #rf08 ul.offer li { margin:5px; padding:0; border:1px solid #a54; } #rf08 ul.offer h3 { margin:0; padding:2px; border-bottom:1px solid #a54; font-size:12px; background:#edb; } #rf08 ul.offer li ul { margin:0; padding:5px 5px; list-style:none; } #rf08 ul.offer li li { margin:0; padding:0; border:0; } /* NAVI LIST */ #rf08 ul.subnavi { margin:0 5px 0 25px; padding:0; position:relative; } #rf08 ul.subnavi li { } #rf08 ul.subnavi a img { border:0; } #rf08 ul.subnavi a { display:block; padding:2px 5px; width:100%; } #rf08 ul.subnavi a:hover { text-decoration:none; } /* GALLERY LIST */ #rf08 ul.gallery { margin:0; padding:0; list-style:none; text-align:center; } #rf08 ul.gallery li { margin:0; padding:0; display:inline; } #rf08 ul.gallery a { position:relative; display:block; width:102px; height:102px; padding:0; margin:5px; float:left; border:1px solid #edb; overflow:hidden; } #rf08 ul.gallery .last { display:block; clear:both; height:400px; } #rf08 ul.gallery a:hover { z-index:2; overflow:visible; } #rf08 ul.gallery a img { display:block; border:0; } #rf08 ul.gallery .wide img { height: 72px; width: 96px; margin:14px 2px; } #rf08 ul.gallery .high img { height: 96px; width: 72px; margin: 2px 14px; } #rf08 ul.gallery a:hover img { position:absolute; height:auto; width:auto; left:20px; top:20px; border:2px solid #812; margin:0; z-index:2; } /* FOOT LOGOS */ #rf08 #foot_bx .nolist .baz { padding:10px; }