/* import css files ------------------------------------------------------------------ */ @import "reset.css"; /* base ------------------------------------------------------------------ */ html, body { height:100%; } html { background:url(../images/header.gif) repeat-x #FFFFFF; } #placeholder { min-height:100%; margin: 0 0 -64px 0; } #page { width: 960px; position: relative; } #contentbox { width: 960px; padding:140px 0 0 0; } /* div#header ------------------------------------------------------------------ */ #header { position:absolute; top:0px; left:0; background: url(../images/header_2.gif) 620px 0 no-repeat; width: 960px; } #header h1 { position:absolute; top: -1000px; } /* div#nav ------------------------------------------------------------------ */ #nav { position:absolute; top: 73px; right: 0; left: 0; width: 960px; font-size:13px!important; } #nav ul { margin: 0 0 0 5px; text-align:center; } #nav li { float: left; } #nav li a { margin: 0 10px 0 0; width: 179px; background: url( ../images/nav_li.gif) top left no-repeat; font-weight: 700; height: 30px; text-decoration: none; color: #fff; padding: 5px 0 0 0; line-height: 30px; display: block; } #nav li.span a { line-height: normal;} #nav li a span { font-size: 11px; font-weight: normal; display: block; } #nav li a:hover, #nav li.current a {background: url( ../images/nav_li.gif) bottom left no-repeat; } /* div#content ------------------------------------------------------------------ */ #content { padding: 0 15px 30px 15px; width: 630px; float: left; } .fullview { width: 750px!important; } #content .box { margin: 6px 0px 4px 0px; padding: 2px 2px; background-color:#F0F0F0; margin-bottom: 1em; } #content .box.bordered { border: 1px solid #F0F0F0; text-align: justify; } /* div#sidebar ------------------------------------------------------------------ */ #sidebar { float: left; width: 180px; padding: 0 0 30px 0; } #sidebar div { background: #fff; padding: 1px 0; } #sidebar ul { font-size: 12px; border-top: 3px solid #8a4444; border-bottom: 3px solid #8a4444; background: #8a4444; padding: 1px 0; } #sidebar ul li a { background: url(../images/sub_li_blau.gif) 2px 2px no-repeat #F2F2F2;color: #000; text-decoration: none; font-weight:700;border-bottom: 1px solid #fff; padding: 8px 3px 8px 32px; display: block; width: 145px; } #sidebar ul ul li a { background: #E9DDCB; border-bottom: 1px solid #fff; padding: 5px 3px 5px 32px; display: block; width: 145px; font-weight: normal; } #sidebar ul ul { border: none!important; display: none} #sidebar ul li.current ul li a { background: #E9DDCB; } #sidebar ul li.current ul { display: block;} #sidebar ul ul li a:hover, #sidebar ul ul li.current a { background: url(../images/sub_li_hell.gif) 2px 0px no-repeat #F7F7E8!important; } #sidebar ul li a:hover, #sidebar ul li.current a { background: url(../images/sub_li_braun.gif) 2px 2px no-repeat #cb2c2c; color:#FFFFFF;} #sidebar ul li a span { font-size: 11px; font-weight: bold; color:#CC3366; } #sidebar_rechts { float: left; width: 120px; padding: 0 0 20px 0; } #sidebar_rechts div.infobox { background: url(../images/infobox.png) top left no-repeat; border-bottom: 2px solid #D5C29B; margin: 8px 0 5px 0; width: 120px; font-size: 12px; font-weight: 700; padding: 5px 0 0 0; } #sidebar_rechts div.infobox p { padding: 4px 5px; } #sidebar_rechts div.infobox p.test { color: #000000; text-align: left; padding: 4px 5px 4px 5px; } #sidebar_rechts div.infobox p.test:link { padding: 4px 5px; color: #000000; } #sidebar_rechts div.infobox p.test:visited { padding: 4px 5px; color: #000000; } #sidebar_rechts div.infobox p.test:active { padding: 4px 5px; color: #000000; } #sidebar_rechts div.infobox p.test:hover { padding: 4px 5px; color: #FFFFFF; } /* div#footer ------------------------------------------------------------------ */ #footer { position:relative; width:100%; clear: both; background: url(../images/footer.gif) bottom left repeat-x; height: 64px; width: 100%; } #clearfooter { height:64px; clear: both} /* use for fixed footer */ #footer div { width: 960px; position: relative; height: 60px; padding: 4px 0 0 0;} #footer p.bottom { float: right; width: 430px; text-align: right; font-weight: 700; color: #717171; height: 60px; padding: 0;} #footer p.bottom a { padding: 20px 10px; margin: 0 2px; border: 2px solid #fff; color: #717171; text-decoration: none; line-height: 60px;} #footer p.bottom a.current, #footer p.bottom a:hover { border: 2px solid #3F91A9; background: url(../images/footer_li.png) repeat-x; color: #fff} #footer p.copy { float: left; color: #A0844E; width: 430px;padding: 22px 0 0 50px; } /* typography ------------------------------------------------------------------ */ body { font: 14px Arial, Helvetica, sans-serif; } h1,h2,h3,h4,h5,h6 { line-height:1.1em; font-weight:700; } h1 { font-size: 18px; color: #000000; } h2 { font-size: 16px; padding: 0 0 0px 0; color: #000000; } h3 { font-size: 17px; color: #000000; font-weight:bold; padding-bottom: 6px; padding-top: 4px; text-decoration: none; } h4 { font-size: 14px; color: #8a4444; padding-bottom: 6px; font-weight: normal; } p { line-height: 17px;} /* colors ------------------------------------------------------------------ */ body { color:#000; } /* links ------------------------------------------------------------------ */ #sidebar_rechts a { font-weight: 700;} #content a, #sidebar_rechts a, #footer p.copy a { text-decoration:none;} a:hover { } /* tools ------------------------------------------------------------------ */ .clear { clear:both; } .floatright { float:right; } .floatleft { float:left; } .imgload { height:0; width:0; position: absolute; left:0; } /* Detailboxen ------------------------------------------------------------------ */ .detailbox { font-family: Arial; color: #000000; background: url(../images/detailbox.png) no-repeat; width: 739px; height: 160px; padding-left: 6px; padding-bottom: 8px; margin-top: 8px; } .detailbox2 { font-family: Arial; color: #000000; background: url(../images/detailbox2.png) no-repeat; width: 739px; height: 150px; padding-left: 6px; padding-bottom: 15px; margin-top: 8px; } /* Vergleichstabelle ------------------------------------------------------------------ */ .tabellenkopf { font-family: Arial; font-size: 13px; color: #FFFFFF; text-align: center; vertical-align: middle; font-weight: bold; border-color: #FFFFFF; padding: 2px 2px; background-color: #8a4444;} .cellnormal { font-family: Arial; font-size: 13px; color: #000000; text-align: center; vertical-align: middle; font-weight: normal; background-color: #F4F4F4; padding: 2px 2px;} .cellnormalKleineSchrift { font-family: Arial; font-size: 11px; color: #000000; text-align: center; vertical-align: middle; font-weight: normal; padding: 2px 2px;} .cellnormalRotFett { font-family: Arial; font-size: 13px; color: #cb2c2c; text-align: center; vertical-align: middle; font-weight: bold; padding: 2px 2px;} .celldetail { text-align: center; background-color: #CFCFCF; padding-top: 2px; padding-left: 2px; padding-right: 2px; padding-bottom:1px;} a.celldetaillink:link { color:#000000!important; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center; background-color: #CFCFCF!important;} a.celldetaillink:visited { color:#000000!important; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center; background-color: #CFCFCF!important;} a.celldetaillink:active { color:#000000!important; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center; background-color: #CFCFCF!important;} a.celldetaillink:hover { color:#FFFFFF!important; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center; background-color: #CFCFCF!important;} .TableAntragcell { background-color:#CFCFCF; text-align: center; padding: 1px 1px; } a.TableAntrag:link { color:#000000; font-family: Arial; font-size: 13px; font-weight: bold; padding: 6px 2px; text-decoration:underline!important; } a.TableAntrag:active { color:#000000; font-family: Arial; font-size: 13px; font-weight: bold; padding: 6px 2px; text-decoration:underline!important;} a.TableAntrag:visited { color:#000000; font-family: Arial; font-size: 13px; font-weight: bold; padding: 6px 2px; text-decoration:none;} a.TableAntrag:hover { color:#FFFFFF; background-color:#cb2c2c; font-family: Arial; font-size: 13px; font-weight: bold; padding: 6px 2px; text-decoration:none;} .DetailTabelleUnten { font-family: Arial; font-size: 11px; color: #000000; text-align: left; font-weight: normal; background-color: #CFCFCF; padding: 2px 2px;} /* Weitere Links ------------------------------------------------------------------ */ a.textlink:link {color:#cb2c2c!important; text-decoration:none; font-weight: bold!important; font-size:16px!important;} a.textlink:visited {color:#cb2c2c!important; text-decoration:none; font-weight: bold!important; font-size:16px!important;} a.textlink:hover {color:#FFFFFF!important; background-color:#cb2c2c!important; font-weight: bold!important; text-decoration:none; font-size:16px!important;} a.textlink:active {color:#cb2c2c; text-decoration:none; font-weight: bold!important; font-size:16px!important;} a.textlinkklein:link {color:#cb2c2c!important; text-decoration:underline!important; font-size:14px!important;} a.textlinkklein:visited {color:#cb2c2c!important; text-decoration:underline!important; font-size:14px!important;} a.textlinkklein:hover {color:#FFFFFF!important; background-color:#cb2c2c!important; text-decoration:none; font-size:14px!important;} a.textlinkklein:active {color:#cb2c2c; text-decoration:none; font-size:14px!important;} a.linksinbox:link {color:#cb2c2c!important; text-decoration:underline!important; font-weight: bold!important; font-size:15px!important;} a.linksinbox:visited {color:#cb2c2c!important; text-decoration:underline!important; font-weight: bold!important; font-size:15px!important;} a.linksinbox:hover {color:#FFFFFF!important; background-color:#cb2c2c!important; font-weight: bold!important; text-decoration:none; font-size:15px!important;} a.linksinbox:active {color:#cb2c2c; text-decoration:none; font-weight: bold!important; font-size:15px!important;} a.zumvergleich:link {color:#cb2c2c!important; text-decoration:none; font-weight: bold!important; font-size:16px!important;} a.zumvergleich:visited {color:#cb2c2c!important; text-decoration:none; font-weight: bold!important; font-size:16px!important;} a.zumvergleich:hover {color:#FFFFFF!important; background-color:#cb2c2c!important; font-weight: bold!important; text-decoration:none; font-size:16px!important;} a.zumvergleich:active {color:#cb2c2c; text-decoration:none; font-weight: bold!important; font-size:16px!important;} table#ultimate_calculator { clear: both; width: 100%; border-collapse: separate; margin: 0 0 20px 0; border-left: 1px dotted #C4BEAE; font-family: Tahoma; } table#ultimate_calculator thead th { text-align: center; line-height: 1.2em; font-family: Helvetica, Tahoma; font-size: 12px; background: #CB2C2C; border-top:1px solid #b7ac90; vertical-align: middle; color: #fff!important; padding:5px; font-weight: 700; border-right: 1px dotted #f4f4f4; border-bottom: 1px solid #fff; } table#ultimate_calculator td, #content #ultimate_calculator table th { padding:5px; text-align: left; font-size: 12px; vertical-align: middle; } table#ultimate_calculator tbody td { border-right: 1px dotted #C4BEAE; border-bottom: 1px solid #C4BEAE; border-top:1px solid #f4f4f4; vertical-align: top; } table#ultimate_calculator td.i8,#content th.i8 { width: 40px; white-space: nowrap; text-align: center; } table#ultimate_calculator td.i4,#content th.i4,#content td.i3,#content th.i3 { text-align: center; font-size:12px!important;} table#ultimate_calculator td.i5 { text-align: center; font-weight: 700; font-size: 12px;} table#ultimate_calculator td.i1 { font-size: 14px; } table#ultimate_calculator td.i7,#content td.i6 { width: 40px; white-space: nowrap; text-align: center; font-size: 14px;} table#ultimate_calculator td.i5 { white-space: nowrap; } table#ultimate_calculator tr.alt td { background: #f4f4f4 } table#ultimate_calculator td.i7 a:link{color:#CB2C2C; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration:underline!important;} table#ultimate_calculator td.i7 a:visited{color:#CB2C2C; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration:underline!important;} table#ultimate_calculator td.i7 a:hover {color:#ffffff; background-color:#CB2C2C; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration:none!important;} table#ultimate_calculator td.i7 a:active {color:#000000; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration:underline!important;} #page #tableBox { width: 725px; border: 1px solid #4c7792; color: #000; font-size: 13px; background: #fff url(http://www.tagesgeld-zinsvergleich.net/images/calc-bild.jpg) no-repeat right top; padding:10px; margin: 0 0 25px 0; } #tableBox label span { width: 100px; display: inline-block; } #tableBox label { color:#000!important; font-weight: bold } #page #tableBox td { padding: 3px; } #tableBox .submit { background:#CB2C2C; width: 200px; color: #fff; border: 1px solid #ccc; padding: 2px 4px; font-weight:bold; } #page #tableBox p { padding: 6px 0; } .submit { margin-top: 8px; } .submit:hover { background: #E9EEF2!important; color: #000000!important; } .submit { cursor: pointer; }