/* -- Allgemeines -- */
body {
 background:/* url(../img/bg.gif)*/ #FFFFFF; 
 color: black;
 margin: 5px;
 padding: 0%;
 min-width: 640px;
 font-size: 100.01%;   /*umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: MingLiU, PMingLiU;
}
a { color: #0B4D8C; text-decoration: underline; } 
a:visited { color: #0B4D8C; } 
.skip { /* Da ein wichtiger Screenreader das display: none; auch fälschlicherweise für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
 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 { /* alle Bilder bekommen einen schönen Rahmen */
 /*border: solid 1px #aaa;*/
 padding: 1px;
 /*max-width: 95%; /* gute Broser machen ein zu großes Bild, welches das Design sprengen würde, funktioniert beim IE leider nicht */
}
.fleft { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen sonst kleben die Sachen so am Text. */
}
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. */
 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 {
 background: url(../img/moneylogo.png) 0 0 no-repeat #0a318c; 
 background-position: left;
 height: 100px;
 /*padding: 0 20px;
 text-align: right;
 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 ALT === 

#nav{width:1114px;float:left;text-align:right;font-size:16px;background:#60b0d8;margin:2px auto;padding:0 10px 0 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,ul.nav li a:active{background:url(../img/info.gif) repeat-x;color:#455e08;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;}*/
/*ul.nav li.highlight { background:#e2681d;}

- === Ende Menuleiste === */


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


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

#menu3 {
position:absolute;
top: 140px;
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;
        }

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


/* === Start igation, Rechte Spalte === */

#subnav {
 /*position:absolute;
 left:818px;
 top:147px;*/
 float:right;
 width: 301px;
 padding: 0px 0px 0px 0px; /* 0 0 0 3; 
 margin: 0px; /*3px*/
 font-size: 1.0em; 
 background: #FFFFFF;
}

#subnav h2 { 
 /*background: #E6E2C4; /*#F8E7F5;/*DEB5D6;
 background:url(../img/background-rightbar.png) no-repeat;*/
 font-size: 1.0em;
 font-family: MingLiU, PMingLiU;
 padding: 0.3em;
 margin-top: 0.0em;
 margin-bottom: 0px;
 /*border-top: 1px solid #aaa; 
 border-bottom: 1px solid #FFFFFF;*/
}


#subnav img { 
 border: 0;
 max-width: 100%;
}

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

#subnav ul img { 
 border: 0;
 padding: 0px;
 max-width: 100%;
 /*width: 60px;
 height: 60px;*/
}

#subnav ul li{
 clear:both;
 
}

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


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

#main {
width:669px;
 background-color:#FFFFFF; /*#F6F6E9;*/
 /*padding: 0px 210px 10px 140px;*/
 margin: 0px 5px 0px 140px; 
 line-height: 1.2em;
 float:left;
}

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

.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; 

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

/*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 part 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 part 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:1115px;
	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;
/*background:url(../img/compare-bg.png);
padding:8px;*/
}

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

.teaser_td2_daikuan_compare h2 {
 /*border: 1px solid #92a5cd;*/
 text-decoration: none;
 padding:4px 5px 3px 2px; 
 font-size:16px;
 background:none;
 color:#ffffff;
 line-height:16px;
 vertical-align:top;
 }

/* ———————- Blueslate nav ———————- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:16px;font-weight:normal;background:transparent url(../img/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(../img/blueslate_backgroundOVER.gif) no-repeat top center;}
.blue #slatenav .highlight {background:transparent url(../img/blueslate_background_orange.gif) repeat-x top left;

}

/* ============ Start Tagcloud ================================ */
  .tagcloud {
   width:300px;
   border:1px solid #eee;
   border-right:none;
   margin-bottom:5px;
   padding: 4px 2px 4px 2px;
   text-align:center;
  }
  
  .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(../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(../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;
}
#map_main {
width:800px;
 background-color:#FFFFFF; /*#F6F6E9;*/
 /*padding: 0px 210px 10px 140px;*/
 margin: 0px 5px 0px 0px; 
 line-height: 1.2em;
 float:left;
}
.map_leftcolumn {
float:left;
margin-right:10px;
padding:0px;

}
.map_center {
/*margin-left:170px;*/
}
.maps_total_marker {
width:450px;
}
.map_review_bubble {
background:#FFFFCC;
border:2px solid #FFFF99;
padding:4px;
font-size:12px;
}
.map_review_bubble input {
margin-bottom:3px;
}
.map_review_bubble select {
margin-bottom:3px;
}
.map_review_table {
/*position:absolute;
top:246px;
left:180px;*/
margin-left:170px;
width:630px;
z-index:10;
}
.map_review_table_inner {
background:url(../img/background-review.gif) repeat-x;
border:1px solid #cccccc;/*#6699FF;*/
border-top:none;
padding:10px;
margin-bottom:6px;
}
.map_review_table_inner h2 {
padding:4px 0px;
}
.map_review_table_inner h3 {
padding:4px 0px;
}
.map_review_table_1st_row {
vertical-align:middle;
font-size:12px;
padding:3px;
background:#eeeeee;
}
.map_review_table_1st_row img {
vertical-align:middle;
}
.map_review_table_2nd_row {
font-size:12px;
/*border-bottom:1px solid #ccc;*/
padding:3px 3px 15px 3px;
line-height:16px;


}
#map_select_box_head {
width:150px;
padding:2px 5px 0px 5px;
font-size:12px;
background:#FFFFFF url(../img/left-box-header.png);/*f9dfb8;*/
/*border-left:2px solid #FF9900;
border-right:2px solid #FF9900;*/
}
#map_select_box {
width:150px;
border-bottom:1px solid #FF9900;
padding:5px;
font-size:12px;
background:#ffffff url(../img/left-box-middle.png);/*f9dfb8;*/
margin-bottom:5px;
}
#map_select_box_head_center {
width:190px;
padding:2px 5px 0px 5px;
font-size:12px;
background:#FFFFFF url(../img/center-box-header.png);/*f9dfb8;*/
/*border-left:2px solid #FF9900;
border-right:2px solid #FF9900;*/
}
#map_select_box_center {
width:190px;
height:300px;
border-bottom:1px solid #FF9900;
padding:5px;
font-size:12px;
background:#ffffff url(../img/center-box-middle.png);/*f9dfb8;*/
margin-bottom:5px;
}
#map {
/*position:absolute;
left:180px;
top:246px;*/
z-index:2;

}
.demo  {
color:#000033; 
background:url(../img/bg_20x20.png); 
/*layer-background:url(../img/transparent-background-2x2.png);*/
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
height:100%;
z-index:99;  
visibility:hidden;
text-align:center;


/*opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);

background-color:#cccccc;*/

}

.demo_inside {
width:650px;
margin-top:200px;
padding:10px;
border:2px solid #0066FF;
background:#ffffff;
z-index:100;
text-align:left;
}
.loading {
position:absolute;
top:400px;
left:320px;
z-index:1;
text-align:center;
}
.map-review-text {
color:#FF9900;
font-size:24px;
vertical-align:middle;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:26px;
padding-left:8px;
}
.map_dropdown_bar {
font-size:12px;
width:785px;
padding:4px 0px 0px 5px;
height:26px;
background:url(../img/header_bar_bg.png) repeat-x;
margin-bottom:0px;
}
.map_randomn_box {

}

.map_randomn_box table td table{
border:1px solid #eeeeee;
font-size:12px;
padding:3px;
margin:2px;
}