/* ------------------------------------------------------------------------------------------------- Cascading StyleSheet */ * { padding:0px; margin:0px; font-size:1em; } html { height:100%; margin-bottom:0.1em; } body { height:100%; font:0.75em/1.45em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#696969; background:#ffffff; } /* ------------------------------------------------------------------------------------------------- layout */ #container { width:954px; margin:0px auto; overflow:hidden; padding:0px 10px; } #pageHeader { width:954px; height:146px; position:relative; background:url('img/backgroundHeader.gif') no-repeat; overflow:hidden; } #pageContent { width:954px; background:url('img/backgroundContent.gif') repeat-y; overflow:hidden; } #pageFooter { width:954px; clear:both; padding:10px 4px 16px 0px; background:url('img/backgroundFooterWeb.gif') no-repeat; overflow:hidden; } /* header */ a#headerLink1 { position:absolute; top:37px; left:0px; width:70px; height:70px; display:block; } a#headerLink2 { position:absolute; top:23px; right:20px; width:180px; height:45px; display:block; } ul#headerLinks { position:absolute; right:0px; bottom:0px; list-style-type:none; padding-bottom:3px; margin:0px; } ul#headerLinks li { float:left; padding:0px 3px 0px 0px; font-size:10px; } ul#headerLinks a { padding:2px 12px 3px 12px; background:#eceded; color:#004c93; text-decoration:none; } ul#headerLinks a:hover { background:#aaabab; color:#ffffff; } /* menu */ div#contentMenu { width: 145px; min-height:451px; float:left; padding:0px 2px; background: #fff url('img/backgroundMenu.gif') no-repeat; font-size:0.8em; overflow:hidden; line-height:1.35em; } /* menuebene 1 */ ul#menuLinks { list-style-type:none; border:1px solid #ffffff; border-bottom:0px; margin:0px; } ul#menuLinks li { border-bottom:1px solid #ffffff; } ul#menuLinks a { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; /*background:url('img/backgroundMenuItemBlue.gif') 3px 5px no-repeat #004c93; */} ul#menuLinks a:hover { color:#ffffff; /*background:url('img/backgroundMenuItemHoverBlue.gif') 3px 5px no-repeat #003363; */} /*ul#menuLinks a.active { color:#ffffff; font-weight:bold; background:url('img/backgroundMenuItemActiveBlue.gif') 3px 5px no-repeat #004c93; }*/ /* ul#menuLinks .blue a { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; background:url('img/backgroundMenuItemBlue.gif') 3px 5px no-repeat #004c93; } */ .iconBlue { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; background:url('img/iconPfeil1.gif') 3px 5px no-repeat #004c93; } .openBlue { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; background:url('img/iconPfeil1Active.gif') 3px 5px no-repeat #004c93; } .iconGreen { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; background:url('img/iconPfeil2.gif') 3px 5px no-repeat #004c93; } .openGreen { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; background:url('img/iconPfeil2Active.gif') 3px 5px no-repeat #004c93; } .iconTurkis { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; background:url('img/iconPfeil3.gif') 3px 5px no-repeat #004c93; } .openTurkis { width:120px; display:block; padding:5px 2px 5px 21px; text-decoration:none; color:#ffffff; background:url('img/iconPfeil3Active.gif') 3px 5px no-repeat #004c93; } /* menuebene 2 */ ul#menuLinks ul { list-style-type:none; margin:0px; } ul#menuLinks ul li { border-top:1px solid #ffffff; border-bottom:0px; } ul#menuLinks ul a { width:120px; display:block; padding:4px 2px 5px 21px; text-decoration:none; color:#696969; background:#d0d0ce; } ul#menuLinks ul a:hover { color:#696969; font-weight:bold; background:#d0d0ce; } ul#menuLinks ul a.active { color:#e8e8e7; font-weight:bold; background:#696969; } ul#menuLinks ul a.active:hover { color:#e8e8e7; font-weight:bold; background:#696969; } ul#menuLinks ul .arrow a { color:#696969; background:url('img/backgroundMenuSubItem.gif') 6px 8px no-repeat #d0d0ce; } ul#menuLinks ul .arrow a.active { color:#696969; background:url('img/backgroundMenuSubActive.gif') 6px 8px no-repeat #d0d0ce; } /* menuebene 3 */ ul#menuLinks ul ul { list-style-type:none; margin:0px; } ul#menuLinks ul ul li { border-top:1px solid #ffffff; border-bottom:0px; } ul#menuLinks ul .arrow ul a { width:111px; display:block; padding:4px 2px 5px 31px; text-decoration:none; color:#696969; background:#bbbbba; } ul#menuLinks ul .arrow ul a:hover { color:#696969; font-weight:bold; background:#bbbbba; } ul#menuLinks ul .arrow ul a.active { color:#e8e8e7; font-weight:bold; background:#696969; } /* content */ div#contentMain { width:779px; float:right; padding:30px 0px 15px 0px; overflow:hidden; } div#contentLeft { width:569px; float:left; overflow:hidden; } div#contentRight { width:185px; float:right; line-height:1.45em; overflow:hidden; } /* footer */ ul#footerLinks { list-style-type:none; float:right; font-size:0.8em; margin:0px; } ul#footerLinks li { float:left; padding-right:4px; } ul#footerLinks a { text-decoration:none; color:#696969; padding:2px 4px; } ul#footerLinks a:hover { text-decoration:underline; color:#ff6633; } /* news */ div.newsTitel { background:#c9c9c6; padding:2px 10px; text-align:right; font-weight:bold; } /*div.newsText { border-top:1px solid #ffffff; background:#eceded; padding:8px 10px 8px 10px; font-size:0.9em; }*/ div.newsText { font: normal 13px Times New Roman; padding:8px 10px 8px 10px; } div.newsText img { padding-right:3px; } div.newsText a { color:#004c93; text-decoration:none; font-family: Verdana; font-size: 10px; } div.newsText a:hover { text-decoration:underline; } .newsDatum { padding-bottom:0px; font-size: 11px; color: grey; } div.newsPics { float:right; padding-left:20px; text-align:center; } /* lehrlinge */ div.kartei1 { background:url('img/karteiReiter1.gif') no-repeat; } div.kartei2 { background:url('img/karteiReiter2.gif') no-repeat; } div.kartei3 { background:url('img/karteiReiter3.gif') no-repeat; } div.kartei4 { background:url('img/karteiReiter4.gif') no-repeat; } div.kartei1 div, div.kartei2 div, div.kartei3 div, div.kartei4 div { padding:0px 14px; } ul.kartei { list-style-type:none; padding:4px 0px 34px 20px; margin:0px; display:block; } ul.kartei li { float:left; } ul.kartei a { display:block; padding:3px 19px; white-space:nowrap; font-size:11px; line-height:16px; font-weight:bold; } ul.kartei a.grey { color:#696969; } /* policies */ div.policies1 { background:url('img/karteiReiterPolicies1.gif') no-repeat; } div.policies2 { background:url('img/karteiReiterPolicies2.gif') no-repeat; } div.policies3 { background:url('img/karteiReiterPolicies3.gif') no-repeat; } div.policies1 div, div.policies2 div, div.policies3 div { padding:0px 14px; } /* betriebsraete */ div.betriebsrate1 { background:url('img/karteiReiterBetriebsrate1.gif') no-repeat; } div.betriebsrate2 { background:url('img/karteiReiterBetriebsrate2.gif') no-repeat; } div.betriebsrate1 div, div.betriebsrate2 div { padding:0px 14px; } /* bildergalerie */ div.galerie { float:left; width:260px; margin:0px 20px 20px 0px; } div.galerie a { display:block; padding:0px 0px 2px 44px; background:url('img/iconLinkGalerie.gif') no-repeat 0px 2px; color:#696969; } div.galeriepic { float:left; width:160px; margin:0px 20px 20px 0px; border:1px solid #eceded; text-align:center; } /* chronologie */ tbody.chronologie td { padding-bottom:6px; } img.right { float:right; margin-left:24px; margin-bottom:6px; } img.left { float:left; margin-right:24px; margin-bottom:6px; } /* Wheeled Vehicles */ div.wheeled { background:url('img/pageAboutPandur.gif') 5px 20px no-repeat; width:780px; height:250px; } div.wheeled ul { list-style: none; } div.wheeled span { padding-left: 20px; } div.wheeled li { float: left; } div.wheeled a { display: block; padding-top: 230px; font: bold 1em/1.5em verdana, sans-serif; color: #004c93; background:url('img/iconPfeil3.gif') 0px 233px no-repeat; } .linesText { display: block; background: #fff; display: block; padding: 3px 15px; font: bold 1em/1.5em verdana, sans-serif; color: #004c93;} .linesTextColorGrey { color: #575757;} .timesNewRoman { font: normal 13px/1.5em Times New Roman } /* Tabs */ .tabOne { background: url('img/tabOne.gif') no-repeat; width: 780px; height: 64px; } .tabTwo { background: url('img/tabTwo.gif') no-repeat; width: 780px; height: 64px; } .tabThree { background: url('img/tabThree.gif') no-repeat; width: 780px; height: 64px; } #tabLinks { list-style: none; font: bold 1em/1.5em verdana; } #tabLinks li { float: left; padding-top: 3px; } .activeTab a { display: block; margin-top: 5px; margin-bottom: 2px; padding:5px 10px 10px 20px; 10px; background: #fff url('img/iconPfeil2.gif') 5px 8px no-repeat; } /* OLD stripes */ .lines { background: url('img/backgroundLines.gif') repeat-x; height: 30px; } /* BOXES */ .box { border: 1px solid #eeeeee; } .box p { padding: 1em; font: normal 1.2em/1.6em Times New Roman;} .box a { font-family: Verdana; font-size: 11px;} .stripes { background: url('img/backgroundLines.gif') repeat-x; height: 30px; padding-top: 5px; } .stripes span { background: #fff; height: 25px; padding: 5px 10px 2px 10px; display:block;} .stripes a { color: #004c93; font-weight: bold; padding-left: 5px; display: block; margin: 0 20px; cursor:pointer; font: bold 1em/1.5em verdana; height: 200px; width: 200px; padding-right: 10px; } .stripes span img { position:relative; top:2px; left: 0px; border-right:5px solid #fff; } /* Content Title */ .contentTitle span { width: 150px; margin-left: 10px;} .contentText { padding: 15px; font: normal 1.2em/1.5em Times New Roman; } .contentText a { font-family: Verdana; font-size: 13px; } /* Sonstiges */ .w576 { width: 576px; } .w560 { width: 560px; } .timesNewRoman { font-family: Times New Roman; font-size: 14px; } /** VideoBox */ .videoBox { width: 190px; } .videoBoxTitle { padding: 5px; padding-bottom: 0px; } .videoBoxTitle span { background: #fff; font: bold 1em/1.5em verdana; margin: 0px; color: #004c93; height: 18px; } .videoBoxContent { text-align: center; font-size: 10px; } /** colors **/ .greyBg { background: #f5f7f7; } .fcGrey { color: red; } #pageHome { background:url('img/homeVehicles.gif') 14px 10px no-repeat; width:569px; height:220px; } /* GALLERY */ #gallery { list-style: none;} #gallery li { float: left; width: 190px; height: 137px; padding: 0px; margin-right: 20px; margin-bottom: 30px; } #gallery img { border: 1px solid #9a9a9a; border-bottom: 5px solid #9a9a9a; padding: 1px; width: 190px; height: 137px;} /* Specifications */ #spezifications td { padding: 5px; width: 300px;} #spezifications .babyblue {background: #e9eff3 } #jobs a { padding:0px; margin: 0px; } /* News Archiv */ .newsArchiv { list-style: none; margin: 0px; padding: 10px; } .newsArchiv li { float: left; } /* ------------------------------------------------------------------------------------------------- allgemeines */ .screen { } .print { display:none; } .hide { display:none; } .show { display:block; } .clear { clear:both; height:0px; overflow:hidden; } img { border:none; /*vertical-align:top;*/ } hr { height: 1px;} ol { margin-left:3em; } ul { margin-left:2em; } blockquote { margin-left:12px; } h1 { } h2 { font-size:1.2em; margin-bottom:0.8em; } h3 { } small { font-size:0.9em; line-height:1.3em; } big { font-size:1.1em; line-height:1.5em; } hr { border-top:1px solid #cac9c7; height:1px; } span.u { text-decoration:underline; } span.error { color:#d60300; } .color { color:#ff6633; } p.height { line-height:1.7em; } .printIcon a{ background: #fff; width: 22px; height: 22px; padding: 2px 10px; } /* ------------------------------------------------------------------------------------------------- links */ a { color:#004c93; text-decoration:none; } a:hover { text-decoration:underline; } a.seiten { padding:0px 3px; } a.tooltip { padding:0px 2px; cursor:help; font-weight:bold; } a.sort { padding:0px 0px 0px 14px; background:url('img/iconSort.gif') no-repeat 0px 3px; } a.asc { background:url('img/iconSortAsc.gif') no-repeat 0px 3px; } a.desc { background:url('img/iconSortDesc.gif') no-repeat 0px 3px; } a.add { padding:1px 0px 1px 24px; background:url('img/iconLinkAdd.gif') no-repeat; } a.back { padding:1px 0px 1px 24px; background:url('img/iconLinkBack.gif') no-repeat; } a.edit { padding:1px 0px 1px 24px; background:url('img/iconLinkEdit.gif') no-repeat; } a.del { padding:1px 0px 1px 24px; background:url('img/iconLinkDel.gif') no-repeat; } a.dl { padding:1px 0px 1px 24px; background:url('img/iconLinkDownload.gif') no-repeat; } a.kal { padding:1px 0px 1px 24px; background:url('img/iconLinkKalender.gif') no-repeat; } a.det { padding:1px 0px 1px 24px; background:url('img/iconLinkDetails.gif') no-repeat; } /* ------------------------------------------------------------------------------------------------- reports */ div.infoBox { border:1px solid #cacac8; background:#f9f9f9; margin-bottom:1.4em; padding:10px 15px; } div.infoBox big { font-weight:bold; } div.infoAdded { background:url('img/iconInfoAdded.gif') no-repeat 12px 11px #f9f9f9; padding-left:55px; } div.infoError { background:url('img/iconInfoError.gif') no-repeat 12px 11px #f9f9f9; padding-left:55px; } div.infoSaved { background:url('img/iconInfoSaved.gif') no-repeat 12px 11px #f9f9f9; padding-left:55px; } div.infoDel { background:url('img/iconInfoDel.gif') no-repeat 12px 11px #f9f9f9; padding-left:55px; } /* ------------------------------------------------------------------------------------------------- tabellen */ table { border:0px; border-collapse:collapse; } td { vertical-align:top; } td.align { vertical-align:middle; } tr.row1 { background:#eceded; } tr.row2 { background:#ffffff; } tr.row1 td, tr.row2 td { padding:3px 8px 4px 8px; } tr.public td, tr.public td { padding:8px 8px 9px 8px; } thead th { padding:0px 8px 3px 8px; text-align:left; border-bottom:1px solid #c9cac6; } tfoot td { padding:2px 8px 0px 8px; border-top:1px solid #c9cac6; font-size:0.9em; } /* eingabe formular */ td.formular { padding:1px 20px 0px 0px; white-space:nowrap; font-weight:bold; } tbody.formular td { padding-bottom:2px; } tbody.formular table td { padding:0px; } /* daten - mitarbeiter detailseite */ td.daten { padding:1px 20px 2px 0px !important; white-space:nowrap; font-weight:bold; } tbody.daten td { padding:1px 0px 2px 0px; } /* telefonbuch */ td.telefonbuch { background-image:url('img/iconTableSuche.gif'); background-repeat:no-repeat; background-position:12px 9px; padding:9px 38px 10px 44px !important; } /* ------------------------------------------------------------------------------------------------- formulare */ input.std,textarea,select { font:1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#696969; border:1px solid #cacac8; padding:1px 1px 1px 2px; background:#ffffff; } input.std:focus,textarea:focus,select:focus { background:#f9f9f9; } /* submit */ input.submit { font:bold 0.9em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#696969; border:1px solid #cacac8; padding:0px 8px; background:#f9f9f9; margin-top:2px; cursor:pointer; } input.submit:hover,input.submit:focus { border:1px solid #696969; } /* checkbox */ input.chkbox { vertical-align:middle; width:15px; height:15px; cursor:pointer; } label { cursor:pointer; } /* klassen */ input.w40 { width:36px; } select.w40 { width:40px; } input.w60 { width:56px; } select.w60 { width:60px; } input.w80 { width:76px; } select.w80 { width:80px; } input.w100 { width:96px; } select.w100 { width:100px; } input.w120 { width:116px; } select.w120 { width:120px; } input.w160 { width:156px; } select.w160 { width:160px; } input.w200 { width:196px; } select.w200 { width:200px; } input.w300 { width:296px; } select.w300 { width:300px; } input.w400 { width:396px; } select.w400 { width:400px; } /* ------------------------------------------------------------------------------------------------- tooltip */ #dhtmltooltip { position:absolute; width:220px; border:1px solid #ff6633; border-left:4px solid #ff6633; padding:4px 8px; background:#ffffff; visibility:hidden; z-index:300; filter:alpha(opacity=90); font-size:0.9em; line-height:1.3em; }