/* Standard-CSS fuer {Projektname} */ /* Einstellung der Abstaende zum Nullpunkt des Browsers und weitere Standards */ html, body, div, p, h1, h2, h3, span, a, table, td, form, img, input, textarea { margin: 0px; padding: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #000; } html { width: 100%; height: 100%;} body { background-color: #fff; width: 100%; height: 100%; background: url('images/bg_body.gif') center top; } ul { margin-left: 0px; } li { margin-left: 10px; padding: 3px; } /* Allgemein gueltige Formatieru ngen */ h1 { font-size: 20px; margin: 28px 0px 20px 0px; color: #0e88ca; font-weight: normal;} h2 { font-size: 16px; margin: 28px 0px 20px 0px; color: #0e88ca; font-weight: normal;} h3 { font-size: 11px; margin: 10px 0px 10px 0px; color: #0e88ca;font-weight: normal; } .hr { background: #d0edfd; height: 1px; width: 100%; margin: 20px 0px 20px 0px;} a, img { border: none; outline: none; } img { _behavior: url(iepngfix.htc); } .small { font-size: 8px; } .clear { display: block; clear: both; height: 1px; overflow: hidden; } .rounded { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .shadow { -moz-box-shadow: 1px 1px 5px #bbb; -webkit-box-shadow: 1px 1px 5px #bbb; box-shadow: 1px 1px 5px #bbb; } a, a:link, a:active, a:visited { text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; } #big_wrap { position: relative; width: 1020px; height: 100%; margin: 0px auto; } /* Startseite = id/klasse_00 */ #left_00 { position: absolute; width: 570px; height: 100%; min-height: 100%; margin: 0px; margin-left: -60px;/*background: url(images/bg_shadow.jpg) right repeat-y #086ba6;*/ background: #086ba6; box-shadow: 4px 0px 4px #333; -webkit-box-shadow: 4px 0px 4px #333; -moz-box-shadow: 4px 0px 4px #333; z-index: 2;} #slides_00 { margin-left: 150px; margin-top: 140px; width: 392px; } #pager { text-align: center; } #pager a { background: url(images/00_pager.png) no-repeat; width: 30px; height: 50px; padding: 0px 6px 1px 6px;color: #6cacd2; font-size: 9px; margin-left: 5px; text-decoration: none;} #pager a.activeSlide { background: url(images/00_pager-a.png) no-repeat; color: #fff; } #left_text { margin-left: 120px; } #left_text, #left_text * { color: #fff; text-shadow: #000 1px 1px 1px; } span.white { font-size: 16px; margin: 0px 0px 20px 0px; } #right_00 { position: absolute; margin-left: 510px; float: left; width: 500px; height: auto; min-height: 100%; background-color: #fff; box-shadow: 3px 0px 4px #888; -webkit-box-shadow: 3px 0px 4px #888; -moz-box-shadow: 3px 0px 4px #888; z-index: 1; } #logo { margin-top: 80px; margin-left: 32px; } /* Folgeseiten Grundgerüst */ #left { position: fixed; width: 200px; height: 100%; min-height: 730px; margin: 0px; margin-left: -50px; background: url(images/xx_zurueck_home.png) no-repeat -30px 300px; background-color: #086ba6; box-shadow: 4px 0px 4px #333; -webkit-box-shadow: 4px 0px 4px #333; -moz-box-shadow: 4px 0px 4px #333; z-index: 2;} #right { position: absolute; margin-left: 150px; float: left; width: 820px; height: auto; min-height: 100%; padding-bottom: 40px;background-color: #fff; box-shadow: 3px 0px 4px #888; -webkit-box-shadow: 3px 0px 4px #888; -moz-box-shadow: 3px 0px 4px #888; z-index: 1; *border-right: 1px solid #ddd; border-right: 1px solid #ddd\9; } #content_l { float: left; width: 240px; } /* Hauptnavi */ #navi { margin-left: -50px; margin-top: 30px; } #navi a { text-decoration: none!important; } #navi ul { margin-left: 0px; } #navi ul li { float: left; margin-left: 0px; padding: 0px; list-style-type: none; display: block; width: auto; border: 1px solid #dadbdb; border-bottom: none; border-left: none; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0, #e6e6e6); /* Mozilla */ background: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6); /* Chrome, Safari */ background: -o-linear-gradient(top, #f0f0f0, e6e6e6); /*Opera */ background: linear-gradient(top, #f0f0f0, #e6e6e6); /* Was auch immer */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ebecec',GradientType=0 ); /* IE6-9 */ } #navi ul li a { font-size: 15px; float: left; width: 200px; padding: 10px 0px 10px 50px; } #navi ul li a:hover { font-size: 15px; float: left; width: 200px; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #aeaeae, #dedede); /* Mozilla */ background: -webkit-linear-gradient(top, #aeaeae, #dedede); /* Chrome, Safari */ background: -o-linear-gradient(top, #aeaeae, dedede); /*Opera */ background: linear-gradient(top, #aeaeae, #dedede); /* Was auch immer */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */ } #navi ul li.aktiv_navi a { background: transparent; filter: none; } #navi ul li.aktiv_navi { border: 1px solid #017cbc;border-bottom: none; border-left: none; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #017cbc, #2594d2); /* Mozilla */ background: -webkit-linear-gradient(top, #017cbc, #2594d2); /* Chrome, Safari */ background: -o-linear-gradient(top, #017cbc, 2594d2); /*Opera */ background: linear-gradient(top, #017cbc, #2594d2); /* Was auch immer */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017cbc', endColorstr='#2594d2',GradientType=0 ); /* IE6-9 */ } #navi ul li.aktiv_navi a { color: #fff!important;font-size: 15px; } #navi ul li.last a { border-bottom: 1px solid #dadbdb; } /* Subnavi */ #navi ul li div.subnavi { background: url(images/xx_navi-linie.png) no-repeat 12px 0px; padding-top: 15px; margin-top: -16px; } #navi ul li div.subnavi ul { margin-left: 0px; padding: 0px; padding-top: 0px; padding-bottom: 0px; background: transparent} #navi ul li div.subnavi ul li { background: transparent; border: none;filter: none; /* IE6-9 */} #navi ul li div.subnavi ul li a { font-size: 15px; float: left; width: 200px; border: none;padding:5px 0px 5px 50px;background: transparent; } #navi ul li div.subnavi ul li a:hover { font-size: 15px; float: left; width: 200px;background: #2f9dd8;filter: none; /* IE6-9 */} #navi ul li div.subnavi ul li.aktiv_sub { background: #c2e2f2;} #navi ul li div.subnavi ul li.aktiv_sub a { color: #000!important; } #navi ul li div.subnavi ul li.aktiv_sub a:hover { background: none;filter: none; /* IE6-9 */ } #navi ul li div.subnavi div.select { padding-left: 50px; padding-top: 10px; padding-bottom: 10px;background: #c2e2f2;} #navi_tert { padding: 0px; margin: 0px; margin-top: 20px; margin-left: 24px;width: auto; text-align: left; } ul#navi_tert { list-style-type: none; } ul#navi_tert li { list-style-type: none; padding-bottom: 5px;} ul#navi_tert li a { text-decoration: none; font-size: 14px;} ul#navi_tert li a.aktiv { font-weight: bold; font-size: 14px;} ul#navi_tert li a:hover { color: #999; } #content { position: relative; margin-left: 35px; margin-top: 60px;float: left; width: 515px; height: auto; padding: 0px; } #content ul, #content li { margin-left: 0px; padding-left: 15px;} ul.haken { list-style-image: url(images/haken.png); } #content a,#content a span { text-decoration: underline;} #content a:hover { text-decoration: none;} #content ul li * { color: #0e88ca!important; } #footer_00 { bottom: 0px; border-top: 1px solid #0e88ca; margin-left: 35px; margin-top: 35px; width: 375px;} .box_footer_00 { float: left; width: 125px; color: #878786; font-size: 11px; margin-top: 15px; } .box_footer_00 a { color: #878786; font-size: 11px; } #footer { posiiton: relative; border-top: 1px solid #0e88ca; margin-top: 35px; width: 505px;} .box_footer { float: left; width: 148px; color: #878786; font-size: 11px; margin-top: 15px; } .box_footer a { color: #878786; font-size: 11px; } #sek_navi { float: right; width: auto; margin-right: 16px;margin-top: 10px; color: #878786;} #sek_navi a { color: #878786; } #sek_navi a.aktiv { font-weight: bold; text-decoration: none; color: #878786; } /* Tabellen, Formulare, Inputs */ table { width: auto; height: auto; padding: 0px; } th { font-weight: bold; text-align: left; vertical-align: top; padding-top: 10px;} td { text-align: left; vertical-align: top; padding-top: 10px;} form { margin: 0px; padding: 0px; } input[type=text], input[type=password], textarea { padding: 4px; border: 1px solid #555; background-color: #fff; } input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #999; background-color: #eee; } input.error, .error { color: #b92e2e; background-color: #e9c4c4; border: 1px solid #b92e2e; } /* Success-Meldungen */ .message_success { position: relative; display: block; clear: both; width: auto; height: auto; margin: 10px 0px 15px 0px; padding: 12px 12px 12px 36px; background-color: #cdecd5; background-image: url(images/icon_success_20px.png); background-repeat: no-repeat; background-position: 10px 8px; color: #00982b; border: 1px solid #00982b; } .message_success { /*IE8 hack*/ border: 1px solid #00982b\9; } .message_error { position: relative; display: block; clear: both; width: auto; height: auto; margin: 10px 0px 15px 0px; padding: 12px 12px 12px 36px; background-color: #ffecde; background-image: url(images/icon_error_20px.png); background-repeat: no-repeat; background-position: 10px 8px; background-color: #ffecde; color: #ea5a18; border: 1px solid #ed7741; } .message_error { /*IE8 hack*/ border: 1px solid #ea5a18\9; } .message_error { /*IE6 hack*/ _width: 95%; } .message_error a { font-size: 13px; color: #ef741a; } /* Media-Querys */ @media all and (max-width:1024px) { #id_fuer_mediaquery { border: 1px solid grey; } } /* Individuellel Klassen Ids */ /* Hersteller */ .box_hersteller { width: 121px; float: left; height: auto; margin-right: 9px; margin-bottom: 9px; margin-left: 0px;} .logo_hersteller { width: 109px; float: left; height: 100px; padding: 5px; border: 1px solid #e4e4e4; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, #e4e4e4, #fefefe); /* Mozilla */ background: -webkit-linear-gradient(top, #e4e4e4, #fefefe); /* Chrome, Safari */ background: -o-linear-gradient(top, #e4e4e4, fefefe); /*Opera */ background: linear-gradient(top, #e4e4e4, #fefefe); /* Was auch immer */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } .hersteller_mehr { width: 116px; float: left; height: 17px; padding: 5px 0px 5px 5px; background: #0e88ca; } /* Produkte */ .box_produkte { width: 121px; float: left; height: auto; margin-right: 9px; margin-bottom: 9px; margin-left: 0px; overflow: hidden; } .produkte_bild { width: 119px; float: left; height: 100px; padding: 0px; overflow: hidden; background: #eee; text-align: centeR; } .hersteller_mehr { width: 114px; float: left; height: auto; padding: 5px 2px 5px 5px; background: #0e88ca; } .hersteller_mehr > a { color: #fff!important; text-decoration: none!important; } .hersteller_mehr a:hover { text-decoration: none; } /* Produkte Zoom */ .produkte_bild { margin-right: 9px; margin-bottom: 9px; margin-left: 0px; overflow: hidden;} .zoom { position: absolute; margin-left: 98px; margin-top: 78px; z-index: 5; width: 22px; height: 15px; } .last_row { margin-right: 0px; } .logo_hersteller_oben { position: absolute; margin-left: 400px; } .zebra_dunkel { width: 500px; padding: 5px;float: left; height: auto; background: #eee;} .zebra_hell { width: 500px; padding: 5px;float: left; height: auto; background: #fff;} .zebra_links { width: auto; float: left; line-height: 18px; } .padding-top { padding-top: 5px; } .zebra_rechts { width: auto; float: right;} .zebra_links a, .zebra_rechts a { color: #0084c8; } .zebra_links a { text-decoration: none; }