/** * CSS (screen) * * @author Sebastian Müller * @date 17/11/2008 */ * {margin:0; padding:0;} body {margin:0; padding:0; font-family:Arial, sans-serif; font-size:14px; text-align:center; line-height:1.5em; color:#000000; background:#BDBDBD url(images/body-background.gif);} h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {margin-bottom:25px; font-size:24px;} h2 {margin-top:30px; margin-bottom:10px; font-size:20px;} h3 {margin-top:30px; margin-bottom:10px; font-size:18px;} h4, h5, h6 {margin-top:30px; margin-bottom:10px; font-size:16px;} p {margin-bottom:10px;} a {color:#000000;} img {border:none;} ol, ul {margin-left:25px;margin-bottom:10px;} li {} label {display:block;} form {} input,select,textarea {padding:3px 5px; width:350px;} textarea {font-family:Arial, sans-serif; font-size:0.9em; overflow:auto;} span {} noscript, noscript a {font-size:0.8em; color:#FF6633;} acronym {cursor:help;} /* ------------ Layout ------------ */ #position {margin:0 auto 20px auto; padding:0 12px; width:770px; text-align:left; background:url(images/position-background.gif) repeat-y;} #header {position:relative; height:223px;} #logo {position:absolute; top:0; right:-50px; width:300px; height:125px;} #navigation {position:absolute; right:0; bottom:0; height:35px;} #subnavigation {margin:40px 0 0 20px; padding-bottom:25px; width:220px; float:left;} #content {margin:40px 20px 25px 270px;width:480px;overflow:hidden;} #newsslide {position:relative; float:left; width:100%; background:#FF6633 url(images/news-background.jpg) left bottom repeat-x;} #footer {padding:40px 30px 20px 30px; font-size:0.85em; color:#FFFFFF; background:#333333 url(images/footer-background.gif) no-repeat; clear:both;} #warenkorb {position:fixed; top:5%; left:20px; width:300px; height:90%; overflow:auto; font-size:0.8em; line-height:1.5em;} #header.home {background:url(images/rentevent-visual-home.jpg) no-repeat;} #header.referenzen {background:url(images/rentevent-visual-referenzen.jpg) no-repeat;} #header.team {background:url(images/rentevent-visual-team.jpg) no-repeat;} #header.messe {background:url(images/rentevent-visual-messe.jpg) no-repeat;} #header.event {background:url(images/rentevent-visual-event.jpg) no-repeat;} #header.broadcast {background:url(images/rentevent-visual-broadcast.jpg) no-repeat;} #header.login {background:url(images/rentevent-visual-login.jpg) no-repeat;} #header.katalog {background:url(images/rentevent-visual-katalog.jpg) no-repeat;} #header.agb {background:url(images/rentevent-visual-agb.jpg) no-repeat;} #header.impressum {background:url(images/rentevent-visual-impressum.jpg) no-repeat;} #header.kontakt {background:url(images/rentevent-visual-kontakt.jpg) no-repeat;} /* ------------ Navigation ------------ */ #navigation ol {margin-right:10px; list-style-type:none;} #navigation li {display:inline; line-height:35px;} #navigation li.hide, #navigation li.footernavigation {display:none;} #navigation a {margin-right:10px;padding:6px 10px;font-size:14px;font-weight:bold;text-decoration:none;background:#E0E0E0;border-bottom:3px solid #FF6633;} #navigation a:hover {color:#FF6633;} #navigation li.on a {color:#FF6633;background:#F7F7F7;border-bottom:3px solid #F7F7F7;} #footer ol {margin:0;} #footer li {display:none;} #footer li.footernavigation {margin-right:25px; display:inline;} /* ------------ Inhalt ------------ */ .skiptocontent {} .skiptonavigation {} .skiptotop {} #header h1.title {text-indent:-1000px;} .newsslide_container {padding:20px; overflow:hidden; display:block; width:730px;} .newsslide_item {margin-right:20px; width:230px; color:#F7F7F7; float:left;} .newsslide_last_item {margin:0;padding:0;border:none;} .newsslide_item h1 {margin:0; padding:0;font-size:20px; } .newsslide_item h2 {margin:0; padding:0;font-size:16px; } .newsslide_item p {margin:0; padding:0;} .newsslide_item p.timestamp {margin-bottom:10px; font-size:0.8em;} .newsslide_item a {color:#F7F7F7;} .imagebox {border:1px solid #F7F7F7;} /*.imagebox:hover {background:#EBEBEB; border:1px solid #CCCCCC;}*/ ol.cataloglist {margin:0; list-style:none;} ol.cataloglist li {margin-bottom:10px;} ol.cataloglist li a {padding:3px 10px; display:block; background:#E0E0E0; text-decoration:none;} ol.cataloglist li a:hover {color:#FF6633;} .inputtext {} .radiobutton {} .checkbox {} .selectfield {} .button {width:auto;} .submit {} .cancel {} .note {font-size:0.75em;} #warenkorb div {padding:20px; background:#FFEB8F; border:1px solid #FFD100;} #warenkorb h3 {margin:0 0 20px 0;} #warenkorb input.float {font-size:0.9em; padding:0 2px; float:right;} #warenkorb hr {padding:5px 0; margin-bottom:5px; clear:both; border:none; border-bottom:1px solid #000000; } #footer h3 {margin:0; font-size:14px; font-weight:bold;} #footer a {color:#FFFFFF;} #footer span {margin-right:25px;} /* ------------ Editor ------------ */ body.mceContentBody {padding:10px; text-align:left; background:#FFFFFF;} /* ------------ Sonstiges ------------ */ .success {color:green;} .error {color:red;} .hide {display: none;} .print {display: none;} .noprint {} .clearfix {height:1px; clear:both;} /* ------------ HACKS ------------ */ *+html #footer {padding:20px 30px;} *+html #newsslide {margin-bottom:20px}; /** * http://de.selfhtml.org/css/layouts/browserweichen.htm * * * Konditionale Kommentare: * * * [if IE]: alle Versionen (ab 5.0), * [if IE 6]: alle 6er-Versionen, * [if lt IE 7]: alle Version vor 7 (less-than = kleiner als), * [if lte IE 5.5999]: alle Version bis 5.5 (less-than or equal = kleiner oder gleich), * [if gte IE 5.5]: alle Version ab 5.5 (greater-than or equal = größer oder gleich). * * * Attribut-Selektor: p[id] {} * Selektiert

, welches ein id-Attribut mit beliebigem Wert aufweist * Internet Explorer für Windows bis Version 6 und Netscape 4 * * Kind-Selektor: html>body #ID {} * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist * Internet Explorer für Windows ab Version 7 und moderne Browser * * Kind-Selektor: html>/**/body #ID {} * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist * Moderne Browser (OHNE Internet Explorer für Windows Version 7) * * Star-HTML-Hack: * html #ID {} * Internet Explorer für Windows bis Version 6 * * Star-Plus-HTML-Hack: *+html #ID {} * Internet Explorer für Windows ab Version 7 **/