/* yellow/orange: #f4bd46 blue: #012257 */ /*** GENERAL FORMATS ***/ body, html { background: url('images/2008/bg_page.png'); color: #dbdbdb; width: 100%; margin: 0px; padding: 0px; text-align: center; height: 100%; } html { height: 100%; } body { color: white; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-weight: lighter; text-decoration: none; text-align: left; } strong { font-weight: bold; } em { font-style: italic; } img { display: inline; border: none; } a, a:hover { text-decoration: underline; } a:hover { color: #f4bd46; } p { font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; line-height: 14px } /*** GENERAL PAGE FORMATS ***/ #page_container { width: 100%; height: 100%; text-align: center; } #distance { width: 1px; height: 50%; float: left; margin-bottom: -340px; } #content_container { width: 960px; height: 660px; margin: 0 auto 0px; text-align: left; position: relative; clear: left; background: url('images/2008/bg_body.png') repeat-y left; } #main_nav { width: 180px; height: 500px; overflow: hidden; } #main_nav ul { margin: 0px; padding: 0px; width: 180px; text-indent: 0px; } #main_nav ul li { margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; } #main_nav ul li a { margin: 0px; padding: 0px; display: block; width: 180px; height: 40px; overflow: hidden; text-indent: -2000px; background-position: top left; } /* ul li a#nav_norm ... */ #nav_home, #nav_home:link { background-image: url("images/2008/btn_home_norm.png"); } #nav_angebot, #nav_angebot:link { background-image: url("images/2008/btn_angebot_norm.png"); } #nav_ueber_uns, #nav_ueber_uns:link { background-image: url("images/2008/btn_ueber_uns_norm.png"); } #nav_projekte, #nav_projekte:link { background-image: url("images/2008/btn_projekte_norm.png"); } #nav_mitarbeiter, #nav_mitarbeiter:link { background-image: url("images/2008/btn_mitarbeiter_norm.png"); } #nav_standorte, #nav_standorte:link { background-image: url("images/2008/btn_standorte_norm.png"); } #nav_kontakt, #nav_kontakt:link { background-image: url("images/2008/btn_kontakt_norm.png"); } #nav_links, #nav_links:link { background-image: url("images/2008/btn_links_norm.png"); } #nav_separator { background: url("images/2008/btn_separator.png"); margin: 0px; text-indent: -2000px; overflow: hidden; background-position: left center; background-repeat: no-repeat; } #nav_jobs, #nav_jobs:link { background-image: url("images/2008/btn_jobs_norm.png"); } #nav_news, #nav_news:link { background-image: url("images/2008/btn_news_norm.png"); } /* ul li a#nav_over ... */ #nav_home_over, #nav_home:hover { background-image: url("images/2008/btn_home_over.png"); } #nav_angebot_over, #nav_angebot:hover { background-image: url("images/2008/btn_angebot_over.png"); } #nav_ueber_uns_over, #nav_ueber_uns:hover { background-image: url("images/2008/btn_ueber_uns_over.png"); } #nav_projekte_over, #nav_projekte:hover { background-image: url("images/2008/btn_projekte_over.png"); } #nav_mitarbeiter_over, #nav_mitarbeiter:hover { background-image: url("images/2008/btn_mitarbeiter_over.png"); } #nav_standorte_over, #nav_standorte:hover { background-image: url("images/2008/btn_standorte_over.png"); } #nav_kontakt_over, #nav_kontakt:hover { background-image: url("images/2008/btn_kontakt_over.png"); } #nav_links_over, #nav_links:hover { background-image: url("images/2008/btn_links_over.png"); } #nav_jobs_over, #nav_jobs:hover { background-image: url("images/2008/btn_jobs_over.png"); } #nav_news_over, #nav_news:hover { background-image: url("images/2008/btn_news_over.png"); } /* ul li a#admin_norm ... */ #admin_kat, #admin_kat:link { background-image: url("images/2008/btn_admin_kategorie_norm.png"); } #admin_projekte, #admin_projekte:link { background-image: url("images/2008/btn_admin_projekte_norm.png"); } #admin_job, #admin_job:link { background-image: url("images/2008/btn_admin_job_norm.png"); } #admin_news, #admin_news:link { background-image: url("images/2008/btn_admin_news_norm.png"); } #admin_link, #admin_link:link { background-image: url("images/2008/btn_admin_links_norm.png"); } #admin_home_text, #admin_home_text:link { background-image: url("images/2008/btn_admin_home_text_norm.png"); } #admin_home_image, #admin_home_image:link { background-image: url("images/2008/btn_admin_home_bild_norm.png"); } #admin_logout, #admin_logout:link { background-image: url("images/2008/btn_admin_abmelden_norm.png"); } #nav_home_admin, #nav_home_admin:link { background-image: url("images/2008/btn_admin_home_norm.png"); } /* ul li a#admin_over ... */ #admin_kat_over, #admin_kat:hover { background-image: url("images/2008/btn_admin_kategorie_over.png"); } #admin_projekte_over, #admin_projekte:hover { background-image: url("images/2008/btn_admin_projekte_over.png"); } #admin_job_over, #admin_job:hover { background-image: url("images/2008/btn_admin_job_over.png"); } #admin_news_over, #admin_news:hover { background-image: url("images/2008/btn_admin_news_over.png"); } #admin_link_over, #admin_link:hover { background-image: url("images/2008/btn_admin_links_over.png"); } #admin_home_text_over, #admin_home_text:hover { background-image: url("images/2008/btn_admin_home_text_over.png"); } #admin_home_image_over, #admin_home_image:hover { background-image: url("images/2008/btn_admin_home_bild_over.png"); } #admin_logout_over, #admin_logout:hover { background-image: url("images/2008/btn_admin_abmelden_over.png"); } #nav_home_admin_over, #nav_home_admin:hover { background-image: url("images/2008/btn_admin_home_over.png"); } #admin_select_category { height: 40px; } #admin_select_category #selectCat { margin-left: 20px; margin-top: 5px; margin-bottom: 2px; } #header { width: 960px; height: 140px; } #header h1 { margin: 0px; padding: 0px; display: none; } #header #sitename_image { position: absolute; top: 50px; left: 690px; width: 100px; height: 20px; overflow: hidden; } #footer { width: 960px; text-align: center; height: 20px; position: relative; } #footer div { position: absolute; top: 20px; left: 0px; text-align: center; width: 960px; } #footer a, #footer a:hover, #footer a:visited, #footer a:active, #footer span { color: white; padding: 0px 5px; } #telefon_overlay { display: block; position: absolute; width: 20px; height: 170px; right: -25px; top: -160px; } #content_panel { width: 760px; height: 500px; margin: 0px; position: absolute; top: 140px; left: 180px; overflow: hidden; } #content_panel h3 { font-size: 14px; color: #012257; font-weight: bold; margin: 5px 10px; } #content_panel p { margin: 10px; color: white; } #content_panel p.indent { margin-left: 20px; } #content_panel h3.distance { margin-top: 15px; } #content_panel h4 { font-size: 13px; color: white; font-weight: bold; margin: 5px 10px; } #content_panel .top_wide { width: 760px; height: 250px; position: absolute; top: 0px; left: 0px; overflow: hidden; } #content_panel .top_wide .left_pic { width: 250px; height: 250px; position: absolute; left: 0px; top: 0px; } #content_panel .top_wide .left2_pic { width: 120px; height: 180px; position: absolute; left: 0px; top: 0px; } #content_panel .top_wide .right_pic { width: 390px; height: 250px; position: absolute; right: 0px; top: 0px; } #content_panel .bottom_left_wide { width: 520px; height: 240px; position: absolute; top: 260px; left: 0px; } #content_panel .bottom_right_small { width: 230px; height: 240px; position: absolute; top: 260px; left: 530px; font-size:11px; background-image: url('images/2008/bg_content.png'); background-position: bottom; } #content_panel .bottom_right_small .text { position: absolute; bottom: 80px; } #content_panel .bottom_right_small .text p { margin: 10px} #content_panel .bottom_right_small .side_pic a { display: block; width: 230px; height: 80px; background: url("images/2008/pic_more.png") no-repeat center; } #content_panel .bottom_right_small .side_pic a span { display: block; background-position: center; background-repeat: no-repeat; overflow: hidden; text-indent: -2000px; width: 150px; height: 80px; } #content_panel .bottom_right_small .text2 { position: absolute; bottom: 180px; } #content_panel .bottom_right_small .text2 p { margin: 10px} #content_panel .top_left_wide { width: 520px; height: 250px; position: absolute; top: 0; left: 0; } #content_panel .left_wide { width: 520px; height: 500px; position: absolute; top: 0; left: 0; background-image: url('images/2008/bg_content.png'); } #content_panel .top_right_small { width: 230px; height: 250px; position: absolute; top: 0; left: 530px; overflow: hidden; font-size:11px; background-image: url('images/2008/bg_content.png'); } /** content panel vertical scroll **/ #content_panel div.text_content { height: 460px; overflow-y: auto; /* scroll vertically */ } /*** 1/2 Seite ***/ #content_panel .left_half { width: 375px; height: 500px; position: absolute; top: 0px; left: 0px; font-size:11px; background-image: url('images/2008/bg_content.png'); } #content_panel .right_half { width: 375px; height: 500px; position: absolute; top: 0px; left: 385px; font-size:11px; background-image: url('images/2008/bg_content.png'); } #content_panel .top_right_half { width: 375px; height: 250px; position: absolute; top: 0; left: 385px; overflow: hidden; font-size:11px; background-image: url('images/2008/bg_content.png'); } #content_panel .top_right_half .text p { margin: 10px, color: #ffffff;} #content_panel .bottom_right_half { width: 375px; height: 240px; position: absolute; top: 260px; left: 385px; font-size:11px; background-image: url('images/2008/bg_content.png'); background-position: bottom left; } #content_panel .bottom_right_half .text { position: absolute; bottom: 80px; } #content_panel .bottom_right_half .text p { margin: 10px} #content_panel .bottom_right_half .side_pic { width: 375px; height: 240px; position: absolute; left: 0px; top: 0px; overflow: hidden;} #content_panel .bottom_right_half .side_pic a { display: block; width: 375px; height: 240px; background: url("images/2008/object_more_button.png") no-repeat bottom; } #content_panel .bottom_right_half .side_pic a span {display: block; background-position: center; background-repeat: no-repeat; overflow: hidden; text-indent: -2000px; width: 240px; height: 180px; } #content_panel .bottom_right_half .text2 { position: absolute; left: 250px; } #content_panel .bottom_right_half .text2 p { margin: 10px} .header_blue, .header_orange { display: block; width: 100%; height: 40px; margin: 0px; padding: 0px; overflow: hidden; } .header_blue { background-image: url('images/2008/bg_content_blue.png'); } .header_orange { background-image: url('images/2008/bg_content_yellow.png'); } /*** Bottom wide ***/ #content_panel .bottom_wide { width: 760px; height: 240px; position: absolute; top: 260px; left: 0; } #content_panel .bottom_wide .right_pic { width: 250px; height: 240px; position: absolute; right: 0px; top: 0px; } #content_panel .bottom_wide .left_pic { width: 250px; height: 240px; position: absolute; left: 0px; top: 0px; } #content_panel .bottom_wide .link_pic { width: 250px; height: 220px; position: absolute; left: 0px; top: 0px; } #content_panel .bottom_wide .text p { margin: 10px; } #content_panel .top_wide2 { width: 760px; height: 400px; position: absolute; top: 0px; left: 0px; overflow: hidden; } #content_panel .bottom_wide2 { width: 760px; height: 90px; position: absolute; top: 410px; left: 0; font-size: 11px; color: #ffffff; } #content_panel .left_wide2 { width: 620px; height: 500px; position: absolute; top: 0; left: 0; } #content_panel .right_small { width: 230px; height: 500px; position: absolute; top: 0; left: 530px; overflow:hidden; font-size:11px; background-image: url('images/2008/bg_content.png'); } #content_panel .right_small .text { position: absolute; top: px; } #content_panel .right_small .text p { margin: 10px; } #content_panel .right_small2 { width: 130px; height: 500px; position: absolute; top: 0; left: 630px; overflow:hidden; ont-size:11px; color: #ffffff; } #content_panel .right_small2 .text { position: absolute; top: px; } #content_panel .right_small2 .text p { margin: 10px; } .content_gallery .image_panel { width: 510px; height: 350px; } .content_gallery .image_overview { width: 0; } .content_gallery .description { width: 0; } .content_gallery .info { width: 0; } #content_panel table.contenttable1 { width: 100%; padding:0; margin: 0; border-collapse: collapse; border:1px solid #fff; } #content_panel table.contenttable1 tr.row0 { background: #fff; height: 25px; } #content_panel .bottom_right { text-align: right; position:absolute; top:475px; left: 0; width: 505px; } #content_panel .bottom_right img { display: inline; } div.spacer15 { position: absolute; padding: 20px; display: block; } div.spacer15 { position: absolute; padding: 15px; display: block; } div.spacer10 { position: absolute; padding: 10px; display: block; } div.spacer5 { position: absolute; padding: 5px; display: block; } /*------------------------------------------------------ BG COLOR DEFINITIONS FOR CONTENT AREA --------------------------------------------------------*/ .darkred { background-color: #a00b11; color:#fff; } .orange { color: #F39324; } .red { background-color: #F39324; } .verylightgrey { background-color: #CFD1D2; } .lightgrey { background-color: #9da4aa; } .grey { background-color: none; } .darkgrey { background-color: #3c4a55; } .white {color: white; } /*.orange { background-color: #3c4a55; }*/ .clear { background-color: none; } /*------------------------------------------------------ DEFINITIONS STYLE.CSS --------------------------------------------------------*/ .style1 { color: #3c4a55; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: justify } .style2 { color: #eff3f6; font-size: 11px; font-family: tahoma; } .style3 { color: #eff3f6; font-size: 12px; font-family: tahoma; } #mu li {list-style:url( ); margin:0 0 0 0px} #mu a { font-family:tahoma; font-size:11px; color:#EFF3F6; text-decoration:none} /*erweiterete styles*/ /* td { color: #812d04; font-size: 11px; font-family: tahoma; line-height: 14px; text-align: left } */ a { color: #fff; text-decoration: underline } body { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: transparent; margin: 0 } .copy { color: #fff; font-size: 11px; font-family: tahoma; text-decoration: underline } ul { color: white; list-style: none; margin: 0; padding: 0 } li { color: white; line-height: 20px; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; list-style-type: square; list-style-position: inside; margin: 0; padding: 0 0 0 15px } .li { line-height: 20px; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; list-style-type: square; list-style-position: inside; margin: 0; padding: 0 0 0 20px } .li1 { line-height: 13px; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; margin: 0; padding: 0 } .bot_txt { color: #3c4a55; text-decoration: none } /*.white { color: #ffffff; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none }*/ .white_paragraph { color: #ffffff; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.2em; text-decoration: none; text-align: justify } /*Home Texte*/ .bild { color: #fff; text-decoration: none; padding: 10px } .head1 { color: #fff; font-size: 12px; font-family: Geneva, Arial, Verdana, "Lucida Grande", sans-serif; text-decoration: none; text-align: left } .head2 { color: #fff; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 15pt; text-decoration: none; text-align: left; text-transform: capitalize; top: 0 } .head_re { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 600; text-decoration: none } .subhead1 { color: #ddd; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none } .text1 { color: #fff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none } /*Texte Referenzen*/ .cat_ref { color: #3c4a55; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 19px; text-decoration: none; padding: 2px 0 2px 10px } .head_ref { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: left; padding: 15px 0 15px 0 } .text_ref { color: #3c4a55; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; padding: 2px 0 2px 10px } .ref_kat { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 14pt; text-decoration: none; word-spacing: 3px; padding: 2px 0 2px 10px } .text_punkte { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; padding: 2px 0 2px 0 } .text_eintrag { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: right; padding: 2px 0 2px 0 } /*Text Anfrage*/ .sendemitteilung { color: #3c4a55; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; padding: 5px 10px } .abs { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; vertical-align: middle } .sm { font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif } .l { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline } .n { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none } .t { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-transform: uppercase } .big { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif } .list { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 15px } .form { color: #5f5f5f; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #efefef; margin-right: 0; margin-left: 0; padding-left: 5px; height: 17px; border: 0; outline-style: none; outline-width: 0 } .textarea { color: #3c4a55; font-size: 11px; font-family: tahoma; background-color: #9da4aa; padding-left: 5px; width: 437px; border: dashed 1pt #fff; outline-style: none } /*a:hover { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none }*/ .a:hover { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline } /*jobs title*/ .head_t { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: left; margin: 0; padding: 0 } /*news*/ .date_news { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: left; padding: 10px } .info_news { color: #3c4a55; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; padding: 5px 10px } .head_news { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: left; padding: 10px } rand { border: solid 1pt #636e77; outline: solid 1pt #636e77 } .rand { border: solid 1px #333 } .rand2 { border: solid 1px white } .rand3 { border-top: none #ccc; border-right: none #ccc; border-bottom: 1px solid #ccc; border-left: none #ccc } .rand4 { border-top: none white; border-right: 1pt solid white; border-bottom: none white; border-left: none white } p { margin-top: 10px; margin-bottom: 6px } em { font-weight: normal; font-style: italic; } p.oenorm {padding: 0px; margin: 5px 0px 0px 0px; } ul.compact li { line-height: 15px; padding-left: 4px } .ol li { list-style-type:decimal-leading-zero; } ul#services_navlist li a {font-weight: normal; text-decoration: underline; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; } .services tr td.rand2 { color: white; padding: 3px 5px } ul.compact li { list-style-position: outside; margin-left: 16px; text-align: left} a.low_right_back { display: block; position: absolute; right: 10px; bottom: 10px; } /* login form */ form.login_form { margin: 0px; padding: 0px; display: block; margin-top: 45px; } form.login_form label { margin: 10px 0px 5px 25px; display: block; } form.login_form input.text { display: block; margin: 0px 0px 0px 25px; width: 135px; } form.login_form input.button { margin: 15px 0px 0px 25px; width: 50px; } form.login_form a { display: block; margin: 15px 0px 0px 95px;} /* contact form */ form.contact_form { font-size: 12px; } form.contact_form table { width: 500; margin: 0px 10px; } form.contact_form .text_column { width: 150px; } form.contact_form td.separator { height: 5px; overflow: hidden; } form.contact_form label { text-align: right; display: block; padding-right: 10px; font-weight: bold; font-size: 11px; } form.contact_form input.text { width: 250px; } form.contact_form select.select { width: 250px; } form.contact_form textarea.textarea { width: 250px; overflow: auto; height: 50px; border: 0px; background: white; } form.contact_form input.submit_button { position: absolute; right: 10px; bottom: 10px; } /* standort */ a.anfahrt_button { display: block; position: absolute; right: 10px; bottom: 10px; } .standort_image { display: none; margin: 5px 10px; } #ybbs_standort { display: block; } #ybbs_anfahrt { ; } #wien_standort { display: block; } #wien_anfahrt { ; } .anfahrt_thumbs { display: block; position: absolute; right: 10px; top: 300px; } table.oeffnungszeiten { width: 230px; margin: 0px 0px 5px 20px; border: solid 1px white; border-collapse: collapse; font-size: 11px; } table.oeffnungszeiten th { border-right: solid 1px white; border-top: solid 1px white; font-weight: bold; } table.oeffnungszeiten td { border-top: solid 1px white; } table.oeffnungszeiten td, table.oeffnungszeiten th { padding: 3px 3px 3px 7px; text-align: left; } /* Angebot(e) */ #crossfade_side .img { display: block; } .image_list { display: block; position: absolute; bottom: 10px; left: 10px; width: 520px; height: auto; overflow: hidden; } .image_list a { display: block; width: 92px; height: 92px; float: left; overflow: hidden; margin: 10px 10px 0px 0px; padding: 0px; } /* Projekte */ .button_mehr { width: 70px; height: 20px; display: block; position: absolute; right: 5px; bottom: 5px; } .button_mehr img { width: 70px; height: 20px; } /* navigation buttons */ .page_buttons { position: absolute; right: 10px; bottom: 10px; height: 20px; overflow: hidden; background: url('images/2008/btn_fill.png'); } .small_buttons { width: 210px; } .small_buttons span { left: 85px; } .wide_buttons { width: 500px; } .wide_buttons span { left: 225px; } .page_buttons .btn_back { display: block; position: absolute; left: 0px; top: 0px; } .page_buttons .btn_fwd { display: block; position: absolute; right: 0px; top: 0px; } .page_buttons span { display: block; font-size: 12px; position: absolute; top: 4px; width: 50px; text-align: center; } .generic_table { width: 500px; margin: 10px 10px; border-collapse: collapse; border: solid 1px white; } .generic_table th { padding: 5px; } .generic_table td { padding-left: 5px; height: 22px; vertical-align:middle; } .generic_table th.img, .generic_table td.img { padding: 0px; padding-left: 5px; } .generic_table th.img img, .generic_table td.img img { display: block; } .generic_table th { font-weight: bold; color: #012257; background: white; padding: 5px 3px; } .row_even { background: #5db1ff; } .row_odd { background: inherit; } span.date { color: #012257; } span.orange { color: #f4bd46; } .form_container { width: 500px; margin: 10px 10px; } .form_container .distance { margin-top: 10px; } .form_container label { display: block; } .form_container .input_text { width: 400px; display: block; margin-left: 10px;} .form_container .angabe { width: 500px; border-collapse: collapse; border: none; } .form_container .angabe .label { width: 150px; height: 19px; } .form_container .angabe input { float: left; width: 260px; height: 19px; } .side_image { display: block; width: 90px; height: 75px; text-decoration: none; } .side_image_bar { display: block; position: absolute; left: 90px; top: 0px; height: 75px; width: 15px; background: url('images/2008/btn_move_fill.png') repeat-y center;} .sidebar_move_up { display: block; position: absolute; top: 50px; left: 0px; } .sidebar_move_delete { display: block; position: absolute; top: 0px; left: 0px; } .sidebar_move_down { display: block; position: absolute; top: 62px; left: 0px; }