* {
    margin: 0 auto;
    padding: 0;
}

html, body {
    background: url(images/background_top.png) repeat-x left top;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:13px; 
    line-height:160%; 
    color:#313131;
    border: none;
    
}

img {
    border: none;
}

ul {
    list-style: none;
}

a {
    color:#61A301;
    text-decoration: none;
    
}

a:hover {
    color:#61A301;
    text-decoration: underline;
}

p {
    margin: 0 auto;
    padding: 0;
    
}

h1 {
    font-size:22px;
    font-weight:normal;
    padding:40px 20px 20px 20px;
    color:#313131;
}

h2 { 
    font-size:20px; 
    font-weight:normal; 
    padding:20px 20px 20px 20px; 
    color:#313131;
}

h3 {
    font-size:16px;
    font-weight:normal;
    padding:0px 20px 20px 20px;
    color: #313131;
}

.weiter a {
    background: url(images/weiter.png) no-repeat left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 7px 48px 8px 15px;
}

#header {
    height:134px; 
    width: 994px; 
    background: url(images/background_top.png) left top repeat-x; 
}

#header .logo {
    float: left;
    padding: 30px 0 0 10px;
    width:500px;
}

#header .top_links {
    float: right;
    padding: 10px;
    width:270px;
}

#header .top_links a {
    text-decoration: none;
    color: #313131;
}

#header .top_links a:hover {
    color:#313131;
    text-decoration: underline;
}

#navi {
    width: 994px;
    height: 56px;
    background: url(images/navi.png) repeat-x left top;
}

#navi ul {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#navi ul li {
    display:inline;
}

#navi ul li a {
    display: block; 
    float: left; 
    color:#313131; 
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    width: 165.6px;
    height: 56px;
    line-height: 56px;
}

#navi ul li a:hover {
    background: url(images/navi_button.png) no-repeat center;
    color: #61A301;
}

#navi ul li a.current_page_item {
    background: url(images/navi_button.png) no-repeat center;
    color: #61A301;
}

#list {
    width: 994px;
    height: 195px;
    background: url(images/content.png) repeat-x;
}

#list p {
    padding:20px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#list a {
    color: #313131;
    text-decoration: none;
    
}

#list a:hover {
    text-decoration: none;
    color: #313131;
}

#list .orange {
    background: url(images/orange.png) no-repeat left top;
    width: 247px;
    height: 165px;
    float: left;
    margin-right: 2px;
    margin-top:30px;
}

#list .lila {
    background: url(images/lila.png) no-repeat left top;
    width: 247px;
    height: 165px;
    float: left;
    margin-right: 2px;
    margin-top:30px;
}

#list .blue {
    background: url(images/blau.png) no-repeat left top;
    width: 247px;
    height: 165px;
    float: left;
    margin-right: 2px;
    margin-top:30px;
}

#list .green {
    background: url(images/green.png) no-repeat left top;
    width: 247px;
    height: 165px;
    float: left;
    margin-top:30px;
}

#content {
    width: 994px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow:hidden;
}

#page {
    float: left;
    width: 674px;
    margin: 0 auto;
    padding: 0;
}

#page2 {
    width: 994px;
    margin: 0 auto;
    padding: 0;
}

#kreditvergleich_suche {
    width: 994px;
}

#kreditvergleich_suche p {
    padding-left:10px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#kreditvergleich_suche .bottom_left {
    background: url(images/bottom_left.gif) no-repeat bottom left;
}

#kreditvergleich_suche .bottom_right {
    background: url(images/bottom_right.gif) no-repeat bottom right;
}

#kreditvergleich_suche .top_left {
    background: url(images/top_left.gif) no-repeat top left;
}

#kreditvergleich_suche .top_right {
    background: url(images/top_right.gif) no-repeat top right;
}

#kreditvergleich_suche .top {
    background: url(images/top.gif) repeat-x top ;
}

#kreditvergleich_suche .right {
    background: url(images/right.gif) repeat-y right ;
}

#kreditvergleich_suche .bottom {
    background: url(images/bottom.gif) repeat-x bottom ;
}

#kreditvergleich_suche .left {
    background: url(images/left.gif) repeat-y left ;
}

#inhalt p {
    margin: 0 20px 0 20px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
}

#inhalt {
    width: 674px;
    margin-bottom: 10px;
}

#inhalt .bottom_left {
    background: url(images/bottom_left.gif) no-repeat bottom left;
}

#inhalt .bottom_right {
    background: url(images/bottom_right.gif) no-repeat bottom right;
}

#inhalt .top_left {
    background: url(images/top_left.gif) no-repeat top left;
}

#inhalt .top_right {
    background: url(images/top_right.gif) no-repeat top right;
}

#inhalt .top {
    background: url(images/top.gif) repeat-x top ;
}

#inhalt .right {
    background: url(images/right.gif) repeat-y right ;
}

#inhalt .bottom {
    background: url(images/bottom.gif) repeat-x bottom ;
}

#inhalt .left {
    background: url(images/left.gif) repeat-y left ;
}

#inhalt h2 {

}

#inhalt2 {
    width: 674px;
    margin: 0px 0 10px 0;

}

#inhalt2 p {
    
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
}

#inhalt2 .bottom_left {
    background: url(images/bottom_left.gif) no-repeat bottom left;
}

#inhalt2 .bottom_right {
    background: url(images/bottom_right.gif) no-repeat bottom right;
}

#inhalt2 .top_left {
    background: url(images/top_left.gif) no-repeat top left;
}

#inhalt2 .top_right {
    background: url(images/top_right.gif) no-repeat top right;
}

#inhalt2 .top {
    background: url(images/top.gif) repeat-x top ;
}

#inhalt2 .right {
    background: url(images/right.gif) repeat-y right ;
}

#inhalt2 .bottom {
    background: url(images/bottom.gif) repeat-x bottom ;
}

#inhalt2 .left {
    background: url(images/left.gif) repeat-y left ;
}

#kreditvergleich {
    width: 674px;
    margin-bottom: 10px;
}

#kreditvergleich p {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 13px;
    padding: 20px;
}

#kreditvergleich a {
    text-decoration: none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	color: #FFFFFF;
	background: url(images/button.png) no-repeat left;
	padding: 8px 50px 8px 25px;
	font-weight: bold;
}

#kreditvergleich a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#kreditvergleich .bottom_left {
    background: url(images/bottom_left.gif) no-repeat bottom left;
}

#kreditvergleich .bottom_right {
    background: url(images/bottom_right.gif) no-repeat bottom right;
}

#kreditvergleich .top_left {
    background: url(images/top_left.gif) no-repeat top left;
}

#kreditvergleich .top_right {
    background: url(images/top_right.gif) no-repeat top right;
}

#kreditvergleich .top {
    background: url(images/top.gif) repeat-x top ;
}

#kreditvergleich .right {
    background: url(images/right.gif) repeat-y right ;
}

#kreditvergleich .bottom {
    background: url(images/bottom.gif) repeat-x bottom ;
}

#kreditvergleich .left {
    background: url(images/left.gif) repeat-y left ;
}

#kredit {
    width: 674px;
}

#kredit p {
    margin: 0 20px 0 20px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
}

#kredit .autokredit {
    width: 332px;
    float: left;
    margin-bottom:10px;
}

#kredit .onlinekredit {
    width: 332px;
    float: right;
    margin-bottom:10px;
}

#kredit .ratenkredit {
    width: 332px;
    float: left;
    margin-bottom:10px;
}

#kredit .sofortkredit {
    width: 332px;
    float: right;
    margin-bottom:10px;
}

#kredit .bottom_left {
    background: url(images/bottom_left.gif) no-repeat bottom left;
}

#kredit .bottom_right {
    background: url(images/bottom_right.gif) no-repeat bottom right;
}

#kredit .top_left {
    background: url(images/top_left.gif) no-repeat top left;
}

#kredit .top_right {
    background: url(images/top_right.gif) no-repeat top right;
}

#kredit .top {
    background: url(images/top.gif) repeat-x top ;
}

#kredit .right {
    background: url(images/right.gif) repeat-y right ;
}

#kredit .bottom {
    background: url(images/bottom.gif) repeat-x bottom ;
}

#kredit .left {
    background: url(images/left.gif) repeat-y left ;
}

#kredit2 {
    width: 674px;
}

#kredit2 .kredit_ohne_schufa {
    margin-bottom:10px;
}

#kredit2 p {
    margin: 0 20px 0 20px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
}

#kredit2 .bottom_left {
    background: url(images/bottom_left.gif) no-repeat bottom left;
}

#kredit2 .bottom_right {
    background: url(images/bottom_right.gif) no-repeat bottom right;
}

#kredit2 .top_left {
    background: url(images/top_left.gif) no-repeat top left;
}

#kredit2 .top_right {
    background: url(images/top_right.gif) no-repeat top right;
}

#kredit2 .top {
    background: url(images/top.gif) repeat-x top ;
}

#kredit2 .right {
    background: url(images/right.gif) repeat-y right ;
}

#kredit2 .bottom {
    background: url(images/bottom.gif) repeat-x bottom ;
}

#kredit2 .left {
    background: url(images/left.gif) repeat-y left ;
}

#rechner {
    width: 674px;
}

#rechner p {
    margin: 0 20px 0 20px;
    padding-bottom: 5px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
}

#rechner h2 {
    
}

#rechner .bottom_left {
    background: url(images/bottom_left.gif) no-repeat bottom left;
}

#rechner .bottom_right {
    background: url(images/bottom_right.gif) no-repeat bottom right;
}

#rechner .top_left {
    background: url(images/top_left.gif) no-repeat top left;
}

#rechner .top_right {
    background: url(images/top_right.gif) no-repeat top right;
}

#rechner .top {
    background: url(images/top.gif) repeat-x top ;
}

#rechner .right {
    background: url(images/right.gif) repeat-y right ;
}

#rechner .bottom {
    background: url(images/bottom.gif) repeat-x bottom ;
}

#rechner .left {
    background: url(images/left.gif) repeat-y left ;
}

#content_innen {
    width: 300px;
    float: right;
    margin: 0 auto;
    padding: 0;
}

#menu .bottom_left {
    background: url(images/bottom.png) no-repeat bottom; 
    width:100%;
}

#menu .top {
    background: url(images/top.png) no-repeat top;
}

#menu .middle {
    background: url(images/middle.png) repeat-y center;
}

#menu {
    float: right;
    width: 300px;
    margin-bottom: 20px;
    padding: 0;
}

#menu ul {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu ul li {
    display: list-item;
    background: url(images/menu_right_menu.png) no-repeat top;
    height:32px;
    padding-bottom:10px;
}

#menu ul li a {
    display: block;
    color: #313131;
    text-decoration: none;
    line-height: 32px;
    background: url(images/pfeil.png) no-repeat left;
    margin:0px 20px 10px 20px;
    padding-left: 30px;
}

#menu ul li a:hover {
    background: url(images/pfeil_hover.png) no-repeat left;
    color: #61A301;
}

#menu ul li a.active {
    background: url(images/pfeil_hover.png) no-repeat left;
    color: #61A301;
}


#extra_content_background {
    width: 100%;
    background: url(images/box-bg.gif) repeat-x left top;
}

#extra_content {
    width: 994px;
    height: 76px;
    background: url(images/box-bg.gif) repeat-x left top;
}

#extra_content h2 {

}

#extra_content p {
    margin: 0 20px 0 20px;
}

#extra_content .inhalt1 {
    float: left;
    width: 347px;
    margin-bottom:20px;
}

#extra_content .inhalt1 ul {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#extra_content .inhalt1 ul li {
    display:inline;
}

#extra_content .inhalt1 ul li a {
    display: block;
    color: #61A301;
    text-decoration: none;
    background: url(images/pfeil.png) no-repeat left;
    margin:0px 20px 10px 20px;
    padding-left: 30px;
}

#extra_content .inhalt1 ul li a:hover {
    text-decoration: underline;
}

#extra_content .inhalt1 ul li a.active {

}

#extra_content .inhalt2 {
    float: left;
    width: 347px;
    margin-bottom:20px;
}

#extra_content .inhalt2 ul {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#extra_content .inhalt2 ul li {
    display:inline;
}

#extra_content .inhalt2 ul li a {
    display: block;
    color: #61A301;
    text-decoration: none;
    background: url(images/pfeil.png) no-repeat left;
    margin:0px 20px 10px 20px;
    padding-left: 30px;
}

#extra_content .inhalt2 ul li a:hover {
    text-decoration: underline;
}

#extra_content .inhalt2 ul li a.active {

}

#extra_content .inhalt3 {
    float:left;
    width: 300px;
    margin-bottom:20px;
}

#extra_content .inhalt3 ul {
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#extra_content .inhalt3 ul li {
    display:inline;
}

#extra_content .inhalt3 ul li a {
    display: block;
    color: #61A301;
    text-decoration: none;
    background: url(images/pfeil.png) no-repeat left;
    margin:0px 20px 10px 20px;
    padding-left: 30px;
}

#extra_content .inhalt3 ul li a:hover {
    text-decoration: underline;
}

#extra_content .inhalt3 ul li a.active {
    
}

#footer_background {
    width: 100%;
    background: #424242 url(images/footer_background.png) repeat-x left top;
}

#footer {
    width: 994px;
}

#footer p {
    text-align: center;
    color: #C0C0C0;
    padding-top: 20px;
}

#footer a {
    
}

/* Hintergrund Farbe (der Seite auf welcher der Rechner eingebunden werden soll) */
.fa_hintergrund {
	
}

/* Titelleisten */
.fa_rahmen {
	color: #313131;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	border: 1px solid #DEDEDE;
}

/* Formular */
.fa_formzeile {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: normal;
	color: #313131;
}

.fa_formzelle {
    padding-top: 5px;
    padding-bottom: 5px;
}

.fa_form_select_rechner {
}

/* Formular Button */
.fa_button {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	color: #FFFFFF;
	background: url(images/button2.png) repeat-x left;
	border-width: 0px;
	padding: 6px 11px 6px 11px;
	font-weight: bold;
}

/* Ergebnistabelle - Titelzeile */
.fa_headzeile {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: normal;
	color: #313131;
}

.fa_headzelle {
    border-bottom: 1px dotted #DEDEDE;
}

/* Ergebnistabelle */
/* Ergebnistabelle - gerade Zeilen */
.fa_zeile {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: normal;
	color: #313131;
}

/* Ergebnistabelle - ungerade Zeilen */
.fa_zeile2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: normal;
	color: #313131;
}

/* Ergebnistabelle - Zellen */
.fa_zelle {
    border-bottom: 1px dotted #DEDEDE;
}

/* Ergebnistabelle - Logospalte */
.fa_logotd {
    border-bottom: 1px dotted #DEDEDE;
}

/* Ergebnistabelle - Logo */
.fa_logoimg {
    
}


/* Links */
.fa_link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	color: #61A301;
	text-decoration: none;
}

.fa_link:hover {
	text-decoration: underline;
	color: #61A301;
}

/* Anmerkungen */
.fa_footnotes {
	color: #F5F5F5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* Info PopUp */
.fa_info_body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #313131;
	background-color: #EEEEEE;
	border: 1px solid #313131;
	margin: 0px;
	padding: 4px;
	width: 180px;
}

.fa_info_header {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
	color: #313131;
	background-color: #C4C4C4;
	border: 1px solid #313131;
	margin: 0px;
	padding: 4px;
	width: 180px;
}