@charset "ISO-8859-1";

@import "tagesgeldrechner.css"; 

#facebook { position: absolute; top: 173px; right: 30px; }
#facebook #___plusone_0 { float: left!important; }
#facebook a.facebook { float: left!important; }

*
{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	}

body
{
	background-color: #ebebeb;
	text-align: justify;
	font-size: 0.8em;
	
}

#container
{
	position: relative;
	width: 972px;
	margin: 0 auto;

}

h1
{
	height: 122px;	
	overflow: hidden;
}
#navigation
{
	border: 1px solid #d9d9d9;
	height: 31px;
	background: url("images/navigation-background.jpg") center no-repeat;
	padding: 2px;	
	overflow: hidden;
	text-align:center;
}

#navigation li
{
	float: left;
	list-style-type: none;
	background: url("images/navigation-border.gif") right top no-repeat;
	padding-right: 2px;	
}


#navigation li a
{
	display: block;
	float: left;
	height: 31px;
	padding : 8px 15px 0 17px;
	font-size: 1.05em;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: url("images/navigation-item-background.jpg") repeat-x;
	width: 159px;	
}

#navigation li a:hover, #navigation li.selected a
{
	background-image: url("images/navigation-selected-background.jpg");
}

#navigation li a span
{
	background: url("images/navigation-bullet.gif") left center no-repeat;
	padding-left: 13px;
}

#threecol
{
	border: 1px solid #d9d9d9;
	border-top: 0px;
	background: #ffffff;	
	clear: left;
	overflow: hidden;
	text-align: left;
}

#subnavigation
{
	list-style-type: none;
	margin: 1px;
	border-bottom: 14px solid #c2c2c2;
	
	
}

#subnavigation li
{
	border-left: 9px solid #d9b365;
	margin-bottom: 1px;
}	
	
#subnavigation li a
{
	color: #555555;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 10px;
	display: block;
	background-color: #f2f2f2;
	line-height: 21px;
}

#subnavigation li.dark a
{
	background-color: #e8e8e8;
}
	
#subnavigation li.selected a, #subnavigation li a:hover 
{
	background-color: #d9b365;
	color: #ffffff;
}

#subnavigation li ul li
{
	border-left: 0;
	font-size: .9em;
  list-style-type: none;
}	
	
#subnavigation li ul li a, #subnavigation li.selected ul li a
{
  padding-left: 20px;
	background-color: #f2f2f2;
  color: #555555;
  font-weight: normal;
}	

#subnavigation li ul li .selected a, #subnavigation li.selected ul li .selected a, #subnavigation li ul li a:hover, #subnavigation li.selected ul li a:hover
{
	background-color: #d9b365;
	color: #ffffff;
}	
	
#leftcol
{
	float: left;
	width: 194px;
	border: 2px solid #f0f0f0;
	border-width: 0 0px 2px 0;
	padding-right: 0px;
}

#gads
{
	margin: 1px;	
}
	
#rightcol
{
	float: right;
	width: 163px;
}

#skyscraper
{
	margin: 1px;
	border: 1px solid #666666;	
}

#content
{

	margin: 0 13px 0 195px;
	padding: 10px;
}	
	 
h2
{
	background-color: #ffffff;	
	padding: 4px 14px 4px 17px;
	font-size: 1.25em;
	color: #900;
}

h3
{
	font-size: 1.0em;
	color: #C93;
	padding-top: 6px;
}


h4
{
	font-size: 14px;
	color: #000;
	padding-top: 8px;
	padding-left:18px;
	padding-bottom:5px;
}

#content { overflow: hidden; width: 742px; }

#content .box
{
	margin: 6px 4px 4px 4px;
	padding: 0 12px;
	margin-bottom: 1em;
	
}

#content .box.bordered
{
	border: 1px solid #e5e5e5;
	text-align: justify;	
}	

a:link {color: #660033;}
a:visited {color: #660033; text-decoration:none;}
a:active {color: #660033; text-decoration:none;}
a:hover {color: #FFFFFF;  background-color:#660033;}

#content a.strong
{
	text-decoration: none;
	font-weight: bold;
}	

#content p {
	
	margin: 1em 0;	
	
}
	
#footer
{
	margin-top: 1em;
	color: #717171;
	font-size: .85em;
	position: relative;
	
}

#footer #footernavigation {
	
	list-style-type: none;
	position: absolute;
	right: 1em;
	top: 0;
	
}

#footer #footernavigation li {
	display: inline;
	padding-right: 1em;
}

#footer #footernavigation li a {
	color: #474747;
	padding-right: 1em;
}

#footer #bottomnavigation {
	
	list-style-type: none;
	margin: 2em 0;
	font-size: .9em;
	
}

#footer #bottomnavigation li {
	display: inline;
	padding-right: 1em;
}

#footer #bottomnavigation li a {
	color: #474747;
	padding-right: 1em;
}

a img 
{
	border: 0;
}	

.clearer
{
	clear: both;
}

a.LinkFett:link {color: #060; text-decoration:none; font-size:14px; font-weight: bold;background-color:#F0F0F0; }
a.LinkFett:visited {color: #060; text-decoration:none; font-size:14px; font-weight: bold;background-color:#F0F0F0;}
a.LinkFett:active {color: #060; text-decoration:none; font-size:14px; font-weight: boldbackground-color:#F0F0F0;;}
a.LinkFett:hover {color:white; background-color:#060; text-decoration:none; font-size:14px; font-weight: bold;}


a.LinkFett2:link {color: #660033; text-decoration:none; font-size:13px; font-family: Arial; font-weight: bold;}
a.LinkFett2:visited {color: #660033; text-decoration:none; font-size:13px; font-family: Arial; font-weight: bold;}
a.LinkFett2:active {color: #660033; text-decoration:none; font-size:13px; font-family: Arial; font-weight: bold;}
a.LinkFett2:hover {color: #FFFFFF;  background-color:#660033; font-size:13px; font-family: Arial; font-weight: bold;}

a.Link:link {color: #630; text-decoration:none; font-size:14px; font-family: Arial; font-weight: normal;}
a.Link:visited {color: #630; text-decoration:none; font-size:14px; font-family: Arial; font-weight: normal;}
a.Link:active {color: #630; text-decoration:none; font-size:14px; font-family: Arial; font-weight: normal;}
a.Link:hover {color: #FFFFFF;  background-color:#630;  text-decoration: underline; font-size:14px; font-family: Arial; font-weight: normal;}

a.LinkText:link {color: #630; text-decoration:none; font-size:12px; font-family: Arial; font-weight: normal;}
a.LinkText:visited {color: #630; text-decoration:none; font-size:12px; font-family: Arial; font-weight: normal;}
a.LinkText:active {color: #630; text-decoration:none; font-size:12px; font-family: Arial; font-weight: normal;}
a.LinkText:hover {color: #FFFFFF;  background-color:#630;  text-decoration: underline; font-size:12px; font-family: Arial; font-weight: normal;}

a.LinkFettAntrag:link {color: #660033; text-decoration:none; font-size:13px; font-family: Arial; font-weight: normal;}
a.LinkFettAntrag:visited {color: #660033; text-decoration:none; font-size:13px; font-family: Arial; font-weight: normal;}
a.LinkFettAntrag:active {color: #660033; text-decoration:none; font-size:13px; font-family: Arial; font-weight: normal;}
a.LinkFettAntrag:hover {color: #FFFFFF;  background-color:#660033; font-size:13px; font-family: Arial; font-weight: normal;}

.TextRot {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #F00;
	
}
.TableHead {
	font-family: Arial, sans-serif;
	background-color:#D9B365;
	font-size: 13px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-left:2px;
	padding-right:2px;
	
}

.TableHeadVertikal {
	font-family: Arial, sans-serif;
	background-color:#D9B365;
	font-size: 13px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding-left:2px;
	padding-right:2px;
	
}

.TableHeadLine {
	font-family: Arial, sans-serif;
	background-color:#D8D8D8;
	font-size: 14px;
	color: #990000;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	}

.TableHaupt {
	font-family: Arial, sans-serif;
	background-color:#F0F0F0;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
}

.TableHauptFett {
	font-family: Arial, sans-serif;
	background-color:#CCC;
	font-size: 13px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
}


.TableHauptRot {
	font-family: Arial, sans-serif;
	background-color:#F0F0F0;
	font-size: 12px;
	color: #F00;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
}


.TableHauptLeft{
	font-family: Arial, sans-serif;
	background-color:#F0F0F0;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
}

.TableHauptLeftDunkel{
	font-family: Arial, sans-serif;
	background-color:#CCC;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
}

.TableHauptLeftFett{
	font-family: Arial, sans-serif;
	background-color:#F0F0F0;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
}

a.TableDetailLink:link {color: #333333; text-decoration:none; font-size:13px; font-family: Arial; text-align: center;}
a.TableDetailLink:visited {color: #333333; text-decoration:none; font-size:13px; font-family: Arial; text-align: center;}
a.TableDetailLink:active {color: #333333; text-decoration:none; font-size:13px; font-family: Arial; text-align: center;}
a.TableDetailLink:hover {color: #000000;  text-decoration: none; font-size:13px; font-family: Arial; text-align: center; background-color:#333333;}

a.TableAntrag:link {color: #660033; text-decoration:none; font-size:14px; font-family: Arial; font-weight: bold; text-align: center; background-color:#F0F0F0;}
a.TableAntrag:visited {color: #660033; text-decoration:none; font-size:14px; font-family: Arial; font-weight: bold; text-align: center; background-color:#F0F0F0;}
a.TableAntrag:active {color: #660033; text-decoration:none; font-size:14px; font-family: Arial; font-weight: bold; text-align: center; background-color:#F0F0F0;}
a.TableAntrag:hover {color:  #000000;  text-decoration: none; font-size:14px; font-family: Arial; font-weight: bold; text-align: center; background-color:#660033;}




table#ultimate_calculator { 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: #D9B365; 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.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.i1 { font-size: 14px; }

      #page #tableBox {
                               width: 725px;
                               border: 1px solid #4c7792;
                               color: #000;
                               font-size: 13px;
                               background: #fff url(http://www.festgeld-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:#D9B365; width: 200px; color: #fff; border: 1px solid #ccc; padding: 2px 4px; font-weight:bold; }

#page #tableBox p { padding: 6px 0; }
.submit { margin-top: 8px; } 


#VergleichTable { width: 100%; text-align: left; border-left: 1px solid #fff; border-top: 1px solid #fff; }
#VergleichTable td { background: #F0F0F0; }
#VergleichTable td, #VergleichTable th { padding: 4px 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
#VergleichTable td.TdRendite { text-align: center; }
#VergleichTable tr.alt td { background: #fff; }

#VergleichTable .TdLogo { width: 110px; }
#VergleichTable .TdLogo a:hover {background: none!important;}
#VergleichTable .TdAntrag { width: 100px; text-align: center }
#VergleichTable .TdDetail { width: 120px; text-align: center }

#VergleichTable td.TdDetail a {color: #333333; text-decoration:none; font-size:13px; font-family: Arial; text-align: center;}
#VergleichTable td.TdDetail a:hover {color: #FFFFFF;  text-decoration: underline; font-size:13px; font-family: Arial; text-align: center; background-color:#333333;}

#VergleichTable td.TdAntrag a {color: #660033; text-decoration:none; font-size:14px; font-family: Arial; font-weight: bold; text-align: center; background-color:#F0F0F0;}
#VergleichTable td.TdAntrag a:hover {color:  #FFFFFF;  text-decoration: underline; font-size:14px; font-family: Arial; font-weight: bold; text-align: center; background-color:#660033;}