/* Theme Name: Die Internet-Service-Offensive Version: 2.0 Author: digital guru GmbH & Co. KG Author URI: http://digital-guru.de */ @import "css/reset.css"; @import "css/tools.css"; /* --------------------------------------------------------------- [ base ] ------------------------------------------------------------------ */ html { background: url(images/bg_html.png) 0 0 repeat-x; text-align:center; } html, body { height:100%;} #page { min-height:100%; width: 960px; text-align:left; margin: 0 auto -120px auto; position: relative; } #holder { padding: 190px 0 50px 0; } /* --------------------------------------------------------------- [ content ] ------------------------------------------------------------------ */ #content { background: #fff; width: 910px; border: 1px solid #ccc; padding: 25px; } #content hr { border: none; border-top: 1px dotted #ccc; clear: both; padding:0 0 20px 0; margin: 20px 0 0 0; } #content .twothirds { width: 609px;float: left; border-right: 1px dotted #ccc; padding: 0 0 0 0; position: relative; } #content .onethirds { width: 275px; float: right; padding: 0 0 0 25px; height: 175px;} #content .entry { width: 610px; padding: 0 0 10px 0; } #content .twothirds p#newsarchiv { padding: 15px 0 0 0; } #content .twothirds p#newsarchiv small { background: #f0f0f0; padding: 5px; font-weight: 700; } #content .twothirds p.social { position: absolute; right: 25px; top: 0; padding: 0!important; } p.social { width: 80px } p.social a { margin-left: 5px; } /* startseite */ #content .spyWrapper { height: 165px!important; overflow: hidden; position: relative; } #content .spy li { list-style: none!important; margin: 0!important; padding: 10px 0 0 0!important; height: 165px!important; width: 275px; overflow: hidden;} /* sterne */ #content div.iso_sterne_big {display:block; width: 310px; margin:0 auto; height: 50px; background: url(images/buttons/sterne_big.png); } #content div.iso_sterne,span.iso_sterne {display:block; width: 90px; height: 16px; background: url(images/buttons/sterne.png); } #content div.cert_left { width: 415px; padding-right:15px; float: left; } #content div.cert_right { width: 415px; padding-left:15px; float: right; } /* content table */ #content table { margin: 15px 0; font-size: 0.9em; } #content table tr { border-top: 1px solid #ccc; } #content table tr.trfirst { border-top: none!important; } #content table tr td { padding: 8px 0; } #content table tr td.alt { width:180px;} #content table tr td.odd { font-weight: 700; } #content div.cert_right p.rating{padding: 0; background: #fafafa; margin: 10px 0 0 0; } #content div.cert_right p.rating label { background: #fff; font-weight: 700; display: block; color: #b18d10; border-bottom: 1px solid #b2b2b2; } #content div.cert_right p.rating span.bg { display: block; padding: 10px; } #content div.cert_right p.rating select { float: left;padding:5px; margin:5px 15px 0 0 } #content div.cert_right div.barometer_result br.clear { margin: 5px 0 0 0; visibility: visible!important; } #content div.cert_right div.comments { padding: 15px 0; } #content div.cert_right div.cert_small_box2 { border: 1px solid #ccc; margin: 15px 0; } #content div.cert_right div.center { border-bottom: 1px solid #e0e0e0; padding: 10px 0; } #content div.cert_right div.barometer_result { padding: 15px 15px 10px 15px; } #content div.cert_right div.barometer_result div.iso_sterne { float: right; } #content div.cert_right div.barometer_result span.iso_question { display: block; padding: 4px 0; width: 280px; float: left; } #content div.cert_right strong.ratinglevel { color:#7f7f7f; font-size: 28px; letter-spacing: 0.1em; display: block; margin: 10px 0 0 0; } #content div.cert_right div.certnav { padding: 15px; } #content p.des {border: 1px dotted #e0e0e0;padding: 10px; background: #f4f4f4; } #content div.cert_left div.barometer_result { border: 1px solid #e0e0e0; padding: 10px; margin-top: 15px; } #content div.cert_left div.barometer_result div.frequencyItem { margin: 5px 0; background:#fff; } #content div.cert_left .rating textarea { width: 403px; height:200px; border: 1px solid #ccc; padding: 5px; } #content div.cert_left .rating input { border: 1px solid #ccc; padding: 5px; width: 186px; } .referenzen img { margin: 0 8px; } #content div.vertrag { padding: 10px; border: 2px solid #e0e0e0; margin:15px 15px 0 0; height: 195px; overflow: hidden; width: 185px; float: left; text-align: center } #content div.vertrag:hover {background: #f4f4f4; } #content p.rline { border-bottom: 1px solid #ccc; position: relative; padding-left: 100px; line-height:1.1em; margin-top: 10px; } #content p.rline span.iso_sterne { position:absolute;left: 0; bottom:6px; } #content p.line { border-top: 1px solid #ccc;} #content p.martop{ margin-top:15px; } #content .info { font-size: 0.85em; } #content div.bewertungen { margin-top: 15px; } #content div.bewertungen div.item { margin: 15px 0; clear: both; border: 1px solid #e0e0e0; border-bottom: 3px solid #e0e0e0; padding:2px; } #content div.bewertungen div.item span.initial { clear: both; background-color: #f4f4f4; font-weight: 700; padding:2px 5px; display: block; color: #b18d10; border-bottom: 1px solid #b2b2b2; } #content div.bewertungen div.item div.cert_right {width: 325px; padding: 0 5px 15px 5px; } #content div.bewertungen div.item div.cert_left {width: 505px; padding: 0 5px; font-size: 12px; line-height: 1.6em; } #content div.bewertungen div.item div.shopcomment { border: 1px solid #f0f0f0; margin-top: 10px; margin-bottom: 5px; padding: 5px; background-color: #f9f9f9; } #content div.bewertungen div.item div.shopcomment p { padding: 0; color: #999999; } #content div.bewertungen div.item div.shopcomment:hover { color: #686868; background-color: #f4f4f4; border: 1px solid #ccc; } .warpcomment form textarea { padding:5px; height: 150px; background: #fff url(images/bgs/watermark_small.png) 380px 15px no-repeat; border: 1px solid #e0e0e0; width: 493px; } #content div.cert_right p.isoquestioncomment input { width: 385px; padding: 5px; border: 1px solid #e0e0e0; } /* cockpit */ div.cockpit { background: #fff url(images/bgs/watermark.png) right bottom no-repeat!important; } form.cockpit p { width: 545px; clear: both; margin: 7px 0; padding: 4px 5px; background: #f4f4f4; } form.cockpit p label { display: block; width: 170px; float: left; } form.cockpit p input { padding:3px; border: 1px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; width:360px; } /*bewertungen*/ div.not_verified span.initial { background: #fff1a3!important; } span.initial span.action a { border: none!important; padding:0!important; margin: 2px 2px 0 0; display: block; float: left; } form.cockpit p textarea { padding:3px; height: 150px; border: 1px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; width:360px; } div.update {border: 1px solid #8f8f8f; background: #fff1a3; padding: 5px; text-align: center; margin: 15px 0; font-weight: 700; } div.false{border: 1px solid #8f8f8f; background: #ffa3a3; padding: 5px; text-align: center; margin: 15px 0; font-weight: 700; } div.filter { margin: 0!important; border: 1px solid #E0E0E0; } div.filter p { background: #F4F4F4; margin: 1px; padding: 0px 8px; line-height: 33px; } div.filter a.current_page_item { border-bottom: none; } div.filter select { margin-top: 3px; border: 1px solid #dadada; padding: 4px; font-size: 11px; width: 223px; float: right; } div.filter option { padding: 1px 3px; } /* --------------------------------------------------------------- Kontaktformular ------------------------------------------------------------------ */ form.wpcf7-form{ width: 300px; padding: 0 0 30px 0; } form.wpcf7-form label.required,.main_small_box .small_box .error_msg { font-weight: 700; } form.wpcf7-form input { padding:5px; } form.wpcf7-form span input, form.wpcf7-form textarea{ width: 400px; padding:5px; border: 1px solid #e0e0e0; border-bottom: 3px solid #e0e0e0;} form.wpcf7-form textarea { margin: 0 0 4px 0;} form.wpcf7-form div.wpcf7-validation-errors, form.wpcf7-form .wpcf7-not-valid-tip-no-ajax { color: #e74f50; } form.wpcf7-form div.wpcf7-validation-errors { display: none; } form#beschwerdemelden {} form#beschwerdemelden label input { width: 250px; padding:5px; border: 1px solid #e0e0e0; border-bottom: 3px solid #e0e0e0;} form#beschwerdemelden textarea { height: 200px; width: 600px; padding:5px; border: 1px solid #e0e0e0; border-bottom: 3px solid #e0e0e0;} form#beschwerdemelden #isoreported { width: auto!important; padding:0; border: none; } form#beschwerdemelden #submit {float: right; } /* --------------------------------------------------------------- Newsletter ------------------------------------------------------------------ */ #TB_ajaxContent { background: url(images/watermark/watermark_small.png) right bottom no-repeat; font-size: 12px; } form#newsletter { padding: 15px 0 0 0; } form#newsletter input { font-size: 11px; padding: 3px; } form#newsletter p { clear: both; } form#newsletter label { width: 75px; float: left; font-weight: 700; } form#newsletter #iso_name,form#newsletter #iso_mail { width: 165px; } #TB_ajaxContent form#newsletter #submit { float: right; } .email { display: none; } /* --------------------------------------------------------------- Shop vorschlagen ------------------------------------------------------------------ */ #content form.zertifizierte-shops { border: 1px solid #e0e0e0; padding:1px 1px 6px 1px; width: 224px; float: right; margin: 0 0 15px 30px; } #content form.zertifizierte-shops strong { background: #f4f4f4; padding:3px; border-bottom: 1px solid #ccc; display: block; text-align: center } #content form.zertifizierte-shops label { font-size:0.9em; } #content form.zertifizierte-shops p { padding: 3px 10px; } #content form.zertifizierte-shops p.center { padding: 0 0 3px 0; } #content form.zertifizierte-shops .input input { font-size:0.9em; width: 196px; padding: 2px 3px; border: 1px solid #e0e0e0; } #content .error { border:1px solid #e74f50!important;} #content #mailsuccess { width: 205px; background: url(images/airmail.png) right bottom no-repeat; padding: 15px 120px 15px 0; z-index: 1000; position:relative; } /* --------------------------------------------------------------- Kontaktformular ------------------------------------------------------------------ */ form#kontaktform { width: 300px; padding: 0 0 30px 0; } form#kontaktform label.required,.main_small_box .small_box .error_msg { font-weight: 700; } form#kontaktform input, form#kontaktform textarea { width: 296px; } form#kontaktform textarea { margin: 0 0 4px 0;} form#kontaktform .submitbutton { float:right!important; width: 96px!important; height: 21px!important; margin: 10px 0 0 0!important; } form#kontaktform .pxs_css_spamcheck { display: none !important; } form#kontaktform input.submitbutton:focus { border: none!important; } /* --------------------------------------------------------------- Beschwerde melden ------------------------------------------------------------------ */ div.unstimmigkeit { display: none; } div.ajaxbox {font-size: 0.8em;height: 425px;width: 645px; } div.ajaxbox h3 { margin: 0 0 15px 0; } div.ajaxbox form { margin: 20px 0 0 0; } div.ajaxbox div.floatleft { width: 220px;} div.ajaxbox div.floatright { width: 420px;} div.ajaxbox textarea { width: 420px; height: 160px; background: url(images/bgs/siegel_sw_bg.png) right 2px no-repeat } div.ajaxbox input { width: 196px; } div.ajaxbox form p.submit input#submit { position: absolute; right: 17px; bottom: 15px; width: 137px; height: 31px; } div.ajaxbox #mailsuccess { background: url(images/airmail.png) right bottom no-repeat; padding: 20px 0; width: 525px; padding: 15px 120px 65px 0; } div.ajaxbox #isoreported { width: auto; margin: 5px 5px 20px 0; float: left; } /* --------------------------------------------------------------- [ Liste "Diese Shops sind bereits zertifiziert" ] ------------------------------------------------------------------ */ div.zertifizierteshops span.initial { clear: both; background: #F5F5F5; font-weight: 700; display: block; padding: 2px 10px; font-size: 16px; margin: 20px 0 0 0; color: #CC8D10; border-bottom: 1px solid #E0E0E0; } div.zertifizierteshops div.shop { float: left; width: 206px; height: 180px; border-left: 1px solid #E0E0E0; border-bottom: 1px solid #fff; padding: 5px 10px;} #content div.shop p { font-size: 0.85em; line-height:1.5em; } #content div.shop p a { margin: 5px 0 0 0!important; display: block; border: none!important; text-decoration: underline; } #content div.shop p a:hover { text-decoration: none; } #content div.shop:hover {background: #f9f9f9;} div.zertifizierteshops div.line { border-top: 1px solid #E0E0E0; } div.zertifizierteshops div.first { border-left: 1px solid #fff; } div.zertifizierteshops p.description { line-height: 13px; } div.zertifizierteshops p.description a { font-weight: 700; line-height: 1.5em; } /* --------------------------------------------------------------- div.wp-pagenavi (Paging Blog) ------------------------------------------------------------------ */ div.wp-pagenavi {padding: 10px 0 10px 0; width: 700px; } div.wp-pagenavi a { padding: 4px 6px 4px 6px; margin: 2px; border: 1px solid #e0e0e0; } div.wp-pagenavi span { position: static!important; display: inline!important; } div.wp-pagenavi span.pages { padding: 4px 6px 4px 6px; margin: 2px 2px 2px 0; border: 1px solid #e0e0e0; } div.wp-pagenavi span.current, div.wp-pagenavi a:hover { border: 1px solid #b18d10; padding: 4px 6px 4px 6px; margin: 2px; color: #b18d10; background-color: #f4f4f4; } /* --------------------------------------------------------------- [ nav ] ------------------------------------------------------------------ */ #nav { position: absolute; top: 159px; left: 0; height: 25px; width: 962px; } #nav ul li { float: left; text-align: center; } #nav ul li a { background: url(images/nav_li.png) left top; width: 135px; height: 25px; display: block; color: #fff; padding: 7px 0 0 0; font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #nav ul li.current_page_item a, #nav ul li a:hover { background: url(images/nav_li.png) left bottom!important; color: #b18d10!important;} #nav ul.newsletter { float: right; } #nav ul.newsletter li a { background: url(images/nav_newsletter.png) left top; } #nav ul.newsletter li a:hover { background: url(images/nav_newsletter.png) left top!important; color: #fff!important; } /* --------------------------------------------------------------- [ header ] ------------------------------------------------------------------ */ #header { } #header ul { position: absolute; top: 0; right: 14px; padding-top: 7px; } #header ul li { float: left; padding: 0 8px 0 8px; border-left: 1px dotted #f2f2f2; line-height: 1.2em} #header ul li a { color: #fff; font-weight: 700; font-size: 12px; } #header ul li a:hover { color: #686868; } #header ul li.first { border-left: none!important; } #header_rating { background: url(images/sprechblase.png) no-repeat; width: 644px; height: 101px; position: absolute; top: 70px; left: 200px; } #header_content { background: url(images/content/headline.png) no-repeat;width: 387px; height: 76px; position: absolute; top: 60px; right: 286px; } #logo { position: absolute; top: 0; left: 21px; } #header ul li ul { position: position: absolute; top: 23px; right: 0; } #header ul li ul li { float: none; border: 1px solid #fff; border-top: none!important; background: #b28e11; padding: 5px 8px 5px 8px; } li#login form { text-align: right; } li#login form p { padding: 3px 0; } li#login form input { font-size: 11px; padding: 3px; } li#login form small { font-size: 10px; color: #fff; } li#login form #uname,li#login form #pwd { width: 125px; } /* --------------------------------------------------------------- [ typo ] ------------------------------------------------------------------ */ body, input, textarea { font: 13px/1.5 Tahoma, Arial, Helvetica, sans-serif; color: #686868; } p { padding: 6px 0; } .page h1, .page h2, .page h3, .page h4 { font-family: Helvetica, Arial, sans-serif; color: #b18d10; } .page h1 { font-size: 21px; } .page h2 { font-size: 18px; } .page h3 { font-size: 16px; } .page h4 { font-size: 14px; } .page a { color: #b18d10; border-bottom: 1px solid #b18d10; padding-bottom: 1px; } .page a:hover { border-bottom: none; padding-bottom: 2px; } .page a.img { border-bottom: none; padding: 0;} .page a.img:hover { padding:0;} .center { text-align: center;} small { font-size: 11px; } a { text-decoration: none; } #content ul li { list-style-image: url(icons/li.png); margin: 10px 0 10px 30px; } /* --------------------------------------------------------------- [ div#footer ] ------------------------------------------------------------------ */ #clearfooter { height:120px; clear: both } #footer { background: url(images/bg_footer.png) 0 0 repeat-x; height: 120px; width: 100%; } #footer .bg { width: 960px; margin: 0 auto; text-align: left; position:relative; font: 10px Arial, Helvetica, sans-serif; color: #fff; } #footer #partner { padding: 20px 0 0 0; } #footer #copy { position: absolute; right: 0; top: 20px; } /* ColorBox Core Style The following rules are the styles that are consistant between all ColorBox themes */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(css/images/controls.png) top left no-repeat;} #cboxTopCenter{height:14px; background:url(css/images/borderHorizontal.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(css/images/controls.png) top right no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(css/images/controls.png) bottom left no-repeat;} #cboxBottomCenter{height:43px; background:url(css/images/borderHorizontal.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(css/images/controls.png) bottom right no-repeat;} #cboxMiddleLeft{width:14px; background:url(css/images/borderVertical.png) top left repeat-y;} #cboxMiddleRight{width:14px; background:url(css/images/borderVertical.png) top right repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#949494;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#949494;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(css/images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -14px -23px;} #cboxPrevious.hover{background-position:-14px 0px;} #cboxNext{left:27px; background-position:-37px -23px;} #cboxNext.hover{background-position:-37px 0px;} #cboxClose{right:0; background-position:-60px -23px;} #cboxClose.hover{background-position:-60px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}