*{margin:0;padding:0;}
body { color: #303030; background: #B8B9BC; font: .74em Arial, Verdana, sans-serif;  margin:0; }
p {margin-bottom:5px;}

/* Anordnung */ 
#wrapper {border-right: solid 4px #ffffff; border-top: solid 0 px #ffffff;  padding: 0px; background-color: white; width: 880px; margin:0; text-align: left; }
#header {margin-bottom:20px;}
#headgraphics { height: 80px; background-repeat: repeat-x; background-image: url(images/header_bg.jpg); border-bottom:solid 1px white;}
#logo {padding-top:15px;padding-left:25px;}
#logo img {border:0px;}
#slogan {color: white; margin-left:3px;}

#bottom {text-align:left; }

/* Content */
.main {padding:0; float: left; width: 530px; margin:5px 0 0 25px; color: #303030; font-size: 1.1em; }
.wide {width: 830px; }
#text { text-align: justify; margin-top: 10px; }
#text ul {list-style-type: circle; margin: 10px 40px;}

a { color: #214466; background: inherit; }
a:hover { color: #000; background: inherit; }
ul {}
.clear {clear: both; margin: 0 0 .5em 0; }
ol {padding:10px; margin-left:30px;}

/* navi */
.topnav {background-repeat: repeat-x; background-image: url(images/topnav_bg.jpg); height:25px; margin:0; padding:0; border-bottom:dotted 1px #ccc;}
.topnav ul { padding:0; margin:0 25px;}
.topnav ul li { display: inline-block; padding: 6px 18px 7px; line-height: 13px; }
.topnav ul li a{ font-weight: bold; text-decoration: none; display:block;}
.topnav ul li.current_page_item { background: #fff;  border-left:dotted 1px #ccc; border-right:dotted 1px #ccc;}
.topnav ul li.current_page_parent { background: #fff;  border-left:dotted 1px #ccc; border-right:dotted 1px #ccc;}
.topnav ul li.current_page_ancestor { background: #fff;  border-left:dotted 1px #ccc; border-right:dotted 1px #ccc;}


.top_subnav {margin:0; padding:0; height:23px; background: white; border-bottom:dotted 1px #ccc;}
.top_subnav ul {padding:6px 0 0 20px; margin:0;}
.top_subnav ul li { border-right-color: #c6c6c6; border-right-width: 1px; border-right-style: dotted; display: inline-block; padding:0 10px 0 7px;}
.top_subnav ul li a {color: #848484; text-decoration: none;}
.top_subnav ul li a:hover {text-decoration: underline;}
.top_subnav ul li.current_page_item {color: #335a9b; text-decoration: underline; }

/* korrigiere rechte seite bei manchen */
.page-item-372 {border-right: 0px none;}

			
/* Sidebar */
.sidebar { margin:0; float:right; width:300px;}
.sidebar-box {background: #f3f4f6; margin-bottom:10px;}
.sidebar-box h5{ padding: 5px 5px;  border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; width:290px;}

//erste ebene
.sidebar-box ul { }
.sidebar-box ul li {list-style-type: none;}
.sidebar-box ul li a{display:block; padding:5px 13px; text-decoration: none;}
.sidebar-box ul li a:hover{background:#fbfbfb;}
.sidebar-box ul li.current_page_item {background:#dbecec;}
//sub-ebene

//Ratgeber box
.ratgeber-box {background: #f3f4f6; margin-bottom:10px;}
.ratgeber-box h5{ padding: 5px 5px;  border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; width:290px;}

.ratgeber-box ul { }
.ratgeber-box ul li {list-style-type: none;}
.ratgeber-box ul li a{display:block;  text-decoration: none;}
.ratgeber-box ul li a:hover{background:#fbfbfb;}
.ratgeber-box ul li.current_page_item {background:#dbecec;}

/* END SIDEBAR */




.teaserbox { list-style-type: none; margin-bottom: 20px; width:255px; float:left; }
.firstbox {margin-right:20px;}
.teaserbox h3 { padding-left: 6px; padding-bottom: 0; padding-right: 0; padding-top: 4px; font-style: normal; font-weight: normal; font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin:0; height: 20px; background:#2b5a89; color:#fff;}
.teaserbox img {margin: 3px 0 0 0;}
.teaserbox p {text-align: justify; padding:5px 2px; margin:0;}
.teaserbutton {margin-left:10px;margin-top:7px;}


/* BOTTOM STYLES */ 



/*** Quicklink-Box ***/ 
#quicklinks { background-position: 0 bottom; background-color: #347db3; background-repeat: repeat-x; background-image: url(images/quicklinks_bg.jpg); margin:20px 1px 0 5px; height:220px;}
#quicklinks h4 {padding: 20px 0 0 20px; font-weight: bold; font-size: 16px; color: white; font-family: Helvetica, Verdana, Arial, sans-serif;}

#quicklinks ul{ width:200px;}
#quicklinks ul li {  list-style-type: none; border-bottom-color: #2482cc; border-bottom-width: 1px; border-bottom-style: dotted;}
#quicklinks ul li a{text-decoration: none; color: white; display:block; padding:4px 0 4px 14px;  background-repeat: no-repeat; background-image: url(images/pfeil.gif); background-position: left center;}
#quicklinks ul li a:hover{ background-color:#1f6aa3; }

.qcolumn { float: left; width: 200px; margin: 20px 0 0 10px; color: #303030;}
.firstq {margin-left:35px;}
.qcolumn h5 { font-weight: bold; font-style: italic; text-decoration: none; padding:0; font-size: 13px; color: white; font-family: Helvetica, Verdana, Arial, sans-serif;}
.qcolumn a {text-decoration:none; color:#fff;}


.qtitle{display:inline;}

#base {background:#fff; margin-bottom:30px; padding-bottom: 5px;margin-left:7px;}
.basenav li {display:inline; padding:0; margin:0;}

.basecopy {text-align: right; margin:0; padding:0;}


/*********************/
.column { float: left; width: 145px; margin: 20px 0 0 40px; color: #303030;}	
.column h5 { margin: 1% 0; padding: 0; color: #214466; font-size: 1.2em;}
.column ul {margin-left:5px;}
.column li {list-style:none;}

#bottom a{text-decoration: none;}
#bottom a:hover{text-decoration: none;}

#footer { border-bottom: 1px dotted #bfbfbf; padding-bottom:2px; margin: 20px 0 10px 0; text-align: right; width: 880px;}
#footer a{text-decoration: underline;}	



/* END BOTTOM */

/***** SCHEISSE ???
.number {background: #ccc; padding: .6% 3%; color: #FFF;}
.half {float: left; width: 45.6%; margin: 1em 1.1%; background: #fff; color: #303030; padding: .5% 1%;}
.navigation {float: left; width: 95.4%; margin: 1em 1.1%; color: #303030; padding: .5% 1%;}
.full {float: left; width: 95.4%; margin: 1em 1.1%; background: #fff; color: #303030; padding: .5% 1%; font-size: 1.1em;}
.date { border-top: 1px dotted #ccc; padding: 5px 0;}
.news { background: #fff; color: #808080; padding: .7em 1em; margin: 0 1%; }
*/

.float-left   { float: left;}
.float-right  { float: right; }

img.avatar {float:left; margin-right:5px;}

/* Headings */
.full h1 { color: #9e9e9e; font-variant: small-caps; font-style: normal; font-weight: normal; font-size: 12px; }
.main h1 { color: #9e9e9e; font-variant: small-caps; font-style: normal; font-weight: normal; font-size: 12px; }

h2 { font-size: 14px; color:#214466; margin: 20px 0 5px 0; }
#subheading { font-size: 14px; color:#214466; margin:0 0 5px 0; }
h3 { font-size: 14px; color:#214466; margin: 20px 0 5px 0; }
h4 { font-size: 14px; color:#214466; }


 
/* IMAGES */
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

/*Mixed Stuff */
#info {text-align:right; margin-top:0; width: 880px;}
.intro {margin-bottom: 10px; margin-top:7px; font-weight: normal;}
.ratgeber {margin-left:4px;}
.ratgeber li {padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(images/bullet.gif); list-style-type: none; margin-bottom:2px; }
.ratgeber a{background:none;}
.spacer {clear:both; margin-bottom:20px;border-bottom:1px dotted #ccc;}
.underlined {margin:10px 0;border-bottom:1px dotted #ccc;}
.werbung {top: 1px; float: right; left: 885px; position: absolute;}


/* Vergleichstabelle 
.hor-zebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; text-align: left; border-collapse: collapse; }
.hor-zebra th { font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin:0 0 4px 0; height: 26px; background:#2b5a89; color:#fff; }

.hor-zebra td { padding: 8px; color: #669; }
.hor-zebra .odd { background: #f7f8fb;}
*/
table img {margin:0;}

.nobullet li {list-style-type: none;}
.banklogo { margin-right: 10px; margin-top: 10px; border-color: #bcbcbc; border-style: solid; border-width: 1px; }
.nobullet li a { text-decoration: none; }



/* Vergleichstabellen */

.kreditkarten-tabelle {border-spacing: 0px 0px; font-size: 13px; text-align: center; width:100%; margin-bottom:40px;}
.kreditkarten-tabelle th {border-bottom: 4px solid #ccc; color: #808080; }
.kreditkarten-tabelle td { padding-bottom: 5px; padding-top: 10px; border-bottom: 3px dashed #ccc; }
.vorteil {text-align: left; padding-left: 20px; list-style-type: none; background: url(http://onlinekredit.net/vergleich/img/dialog-ok.png) no-repeat left center;   list-style-image: none; margin-bottom:2px;margin-top:2px;}
.nachteil {text-align: left; padding-left: 20px; list-style-type: none; background: url(http://onlinekredit.net/vergleich/img/red_x.gif) no-repeat left center;   list-style-image: none; margin-bottom:2px;margin-top:2px;}

.besonders { padding-left: 10px;}
.karte { font-size: 11px;}
.tarifdetails { width: 50px; font-size: 11px; }
.antrag { width: 80px; text-align:right;}
.antrag img {border:0;}
.gebuehr { font-size: 11px;}


/* Tabellen allgemein */

table {margin:25px 0;}

.inline {display:inline;}

/* Widgets */

.widget-startseite { height: 294px; width: 830px; background-repeat: no-repeat; background-image: url(/wp-content/themes/onlinekredit/images/widget_wide.jpg);}
.widget-autokredit { height: 294px; width: 830px; background-repeat: no-repeat; background-image: url(/wp-content/themes/onlinekredit/images/widget_autokredit.jpg);}
.widget-ratenkredit { height: 294px; width: 830px; background-repeat: no-repeat; background-image: url(/wp-content/themes/onlinekredit/images/widget_ratenkredit.jpg);}

.select {
	border:1px solid #49AF14;
}

.select {
	font-size:12px;
	color:#202020;
	padding:3px;
	width:182px;
	margin-left:-2px;
	margin-bottom:15px;
}