/* Reset                        */
/* Fonts                        */
/* Standards                    */
/* Grid                         */
/* Header                       */
/* Footer                       */
/* Content                      */
/* Forms                        */
/* Home                         */
/* _Special                     */
/* End                          */

/* 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;}

/*  FONTS ///////////////////////////////////////////////// */
body {
    font: 12px arial, helvetica, sans-serif;
    line-height: 17px;
    color: #353535;
}

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; line-height: 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%;
}

/*  Standards ///////////////////////////////////////////////// */

html,
body {
    height: 100%  !important;
    min-height: 100%;
    *height: 100%;    
}

img {
    border: none
}

strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

a {
    color: #353535;
    text-decoration: underline;
    outline: none;
}

a:hover {
    text-decoration: none;
}

#site    {
    margin: 0 auto;
    width: 960px;
    height: auto !important;
    min-height: 100%;
    *height: 100%;
}

/* Header ///////////////////////////////////////////////*/
#header {
    height: 151px;
    background: #393939 url(/images/main/bg-header.png) no-repeat 0 0;
    position: relative;
    margin-top: 10px;
	margin-bottom: 10px;
    overflow: hidden;
}

#header h1 {
    position: absolute;
    width: 170px;
    height: 86px;
    top: 24px;
    left: 25px;
}

#header h1 a {
    width: 170px;
    height: 86px;
    display: block;
    text-indent: -1000em;
    overflow: hidden;
    background: transparent url(/images/main/logo.png) no-repeat 0 0;
}

#header h2 {
    position: absolute;
    top: 50px;
    left: 264px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#header h2 span {
    color: #bababa;
    display: block;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
}

#headerNavi {
    position: absolute;
    top: 119px;
    left: 244px;
}

#headerNavi li {
    float: left;
    display: inline;
}

#headerNavi li a {
    float: left;
    color: #fff;
    width: 137px;
	height: 21px;
    padding-top: 11px;
	display: block;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: #333 1px 1px 1px;
    background: transparent url(/images/main/sprite-navi.png) no-repeat 0 0;    
}

#headerNavi li a:hover {
    color: #333;
	height: 21px;    
    padding-top: 11px;    
    text-shadow: #e5e5e5 1px 1px 1px;
    text-decoration: none;
}

#headerNavi li.first a {
    padding-left: 6px;
}

#headerNavi li.first a:hover {
    background-position: 0 -32px;
}

#headerNavi li.second a {
    background-position: -143px 0;
}

#headerNavi li.second a:hover {
    background-position: -143px -32px;
}

#headerNavi li.third a {
    background-position: -280px 0;
}

#headerNavi li.third a:hover {
    background-position: -280px -32px;
}

#headerNavi li.fourth a {
    background-position: -417px 0;
}

#headerNavi li.fourth a:hover {
    background-position: -417px -32px;
}

#headerNavi li.last a {
    padding-right: 8px;
    background-position: right 0;    
}

#headerNavi li.last a:hover {
    background-position: right -32px;
}


/* Footer ///////////////////////////////////////////////*/
#footer {
    background: #e2e2e2 url(/images/main/sprite-footer.png) repeat-x 0 0;
    position: relative;
    color: #999;
    margin: 15px 0;
    height: 61px;
    line-height: 61px;
}

#footer p {
	margin-left: 20px;
    display: inline;
}

#footer div.logo {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 58px;
    height: 36px;
    overflow: hidden;
    text-indent: -1000em;
    background: transparent url(/images/main/sprite-footer.png) no-repeat 0 -70px;
}

/* Sidebar ///////////////////////////////////////////////*/
#middle {
    min-height: 100px;
}

#sidebar {
    min-height: 100px;
    width: 230px;
    margin: 0 20px 0 0;
    float: left;
    display: inline;
    overflow-x: hidden;
}

#sidebar li {
    height: 59px;
    background: #f2f2f2 url(/images/main/sprite-sidebar.png) repeat-x 0 0;
    margin-bottom: 1px;
}

#sidebar li a {
    width: 185px;
    height: 44px;
    padding: 15px 0 0 45px;
    display: block;
    color: #000;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none !important;
}

#sidebar li a:hover {
    width: 184px;
    margin-left: 1px;
}

#sidebar li a span {
    display: block;
    color: #464646;
    font-size: 11px;
}

#sidebar li.first a {
    background: transparent url(/images/main/sprite-sidebar.png) no-repeat 20px -85px;
}

#sidebar li.second a {
    background: transparent url(/images/main/sprite-sidebar.png) no-repeat 20px -146px;
}

#sidebar li.third a {
    background: transparent url(/images/main/sprite-sidebar.png) no-repeat 20px -207px;
}

#sidebar li.fourth a {
    background: transparent url(/images/main/sprite-sidebar.png) no-repeat 20px -268px;
}

#sidebar li.fifth a {
    background: transparent url(/images/main/sprite-sidebar.png) no-repeat 20px -329px;
}

#sidebar li.sixth a {
    background: transparent url(/images/main/sprite-sidebar.png) no-repeat 20px -390px;
}

/* Content ///////////////////////////////////////////////*/
#content {
    width: 710px;
    float: left;
    display: inline;
}

#intro {
    width: 690px;
    height: 178px;
    padding: 30px 0 0 20px;
    color: #d9d9d9;
    position: relative;
    background: #4d4d4d url(/images/main/bg-intro.jpg) no-repeat 0 0;
}

#intro h2 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

#intro p {
    position: absolute;
    left: 420px;
    top: 85px;
    line-height: 20px;
    font-size: 12px;
    width: 250px;
}

#intro a {
    color: #fff;
    background: transparent url(/images/main/sprite-linkarrow.gif) no-repeat 0 6px;
    white-space: nowrap;
    padding-left: 7px;
}

#content div.box {
    border: 1px solid #d4d4d4;
    padding: 12px 14px 6px;
}

#content h2.boxTitle {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #393939 url(/images/main/bg-header.png) no-repeat right -70px;
    padding: 12px 14px 6px;
}

#content h2.boxTitle span {
    color: #bababa;
    display: block;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
}

#content h2.boxTitle.tarife,
#content h2.boxTitle.geldanlage,
#content h2.boxTitle.zinsen,
#content h2.boxTitle.vergleich,
#content h2.boxTitle.vorsorge,
#content h2.boxTitle.icompare{
    padding:0;
    height: 48px;
    position: relative;
}

#content h2.boxTitle.tarife {
    background: #019cea url(../../images/main/title-tarife-bg.png) repeat-x 0 0;
}

#content h2.boxTitle.geldanlage {
    background: #d80138 url(../../images/main/title-geldanlage-bg.png) repeat-x 0 0;
}

#content h2.boxTitle.zinsen {
    background: #257911 url(../../images/main/title-zinsen-bg.png) repeat-x 0 0;
}

#content h2.boxTitle.vergleich {
    background: #304671 url(../../images/main/title-vergleich-bg.png) repeat-x 0 0;
}

#content h2.boxTitle.vorsorge {
    background: #b41010 url(../../images/main/title-vorsorge-bg.png) repeat-x 0 0;
}

#content h2.boxTitle.icompare {
    background: #5e6a84 url(../../images/main/title-icompare-bg.png) repeat-x 0 0;
}


#content h2.boxTitle.tarife span,
#content h2.boxTitle.geldanlage span,
#content h2.boxTitle.zinsen span,
#content h2.boxTitle.vergleich span,
#content h2.boxTitle.vorsorge span,
#content h2.boxTitle.icompare span {
    position: absolute;
    left: 120px;
    top: 15px;
    color: #fff;
}

#content h2.boxTitle.geldanlage span {
	left: 170px;
}

#content h2.boxTitle.zinsen span {
	left: 130px;
}

#content h2.boxTitle.vergleich span {
	left: 145px;
}

#content h2.boxTitle.vorsorge span {
	left: 140px;
}

#content h2.boxTitle.icompare span {
	left: 165px;
}

#content h3 {
	font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}

#content h4 {
	font-size: 12px;
    font-weight: bold;
}

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

div.mediaBox {
    border: 1px solid #d4d4d4;
    padding: 12px 14px 6px;
    margin-top: 10px;
}

div.mediaBox h3 {
	margin-bottom: 20px !important;
}

div.mediaBox img {
	float: right;
}

div.imprintRapid {
    margin: 0 -14px -6px;
    padding: 20px 14px 14px;
    background: #f2f2f2;
}

div.imprintRapid h4 {
	margin: 0 0 10px;
}

div.portalBox {
	width: 220px;
    float: left;
    margin: 10px 25px 0 0;
    display: inline;
}

div.portalBox.last {
    margin-right: 0 !important;
}

div.portalBox .img {
    border: 1px solid #d4d4d4;
    border-top: none;
    background: transparent url(/images/main/img-shadow.png) no-repeat 0 0;
    height: 159px;
    width: 218px;
}

div.portalBox .img img{
    margin: 10px 0 0 13px;}

.list {
    border: 1px solid #d4d4d4;
    border-top: none;
    padding: 12px 14px 10px;
}

.list dt {
	color: #353535;
    font-weight: bold;
    margin-bottom: 10px;
}

.list dd {
	color: #595959;
    font-size: 11px;
    line-height: 20px;
	padding: 0 0 0 10px;
    background: transparent url(/images/main/sprite-linkarrow.gif) no-repeat 4px -12px;    
}

div.portalBox h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline;
}

div.portalBox .text {
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    padding: 10px 14px 5px;
    font-size: 11px;
}

.list.geldanlage dd {
	color: #e5093a;
}

.list.zinsen dd {
	color: #247910;
}

.list.tarife dd {
	color: #019cea;
}

.list.vergleich dd {
	color: #334a77;
}

.list.vorsorge dd {
	color: #b40f0f;
}

.list.icompare dd {
	color: #5d6a84;
}

.list dd span {
	color: #595959;
    display: block;
}

div.overview {
    border-top: 1px solid #d4d4d4;
    width: 250px;
    margin-top: 35px;
}

/*  System Message /////////////////////////// */
.systemMessage {
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    color: #1a1a1a;
    margin: 0 10px 20px;
}

.systemMessage.error {
    color: #B31E00;
}

.systemMessage div.icon {
    float: left;
    height: 35px;
    width: 35px;
    margin-right: 10px;
    background: #f2f2f2 url(/images/main/bg-box-info.png) no-repeat -20px -200px;
}

.systemMessage.error div.icon {
    background: #f2f2f2 url(/images/main/bg-box-info.png) no-repeat -20px -350px;
}

.systemMessage .middle {
    background: #f2f2f2;
    padding: 0 20px;
}

.systemMessage .top {
    background: #f2f2f2 url(/images/main/bg-box-info.png) no-repeat 0 top;
    height: 13px;
    line-height: 10px;
    position: relative;
}

.systemMessage div.tr {
    background: #f2f2f2 url(/images/main/bg-box-info.png) no-repeat right top;
    width: 13px;
    height: 13px;
    display: block;
    float: right;
}

.systemMessage .bottom {
    background: #f2f2f2 url(/images/main/bg-box-info.png) no-repeat 0 bottom;
    height: 13px;
    line-height: 10px;
    position: relative;
}

.systemMessage div.br {
    background: #f2f2f2 url(/images/main/bg-box-info.png) no-repeat right bottom;
    width: 13px;
    height: 13px;
    display: block;
    float: right;
}

/* End ///////////////////////////////////////////////*/