/* -- Allgemeines -- */
/*body {
 background: #FFFFFF; 
 color: black;
 margin: 5px;
 padding: 0%;
 min-width: 640px;
 font-size: 100.01%;   
 font-family: MingLiU, PMingLiU;
}
a { color: #0B4D8C; text-decoration: underline; } 
a:visited { color: #0B4D8C; } 
.skip 
 position: absolute;
 margin-left: -10000px;
}
h1 { 
 font-size: 1.8em;
 line-height: 1.2em;
 padding: 20px 0 5px 0;
 margin: 0;
 border-bottom: 1px dashed #aaa;
 color: #6699CC;
}
h2, h3, h4, h5, h6 { 
 color: #6699CC;
 
 padding:0px;
 margin:0px;
 font-family: MingLiU, PMingLiU;
}
img { 
 
 padding: 1px;
}
.fleft 
 float: left;
 margin: 0 1em 0.2em 0;
}
span.fright {
 float: right;
 margin: 15px 0 0.2em 1em;
 padding: 1px;
 font-weight:bold;
 }
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}


/* -- Layoutspezifisches -- */
#container { /* Ist dafür gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz außen am Fenster ist. */
 /*font-size: 1.0em; /* Ein Kompromiss über den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgröße für zu groß, wissen aber nicht wie man das ändert. */
 max-width:1115px; /* 900px; Eine Begrenzung der Breite auf höhstens 900px. Das machen wir um nicht zu lange Textbreiten zu erhalten welche dann schlecht zu lesen sind. Für den IE gibt es in ielte.css einen Woraround. */
 margin: left; /* normal: auto; Hiermit zentrieren wir unsere Seite */
 border: 1px solid #aaa; /* Eine kleine optische Abgränzung */
 border-top: 0; /* 0;Ganz oben allerdings würde es mit dem grauen komisch aussehen, deshalb weg damit. */
 z-index:2;
 
}

/* === Start Header === */

#logo_neu {
 /*background: url(images/head-bg.gif) repeat-x; #0a318c;  Das Bild mit der Blume hat einen Übergang zum Schwarzen das nutzen wir aus. Wir lassen es oben links beginnen und wiederholen es nicht. Dadurch dass die Hintergrundfarbe auch schwarz ist entsteht der Eindruck als ob das Bild unendlich lang wäre. 
 background-position: left;*/
 background:#0a318c;
 width:1115px;
 height: 100px; /* Das Blumenbild ist 64px hoch also wählen wir das auch als höhe für unseren Kopf. */
 padding: 0;
 text-align: left;
 line-height: 54px;
 font-size: 54px; /* Das Logo soll auch in unseren Kopf passen deswegen ist es ein wenig kleiner. Durch die Angabe der Textgröße in px verhindern wir im IE die Vergrößerung und zerstörung des Layouts durch den Benutzer. Der Opera vergrößert das Bild proportional mit also kann da auch nichts passieren. */
 overflow: hidden; /* Einzig der Mozilla könnte den Text unverhältnissmäßig zum Hintergrund verändern. Damit dann wenigstens das Menü benutzbar bleibt schneiden wir alles was herausragt ab. */
 letter-spacing: -3px; /* Wieder ein wenig Typografie damit das Logo besser aussieht. */
 margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
}
#logo a {
 color: white; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen, deshalb wählen wir hier Weiß. */
 text-decoration: none;
}
#logo a span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
 color: black;
 background: white;
 padding-right: 0.1em; /* damit das weiße rechts und links genau so breit ist. */
 font-weight: bold;
}

#toplogo { /* Suchfeld */
 position:absolute;
 left: 387px;
 top: 10px;
}

/* === Ende Header === */


/*- === Start Menuleiste === */

#nav{width:1115px;float:left;text-align:right;font-size:16px;background:#60b0d8;margin:2px auto;padding:0;}
ul.nav{height:25px;line-height:25px;float:left;list-style:none;font-size:16px;text-transform:inherit;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;border-right:2px solid #fff;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{color:#fff;float:left;display:block;text-decoration:none;padding:0 15px;}
ul.nav li a:hover {background:#ffffff;color:#999999;text-decoration:none; }
ul.nav li.current_page_item a{text-decoration:none;background:url(../img/info.gif) repeat-x;color:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}
/*img,a img,img.wp-smiley{border:none;}
.nav a:link,.nav a:active,.nav a:visited,.nav a:hover{text-decoration:none;border:none;}

/*- === Ende Menuleiste === */


/*- === Start Breadbrumb Navigation === */
#breadcrumb{
font-size:12px;
}
/*- === Ende Breadbrumb Navigation === */


/*- === Start Linke Navigationsleiste === */

/*#menu3 {
position:absolute;
top: 125px;
left: -5px;
        width: 125px;
        margin: 10px;
        border-style: solid solid none solid;
        border-color: #BCD2E6;
        border-size: 1px;
        border-width: 1px;
		font-size:12px;
        }
		
#menu3 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
		
#menu3 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu3 li a:link, #menu3 li a:visited {
        color: #8BADCF;
        display: block;
        background:  url(../img/menu3.gif);
        padding: 8px 0 0 10px;
        }

#menu3 li a:hover, #menu3 li #current {
        color: #627EB7;
        background:  url(../img/menu3.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }
		
/* ———————- Blueslate nav ———————- */
.blue #slatenav{position:relative;width:1115px;display:block;height:42px;font-size:16px;font-weight:normal;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#FFFFFF/*D5F1FF*/;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}

/*- === Ende Menuleiste === */

/*- === Ende Linke Navigationsleiste === */


/* === Start Subnavigation, Rechte Spalte === */

#subnav {
 position:absolute;
 left:823px;
 top:152px;
 width: 301px; /*26% Je kleiner das Fenster desto kleiner soll auch die Breite der Subnavigation werden, damit immer genügend Platz für den richtigen Inhalt bleibt. */
 min-width: 10em; /* Damit uns die Subnavigarion nicht zu sehr zusammengeschoben wird. */
 /*float: right; /* Damit erreichen wir dass der Inhalt links neben der Subnavigation vorbeifließt und nicht erst unten drunter anfängt. */
 padding: 0px 0px 0px 0px; /* 0 0 0 3; 0px 1%;verschiebt die subnav nach unten wg. der Blume*/
 margin: 0px; /*3px*/
 /*border-left: 1px solid #aaa; /* Hiermit trennen wir optisch die Subnavigation vom eigentlichen Inhalt ab. */
 font-size: 14px; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
 background: #FFFFFF;
}

#subnav h2 { /* dt; Die einzelnen Überschriften in der Subnavigation */
 /*background: #E6E2C4; /*#F8E7F5;/*DEB5D6;*/
  /*url(../img/bg_subnav.png) 0 0 repeat #E6E2C4;*/
 color: #6699CC;
 font-size:16px;
 font-style: bold;
 font-family: MingLiU, PMingLiU;
 padding: 0.3em;
 margin-top: 0.0em;
 margin-bottom: 0px;
 /*border-top: 1px solid #aaa; /* Hier eine optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
 border-bottom: 1px solid #FFFFFF;
}
/*#subnav dd { /* Die Unterpunkte der Subnavigation. 
 padding: 0px;
 margin: 0.2em 0;
}*/

#subnav img { /* Die Bilder in der Subnavigation bekommen keinen Rahmen */
 border: 0;
 
 max-width: 100%;
}

#subnav ul {
 list-style-type:none;
 padding: 3px;
 margin: 0px;
 margin-bottom: 0.5em;
 /*background: #F4F4F4;
 border: 1px solid #aaa;
 border-top: none;*/
}

#subnav ul img { /* Die Bilder in der Subnavigation bekommen keinen Rahmen */
 border: 0;
 padding: 0px;
 max-width: 100%;
 /*width: 60px;
 height: 60px;*/
}

#subnav ul li{
 clear:both;
 
}

/* === Ende Subnavigation, Rechte Spalte === */


/* === Start Hauptinhaltsteil === */

#main {
 background-color:#FFFFFF; /*#F6F6E9;*/
 padding: 0px 210px 10px 140px; 
 line-height: 1.2em; /* Zesseren Lesbarkeit erhöhen wir die Linienhöhe. */
}

h2.mainh2  {
 padding: 20px 0 10px 0;
 line-height:26px;
}

h2.mainh2_profilseite  {
 margin: 20px 0 10px 0;
 padding:6px 0 4px 0;
 font-size: 20px;
 line-height:24px;
 background: url(../img/bgshade.gif) #ffffff repeat-x;
}

#main h3 {
 padding: 10px 0 10px 0;
}


/* Definition der Teaser auf der Startseite und den Rubriken-Startseiten*/
.teaser{
margin-top: 5px;
}

.teaser_td2 {
width:322px;
font-size:14px;
margin:0 0 0 0;
padding:0px; 
border:#eee 1px solid; 
float:left;
/*background:url(../img/info.gif) repeat-x;*/
vertical-align:top;

}

.teaser_td2 h2 {
 border: 1px solid #92a5cd;
 text-decoration: none;
 padding:4px 5px 3px 2px; 
 font-size:16px;
 background-color:#92a5cd;
 color:#ffffff;
 line-height:16px;


 }


.teaser_td2 img{
 border:0; 
 padding:0; 
 margin:0; 
 vertical-align:top;
 }

.teaser_td3 {
width:211px;
font-size:14px;
margin:0 0 0 0;
padding:0px; 
border:#92a5cd 1px solid; 
float:left;
/*background:url(../img/info.gif) repeat-x; */
background-color:#d9e1f0;
vertical-align:top;
}

.teaser_td3 h2 {
border-bottom: 1px solid #92a5cd;
text-decoration: none;
padding:5px 5px 4px 2px; 
font-size:16px;
background-color:#92a5cd;
color:#ffffff;
line-height:16px;

}

.teaser_td3 img {
border:0;
padding:0;
height:90px;
float:left;
}

.teaser_td4 {
 width:10px; 
 border: none; 
 background:#FFFFFF; /*#F6F6E9; */
}

/* Teaser auf Detailsetien unten im Mainpart für weiterführende Links*/

.teaser_bottomlinks { 
 margin-left:0px;
 width:93%; 
 border: 1px solid #F59436; 
 background:#FFFFFF;/*#DEF1FC; /*#E6E2C4; */
 padding:10px 10px 10px 30px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 list-style-type: none;
 list-style-position: outside;
 list-style-image: url(../img/button.gif);
}


.teaser_leftlinks { /*bei Seiten link im Mainpart für weiterführende Links*/
 width:150px; 
 border: 1px solid #F59436; 
 background:#ffffff;/*#FFF5DC;/*#DEF1FC; /*#E6E2C4; */
 padding:10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 list-style-type: none;
 float: left;
 margin: 0 1em 0.2em 0;
}

/* === Ende Definition Teaser === */


/* === Start Footer === */
.footer { 
	font-size: 0.8em;
	width:1016px;
	font-family:helvetica, times new roman, arial;
	background-color:#0a318c;
	color:#ffffff;
}

.footer a {
	color:#ffffff;
}
/* === Ende Footer === */


/* - Kreditrechner Start - */

TABLE.kreditRechner{
	width: 90%; 
	margin-top:10px;
	font-size: 14px;
	
}	
TABLE.kreditRechner TD.one{
	padding: 4px;
	border: 1px solid #92a5cd;
	background:#92a5cd;
	color:#ffffff;
	font-weight:bold;
	}
TABLE.kreditRechner TD.two{
	line-height: 20px;
	padding: 3px;
	border: 1px solid #eee;
	background:#d9e1f0;
	color:#000000;
	border: 1px solid #92a5cd;
	}
TABLE.kreditRechner TD.three{
	padding: 5px;
	background:#ffffff;
	text-decoration:none;
	}	
TABLE.kreditRechner TD.four{
	padding: 5px;
	background:#ffffff;
	}	
	
TABLE.kreditRechner TD.noBorder{
	border: 0px;
	}
	
kreditRechnerSmall{
	margin: 0px;
	width: 100%;
	font-size: 12px;
	padding-left: 10px;
	background: #EDF4FE;
	line-height: 25px;
	}
	
/* - Kreditrechner Ende - */


/* === Insurance Check Start === */

TABLE.insurancecheck{
	width: 100%;
	font-size: 12px;
	/*border-collapse: collapse;
	/*background-color: #F6F6E9;/*F8E7F5;/*F4CB84; /*EDF4FE*/
	margin: 0;
	

	
	}
* html TABLE.insurancecheck{
	width: 99.6%;
	
	}
TABLE.insurancecheck TD{
	/*line-height: 25px;*/
	padding: 0px 0px 0px 5px;
	border: 0px solid #F6F6E9;
	}
TABLE.insurancecheck TD.h1{
	color: #00004A; /*00004A*/
	margin: 0px 0px 0px 0px;
	height: 25px;
	line-height: 25px;
	text-indent: 15px;
	border: 1px;
	font-weight: bold;
	/*background-image: url("../img/dollar.gif");
	background-position: left;
	background-repeat: no-repeat;*/
	background-color: #F6F6E9;
	padding: 0px;
	}
	
TABLE.insurancecheck TD.noBorder{
	border: 0px;
	}
	
kreditRechnerSmall{
	margin: 0px;
	width: 100%;
	font-size: 12px;
	padding-left: 10px;
	background: #EDF4FE;
	line-height: 25px;
	}
	
/* === Insurance Check Ende === */

/* Werbung Skyscraper rechts */

#werbung {
	position:absolute;
	top: 0px;
	left: 910px;
	width: 160px;
	height: 600px;
}

#werbung img {
	border: none;
	padding: 0px;
	max-width: 100%;
}

/* Werbung TopBanner */

#topbanner {
	position:absolute;
	top: 95px;
	left: 7px;
	width: 816px;
	height: 100px;
	background: url(../img/bg-adv-header.gif) 0 0 no-repeat #FFFFFF;
 	background-position: left;
}

#topbanner img {
	border: none;
	padding: 0px;
	max-width: 100%;
	position:absolute;
	top: 5px;
	left: 44px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#expert_actions {
position:absolute;
top: 250px;
left:590px;
}

/* ============ Start Tagcloud ================================ */
  .tagcloud {
   width:300px;
   border:1px solid #eee;
   border-right:none;
   margin-bottom:5px;
   padding: 4px 2px 4px 2px;
  }
  
  .word {
  	font-family: Helvetica, Sans Serif;/*Verdana, Tahoma, Arial;*/
  	padding: 4px 2px 4px 2px;
  	/*letter-spacing: 3px;*/
  	text-decoration: none;
  	font-weight: normal;
  }
  .word:hover {
  	text-decoration:underline;
  }
  .size9 {
  	color: #4585db;
  	font-size: 26px;
  }
  .size8 {
  	color: #4585db;
  	font-size: 24px;
  }
  .size7 {
  	color: #4585db;
  	font-size: 22px;
  }
  .size6 {
  	color: #4585db;
  	font-size: 20px;
  }
  .size5 {
  	color: #4585db4;
  	font-size: 18px;
  }
  .size4 {
  	color: #4585db;
  	font-size: 16px;
  }
  .size3 {
  	color: #4585db;
  	font-size: 14px;
  }
  .size2 {
  	color: #4585db;
  	font-size: 12px;
  }
  .size1 {
  	color: #4585db;
  	font-size: 8px;
  }
  .size0 {
  	color: #4585db;
  	font-size: 6px;
  }
/* ============ Ende Tagcloud ================================ */

/* ============ Beginn Newsletter Box rechte Navi ============ */
.newsletter {
background:url(http://www.moneylando.com/img/background-rightbar.gif) no-repeat;
border-bottom:1px solid #eee;
border-right:none;
margin-bottom:5px;
margin-top:5px;
padding:2px 5px 2px 5px;
}
.newsletter h2 {
border-bottom:1px solid #ffffff;
}

/* ============ Ende Newsletter Box =========================== */

.insurance_check_box {  /* Insurance Check rechte Navi*/
background:url(http://www.moneylando.com/img/background-rightbar-ins.gif) no-repeat;
border-bottom:1px solid #eee;
border-right:none;
margin-bottom:5px;
padding:2px 5px 2px 5px;
}

.searchbar {
width:660px;
background:url(../img/background-searchbar.gif) no-repeat;
}