/* -------- LAYOUT & TEXT STYLES - HOLZWIEGAND GMBH, WÜRZBURG --------------- */ * { margin:0; padding:0; } /* ------------------------ 1. GLOBAL LAYOUT --------------------------------- */ body { margin:0; padding:0; font:80% Verdana,Tahoma,Arial,sans-serif; background:#ffffff; color:#737301; text-align:center; } #wrapper { width:100%; margin:0; padding:0; border:1px solid #afafaf; background:#f9f7e9 url(img/bodybg.gif) repeat-x; color:#303030; text-align:left; } #header { float:left; width:100%; height:100px; margin:0; border-bottom:1px solid #b0b0b0; color:#737301; text-align:left; background:transparent url(img/header/3.jpg) no-repeat;} #topnav { float:left; clear:both; width:100%; margin-bottom:25px; border-bottom:1px solid #b0b0b0; } #topnav_left { float:left; margin:0; } #topnav_right { float:right; margin:0; border-left:1px solid #b0b0b0; } #leftcolumn { float:left; width:180px; margin:0; padding:0 0 0 10px; } #contentcolumn { margin:0; padding:0 220px 0; min-width:200px; } #rightcolumn { float:right; width:180px; margin:0; padding:0 10px 0 10px; } #footer { clear:both; width:100%; margin:0; padding:10px 0; border-top:1px solid #b0b0b0; color:#d3f2d5; font-size:0.8em; font-weight:bold; background:#8b8b8b url(img/footerbg.gif) top left repeat-x; text-align:center; } /* ------------------------ 2. HEADER ---------------------------------------- */ #header h1, #header h2 { margin:0; padding:0; font-weight:400; letter-spacing:-2px; } #header h1 { padding-top:20px; font-size:2.4em; } #header h2 { font-size:1.6em; } #header img { margin-top:0px; overflow:hidden;} /* ------------------------ 3. TOPNAVIGATION --------------------------------- */ #topnav_left ul, #topnav_right ul { font-size:16px; margin:0; padding:0; } #topnav_left li, #topnav_right li { float:left; height:35px; margin:0; padding:0; list-style:none; } #topnav_left a, #topnav_right a { display:block; padding:11px 10px 11px; border-right:1px solid #b0b0b0; font-size:0.7em; color:#d3f2d5; text-transform:uppercase; } #topnav_left a:hover, #topnav_right a:hover, #topnav_left a.current, #topnav_right a.current { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#595900; text-decoration:none; } /* ------------------------ 4. SIDENAVIGATION --------------------------------- */ .nav { display:block; position:relative; width:140px; margin-top:8px; padding:5px 4px 4px 10px; border:1px solid #b0b0b0; color:#737301; background:#e8e9ea; text-transform:uppercase; } .nav:hover,.active { border:1px solid #909090; color:#737301; background:#f8f9fa; text-decoration:none; } .sub { width:125px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; font-size:0.8em; letter-spacing:1px; } /* ----------------------- 5. CONTENT ---------------------------------------- */ /* ----------------------- 5.1 LEFTBAR ---------------------------------------- */ #leftside { float:left; margin-bottom:15px; padding:0; } #leftside img { margin:5px; padding:5px; border:1px solid #b0b0b0; } #leftside img.logo { float:left; margin:10px 10px 0 10px; border:1px; } #leftside h1 { margin:0 0 15px; padding:0 0 0 25px; font-size:1.4em; font-weight:normal; color:#737301; letter-spacing:-1px; text-decoration:underline; } #leftside h2 { margin:15px 0 15px 10px; padding:0 0 0 25px; font-size:1.2em; font-weight:normal; color:#737301; background:#fafcff url(img/logo_15.gif) no-repeat; background-color:inherit; letter-spacing:-1px; text-decoration:underline; } #leftside p { margin:0 0 16px 10px; padding:0; color:#737301; font-size:0.8em; line-height:1.4em; } /* ---------------------- 5.2 MIDDLEBAR -------------------------------------- */ #contentlong, #contentleft, #contentmiddle, #contentright { float:left; position:relative; margin:0 0 20px 0; padding:15px 1% 5px 1%; border:1px solid #909090; color:#737301; background-color:#fafcff; } #contentlong { width:96%; padding-right:14px; min-height:250px; } #contentleft, #contentmiddle { width:28%; margin-right:4%; min-height:450px; } #contentright { width:28%; min-height:450px; } #contentlong h1, #contentleft h1, #contentmiddle h1, #contentright h1 { margin:0 0 15px; padding:0; font-size:1.7em; font-weight:normal; color:#737301; background-color:inherit; letter-spacing:-1px; } #contentlong h1.product { width:500px; font-size:1.5em; text-decoration:underline;} #contentlong h2, #contentleft h2, #contentmiddle h2, #contentright h2 { margin:0 0 15px; padding:0 0 0 25px; font-size:1.2em; font-weight:normal; color:#737301; background:#fafcff url(img/logo_15.gif) no-repeat; background-color:inherit; letter-spacing:-1px; text-decoration:underline; } #contentlong img, #contentleft img, #contentmiddle img, #contentright img { float:left; margin:5px 15px 6px 0px; padding:5px; border:1px solid #b0b0b0; } #contentlong img.logo, #contentleft img.logo, #contentmiddle img.logo, #contentright img.logo { margin-top:0px; margin-left:0px; border:0; } #contentlong div.skalieren.hoch { width:15%; /* Breite des Bildes in Prozent */ } #contentlong div.skalieren.quer { width:25%; /* Breite des Bildes in Prozent */ } #contentleft div.skalieren, #contentmiddle div.skalieren, #contentright div.skalieren { width:95%; /* Breite des Bildes in Prozent */ } #contentlong div.skalieren img { width:100%; } #contentleft div.skalieren img, #contentmiddle div.skalieren img, #contentright div.skalieren img { width:100%; max-height:160px;} /* ------------------------ 5.3 RIGHTBAR ----------------------------------- */ #rightside { position:relative; margin:0 0 15px 0; padding:0; border:1px solid #909090; color:#737301; background-color:#fafcff; } #rightside img { margin:5px; padding:5px; border:1px solid #b0b0b0; } #rightside img.logo { float:left; margin:10px 10px 0 10px; border:1px; } #rightside h1 { margin:0 0 15px; padding:0 0 0 25px; font-size:1.4em; font-weight:normal; color:#737301; letter-spacing:-1px; text-decoration:underline; } #rightside h2 { margin:15px 0 15px 10px; padding:0 0 0 25px; font-size:1.2em; font-weight:normal; color:#737301; background:#fafcff url(img/logo_15.gif) no-repeat; background-color:inherit; letter-spacing:-1px; text-decoration:underline; } #rightside p { margin:0; padding:0 10px 16px 10px; font-size:0.8em; color:#737301; line-height:1.4em; } .linklist { margin:0 0 16px 10px; padding:0; list-style:none; } .linklist li { margin-bottom:0.7em; } /* ----------------------- 6. BASICS ------------------------------------------- */ a { color:#737301; font-weight:bold; text-decoration:none; } a:hover { color:#808080; text-decoration:underline; } p { margin:0 0 30px; line-height:1.4em; } #footer a { color:#d0d0d0; font-weight:bold; } form { padding:20px; border:1px solid #b0b0b0; } form.partner { padding:0; border:0; width:50%; float:left;} select, textarea { width:300px; border:1px solid #b0b0b0; background:#f0f0f0; } select.smallselect { width:150px; } textarea { height:200px;} input.long { width:200px; border:1px solid #b0b0b0; background:#f0f0f0; } input.short { width:92px; border:1px solid #b0b0b0; background:#f0f0f0; } input.anfahrt { float:right; width:150px; border:1px solid #b0b0b0; background:#f0f0f0; } input.button { width:100px; height:20px; border:1px solid #b0b0b0; background:#f0f0f0; } /* ----------------------- 7. MISCELLEANOUS CLASSES --------------------------- */ .thumbnail { margin:0 0 10px 10px; padding:5px; border:1px solid #b0b0b0; background:#fafbfc; } .searchform { margin:0; } .searchbox { width:100px; margin:0 4px 0 0; border:1px solid #b0b0b0; background:#f0f0f0; } .searchbutton { border:1px solid #b0b0b0; background:#f0f0f0; } .clearingdiv { clear:both; width:1px; height:30px; } .hide { display:none;} .intro { font-size:1.0em; font-weight:bold; color:#737301; letter-spacing:-1px; } .small { font-size:0.8em; color:#737301; } .large { font-size:1.4em; font-weight:bold; } .center { text-align:center; } .right { clear:both; display:block; text-align:right; } .bottom { position:absolute; right:15px; bottom:10px; } #map_canvas { float:left; margin-right:20px; width:70%; height:500px; border:1px solid #909090; } /* -------- END OF LAYOUT & TEXT STYLES - HOLZWIEGAND GMBH, WÜRZBURG --------------- */