/* basic stylesheet for www.furuno.de */ /* author: www.ideenwerft.com */ * {padding:0px;margin:0px;} .skip {position:absolute;left:-999px;} /* =LAYOUT ======================== */ body {text-align:center;font-size:12px;font-family:Trebuchet MS, verdana,Sans-Serif;color:#555;background:#fff;} #wrapper {position:relative;width:975px;margin:0 auto;background:#fff;text-align:left;overflow:hidden;} #head {height:60px;} #main {width:725px;float:left;margin-bottom:20px;} #keyvisual {margin-bottom:15px;} #sub {width:225px;float:left;} #content {width:480px;float:right;overflow:hidden;} #content-wide { position: relative; } #information {width:230px;float:right;margin-bottom:20px;} div#deeplinks {background:url(img/deeplinks.jpg) no-repeat;margin-bottom:15px;} #foot {clear:both;padding-top:10px;background:url(img/foot.gif) left top no-repeat; overflow:hidden; padding-bottom:7px;} #logo {display:block;width:330px;margin-top:15px;float:left;outline:none;margin-left:2px;} #head ul {float:right;margin-top:5px;} ul#navi {display:block;height:30px;background:url(img/navi.gif) no-repeat;overflow:hidden;padding-left:1px;} #search-bar {height:30px;background:url(img/search-bar.gif) no-repeat;overflow:hidden;} /* =BASIC STYLES ======================== */ .small {font-size: 0.9em;} .xsmall {font-size: 0.8em;} .red, .error {color:#c00;} .grey {color:#999;} .clear {clear:both;} .italic {font-style:italic;} .hide {display:none;} /* links */ a:link, a:visited {color: #5294c6;outline:none;text-decoration:none;} a:hover, a:focus {color: #20689f;text-decoration:underline;} a.internal-link:link, a.internal-link:visited {padding-left:9px;background: url(img/link.gif) 0 5px no-repeat;} a.internal-link:hover, a.internal-link:focus, a.internal-link:active {background: url(img/link.gif) 0 -15px no-repeat;} a.external-link-new-window:link, a.external-link-new-window:visited {padding-left:14px;background: url(img/link_ext.gif) 0 3px no-repeat;} a.external-link-new-window:hover, a.external-link-new-window:focus {padding-left:14px;background: url(img/link_ext.gif) 0 -13px no-repeat;} a.pdf {padding-left:20px;background:url(img/file-pdf.png) left 0px no-repeat;} a.doc {padding-left:15px;background:url(img/file-word.png) left 0px no-repeat;} a.mail {padding-left:15px;background:url(img/sendmail.png) left 0px no-repeat;} /* text */ p,h1,h1,h3,h4,h5 {} p {line-height:1.4em;margin-bottom: 1em;} h1 {font-size:1.5em;margin-bottom:0.6em;} h2 {font-size:1.3em;margin:1em 0 0.4em;} h3 {font-size:1.2em;margin:1em 0 0.3em;} h4 {font-size:1.1em;margin:1em 0 0.2em;} /* other */ ul,ol {list-style:none;} #content ul, .content-box ul {list-style:disc;margin-left:20px;line-height:1.4em;margin-bottom:10px;} #content ol, .content-box ol {list-style:decimal;margin-left:20px;line-height:1.4em;margin-bottom:10px;} table {font-size: 1em;border-collapse:collapse;border-spacing:0;} table p {padding:0;margin:0;} hr, div.linie-davor, div.linie-danach{ clear:both; background-color:#adadad; /* Mozilla 1.4 */ color:#adadad; /* IE 6 */ border: #adadad; /* Opera 7.11 */ height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */ width:540px; margin:10px 0; } address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;} caption, th {text-align:left;} fieldset {border:none;} input, textarea, select {border:1px solid #ccc;font-size:0.9em;padding:2px;color:#666;} input:focus, textarea:focus {background-color:#ebf1f6;color:#00519e;} .csc-linkToTop {margin:30px 0 20px;} .csc-linkToTop a:link, .csc-linkToTop a:visited {background:url(img/to-top.gif) 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;} .csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url(img/to-top.gif) 0 -30px no-repeat;text-decoration:none;} img {border:0;} /* =NAVIGATION ======================== */ ul#navi li {float:left;} ul#navi a {display:block;width:auto;padding:7px 22px 6px;text-decoration:none;text-transform:uppercase;font-size:13px;} ul#navi li.last a {padding-right:14px;} ul#navi a:link, ul#navi a:visited {background:url(img/navi-a.png) 0 0 no-repeat;color:#434343;} ul#navi a:hover, ul#navi a:focus, ul#navi a:active {background:url(img/navi-a.png) 0 -50px no-repeat;color:#333;} /*first*/ ul#navi li.first a:link, ul#navi li.first a:visited {background:url(img/navi-a.png) 0 -100px no-repeat;color:#434343;} ul#navi li.first a:hover, ul#navi li.first a:focus, ul#navi li.first a:active {background:url(img/navi-a.png) 0 -150px no-repeat;color:#333;} /*current*/ ul#navi li.cur a:link, ul#navi li.cur a:visited {background:url(img/navi-a.png) 0 -50px no-repeat;color:#434343;} ul#navi li.cur.first a:link, ul#navi li.cur.first a:visited {background:url(img/navi-a.png) 0 -150px no-repeat;color:#333;} #head ul li {float:left;padding-left:15px;font-size:10px;} #head ul a:link, #head ul a:visited {text-decoration:none;color:#555;} #head ul a:hover, #head ul a:focus, #head ul a:active {text-decoration:underline;color: #20689f;} #foot ul li {float:left;padding-right:15px;font-size:11px;} #foot ul a:link, #foot ul a:visited {text-decoration:none;color:#555;} #foot ul a:hover, #foot ul a:focus, #foot ul a:active {text-decoration:underline;color: #20689f;} ul.subnavi {} ul.subnavi li {margin-bottom:3px;text-transform:uppercase;font-size:13px;} ul.subnavi li a:link, ul.subnavi li a:visited {display:block;height:20px;padding:6px 15px 0;background:#3366CC url(img/subnavi.gif) 0 0 no-repeat; color:#4f4f4f;text-decoration:none;} ul.subnavi li a:hover, ul.subnavi li a:focus, ul.subnavi li a:active {background:#3366CC url(img/subnavi.gif) 0 -40px no-repeat; color:#333;} /* 2. ebene */ ul.subnavi li ul li {margin-bottom:3px; margin-top:3px;text-transform:none;font-size:12px;} ul.subnavi li ul li a:link, ul.subnavi li ul li a:visited {height:19px;padding:4px 15px 0;background:none; color:#4f4f4f;text-decoration:none;} ul.subnavi li ul li a:hover, ul.subnavi li ul li a:focus, ul.subnavi li ul li a:active {background:url("img/subnavi-hover.jpg") no-repeat; color:#999;} /* current */ ul.subnavi li.cur ul li.cur a:link, ul.subnavi li.cur ul li.cur a:visited {background:none; color:#333;font-weight:bold;} ul.subnavi li.cur ul li.cur {font-weight:bold;background:url("img/subnavi-hover.jpg") no-repeat;height:19px;padding:4px 15px 0;} ul.subnavi li.cur a { font-weight:bold;} ul.subnavi li.cur ul li a {font-weight:normal;} ul.subnavi li ul li.cur a {font-weight:bold;background:url("img/subnavi-hover.jpg") no-repeat;} /* =CONTENT ELEMENTS ======================== */ /* deeplinks */ #deeplinks {color:#fff;height:230px;} #deeplinks p {padding:8px 10px 7px;border-bottom:2px solid #548ac3;margin-bottom:0;} #deeplinks a:link, #deeplinks a:visited {text-decoration:none;color:#fff;background:none;padding-left:0;} #deeplinks a:hover, #deeplinks a:focus, #deeplinks a:active {text-decoration:underline;color:#99CCFF;} /* banner */ #information .csc-textpic-imagewrap {margin-bottom:10px;} /* content box */ .content-box {width:235px;float:left;} .content-box-center {margin:0 10px;} .content-box h2 {height:21px;margin:0 0 1px;background:#ccc url(img/welle.gif) no-repeat;font-size:11px; text-transform:uppercase;color:#434343;} .content-box h2 a:link, .content-box h2 a:visited {display:block;height:14px;padding:4px 10px 3px;color:#434343;} /* 2spaltige box */ .twocols {clear:both;overflow:hidden;} .cLeft {width:235px;float:left;} .cRight {width:235px;float:right;} .twocols h2 {margin:0 0 5px;background: #00519e;color:#fff;text-transform:uppercase; letter-spacing:1px;font-size:13px;font-weight:normal;padding:3px 7px;} .twocols p {margin-left:7px;margin-right:7px;} /* mitarbeiter */ .team {min-height:120px;margin:0 8px 10px 0;border:1px solid #c1d1e1;} .team img {float:left;} .team p {margin-bottom:5px;font-size:12px; width:330px; float:right;} .team p.team-name {font-weight:bold;margin-top:7px;margin-bottom:4px;font-size:13px; color:#00519e;} .team p.team-email {background:url(img/sendemail.png) left top no-repeat; padding-left:22px; width:308px;} .team p.team-phone {background:url(img/telephone.png) left top no-repeat; padding-left:22px;width:308px;} /* =OTHER ======================== */ /* +++ copy ++++ */ .copy {float:right;font-size:11px;} .copy a:link, .copy a:visited {color:#999999;text-decoration:none;} .copy a:hover, .copy a:focus {color:#c00;} /* =EXTENSIONS ======================== */ /* TOP ++ searchbox */ form#search {display:block;padding:6px 0 0 10px;} form#search input.text {width:150px;padding:1px;} form#search input.submit {width:50px;background: #004482;color:#fff;padding:1px;font-size:0.9em;font-style:italic;} /* SUBNAVI ++ searchbox */ #sub #form1 { margin-top:15px; border:#eee 1px solid; padding:10px; overflow:hidden; font-size:11px;} #sub #form1 label {display:block; float:left; height:18px; padding-top:2px; margin-bottom:2px;} #sub #form1 #textfield { float:right; width:130px;height:15px; padding-top:0; margin-bottom:5px; } #sub #form1 select { float:right; } #sub #form1 .submit { width:100px; margin-top:5px; margin-left:50px ; float:right;} /* CONTENT ++ searchbox */ #content #form1 { margin-top:5px; border:#eee 1px solid; padding:10px 10px 5px; overflow:hidden; font-size:11px; margin-bottom:20px;} #content #form1 label.sucheeingrenzen {display:block; float:left; padding-top:3px; margin-left:30px; margin-right:5px; font-size:12px;} #content #form1 #textfield { float:left; width:130px;height:15px; padding-top:3px; padding-left:5px; margin-bottom:5px; display:block; } #content #form1 select { float:left; width:130px; height:22px;padding-top:3px;} #content #form1 .submit { outline:none !important;width:25px; height:22px; display:block; float:right; background:url(img/search.png) no-repeat; border:none; text-indent:-9999px;} /* CONTENT ++ kontaktbox */ .info-box { position:absolute; right:250px;width:175px;} form#kontakt { width:400px; float:left;} form#kontakt legend { display:none;} form#kontakt .tx_powermail_pi1_fieldwrap_html { overflow:hidden; margin-bottom:10px;} /* Alle Felder*/ form#kontakt label { width:85px; float:left;} form#kontakt input { width:190px;} form#kontakt select {width:195px;} form#kontakt textarea { width:300px; height:100px} form#kontakt .powermail_submit_uid15 { margin-left:85px;} span.powermail_mandatory {color:#c00;} div.powermail_mandatory_js {background:url(img/alert.gif) 3px 2px no-repeat;color:#c00;padding:4px 0 4px 23px;font-style:italic;} div.tx_powermail_pi1_fieldwrap_html_textarea div.powermail_mandatory_js {clear:left;margin-left:100px;} input.validation-failed, textarea.validation-failed {border:1px solid #c00;} /* ACCORDIONS */ #accordion h3.ui-accordion-header { background:url(img/welle-big.jpg) no-repeat; height:22px; padding-top:4px; padding-left:10px; font-weight:normal; font-size:13px;} #accordion h3.ui-accordion-header a {color:#666;font-weight:bold;} /* tt_news */ span.news-box-date {color:#999;} ol.tt-news-latest {list-style:none;margin-left:0;} ol.tt-news-latest li {border-bottom: 1px solid #b3c5d9;padding:5px 5px 5px 0;overflow:hidden;} ol.tt-news-latest li:hover {background:#e0eef9;} span.tt-news-latest-date {} ol.tt-news-latest h3 {margin:0;font-size:12px;} ol.tt-news-latest h3 a:link, ol.tt-news-latest h3 a:visited {text-decoration:none;color:#555;} ol.tt-news-latest h3 a:hover, ol.tt-news-latest h3 a:focus, ol.tt-news-latest h3 a:active {text-decoration:underline;color: #20689f;} ol.tt-news-latest p {margin:0;} ol.tt-news-latest p a:link, ol.tt-news-latest p a:visited {font-style:italic;text-decoration:none;padding-left:5px;} ol.tt-news-latest p a:hover, ol.tt-news-latest p a:focus, ol.tt-news-latest p a:active {text-decoration:underline;} span.tt-news-latest-more {float:right;} span.tt-news-latest-gotoarchive {display:none;} /* catmenu */ div.tt-news-catmenu {text-transform:uppercase;font-size:13px;} div.tt-news-catmenu a:link, div.tt-news-catmenu a:visited {display:block;height:20px;margin-bottom:3px;padding:6px 15px 0;background:#3366CC url(img/subnavi.gif) 0 0 no-repeat; color:#4f4f4f;text-decoration:none;} div.tt-news-catmenu a:hover, div.tt-news-catmenu a:focus, div.tt-news-catmenu a:active {background:#3366CC url(img/subnavi.gif) 0 -40px no-repeat; color:#333;} div.tt-news-catmenu span.cur a {background:#3366CC url(img/subnavi.gif) 0 -40px no-repeat; color:#333;font-weight:bold;} /* liste */ #content #tt-news-list ol {list-style:none;margin-left:1px;} #content #tt-news-list ol li {clear:both;border-top:1px solid #c2c2c2; overflow:hidden; padding:15px 0; } #content #tt-news-list ol li:first-child {border-top:none;padding-top:0;} #tt-news-list span.tt-news-date {float:right;} #tt-news-list h3 a:link, #tt-news-list h3 a:visited {text-decoration:none;} #tt-news-list span.tt-news-category {font-style:italic;font-size:0.9em;} #tt-news-list p {margin-bottom:0;} #tt-news-list span.tt-news-more {} /* +++ single +++ */ #tt-news-single h1 {position:relative;padding-right:70px;} #tt-news-single h1 span {display:block;position:absolute;top:0;right:0;width:auto;font-size:0.7em;color:#999;} span.tt-news-category {font-size:0.9em;color:#888;} #tt-news-single h3 {color:#666;margin-bottom:15px;} div.news-single-img {float:right;width:200px;margin-left:15px;} #content div.tt-news-single-img p {margin-bottom:15px;line-height:1em;font-size:0.9em;text-align:right;color:#888;margin-top:4px;} /* pagebrowser SUCHE */ #content ul.browsebox {height:14px; margin-top:10px; margin-left:0; padding:10px 10px 5px; font-size:11px; background:url(img/pagebrowser-bg.jpg) repeat-x; border:1px solid #99c5ef;} /* pagebrowser */ .browseBoxWrap { height:16px; margin-top:10px; padding:8px 10px 5px; font-size:11px; background:url(img/pagebrowser-bg.jpg) repeat-x; border:1px solid #99c5ef;} .showResultsWrap { width:220px; float:left} .browseLinksWrap { width:230px; float:right; text-align:right;} .browseLinksWrap span { margin-left:5px;} span.activeLinkWrap a:link, span.activeLinkWrap a:visited {color:#444;} /* pagebrowser NEWS*/ .tt-news-list-browse {height:18px; margin-top:10px; padding:6px 10px 5px; font-size:11px; background:url(img/pagebrowser-bg.jpg) repeat-x; border:1px solid #99c5ef;} #content .tt-news-list-browse ul {margin:0;} .tt-news-list-browse li {margin-left:10px;list-style:none; float:left;} .tt-news-list-browse li a:link, .tt-news-list-browse li a:visited {color:#5294C6;} .tt-news-list-browse li a:hover, .tt-news-list-browse li a:focus {} /* iw-product */ .iw_relatedLinks div { float: left; width: 100px; height: 125px; padding: 3px; } .iw_relatedLinks h3 { text-align: center; } /* iw-salesdepartments */ #myFlash { float: right; } .iw-salesdepartments-selectview {position: absolute; left: 0; top: 0; width: 190px; padding: 10px 15px;background:url(img/h_bgradio.jpg) repeat-x;} .iw-salesdepartments-selectview h1 {font-weight:bold;font-size:14px;text-transform:uppercase;} .iw-salesdepartments-selectview input {margin-right:4px;} .iw-salesdepartments-selectview a {display:block;margin:7px 0 0;} #adresscard {position: absolute; left: 0; top: 150px; width: 190px; height: 300px; padding: 10px 15px;background:url(img/h_bgradio.jpg) 0 -148px repeat-x;} #adresscard h5 {font-size:13px;} #adresscard a {white-space:nowrap;} /* =CSS_STYLED_CONTENT (Bilder TYPO3) ======================== */ /* Captions */ .csc-textpic-caption {text-align:right;font-size:0.9em;color:#888;} DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; } DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; } DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; } /* Needed for noRows setting */ DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; } /* Border just around the image */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 2px solid black; padding: 0px 0px; } DIV.csc-textpic-imagewrap { padding: 0; } DIV.csc-textpic IMG { border: none; } /* DIV: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; } /* UL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; } DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; } /* DL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */ DL.csc-textpic-image { margin: 0; } DL.csc-textpic-image DT { margin: 0; display: inline; } DL.csc-textpic-image DD { margin: 0; } /* Clearer */ DIV.csc-textpic-clear { clear: both; } /* Margins around images: */ /* Pictures on left, add margin on right */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 10px; } /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } /* Pictures centered, add margin on left */ DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; } /* Space below each image (also in-between rows) */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; } DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; } DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; } /* No margins around the whole image-block */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; } /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 10px !important; } DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 10px !important; } /* Positioning of images: */ /* Above */ DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; } /* Center (above or below) */ DIV.csc-textpic-center { text-align: center; /* IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; } DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ } /* Right (above or below) */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; } DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; } /* Left (above or below) */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; } DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; } /* Left (in text) */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; } /* Right (in text) */ DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; } /* End hide from IE5/mac */ /* Left (in text, no wrap around) */ DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; } /* End hide from IE5/mac */ /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; } DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }