/* ----------- Styles für die 4x2 Ansicht ----------- */
.menupics {
/*  Container für alle Bildchen in der 4x2 Ansicht */
    background-color:#172F64;
    height:296px;
    width:618px;
    background-image:url('images/blue_squares.gif');
    margin:0px;
    padding:0px;
}
.menupic {
/*  Beschreibung für ein einzelnes
    Bildchen der 4x2 Ansicht */
    float:left;
    width:150px;
    height:148px;
    margin:0px;
    padding:0px;
}
.menuimg {
/* Entfernt im IE den Rand unter dem Bild */
    display:block;
    float:left;
}

.menutitle {
/*  Beschreibung für den Titel des
    Menüeintrags (4x2 Bildchen) */
    clear:both;
    font-size:0.9em;
    margin:0px;
    padding:0px;
    padding-left:5px;
    padding-top:5px;
}
.menusubtitle {
/*  Beschreibung für den Untertitel des
    Menüeintrags (4x2 Bildchen) */
    font-size:0.85em;
    margin:0px;
    padding:0px;
    padding-left:5px;
}

/* ---------------- Teaser + Content --------------- */
div.content {
/*  Teaser-Container: umschliesst das blaue Feld */
    color:#fff;
    background-color:#172F64;
    height:296px;
	/*-2px weil der content-Bereich sonst um 2px nach unten verschoben ist*/
    margin-top:-2px;
    padding:0px;
    font-size:1.25em;
}
.content_pic {
/*  Teaser-Bild-Container: Bild im blauen Feld */
    float:left;
    height:296px;
    width:296px;
    margin:0px;
    padding:0px;
    margin-right:10px;
}
.content_pic img {
/* Entfernt im IE den Rand unter dem Bild */
    display:block;
}
div.content_2 {
/*  hier ist der eigentliche content 
    unterhalb des blauen Feldes */
    margin:0px;
    padding:0px;
    padding-left:154px;
    padding-right:20px;
    font-size:1.25em;
}
.content_pic_2 {
/*  das kleine Bild, das neben dem Text auf 
    weissem Hintergrund angezeigt wird */
    /* float:left;
    margin-right:0px;
    margin-left:-114px; */
/*  Layerbeschreibung für das Bidchen */
    position: absolute;
    z-index:9;
    top:410px;
    left:220px;
}
.squares {
/*  Layerbeschreibung für die roten Kästchen */
    position: absolute;
    z-index:10;
    top:300px;
    left:110px;
}

/* ---------------- Allgemein --------------- */
body {
/*  hier werden die Basiseigenschaften (Schriftgößen, Farben) festgelegt, 
    die an die nachfolgenden Containern verererbt werden. */
    margin:0px;
    padding:0px;
    padding-top:10px;
    background-image:url('images/body_bg.gif');
    background-repeat:repeat-y;
    background-color:#fff;
    font-family: Arial, Helvetica, Snas-Serif;
    font-size:0.8em;
    font-weight:normal;
    color:#000;
    text-decoration:none;
}
img {
    padding:0px;
    margin:0px;
	border:0px;
}


h1 {
    padding:0px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:1.2em;
}

h2{
    padding:0px;
    margin-top:5px;
    margin-bottom:0px;
    font-size:1em;
}

p, p.bodytext {
    margin:0px;
    padding:0px;
	padding-right:5px;
    line-height:1.3em;
}
.text {
    font-family: Arial, Helvetica, Snas-Serif;
    font-size:0.9em;
    font-weight:normal;
    color:#000;
    text-decoration:none;
}

p.kleingrau {
	font-size:0.8em;
	color:#666666;
}

.kleiner_grau {
	font-size:1em;
	color:#666666;
	margin-left:20px;
}

p.kleinblau {
	font-size:1em;
	color:#172F64;
}

/*Für Formularelemente*/
p.csc-form-label-req {
	font-weight:bold;
}


ul {
  list-style-position: outside;
  margin-bottom: 0.8em;
  margin-top: 0.4em;
  list-style-position: outside;
  list-style-image: url("images/bullet.gif");
}

dfn {
	font-style:normal;
	color:#111166;
	text-decoration:none;
	border-bottom:1px #111166 dashed;
}


a, a:link, a:active, a:visited {
    text-decoration:none;
	color:#000066;
}

a:hover {
	text-decoration:underline;
	color:#0066FF;
}

a.weiss, a.weiss:link, a.weiss:active, a.weiss:visited {
    text-decoration:none;
	color:#ddddff;
}

a.weiss:hover {
	text-decoration:underline;
	color:white;
}

/*
#menu_active {
    font-weight:bold;
    background-image:url('images/dot_4.gif');
    background-repeat:no-repeat;
    background-position:0px 0px;
}
*/

#menu_2_active {
    font-weight:bold;
}



/* ---------------- Layout --------------- */
div.allinclusive {
/*  Begrenzung/Umschließung der Spalten 
    auf diese feste Seitenbreite */
    width:978px;
}
.left_cell {
/*  linke Spalte */
    width:180px;
    vertical-align:top;
    float:left;
    margin:0px;
    padding:0px;
}
.middle_cell {
/*  mittlere Spalte */
    width:616px;
    vertical-align:top;
    float:left;
    margin:0px;
    padding:0px;
    font-size:0.8em;
}
.right_cell {
/*  rechte Spalte */
    width:173px;
    vertical-align:top;
    float:left;
    margin:0px;
    padding:0px;
}

/* ---------- Menü-Container ------- */
div.menu_top {
/*  umschliesst das obere Menü */
    margin:0px;
    padding:0px;
    padding-left:20px;
    padding-bottom:12px;
    margin-top:33px;
    text-align:right;
    height:20px;
}
div.menu {
/*  umschliesst das Menü der linken Spalte */
    background-color:#172F64;
    height:296px;
    border-right:10px solid #fff;
}
div.menu_2 {
/*  umschliesst das Menü der rechten Spalte */
/* OBSOLET !! */
    padding-left:20px;
    padding-top:20px;
}

div.box_right {
	/*  umschliesst das Menü der rechten Spalte */
	border:1px #aaaaaa solid;
	padding:0px;
	width:145px;
	margin-left:20px;
	margin-top:10px;
}

.layout-tabelle {
	/*Wird positioniert, damit ein evtl. vorhandenes Bild unter die roten Quadrate passt*/
	position:absolute;
	left:329px;
	top:407px;
	width:469px;
	border:none;
	border-collapse:collapse;
}

.layout-tabelle img {
	border: 1px #aaaaaa solid;
}

.layout-tabelle td {
	vertical-align:top;
	padding:3px 5px 3px 0px;
	margin:0px;	
	border:none;
}

.layout-tabelle tr {
	background-image:url('images/tab_verlauf_grau.jpg');
}

.layout-tabelle tr:hover {
	background-image:url('images/tab_verlauf_rot.jpg');
	margin:5px 0px 5px 0px;
}


/* ---------------- Links --------------- */
a.menu_top_item, a.menu_top_item:link, a.menu_top_item:active, a.menu_top_item:visited, a.menu_top_item:hover {
    background-image:url('images/dot_2_grey.gif');
    background-repeat:no-repeat;
    background-position:0px 4px;
    padding-left:20px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-left:0px;
    margin-right:15px;
    color:#666;
	display:block;	
	float:left;
}

a.menu_back_link, a.menu_back_link:link, a.menu_back_link:active, a.menu_back_link:visited, a.menu_back_link:hover {
	/*Wie menu_top_item. Aber
	der zurück-Button soll nicht floaten
	display:block geht nicht, weil der in die nächste Zeile rutscht*/	
	background-image:url('images/dot_2_grey.gif');
    background-repeat:no-repeat;
    background-position:0px 4px;
    padding-left:20px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-left:0px;
    margin-right:15px;
    color:#666;
}

a.menu_item, a.menu_item:link, a.menu_item:active, a.menu_item:visited, a.menu_item:hover {
    background-image:url('images/dot_2.gif');
    background-repeat:no-repeat;
    background-position:7px 4px;
    padding-left:33px;
    margin-left:5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:0.9em;
    color:#fff;
    line-height:20px;
    /*Nur mit display:block wird es im 5er IE korrekt angezeigt*/
    display:block;
}
a.menu_item_level2, a.menu_item_level2:link, a.menu_item_level2:active, a.menu_item_level2:visited, a.menu_item_level2:hover {
    background-image:url('images/dot_2.gif');
    background-repeat:no-repeat;
    background-position:7px 4px;
    padding-left:25px;
    margin-left:20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:0.9em;
    color:#ccc;
    line-height:20px;
	display:block;
}

a.menu_item_level3, a.menu_item_level3:link, a.menu_item_level3:active, a.menu_item_level3:visited, a.menu_item_level3:hover {
    background-image:url('images/dot_2.gif');
    background-repeat:no-repeat;
    background-position:7px 4px;
    padding-left:25px;
    margin-left:35px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:0.9em;
    color:#ccc;
    line-height:20px;
	display:block;
}


a.menu_2_item, a.menu_2_item:link, a.menu_2_item:active, a.menu_2_item:visited, a.menu_2_item:hover {
    background-image:url('images/dot_2.gif');
    background-repeat:no-repeat;
    background-position:0px 7px;
    padding-left:20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:0.9em;
    line-height:20px;
    color:#000;
	display:block;
}
a.menu_2_subitem, a.menu_2_subitem:link, a.menu_2_subitem:active, a.menu_2_subitem:visited, a.menu_2_subitem:hover {
    padding-left:6px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:0.9em;
    line-height:20px;
    color:#555555;
	display:block;
}

a.menu_active, a.menu_active:link, a.menu_active:active, a.menu_active:visited, a.menu_active:hover {
	font-weight:bold;
}

a.menu_rootline, a.menu_rootline:link, a.menu_rootline:active, a.menu_rootline:visited, a.menu_rootline:hover  {
	background-image:url('images/dot_4.gif');
	font-weight:bold;
}

a.menu_2_active, a.menu_2_active:link, a.menu_2_active:active, a.menu_2_active:visited, a.menu_2_active:hover {
    background-image:url('images/dot_2.gif');
    background-repeat:no-repeat;
    background-position:0px 3px;
    padding-left:20px;
    color:#000;
	display:block;
}

.content_pdf_2 {
/*  das Icon für den PDF-Download, das rechts
     neben dem Text angezeigt wird */
    float:right;
    margin-right:0px;
    margin-left:30px;
    margin-bottom:30px;
    border:1px #999999 solid;
	padding:5px;
	background-color:#f4f4f4;
	text-align:right;
}

.content_bildrechts {
/*  Z.B. für Logos, die rechts neben dem Text stehen sollen */
    float:right;
    margin-right:0px;
    margin-left:30px;
    margin-bottom:30px;
    border:0px #999999 solid;
	padding:5px;
	background-color:white;
}

.box_headerline {
	/* Header in den Boxen rechts mit blauem Hintergrund */
	background-image:url('images/bg_newsbox.gif');
    background-repeat:repeat-x;
	color:white;
	padding:2px 4px 4px 6px;
	text-align:left;
}

div.content a {
    color:#fff;
}

/* Mailform designen */
.csc-mailform {
	border:none;
}

label {
	display:block;
	width:140px;
	margin-bottom:3px;
	float:left;
}

input, textarea {
	border: 1px #888888 solid;
	border-bottom: 2px #aaaaaa solid;
	width: 180px;
	margin-bottom:3px;
}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

input.image {
	border:none;
}

.csc-mailform-check {
	width:20px;
}

.csc-mailform-field {
	margin-top:5px;
	clear:both;
}


.csc-mailform-submit {
	/* Ausrichtung des Buttons */
	margin-left:143px;
}



/* Styles für Finanzierungsrechner
NICHT finanz verwenden!
*/


Input.finanz{  	
	border-top: 1px #aaaaaa solid;
	border-right: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	width:60px;
	float:left;
}


f_checkbox {
	/* Zusatz-Style für Checkbox*/

}

label.finanz {
	display:block;
	width:100px;
	margin-bottom:3px;
	float:left;
	font-size:0.9em;
}

.finanz-field {
	padding-left:90px;
	float:left;
	margin-right:50px;
}

.finanz-field input {
	width:20px;
	float:left;
	border:none;
}

.finanz-field label {
	width:200px;
}

.finanz-field:hover {
	background-color:#EEE;
}

.eingabe input{
	border:1px #999999 solid;
}

.ergebnis input{
	border:1px #999999 solid;
	background-color:#dEf3e1;
}

.versteckt{
	display:none;
}

.eingabe, #div_kreditsumme, .ergebnis {
	float:left;
	width:300px;
	margin-bottom:7px;
}

#id_notar_auto, #id_grundst_auto {
	border:none;
	width:30px;
}
#id_but_calc {
	width:150px;
	margin:20px 0px 0px 0px;
	border:1px solid #666;
}

.finanz-button {
	padding-left:100px;
}

.label_35 {
	width:200px;
	margin-right:0px;
	margin-top:2px;
	font-size:0.9em;
}

.eingabeweit {
	width:400px;
}

/* Extension datamints glossary Index */
div.datamints_glossaryindex_oneitem {
	float:left;
	margin-right: 5px;
}

div.datamints_glossaryindex_resultlist, div.datamints_glossaryindex_detailblock {
	clear:both;
}

div.datamints_glossaryindex_resultshort{
	margin-top:10px;
}

#tickerdiv a {
	color:#ee0e08;
}