/* @override http://www.rewi.de/css/styles.css */ /* Reset ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; } ul { list-style:none; margin-bottom:8px; } ol { margin-left:17px; } fieldset,img { border:none; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; margin-bottom:12px; } td { padding-top:4px; padding-bottom:4px; vertical-align:top; } a:focus { outline:none; } /* Standards ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ .clearboth, .clear { clear:both; } .floatleft { float:left; } .floatright { float:right; } body { background:rgb(255,255,255) url('../display/bg_body.jpg') no-repeat top center; color:#202331; font-size:12px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; } p, td { line-height:18px; margin-bottom:9px; } p.small { font-size:10px; line-height:14px; } p.abstand { clear:both; margin-bottom:5px; } p.abstand2 { clear:both; margin-bottom:40px; } h1 { font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-0.03em; color:#9597a7; font-size:20px; line-height:23px; margin-bottom:12px; } h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; width:100%; color:#202331; padding: 2px; margin-bottom:12px; background-color:#e3e3e3; clear:both; } h3 { font-family: Arial, Helvetica, sans-serif; font-size:16px; width:100%; color:#fff; padding: 2px; margin-bottom:12px; background-color:#202331; } a { color:#202331; border-bottom: 1px dotted #202331; text-decoration:none; } a:hover { background-color:#202331; color:#fff; border:none; } em { font-style:italic; } strong { font-weight:bold; } /* Layout ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #header { width:950px; height:270px; margin:0pt auto; margin-bottom:12px; } #submenu { width:950px; height:19px; line-height:18px; } #submenu a { border:none; height:22px; margin-right:25px; color:#fff; } #submenu a:hover { color:#cfcfcf; background:transparent; } #subleft { width:900x; height:19px; padding-right:50px; padding-top:3px; float:left; } #subright { width:166px; height:17px; margin-left:784px; text-align:right; padding-top:5px; } #subright a { margin-right:0px; } #menu { width:784px; height:72px; padding-top:176px; float:left; } #menu a, #menu span { display:block; height:37px; text-indent: -100px; font-size: 0px; letter-spacing:-1000px; overflow: hidden; color:#3b3e4f; border:none; float:left; } #menu a.home { width:82px; background:url('../display/menu_1.png') no-repeat center; } #menu a.home_active { width:82px; background:url('../display/menu_aktiv_1.png') no-repeat center; cursor: default;} #menu a.home:hover { background:url('../display/menu_over_1.png') no-repeat center; } #menu a.druck { width:89px; background:url('../display/menu_2.png') no-repeat center; } #menu a.druck_active { width:89px; background:url('../display/menu_aktiv_2.png') no-repeat center; cursor: default;} #menu a.druck:hover { background:url('../display/menu_over_2.png') no-repeat center; } #menu a.newmedia { width:124px; background:url('../display/menu_3.png') no-repeat center; } #menu a.newmedia_active { width:124px; background:url('../display/menu_aktiv_3.png') no-repeat center; cursor: default;} #menu a.newmedia:hover { background:url('../display/menu_over_3.png') no-repeat center; } #menu a.postpress { width:208px; background:url('../display/menu_4.png') no-repeat center; } #menu a.postpress_active { width:208px; background:url('../display/menu_aktiv_4.png') no-repeat center; cursor: default;} #menu a.postpress:hover { background:url('../display/menu_over_4.png') no-repeat center; } #menu a.lettershop { width:130px; background:url('../display/menu_5.png') no-repeat center; } #menu a.lettershop_active { width:130px; background:url('../display/menu_aktiv_5.png') no-repeat center; cursor: default;} #menu a.lettershop:hover { background:url('../display/menu_over_5.png') no-repeat center; } #menu a.service { width:93px; background:url('../display/menu_6.png') no-repeat center; } #menu a.service_active { width:93px; background:url('../display/menu_aktiv_6.png') no-repeat center; cursor: default;} #menu a.service:hover { background:url('../display/menu_over_6.png') no-repeat center; } #menu span.home { width:82px; background:url('../display/menu_aktiv_1.png') no-repeat left; } #menu span.offsetdruck { width:82px; background:url('../display/menu_aktiv_2.png') no-repeat left; } #menu span.digitaldruck { width:82px; background:url('../display/menu_aktiv_3.png') no-repeat left; } #menu span.newmedia { width:82px; background:url('../display/menu_aktiv_4.png') no-repeat left; } #menu span.lettershop { width:82px; background:url('../display/menu_aktiv_5.png') no-repeat left; } #menu span.service { width:82px; background:url('../display/menu_aktiv_6.png') no-repeat left; } #logo { width:166px; height:195px; margin-left:784px; padding-top:53px; } #logo a { border:none; background:transparent; } #container { width:950px; min-height:440px; margin:0pt auto; } #mainleft { width:734px; padding-right:50px; float:left; margin-bottom:30px; } #mainleft ul { list-style-type:square; margin-left:15px; line-height:18px; } #mainright { width:166px; margin-left: 784px; } #mainright p { margin-bottom:14px; } #mainright p.small { margin-bottom:8px; } #aktuelles a { color:#202331; text-decoration:none; border:none; } #aktuelles a:hover { color:#202331; text-decoration:none; border:none; } .news { border-bottom:1px dotted #202331; padding-bottom:10px; margin-bottom:10px; } #mainright ul { list-style-type: none; } #mainright li { height:26px; border:none; cursor: pointer; border-bottom:1px solid #e3e3e3; } #mainright li a { height:26px; color:#202331; margin-top:12px; font-size:12px; border:none; display:block; } #mainright li a.active { height:26px; color:#202331; margin-top:12px; font-size:12px; border:none; display:block; font-weight:bold; background:transparent; letter-spacing:0.04em; text-transform:uppercase; cursor: default;} #mainright li a:hover { font-weight:bold; background:transparent; letter-spacing:0.04em; text-transform:uppercase; } #footer { clear:both; background:rgb(32,35,49) url('../display/bg_footer.jpg') no-repeat center; color:#9597a7; margin:0pt; min-height:100%; } #footercontent { width:950px; min-height:169px; margin:0pt auto; } #footerleft td a { border: none; } #footerleft { width:571px; min-height:147px; float:left; padding-top:6px; } #footerleft a.social { background-color: transparent; border:none; } #footerleft .sub { margin-top:30px; } #footerleft .sub a.tick { background:url('../display/icon_tick.png') no-repeat left; padding-left:22px; } #footerleft p a { color:#9597a7; border-bottom: 1px dotted #9597a7} #footerleft p a:hover { color:#fff; border:none; } #footerleft p a.dark:hover { background:transparent; color:#202331; border:none; } #footerleft span.trenn { padding:0 8px; } #footerright { width:379px; min-height:169px; line-height:8px; margin-left:574px; text-align:right; } #footerright a { border:none; } /* Elemente ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ .person { width:244px; height: 110px; float:left; } .person2 { width:337px; height: 110px; float:left; margin-right:30px; } .person3 { width:367px; height: 110px; float:left; } .person img, .person2 img, .person3 img, .personqr { float:left; margin-right:20px; } .info { padding-top:7px; } /* Formulare ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #formular { margin:0; padding:0; width:520px; } form { margin:0; padding:0; } fieldset { width:430px; border:1px solid #c4c4c4; padding:10px; margin:5px; margin-left:0px; text-align:left; } fieldset:hover { border-color:#202430; background-color:#f9f9f9; } fieldset p.einzug { margin-left:132px; } legend { font-size:13px; color:#202430; font-weight:bold; padding:5px; margin:5px; background:none; } label { color:#666; font-size:1em; margin:0 3px 3px 0; padding:0; line-height:1.5em; width:130px; display:block; float:left; clear:left; } input { height:16px; font-size:12px; border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; width:240px; background:#fff; } input.radio { width:15px; vertical-align:top; outline:none; border:none; } input.radio:focus { background:transparent; } input:focus { background-color:#202332; color:#fff;} select { font-size:12px; border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; width:240px; height:18px; background:#fff; } select:focus { background-color:#202332; color:#fff;} option { color:#fff; } textarea { font-size:12px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; width:244px; border:1px solid #666; } textarea:focus { border-color:#202332; } .submitbtn { width:123px; height:20px; background:#9597a7; border:1px solid; border-color:#999 #333 #333 #999; color:#fff; cursor:pointer; margin-top:10px; padding-bottom:4px; } .submitbtn:hover { background:#202332; color:#fff; border:1px solid; border-color:#202332; } /* Slider ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #slider { margin-bottom:14px; } #slider ul, #slider li { margin:0; padding:0; list-style:none; } #slider li { width:734px; height:180px; overflow:hidden; } /* Accordion ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #list3 .title { cursor:pointer; display:block; padding:5px; margin-top: 0; margin-bottom:5px; text-decoration: none; font-size: 12px; color: #202331; background-color: #e3e3e3; } #list3 .title:hover { background-color: #cfcfcf; } #list4 .title { float:left; cursor:pointer; display:block; width:185px; } #list4 .title:hover { } #list4 .zerttext { margin-left:185px; } /* Tooltips ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; } #tooltip div { margin: 0; } #tooltip.pretty { width:250px; } #tooltip.pretty h3 { background-color:transparent; color:#202331; font-weight:bold; }