/* Theme Name:Tarif24 News Theme URI:http://www.idealo.de Author:Ingo Stoecker ingo.stoecker@idealo.de, Andy Lutterjohann andy.lutterjohann@idealo.de Version:2.0 */ /* GENERAL */ body { background-color: #e0e0e0;font-family: Helvetica, Arial, sans-serif; font-size: 13px;color:#002244;} * {margin:0;padding:0;color: #000;position:relative;} strong { font-weight: bolder; } table, td { padding: 0; border-spacing: 0; } a { text-decoration: none; outline-style: none; } a:hover { text-decoration: underline;color:#f19957;} a img { border: none; } input[type="checkbox"] { width: auto !important; } /* GENERAL */ div#body_area{width:977px; background:#fff url(images/page.gif) repeat-y right top} div#columns { width: 100%; float: left; position: relative; background: transparent url(images/columns.gif) repeat-y top left; z-index: 300; } div#mid{width:610px; height:100%; float:left; z-index:10000; margin:10px 0px 0px 15px} /* HEADER */ div#header { background: url(images/header.gif) no-repeat; margin: 0; padding-bottom: 0; padding-left: 13px; padding-top: 12px; width: 956px; height: 89px; margin-bottom: -12px; } div#header .logos { display: block; height: 75px; float: right; position: relative; top: -5px; cursor: auto; text-decoration: none; } div#header .logos span { display: none; position: relative; width: 350px; padding: 10px; top: 75px; z-index: 1000; background: #E7ECF2; color: #000; border: 1px solid #CECFCF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity: 0.95; filter: alpha(opacity=95.0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95.0)"; background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0.1, rgb(255,255,255)), color-stop(0.63, rgb(231,236,242))); background-image: -moz-linear-gradient(right bottom, rgb(255,255,255) 10%, rgb(231,236,242) 63% ); } div#header .logos:hover span { display: block; } div#header #ssl { width: 75px; right: 230px; } div#header #ssl span { left: -300px; } div#header a#verisign { width: 130px; right: -65px; } div#header a#verisign span { left: -250px; } /* HEADER */ /* Navigation / Subnavigation */ div#navigation { background: url(images/navigation.gif) repeat-x; height: 43px; margin-bottom: 3px; width: 969px; z-index: 990; } div#navigation ul li { float: left; list-style: none; width: auto; } div#navigation ul li:hover { background: url(images/nav_over.gif) repeat-x; } div#navigation ul li a { font-weight: bold; display: block; z-index: 500; height: 28px; padding: 10px 12px 0; color: #002244; } /*div#navigation ul li#nav1 a { font-weight: bold; display: block; z-index: 500; height: 28px; padding: 10px 12px 0; }*/ div#navigation ul li a:hover { color: #000; text-decoration: none; } div#navigation ul li.navpipe { background: url(images/navigation-pipe.gif) repeat-y; width: 2px; padding: 0; height: 33px; } div#navigation ul li div.subnavigation { visibility: hidden; position: absolute; top: 33px; left: -1px; height: auto; padding: 10px 5px 10px 0; z-index: 1000; background: #E7ECF2; color: #000; border: 1px solid #CECFCF; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; opacity: 0.92; filter: alpha(opacity=92.0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92.0)"; background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0.1, rgb(255,255,255)), color-stop(0.63, rgb(231,236,242))); background-image: -moz-linear-gradient(right bottom, rgb(255,255,255) 10%, rgb(231,236,242) 63% ); } div#navigation ul li div#subnav1 { width: 450px; } div#navigation ul li div#subnav2 { width: 785px; } div#navigation ul li div#subnav3 { width: 420px; } div#navigation ul li div#subnav4 { width: 380px; } div#navigation ul li div#subnav5 { width: 525px; } div#navigation ul li div#subnav6 { width: 350px; } div#navigation ul li div#subnav7 { width: 247px; } div#navigation ul li div.subnavigation div.subnavcol { float: left; } div#navigation ul li div#subnav2 div.subnavcol { width: 305px; } div#navigation ul li div#subnav3 div.subnavcol { width: 210px; } div#navigation ul li div#subnav4 div.subnavcol { width: 190px; } div#navigation ul li div#subnav5 div.subnavcol { width: 175px; } div#navigation ul li div.subnavpadding { padding: 60px 0 0 0; width: 240px !important; } div#navigation ul li div#subnavlast { padding: 29px 0 0 0; } div#navigation ul li div.subnavigation div.subnavheader { font-size: 16px; font-weight: bold; margin: 10px 10px 5px 10px; } div#navigation ul li div.subnavigation div.subnavheadlines { font-size: 16px; font-weight: bold; margin: 10px; } div#navigation ul li div.subnavigation ul li { float: none; list-style-image: url(images/listarrow.gif); margin: 0 0 0 30px; padding: 0; line-height: 26px; } div#navigation ul li div.subnavigation ul li:hover { background: none; list-style-image: url(images/listarrow-hover.gif); } div#navigation ul li div.subnavigation ul li.top { background: url(images/top.png) no-repeat top right; line-height: 20px; } div#navigation ul li div.subnavigation ul li a { font-weight: normal; height: auto; display: inline; padding: 0; color: #002244 } div#navigation ul li div.subnavigation ul li a:hover { text-decoration: underline; color: #F19957; } /* Navigation / Subnavigation */ div.kat{width:322px; height:33px; background:url(images/calc_sel.png) no-repeat; display:block; position:relative; position:relative; top:44px; left:40px} div.kat a{color:#000; font-size:14px; font-weight:bold; text-decoration:none; position:relative; top:8px; left:20px} div.katform{width:297px; height:190px; background:url(images/form-bg.png) no-repeat; position:relative; top:-121px; left:340px} div.katformheader{color:black; font-size:18px; font-weight:bold; position:relative; top:-70px; left:40px} div.katsubheader{color:black; font-size:12px; position:relative; top:-70px; left:40px} div.katform form{color:black; font-size:12px; position:relative; top:-40px; left:70px} div.katform form input{height:30px; color:#ada9a9; width:100px; height:30px; text-align:center} div.katform form .btn{width:153px; height:32px; background:url(images/btn.png) no-repeat; margin:18px 0px 0px 44px} div.katform .katstoerer{width:86px; height:86px; position:relative; left:244px; top:-20px; z-index:0; display:inline} div.greybox{width:279px; height:125px; background:url(images/greybox.png) no-repeat; display:inline-block; position:relative; top:65px; left:40px} div.greybox ul li{color:#000; font-size:14px; font-weight:bold; text-decoration:none; position:relative; top:-38px; left:20px; line-height:34px} /* SIDEBAR */ div#main div#sidebar{float:right; width:336px; z-index:11000; position:relative; top:10px; margin:0px 0px 30px 0px; } div#main div#sidebar div.sidebarbox div.headline, div#main div#sidebar h3{margin:0px 0px 10px 10px; font-size:18px; font-family:"Times New Roman",Times,serif; font-weight:normal; color:#024; z-index:120; position:relative} div#main div#sidebar div.sidebarbox div.sonder{position:relative; top:-14px; margin-bottom:20px} div#main div#sidebar .sonder2{margin:0px 0px 10px 10px} div#main div#sidebar .sonder3{position:relative; top:15px} div#main div#sidebar div.sidebarbox .kontakt {margin:0 0 0 9px;position:relative;top:53px;} div#main div#sidebar div.sidebarbox #vhotline {top:35px;} div#main div#sidebar div.sidebarbox #thotline {top:40px;} div#main div#sidebar div.sidebarbox #mhotline {top:45px;} div#main div#sidebar div.sidebarbox .kontakt img {position:relative;top:3px;} div#main div#sidebar div.sidebarbox .email {margin:25px 0 13px 5px;} div#main div#sidebar div.sidebarbox .kontakt span {display:inline; font-size:12px;font-weight:bold;margin:0 0 0 5px; color:#002244;} div#main div#sidebar div.sidebarbox .kontakt p {font-size:12px; font-weight:normal;margin:0 0 0 25px; color:#002244;} div#main div#sidebar div.sidebarbox{margin:10px; width:300px} div#main div#sidebar .margin-10{margin:10px 0px 0px 10px !important} div#main div#sidebar div.sidebarbox form{background-color:#f8f8f8; border:1px solid #d4d4d4; position:relative; top:-10px; padding-bottom:20px} div#main div#sidebar div.sidebarbox form label{margin:5px 0px 5px 10px; position:relative; top:5px; font-size:11px; display:block} div#main div#sidebar div.sidebarbox form input, div#main div#sidebar div.sidebarbox form textarea{margin:0px 0px 0px 10px; position:relative; top:5px; width:277px; border:inherit} div#main div#sidebar div.sidebarbox form input#contactbutton {background:url(images/buttton_anfrage_absenden.png) no-repeat; width:162px; height:31px; font-size:11px; font-weight:bold; border:none; float:right; margin:10px 10px 0px; padding:0px 0px 3px; cursor:pointer; position:relative; z-index:20} div#main div#sidebar div.sidebarbox div.sidebarheader{color:#369; font-size:18px; font-family:"Times New Roman",Times,serif; margin:0px 0px 10px 0px; position:relative; z-index:20000} div#main div#sidebar div#hotline {background:url(http://www.tarif24.de/images/sidebar/hotline.png) no-repeat left top;height:212px;} div#main div#sidebar div#hotline div.headline {margin:5px 0 10px 9px;position:absolute;} div#main div#sidebar div#hotline button {width:166px;height:32px;left:1px;top:179px;cursor:pointer;border:none;position:absolute;} div#main div#sidebar div#hotline button.on { background: url(http://www.tarif24.de/images/buttons/kontaktformular_on.png) no-repeat; } div#main div#sidebar div#hotline button.off { background: url(http://www.tarif24.de/images/buttons/kontaktformular_off.png) no-repeat; } div#main div#sidebar div#contactform {display:none;} div#main div#sidebar div#contactform .error{color:red;font-weight:bold;} div#main div#sidebar div#contactform a{text-decoration:underline;} div#main div#sidebar div#contactform .small {font-size:9px;} div#main div#sidebar div#contactform span {display:inline;} div#main div#sidebar div#contactform label a{text-decoration:underline;} div#main div#sidebar div#zertifikate{height:70px} div#main div#sidebar div#zertifikate img{padding:0px 12px 0px 12px} div#main div#sidebar div#lebensabschnitt{background:url(http://www.tarif24.de/images/sidebar/labox.png) no-repeat; width:300px; height:163px} div#main div#sidebar div.sidebarbox cite{display:block; font-style:italic; font-size:12px; margin:0px 0px 0px 10px} div#main div#sidebar div.sidebarbox span{display:block; font-weight:normal; font-size:10px; margin:5px 0; margin:0px 0px 10px 10px} div#main div#sidebar div.sidebarbox ul li{display:inline} div#main div#sidebar div.sidebarbox ul#lextab { left: 190px; top: -1px; width: 89px; z-index: 1000; } div#main div#sidebar div.sidebarbox ul#lextab li { z-index: 1000; cursor: pointer; border: 1px solid #5E8AB1; display: inline; top: -2px; padding: 3px 9px; } div#main div#sidebar div.sidebarbox ul#lextab li:hover { color: #EF8B01; } div#main div#sidebar div.sidebarbox ul#lextab li.tab_on { border-bottom: 1px solid #fff; } div#main div#sidebar div.sidebarbox ul#lextab li.tab_off { border: 1px solid #fff; border-bottom: none; } div#main div#sidebar div.sidebarbox div.lexikon {background:url(http://www.tarif24.de/images/sidebar/lexi_bg.png) no-repeat; width:300px; height:98px;} div#main div#sidebar div.sidebarbox div.lexikon div ul li#empty {background:none;} div#main div#sidebar div.sidebarbox div.lexikon #a_l { border:1px solid #5E8AB1; width:278px; height:76px; margin:0 0 0 10px;background: #fff url(http://www.tarif24.de/images/sidebar/buch.png) no-repeat right; } div#main div#sidebar div.sidebarbox div.lexikon #m_z { border:1px solid #5E8AB1; width:278px; height:76px; margin:0 0 0 10px;display:none;background: #fff url(http://www.tarif24.de/images/sidebar/buch.png) no-repeat right; } div#main div#sidebar div.sidebarbox div.lexikon #a_l ul, div#main div#sidebar div.sidebarbox div.lexikon #m_z ul { margin:0; position:relative; width:195px; top:12px;left:10px;} div#main div#sidebar div.sidebarbox div.lexikon #m_z ul { width: 220px; } div#main div#sidebar div.sidebarbox div.lexikon #a_l ul li {background:url(http://www.tarif24.de/images/sidebar/letters.png) no-repeat; width:24px; height:24px; line-height:24px;float:left; padding:0 4px 4px 0;text-align:center;} div#main div#sidebar div.sidebarbox div.lexikon #m_z ul li {background:url(http://www.tarif24.de/images/sidebar/letters.png) no-repeat; width:24px; height:24px; line-height:24px;float:left; padding:0 4px 4px 0;text-align:center;} div#main div#sidebar div.sidebarbox div.lexikon #a_l ul li a, div#main div#sidebar div.sidebarbox div.lexikon #m_z ul li a {display:block;font-size:14px; font-weight:bold; text-decoration:none; z-index:16000;} div#main div#sidebar div.sidebarbox div.lexikon #a_l ul li a:hover, div#main div#sidebar div.sidebarbox div.lexikon #m_z ul li a:hover {font-size:14px; font-weight:bold; text-decoration:none;color:#EF8B01; z-index:17000;} /* SIDEBAR */ /* LEBENSABSCHNITTE */ div#main div#sidebar div#lebensabschnitt ul { margin: 0 0 0 10px; } div#main div#sidebar div#lebensabschnitt ul li { float: left; cursor: pointer; } div#main div#sidebar div#lebensabschnitt ul li a { display: block; height: 128px; background-color: blue; cursor: pointer; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt1 { width: 45px; background: url(http://www.tarif24.de/images/sidebar/lp_baby_off.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt2 { width: 45px; background: url(http://www.tarif24.de/images/sidebar/lp_child_off.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt3 { width: 60px; background: url(http://www.tarif24.de/images/sidebar/lp_teen_off.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt4 { width: 70px; background: url(http://www.tarif24.de/images/sidebar/lp_adult_off.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt5 { width: 60px; background: url(http://www.tarif24.de/images/sidebar/lp_elder_off.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt1:hover { background: url(http://www.tarif24.de/images/sidebar/lp_baby_on.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt2:hover { background: url(http://www.tarif24.de/images/sidebar/lp_child_on.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt3:hover { background: url(http://www.tarif24.de/images/sidebar/lp_teen_on.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt4:hover { background: url(http://www.tarif24.de/images/sidebar/lp_adult_on.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt5:hover { background: url(http://www.tarif24.de/images/sidebar/lp_elder_on.png) no-repeat; } div#main div#sidebar div#lebensabschnitt ul li a iframe { display: none; position: absolute; width: 450px; padding: 10px; z-index: 9000; background: #E7ECF2; color: #000; border: 1px solid #CECFCF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity: 0.95; filter: alpha(opacity=95.0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95.0)"; background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0.1, rgb(255,255,255)), color-stop(0.63, rgb(231,236,242))); background-image: -moz-linear-gradient(right bottom, rgb(255,255,255) 10%, rgb(231,236,242) 63% ); } div#main div#sidebar div#lebensabschnitt ul li a:hover iframe { display: block; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt1 iframe { top: -60px; left: -440px; height: 120px; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt2 iframe { top: -100px; left: -450px; height: 118px; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt3 iframe { top: -200px; left: -440px; height: 170px; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt4 iframe { top: -220px; left: -435px; height: 190px; } div#main div#sidebar div#lebensabschnitt ul li a#abschnitt5 iframe { top: -165px; left: -435px; height: 140px; } /* LEBENSABSCHNITTE */ div#footer{width:100%; height:98px; background:url(images/footer.gif) repeat-x; text-align:center; width:969px; margin-top: 9px; } div#footer ul, div#footer p{padding-top:15px; font-size:11px; color:#000} div#footer ul li{display:inline} div#footer ul li a{font-size:10px; color:#000} div#main h1{margin:10px 10px 10px 20px; font-family:"Times New Roman",Times,serif; font-weight:normal; font-size:18px; color:#024} div#main div.posting .the_content{margin:10px 0px 10px 20px; font-size:13px; width:610px; color:#002244} div#main div.posting .the_content strong{color:#024} ul.arrow li{background:url(images/list_style.png) no-repeat; padding-left:5px} .floatL{float:left} .floatR{float:right} .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0} #i6 .clearfix{zoom:1} /* Original */ div.header_link a{display:block; width:230px; height:150px} div#mid h1{margin:0; padding:0; line-height:28px; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-variant:normal; font-weight:normal; text-decoration:none; text-transform:none} div#mid h2{margin:0; padding:0; line-height:22px; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-variant:normal; font-weight:normal; text-decoration:none; text-transform:none} div#mid h2 a{margin:0; padding:0; line-height:22px; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; font-variant:normal; font-weight:bold; text-decoration:none; text-transform:none} div#mid h3{margin:0; padding:0; line-height:22px; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-variant:normal; font-weight:normal; text-decoration:none; text-transform:none} div#mid div.headline{margin:0; margin-bottom:10px; padding:0; line-height:20px; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; font-variant:normal; font-weight:bolder; text-decoration:none; text-transform:none} div#mid div.postings{background:url("http://www.tarif24.de/images/elements/border-dotted-waagerecht.gif") repeat-x scroll left bottom transparent; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px} div#mid div.the_content, div#mid div#comments{background:url("http://www.tarif24.de/images/elements/border-dotted-waagerecht.gif") repeat-x scroll left bottom transparent; margin:10px 0; padding:10px 0} div#comments { margin-top: 20px; } div#mid div.the_content p img{background:url(images/picture_frame.png) no-repeat; width:155px; height:155px} div#mid div.postings h2{margin:10px 0px 10px 0px} div#mid div.postings h3{margin:10px 0px 10px 0px} div#mid div.postings p.meta{margin-bottom:10px} div#mid div.postings div.thecontent p strong{color:#000000;font-weight:normal;} div#mid form label{display:block; font-weight:bolder; margin:3px 0} div#mid form label span{font-weight:normal} div#mid form input[type="submit"]{margin-bottom:10px} div#mid form textarea{width:400px; height:200px; border:1px solid #D4D4D4; margin-bottom:10px} div#mid div.postings div.the_content p{margin-top:0; padding-top:0} div.the_content p a, div.thecontent p a {text-decoration:underline;} div#mid form input, div#mid div.postings form textarea { border: 1px solid #000; } div#mid div#impressum{background:none} #mid ul, #mid ol { margin: 10px 0; } #mid ul li{background:none !important; list-style:square; margin-left:20px;} #mid ol li{background:none !important; margin-left:20px;} div#columns div#mid ul#last5posts li { background: url(http://www.tarif24.de/images/pfeil.png) no-repeat !important; padding-left: 20px; list-style: none !important; } .the_content h5{font-family:Georgia,"Times New Roman",Times,serif; font-size:11px; margin:5px 0px 0px 0px} .wp-caption {float:left; border: 1px solid #CECFCF; text-align: center; background-color: #F7F8F8; padding-top: 4px; margin-right: 10px; margin-top: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px} .wp-caption img {margin: 0; padding: 0; border: 0 none} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0} div#mid div.postimage { float: left; width: 85px; height: 85px; margin: 0 10px 10px 0; border: 1px solid #ccc; } div#mid div.postimage img { text-align: center; vertical-align: middle; margin: 5px 0 0 5px; padding: 0; } /* Original */ /* IE7 */ #i7 div#subnavigation{left:0px} #i7 div#main div#calculator ul{position:relative; z-index:3000} #i7 div#main div#sidebar h3.sonder3{position:relative; z-index:21000} #i7 div#main div#sidebar div.sidebarbox .lex{position:relative; left:201px} #i7 div#main div#sidebar div.sidebarbox .lex .tab{padding:4px 10px 1px 10px} #i7 div#main div#sidebar div.sidebarbox .lex .tab_on{margin-right:1px; left:2px} #i7 div#main div#sidebar div.sidebarbox .lex .tab_off{margin-right:0px; left:1px} #i7 div#sub1 table tr td div.subbottom1{left:-4px; top:-8px} #i7 div#sub4 table tr td div.subbottom4{left:-3px; top:-6px} #i7 div#main div#sidebar div.sidebarbox form{padding-bottom:50px} #i7 div#navigation ul li .nav-l{padding:0px} #i7 div#navigation ul li .nav-m{padding:0px} #i7 div#navigation ul li .nav-r{padding:0px} #i7 div#navigation ul li .nav-l a{display:inline-block} #i7 div#navigation ul li .nav-m a{display:inline-block} #i7 div#navigation ul li .nav-r a{display:inline-block} #i7 div#navigation ul li#start a:hover{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#navigation ul li#start a.selected{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#navigation ul li#versicherungen a:hover{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#navigation ul li#versicherungen a.selected{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#navigation ul li#vorsorge a:hover{height:30px; padding:0px 9px 0px 9px; line-height:31px} #i7 div#navigation ul li#vorsorge a.selected{height:30px; padding:0px 9px 0px 9px; line-height:31px} #i7 div#navigation ul li#finanzierung a:hover{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#navigation ul li#finanzierung a.selected{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#navigation ul li#gesellschaften a:hover{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#navigation ul li#gesellschaften a.selected{height:30px; padding:0px 14px 0px 14px; line-height:31px} #i7 div#main div.form form{left:60px} #i7 div#main div#calculator ul li div a{width:130px} #i7 div#main div.form form input[type="text"]{padding-top:5px; height:24px; top:6px} /* IE7 */ /* IE8 */ #i8 div#sub1 table tr td div.subbottom1{top:-6px} #i8 div#subnavigation div.subnavigation table tr td div.headline2{width:250px !important} #i8 div#main div#sidebar div.sidebarbox form{top:0px; padding-bottom:50px} #i8 .clearfix:after{display:inline-block} #i8 div#main div#sidebar div.sidebarbox div.lexikon #a_l{position:relative; top:-4px} #i8 div#main div#sidebar div.sidebarbox div.lexikon #m_z{position:relative; top:-4px} #i8 div#footer{margin:0px; display:inline-block} #i8 div#main #calcForm1{position:absolute; top:37px} #i8 div#main #calcForm2{position:absolute; top:37px} #i8 div#main #calcForm3{position:absolute; top:37px} #i8 div#main #calcForm4{position:absolute; top:37px} #i8 div#main div.catbox .box{top:15px} #i8 div#main div.form form input[type="text"]{padding-top:5px; height:24px; top:0px} /* IE8 */ /* IE6 */ #i6 div#navigation { margin-top: -66px; } #i6 div#navigation ul li#nav1 { width: 40px; } #i6 div#navigation ul li#nav2 { width: 100px; } #i6 div#navigation ul li#nav3 { width: 80px; } #i6 div#navigation ul li#nav4 { width: 140px; } #i6 div#navigation ul li#nav5 { width: 100px; } /* IE6 */ /* global */ #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #d9d9c2; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(images/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(images/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: transparent; } .cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; } .cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; } .cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; } .cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* jtip arrows */ .clue-right-jtip .cluetip-arrows { background-image: url(images/arrowleft.gif); } .clue-left-jtip .cluetip-arrows { background-image: url(images/arrowright.gif); left: 100%; margin-right: -11px; } .clue-top-jtip .cluetip-arrows { background-image: url(images/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-jtip .cluetip-arrows { background-image: url(images/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { background: transparent url(images/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; } .cluetip-rounded #cluetip-outer { background: transparent url(images/tl.gif) no-repeat 0 0; margin-top: -12px; } .cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; } .cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(images/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; } .cluetip-rounded #cluetip-inner { background: url(images/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; } .cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; } .cluetip-rounded div#cluetip-close a { color: #777; } /* rounded arrows */ .clue-right-rounded .cluetip-arrows { background-image: url(images/rarrowleft.gif); } .clue-left-rounded .cluetip-arrows { background-image: url(images/rarrowright.gif); left: 100%; margin-left: 12px; } .clue-top-rounded .cluetip-arrows { background-image: url(images/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-rounded .cluetip-arrows { background-image: url(images/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* stupid IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; } /* google search */ #cse .gs-webResult .gs-visibleUrl-short { display: none; } #cse .gs-webResult .gs-visibleUrl-long { display: block; } div#navigation div#searchbox { background: transparent url(images/searchbox.png) no-repeat top right; width: 193px; height: 21px; float: right; margin-top: 7px; margin-right: 9px; } div#navigation div.searchbox { background: transparent url(images/searchbox.png) no-repeat top right; } div#navigation div#searchbox form input#searching { background: url(images/search.png) no-repeat; width: 14px; height: 14px; border: none; position: relative; left: 6px; top: 4px; cursor: pointer; z-index: 11; } div#navigation div#searchbox form input#search { background: none !important; color: #ADA9A9; border: none !important; margin-right: 10px; margin-top: 3px; position: relative; width: 155px; float: right; z-index: 100; } /* google search */ div#wp_page_numbers, div#wp_page_numbers ul { width: 600px; margin: 0 auto; text-align: center; } div#wp_page_numbers ul li { margin: 2px !important; float: none !important; display: inline-block !important; }