/*  §1 Reset                        */
/*  §2 Fonts                        */
/*  §3 Standards                    */
/*  §4 Content                      */





/* §1 RESET ///////////////////////////////////////////////*/
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/*  §2 FONTS ///////////////////////////////////////////////// */
body    {
    font: 13px/0.813em arial, helvetica, sans-serif;
    line-height: 18px;
/*    color: #333333;*/
}

h1        { font-size: 161.5%; line-height: 133.3%;}
h2        { font-size: 161.5%; line-height: 133.3%;}
h3        { font-size: 123.1%; line-height: 125%;}
h4        { font-size: 140%;}
h5        { font-size: 100%;}
h6        { font-size: 100%;}


select,input,button,textarea    {
    font:100% arial, helvetica, sans-serif;
}

table    {
    font-size:inherit;
    font:100%;
}

pre,code,kbd,samp,tt    {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

/*  §3 Standards ///////////////////////////////////////////////// */
#site    {
    width: 100%;
    margin: 0;
    height: auto !important;
    min-height: 100%;
    *height: 100%;
/*      background: #e5e5e5;*/
}

html, body {
    width: 100%;
    height: 100%;
}

img {
    border: none
    * -ms-interpolation-mode: bicubic;
}

strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.center {
    margin: 0 auto;
}

.right {
    float: right;
}

.strong {
    font-weight: bold;
}

a:link,
a:visited,
a:focus,
a:active {
/*    color: #0088cc;*/
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img.left {
    margin-right        : 5px;
    margin-bottom       : 5px;
}

img.right {
    margin-left         : 5px;
    margin-bottom       : 5px;
}


/* §4 Content  ///////////////////////*/

div#space_top {
    height: 10px;
}

div.wrap {
    width: 780px;
    margin: 0 auto;
    position: relative;
/*    background-color : #fff;*/
}

div#top {
    width               : 780px;
    height              : 30px;
/*    background          : #333;*/
    border-bottom: 1px solid #fff;
}

div#top ul#top_nav {
    text-align: right;
/*    color: #666;*/
    padding: 5px 20px 0 0;
    font-size: 84.6%;
}

div#top ul#top_nav li {
    display: inline;
}

div#top ul#top_nav li a {
/*    color: #fff;*/
    padding: 2px 5px;
    text-decoration: none;
}

div#top ul#top_nav li a.active,
div#top ul#top_nav li a:hover {
/*    background: #666;*/
/*    color: #fff;*/
}

/* Left Frame */
div#left_frame {
    width: 220px;
    float: left;
    padding-bottom: 30px;
}

div#left_frame h1#logo {
    text-align: left;
    width: 220px;
}

div#left_frame h1#logo a {
/*    color: #fff;*/
    text-decoration: none;
    display: block;
    padding: 10px 20px;
/*    background: #0088cc;*/
}

/* Navigation */
div#navigation {
    margin: 20px 10px;
    border-top: 1px solid #e5e5e5;
}

h2.navigation_headline {
/*    background: #e5e5e5;*/
    font-size: 84.6%;
/*    color: #333;*/
    text-transform: uppercase;
    padding: 4px 0 4px 10px;
    display:block;
}

div#navigation ul#nav li {
    display: block;
    width: 200px;
    border-bottom: 1px solid #e5e5e5;
}

div#navigation ul#nav li a {
    width: 180px;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

div#navigation ul#nav li a:hover {
/*    background: #e5e5e5;*/
/*    color: #333;*/
}

div#navigation ul#nav li a.active {
/*    color: #333;*/
    font-weight: bold;
}

/* Google Adsense */
div#adsense_left {
    padding: 9px;
}
div#adsense_pageheadline {
    padding: 9px;
}

/* Right Frame */
div#right_frame {
    width: 560px;
    float: right;
}

div#right_frame div#content {
    padding: 20px 20px 10px 20px;
}

div#right_frame div#content h2 {
    margin-bottom       : 10px;
    border-bottom       : 1px solid #333;
}

div#right_frame div#content h3 {
}

div#right_frame div#content p {
    margin-bottom       : 20px;
}

div#right_frame div.header_image {
    width: 560px;
    clear: both;
}

/* Breadcrumb */
div#breadcrumb {
    padding-left: 20px;
/*    color: #333;*/
    font-size: 84.6%;
    display: block;
    line-height: 22px;
    border-bottom: 1px solid #e5e5e5;
/*    background: #fff;*/
}

/* Footer */
div#footer {
/*    color: #999;*/
    border-top: 1px solid #e5e5e5;
    font-size: 84.6%;
    padding: 10px 20px;
    clear: both;
    display: block;
}

div#footer span {
    display: block;
}

div#footer a {
    text-decoration     : none;
}

/* Form */
/***********************************************************************/

.FormSelect,
.FormSelectOver {
    border: 1px solid #D1D1D1;
}

.FormText,
.FormTextOver {
    width: 60px;
    border: 1px solid #ccc;
}

.FormError {
    border: 1px solid red;
    padding: 0 5px;
    margin-left: 20px;
}

.FormErrorBorder {
    border-left: 3px solid #C20101;
}

a.linkbutton:link,
a.linkbutton:visited,
a.linkbutton:focus,
a.linkbutton:active,
a.linkbutton:hover {
    padding: 3px;
    border: 1px solid #0088cc;
    font-size: 11px;
}

a.linkbutton:hover {
    text-decoration: none;
}

div.empty {
    border: 1px dotted #aeaeae;
    margin-bottom: 19px;
    padding: 10px;
}


/* Element Sitemap */
/***********************************************************************/
ul#sitemap li {
    list-style: disc inside;
    margin: 2px 20px;
}


/* (Element Calccsn) */
/***********************************************************************/

table.elementcalccsn_zinscalc,
table.elementcalccsn_zinscalc_pre {
    width: 100%;
    font-size: 11px;
}

table.elementcalccsn_zinscalc_pre {
    border-top: 1px solid #ccc;
}

table.elementcalccsn_zinscalc_pre tbody tr td {
    padding: 2px 2px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

table.elementcalccsn_zinscalc_pre tbody tr td.right {
    text-align: right;
}

table.elementcalccsn_zinscalc_pre tbody tr td.last {
    padding-right: 5px;
    text-align: right;
}

table.elementcalccsn_zinscalc thead tr td {
    padding: 8px 5px;
    font-weight: bold;
}

table.elementcalccsn_zinscalc tbody tr td {
    padding: 8px 5px;
    border-bottom: 1px solid #ccc;
}

table.elementcalccsn_zinscalc tbody tr.last td {
    border: 0;
}

table.elementcalccsn_zinscalc tbody tr td.first {
    font-size: 15px;
    font-weight: bold;
}

a.elementcalccsn_linkbutton:link,
a.elementcalccsn_linkbutton:visited,
a.elementcalccsn_linkbutton:focus,
a.elementcalccsn_linkbutton:active,
a.elementcalccsn_linkbutton:hover {
    padding: 4px 5px;
}


div.elementcalccsn_zinscalc_info_btn {
    padding: 2px 5px;
    border: 1px solid #0088cc;
    cursor: pointer;
}

/*
div.elementcalccsn_zinscalc_bottom_add {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #ccc;
}
*/

div.elementcalccsn_popup_info {
    width: 204px;
    /*width: auto;*/
    position:absolute;
}

div.elementcalccsn_popup_info table {
    border: 1px solid #ccc;
    /*border-bottom: 0;*/
    width: 204px;
}

div.elementcalccsn_popup_info table thead tr td {
    padding: 5px 15px 5px 5px;
    border-bottom: 0px solid #ccc;
}

div.elementcalccsn_popup_info table tbody tr.productname td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 5px;
    font-weight: bold;
}

div.elementcalccsn_popup_info table tbody tr td {
    padding: 3px 5px;
    border-bottom: none
}

div.elementcalccsn_popup_info table tfoot tr td {
    border-top: 1px solid #ccc;
    border-bottom: none;
    padding: 3px 5px;
    line-height: 16px;
}


/* (/Element Calccsn) */
/***********************************************************************/

/* (Element Comparison) */
/***********************************************************************/

table.elementcomparisoncsn {
    border-top: 1px dotted #000000;
    width: 100%;
}

table.elementcomparisoncsn tr td {
    border-bottom: 1px dotted #000000;
    padding: 3px;
    vertical-align: top;
}

table.elementcomparisoncsn tr td.logo {
    text-align: center;
    vertical-align: middle;
    height: 60px;
}

table.elementcomparisoncsn tr td.descr {
    font-weight: bold;
}

table.elementcomparisoncsn tr td.to_offer {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

div.elementcomparisoncsn_pageselector {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.elementcomparisoncsn,
table.elementcomparisoncsn tr td,
div.elementcomparisoncsn_pageselector,
z {
    font-size: 11px;
}

/* (/Element Comparison) */

/***********************************************************************/


body    {
    color: #000000;
}

#site   {
    background: #e5e5e5;
}

a:link,
a:visited,
a:focus,
a:active {
    color: #07a4f2;
}

div.wrap {
    background-color : #ffffff;
}

div#top {
    background-color: #333333;
    border-bottom-color: #ffffff;
}

div#top ul#top_nav {
    color: #666666;
}

div#top ul#top_nav li a {
    color: #ffffff;
}

div#top ul#top_nav li a.active,
div#top ul#top_nav li a:hover {
    background: #666666;
    color: #ffffff;
}

div#left_frame h1#logo a {
    color: #ffffff;
    background: #07a4f2;
}

div#navigation {
    background: #ffffff;
    border-top-color: #e5e5e5;
}

h2.navigation_headline {
    color: #333333;
}

div#navigation ul#nav li {
    border-bottom-color #e5e5e5;
}

div#navigation ul#nav li a {
    color: #07a4f2;
}

div#navigation ul#nav li a:hover {
    background: #e5e5e5;
    color: #333333;
}

div#navigation ul#nav li a.active:hover {
    color: #333333;
}

div#navigation ul#nav li a.active {
    color: #333333;
}

div#right_frame div#content h2 {
    border-bottom-color : #000000;
}

div#breadcrumb {
    background: #ffffff;
    border-bottom-color: #e5e5e5;
    color: #000000;
}

div#footer {
    color: #999999;
    border-top-color: #e5e5e5;
}

.FormSelect,
.FormSelectOver,
.FormText,
.FormTextOver,
z {
    background-color: #ffffff;
    border-color: #999999;
    color: #000000;
}

.FormError {
    background-color: #ffffff;
    color: #ff0000;
    border-color: #ff0000;
}

.FormErrorBorder {
    border-left-color: #ff0000;
    color: #ff0000;
}

a.linkbutton:link,
a.linkbutton:visited,
a.linkbutton:focus,
a.linkbutton:active,
a.linkbutton:hover {
    background-color: #07a4f2;
    border-color: #07a4f2;
    color: #ffffff;
}

a.linkbutton:hover {
    background-color: #ffffff;
    color: #000000;
}

div.empty {
    border-color: #999999;
}

tr.ListRowDark {
    background-color: #e5e5e5;
}


table.elementcalccsn_zinscalc_pre {
    border-top-color: #999999;
}

table.elementcalccsn_zinscalc_pre tbody tr {
    background-color: #e5e5e5;
}

table.elementcalccsn_zinscalc thead tr td {
    color: #ffffff;
}

table.elementcalccsn_zinscalc thead {
    background-color: #07a4f2;
}

table.elementcalccsn_zinscalc tbody tr td {
    border-bottom-color: #999999;
}

div.elementcalccsn_zinscalc h2 {
    color: #07a4f2;
}

table.elementcalccsn_zinscalc tbody tr td.first {
    color: #07a4f2;
}

div.elementcalccsn_zinscalc_info_btn {
    background-color: #ffffff;
    border-color: #07a4f2;
    color: #07a4f2;
}

div.elementcalccsn_popup_info table {
    border-color: #999999;
    background-color: #ffffff;
}

div.elementcalccsn_popup_info table thead tr td {
    background-color: #ffffff;
    border-bottom-color: #999999;
}

div.elementcalccsn_popup_info table tbody tr.productname td {
    border-bottom-color: #999999;
    border-top-color: #999999;
}

div.elementcalccsn_popup_info table tbody tr td {
    background-color: #ffffff;
}

div.elementcalccsn_popup_info table tfoot tr td {
    border-top-color: #999999;
    background-color: #ffffff;
}

div.elementcalccsn_popup_info table tbody tr.productname td,
div.elementcalccsn_popup_info table tfoot td div.notice {
    color: #07a4f2;
}



table.elementcomparisoncsn {
    border-top-color: #999999;
}

table.elementcomparisoncsn tr td {
    border-bottom-color: #999999;
}

table.elementcomparisoncsn tr td.two {
    background-color: #e5e5e5;
}