#berufsschau { text-align:center; color:#000; font:normal 0.8em Tahoma,Arial,sans-serif; margin:0 0 0 10px; padding:0; } #berufsschau #body_bx h1 { color:#678; font-size:1.5em; padding-bottom:10px; } #berufsschau #body_bx h2 { color:#678; font-size:1.1em; padding-bottom:0; margin-bottom:0; text-decoration:underline; } #berufsschau #body_bx a { color:#678; font-weight:bold; text-decoration:underline; } #berufsschau #body_bx a:hover { color:#234; } #berufsschau #body_bx ul { list-style-image:url(images/list.gif); } #berufsschau #body_bx li { padding-left:12px; margin-bottom:5px; } #berufsschau #main_bx { width:760px; margin:0 auto; text-align:left; } #berufsschau #head_bx { position:relative; height:75px; border-bottom:1px solid #ccc; } #berufsschau #navi_bx { position:relative; float:right; width:200px; margin-top:-10px; background:transparent url(images/navi_top_head.gif) no-repeat; z-index:2; } #berufsschau #body_bx { position:relative; float:left; width:530px; margin:10px; z-index:1; } #berufsschau #foot_bx { clear:both; height:50px; border-top:1px solid #ccc; } #berufsschau #body_bx h1 { margin:0; } #imgMap { position:relative; background:transparent url(images/ortsplan.gif) left top no-repeat; width:530px; height:440px; } #imgMap ul { position:absolute; top:0px; left:0; display:block; margin:0; padding:0; list-style:none; text-align:left; } #imgMap a { display:block; position:absolute; text-decoration:none; color:#000; } #imgMap a .div { display:none; } #imgMap a .span { display:none; } #imgMap a .header { display:none; } #imgMap a .footer { display:none; } #imgMap a:hover { background:transparent; cursor:default; } #imgMap a:hover .div { display:block; position:absolute; width:165px; left: 100%; top:100%; margin: -20px; } #imgMap a:hover .header { display:block; position:relative; background: transparent url(images/tooltip_header.gif) no-repeat; width:165px; height: 17px; } #imgMap a:hover .content { display:block; position:relative; background: transparent url(images/tooltip_background.gif); width: 139px; padding: 0px 13px 0px 13px; } #imgMap a:hover .footer { display:block; position:relative; background: transparent url(images/tooltip_footer.gif) no-repeat; width:165px; height: 12px; } #imgMap a:hover .buss { display:block; margin:3px 0; font-size:1.3em; color:#fff; background:#f00; padding:1px 5px; } #imgMap #parkplatz a { left: 295px; top: 130px; width: 40px; height: 40px; } #imgMap #fussweg a { left: 295px; top: 140px; width: 20px; height: 170px; } #berufsschau #head_bx a, #berufsschau #foot_bx a { display:block; float:left; text-indent:-2000px; } #berufsschau #head_bx #arrw_bx { width:100px; height:65px; margin:5px 0 0 5px; background:transparent url(images/arrow_big.gif) no-repeat; } #berufsschau #head_bx #wika_bx { width:370px; height:55px; margin:7px 0 0 60px; background:transparent url(images/wika.gif) no-repeat; } #berufsschau #head_bx #date_bx { width:140px; height:61px; margin:2px 0 0 60px; background:transparent url(images/date-n-place.gif) no-repeat; } #berufsschau #foot_bx #ktbl_bx { width:350px; height:20px; margin:5px 0 0 90px; background:transparent url(images/ktbl.gif) no-repeat; } #berufsschau #navi_bx ul { list-style:none; margin:12px 0 0 0; padding:0 0 30px 0; background:transparent url(images/navi_top_body.gif) repeat-y; } #berufsschau #navi_bx li { display:block; position:relative; margin:0; padding:0 0 2px 0; background:transparent url(images/navi_top_line.gif) center bottom no-repeat; } #berufsschau #navi_bx a { display:block; text-decoration:none; font-weight:bold; color:#678; } #berufsschau #navi_bx a:hover { color:#234; background:transparent url(images/navi_top_hover.gif) repeat-y; cursor:pointer; } #berufsschau #navi_bx a span { display:block; padding:3px 20px; width:160px; position:relative; z-index:3; } #berufsschau #navi_bx a span.active, #berufsschau #navi_bx a:hover span { background:transparent url(images/list.gif) 0px 7px no-repeat; } #berufsschau #navi_bx #icon_bx { background:transparent url(images/navi_top_foot.gif) top no-repeat; height:20px; } #berufsschau #navi_bx .sub_bx { display:none; position:absolute; width:200px; left:-197px; top:-11px; background:transparent url(images/navi_sub_head.gif) no-repeat; } #berufsschau #navi_bx .sub_bx ul { background:transparent url(images/navi_sub_body.gif) repeat-y; padding:0; margin-top:10px; } #berufsschau #navi_bx .sub_bx li { background:transparent url(images/navi_sub_line.gif) center bottom no-repeat; } #berufsschau #navi_bx .sub_bx a { } #berufsschau #navi_bx .sub_bx a:hover { background:transparent url(images/navi_sub_hover.gif) repeat-y; } #berufsschau #navi_bx .sub_bx .null_bx { background:transparent url(images/navi_sub_foot.gif) top no-repeat; height:11px; width:200px; } #berufsschau #body_bx .datetime { font-weight:bold; font-weight:0.9em; } #berufsschau #body_bx #tipps li, #berufsschau #body_bx .datetime, #berufsschau #body_bx #datetime li { padding-bottom:10px; font-weight:bold; font-size:0.9em; } #berufsschau #body_bx #datetime .day { color:#678; font-size:1.1em; } #berufsschau #body_bx .letters { list-style:none; margin:0; padding:0; } #berufsschau #body_bx .letter { display:block; border-bottom:1px solid #ccc; background:transparent url(images/input.gif) repeat-x; font-size:1.2em; font-weight:bold; padding:2px 10px; } #berufsschau #body_bx .professions { margin-bottom:20px; } #berufsschau #body_bx .professions span { display:block; border-bottom:1px solid #eee; padding:1px 2px 3px 2px; } #berufsschau #body_bx #sponsors span { display:block; float:left; width:220px; padding:3px; } #berufsschau #body_bx #sponsors li { clear:left; border-bottom:1px solid #ccc; height:1px; } #berufsschau #body_bx .form .error { color:#f00; } #berufsschau #body_bx .form label { display:block; float:left; width:150px; border:1px solid #fff; } #berufsschau #body_bx .form span { display:block; float:left; width:350px; border:1px solid #fff; } #berufsschau #body_bx .form textarea { height:75px; } #berufsschau #body_bx .form textarea, #berufsschau #body_bx .form input { display:block; float:left; width:350px; background:#f7f9fd url(images/input.gif) repeat-x; padding:1px; margin:2px; border:1px solid #abc; } #berufsschau #body_bx .form #platz { width:505px; } #berufsschau #body_bx .form #bte, #berufsschau #body_bx .form #teiln, #berufsschau #body_bx .form #zusan, #berufsschau #body_bx .form .check { width:20px; padding:0; } #berufsschau #body_bx .form #bitte { width:250px; height:30px; } #berufsschau #gallery_bx #mainBox { margin:0px; width:540px; } #berufsschau #gallery_bx #headBox { border-bottom:1px solid #ccc; text-align:center; padding:0px 5px 0px 5px; background:transparent url(head.jpg); height:80px; } #berufsschau #gallery_bx #titlBox { float:left; font:bold 20px Arial; color:#e00; padding-top:10px; } #berufsschau #gallery_bx #naviBox { border-bottom:2px solid #ccc; padding:0px 5px 0px 5px; } #berufsschau #gallery_bx #bothBox { clear:both; height:2px; font-size:1px; } #berufsschau #gallery_bx #imgeBox { padding:10px 0; text-align:center; } #berufsschau #gallery_bx a.linkNow { display:block; float:left; padding:1px 3px; margin:1px; } #berufsschau #gallery_bx a.linkNow:link, #berufsschau #gallery_bx a.linkNow:active, #berufsschau #gallery_bx a.linkNow:visited {text-decoration:none; font:bold 12px Arial; color:#a33; background:#fee; border:1px solid #fcc; } #berufsschau #gallery_bx a.linkNow:hover { text-decoration:none; font:bold 12px Arial; color:#a33; background:#fee; border:1px solid #fcc; } #berufsschau #gallery_bx a.linkBox { display:block; float:left; padding:1px 3px; margin:1px; } #berufsschau #gallery_bx a.linkBox:link, #berufsschau #gallery_bx a.linkBox:active, #berufsschau #gallery_bx a.linkBox:visited {text-decoration:none; font:bold 12px Arial; color:#999; background:#fff; border:1px solid #fff; } #berufsschau #gallery_bx a.linkBox:hover { text-decoration:none; font:bold 12px Arial; color:#a33; background:#fee; border:1px solid #fcc; } #berufsschau #gallery_bx #backBox { float:left; } #berufsschau #gallery_bx #nextBox { float:right; } #berufsschau #gallery_bx #nowBox { text-align:center; margin:0px auto; width:40px; font:bold 15px Arial; color:#a33; padding:4px; background:#fee; border:1px solid #fcc; } #berufsschau #gallery_bx #footBox { clear:both; border-top:1px solid #ccc; padding-top:2px; text-align:center; } #berufsschau #gallery_bx #copyBox { font:normal 10px Arial; color:#ccc; text-align:right; } #berufsschau #gysin_bx a { display: block; text-decoration: none; padding: 5px; border: 1px solid #999999; height: 70px; }