@CHARSET "ISO-8859-1";

/*******************************************************************************
 * Stylesheet für alle Seiten der Website myleasing24.de
 * 
 * Autor: Daniel Grothe, Susanne Burkhardt
 * Version: 1.0, Mai-2008
 * 
 * Layout:
 * =======
 * Gesamtbreite: 900px
 * Padding: 10px
 * 
 * Hintergrundfarben:
 * ==================
 * Dunkel	#5A5A59
 * Mittel	#F0F0F0
 * Hell		#F9F7ED
 * 
 * Textfarben:
 * ===========
 * Normal	#444444
 * Titel	#000000
 * 
 * Linkfarben:
 * ===========
 * Normal 			#008
 * Normal:Hover		#06c
 * Titel			#800
 * Titel:Hover		#800
 * 
 ******************************************************************************/

/*
 * Farben für Volvo
 * ================
 * Dunkel 	#728DA3
 * Mittel 	#D8DDE3
 * Hell		#E7E8E8
 *
 */

/*==============================================================================
  Standardelemente
 =============================================================================*/
*{
	padding: 0;
	margin: 0;
}


html {
	padding: 0;
	margin: 0;
}

body {
    font: normal 12px/18px arial, helvetica, sans-serif;
    padding: 0;
    margin: 0;
	/* background: #ccc url(img/background_dark.png) left top repeat-x; */
	background: #aaa;
	
}

/* Überschriften
 -----------------------------------------------------------------------------*/

h1, h2, h3 {
	margin: 0;
	padding: 1em 0 .5em 0;
}
h1, h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}
/* Seitentitel */
h1 {
	font-size: 20px;
    color: #000;
}

/* Bereichsüberschriften */
h2 {
	font-size: 17px;
}

/* Abschnittsüberschriften */
h3 {
	font-size: 12px;
}

/* Links
 -----------------------------------------------------------------------------*/

a {
	color: #036; /* #248; */
	text-decoration: none;
	outline: none; /* Verhindert, dass beim Klicken ein Rahmen angezeigt wird */
}

a:hover {
	color: #a33; /* #CF4040; */
	text-decoration: underline;
}

a img {
	border: 1px solid #6f6d61;
}
a:hover img {
	border: 1px solid #cf4040;
}

/*==============================================================================
  Rahmen, gibt die Breite vor und zentriert den gesamten Inhalt. 
 =============================================================================*/

#frame {
	width: 900px;
	padding: 0 40px;
	/* background: url(img/fade.png) top center no-repeat; */
	margin: 0 auto;
}

/*==============================================================================
  Kopfbereich
 =============================================================================*/

#header {
	/* background: #D8DDE3; */
	background: #728DA3;

	height: 100px;
}

#header h1 {
	display: none;
}
#header a {
	text-decoration: none;
	display: block;
	margin: 0 0 0 10px;
	width: 420px;
	height: 90px;
}

/*==============================================================================
  Hauptmenü
 =============================================================================*/

#mainmenu {
	float: left;
	/* background: #728DA3; */
	background: #D8DDE3;
	width: 900px;
	height: 25px;
	margin: 0;
	padding: 0;
}

/* Navigationsbaum
 -----------------------------------------------------------------------------*/

#mainmenu ul {
	float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainmenu ul li {
	padding: 0;
	margin: 0;
	float: left;
}

#mainmenu ul li a {
	float: left;
	color: #fff;
	text-decoration: none;
	padding: 8px 20px;
}

#mainmenu ul li a:hover {
	background: #8F8C7D;
	color: #fff;
	text-decoration: underline;
}

#mainmenu ul li a.active {
	background: #F9F7ED;
	color: #000;
}
#mainmenu form {
	margin: 0;
	padding: 0;
}



/*==============================================================================
  Inhalt
 =============================================================================*/

#content {
	clear: both;
	/* background: #E7E8E8; */
	background: #fff;
	color: #222;
	width: 900px;
	overflow: hidden;
}

/* Einzurückende Inhalte
 -----------------------------------------------------------------------------*/
.content-inner {
	padding: 10px 20px;
}


/*==============================================================================
  Fußbereich
 =============================================================================*/

#footer {
	clear: both;
	/*background: #728DA3;*/
	background: #D8DDE3;
	width: 860px;
	height: 15px;
	padding: 5px 20px;
	text-align: right;
}

/* Urheberhinweis
 -----------------------------------------------------------------------------*/

#footer span {
	float:left;
	color: #000;
}

/* Fußlinks
 -----------------------------------------------------------------------------*/

#footer a {
	/* color: #fff; */
	color: #000;
}
#footer a:hover {
	/* color: #fff; */
	color: #000;
}
#footer .footlink {
	margin-left:10px;
}

/* Kompletter Urheberhinweis (wird bei Druckansicht angezeigt).
 -----------------------------------------------------------------------------*/
#copyright {
	margin-top: 10px;
	border-top: 2px solid black;
	text-align: center;
	display: none;
}

/*==============================================================================
  Startseite v2
 =============================================================================*/
.start-frame {
	float: left;
	padding: 10px 5px;
	margin-bottom: 5px;
}
.start {
	display: inline;
	float: left;
	margin: 0 5px;
}
.start img {
	display: block;
}
.start-1 {
}
.start-2 {
	margin-bottom:10px;
}
.start-3 {
}
.start-frame a:hover img {
	border-color: #5C85C2;
}

/*==============================================================================
  Informationsseiten
 =============================================================================*/

/*
 * Äußerer Rahmen der Informationsseiten
 */
.info-outer {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 900px;
	background: #DFDAC3; /* Hintergrundfarbe des Sidebars */
}

/*
 * Inhaltsbereich der Informationsseiten
 */
.info-inner {
	float: left;
	width: 660px;
	background: #F9F7ED;
	padding: 10px 20px;
	
	/* Browser Hack, um Spalten gleich hoch zu machen :) */
	padding-bottom: 32010px;
	margin-bottom: -32000px;	
}

/* Einführender Text
 -----------------------------------------------------------------------------*/
.info-intro {
	width: 100%;
	overflow: hidden;
}
.info_image,
.info-intro img {
	background: #e0e0e0;
	padding: 5px;
	margin: 0 0 2px 10px;
}


/* Sidebar mit Liste aktueller Titel
 -----------------------------------------------------------------------------*/
.info-sidebar {
	float: right;
	width: 199px;
	padding: 10px 0;
	border-left: 1px solid #aaa;

	/* Browser Hack, um Spalten gleich hoch zu machen :) */
	padding-bottom: 32010px;
	margin-bottom: -32000px;
}
.info-sidebar a {
	color: #333;
	display: block;
	text-decoration: none;
    padding: 5px 10px;
}
.info-sidebar a:hover {
	color: #a33;
	text-decoration: underline;
}
.info-sidebar a.active {
	background: #F9F7ED;
	border-left: 1px solid #F9F7ED;
	color:		black;
	text-decoration: underline;
	margin-left: -1px;
}
.info-sidebar .info-head {
	text-indent: -10px;
	text-align: center;
	padding: 10px 0;
}

/* Liste aktueller Informationen
 -----------------------------------------------------------------------------*/
.info-artikel {
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}

/* Artikeltitel */
.info-artikel .info-head {
    display: block;
	text-decoration: none;
	padding: 10px 0 0 0;
}
.info-artikel .info-head a,
.info-artikel .info-more a {
	color: #333;
}
.info-artikel .info-head a:hover,
.info-artikel .info-more a:hover {
	color: #a33;
	text-decoration: underline;
}

/* Metadaten eines Artikels */
.info-artikel .info-meta,
.info-single .info-meta {
    font-size: .8em;
    color: #888;
	padding: 5px 0;
}

/* Inhalt eines Artikels */
.info-artikel .info-text {
    padding: 0;
}

p {
	margin-top: 0;
}


/* Clearer
 -----------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}

/*==============================================================================
  Suche
 =============================================================================*/

/* Suchergebnis
 -----------------------------------------------------------------------------*/

.search-title {
	font-size: 17px;
	line-height: 24px;
}
.search-content {}


/*==============================================================================
  Rechner
 =============================================================================*/

#rechner-formular fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#rechner-formular legend {
	color: #222;
	font-weight: bold;
	font-size: 12pt;
}
#rechner-formular legend span {
	font-weight: normal;
	font-size: 12px;
}
.calc-result {
	width:700px;
	border:1px solid #ccc;
	empty-cells:show;
}

.calc-result td {
	padding:4px 4px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #888;
}

.calc-result tr {
	background: #ddd;
}

.calc-result tr.alt {
	background:#eee;
}

.calc-result td.small {
	width:48em;
	font-size:0.9em;
}
.calc-result .head {
	display:block;
	font-size: 1.2em;
	line-height: 2em;
	font-weight:bold;
}
.calc-result .description {
	display:block;
	font-size:.9em;
	line-height: 1.2em;
}
.calc-result .wert {
	width:20%;
	text-align:center;
	vertical-align:middle;
}

.calc-eingaben {
	width:320px;
}

.calc-eingaben .bold {
	font-weight:bold;
}