html, body { height: 100%; }

body
{
  color: #1c1e1f;
  background-color: #e8f2fb;
  background-image: url( images/bg.jpg );
  background-repeat: repeat-x;

  margin: 0;
  padding: 0;

  font-family: Arial, sans-serif;
  font-size: 12px;
}

a
{
  color: #4087c9;
  text-decoration: none;
}

ul,li
{
  display:inline;
  padding:0;
  margin:0;
  list-style:none;
}

a:hover
{
  text-decoration: underline;
}

img
{
  margin: 0;
  padding: 0;
  border: 0;
}

p
{
  margin: 0 0 10px 0;
  padding: 0;
}

p.clear
{
  clear: both;
  font-size:0px;
  height:0px;
  margin:0;
  padding:0;
}

#preload
{
  position: absolute;
  top:-9999px;
  left: -9999px;
}

h1, h2
{
  padding:0;
  margin:0 0 10px 0; 
  color:#323940;
  font-size:18px;
  font-weight:normal;
}

#page
{
  padding: 0;
  margin: 0 auto;
  width: 900px;
  min-height: 100%;
}

* html #page { height:100%; }

#top
{
  height: 35px;
  padding: 15px 0 0 0;
}

#menu
{
  float:left;
  width: 612px;
  display:block;
  height: 35px;
  margin: 0 20px 0 0;
}

#menu a
{
  display: block;
  width: 100px;
  height: 35px;
  margin: 0 2px 0 0;
  float:left;
}

#menu a.home { background-image: url( images/menu_home.jpg ); }
#menu a.home:hover { background-image: url( images/menu_home_hover.jpg ); }
#menu a.home_on { background-image: url( images/menu_home_on.jpg ); }
#menu a.ratgeber { background-image: url( images/menu_ratgeber.jpg ); }
#menu a.ratgeber:hover { background-image: url( images/menu_ratgeber_hover.jpg ); }
#menu a.ratgeber_on { background-image: url( images/menu_ratgeber_on.jpg ); } 
#menu a.tagesgeld { background-image: url( images/menu_tagesgeld.jpg ); }
#menu a.tagesgeld:hover { background-image: url( images/menu_tagesgeld_hover.jpg ); }
#menu a.tagesgeld_on { background-image: url( images/menu_tagesgeld_on.jpg ); }
#menu a.kredit { background-image: url( images/menu_kreditvergleich.jpg ); }
#menu a.kredit:hover { background-image: url( images/menu_kreditvergleich_hover.jpg ); }
#menu a.kredit_on { background-image: url( images/menu_kreditvergleich_on.jpg ); }
#menu a.impressum { background-image: url( images/menu_impressum.jpg ); }
#menu a.impressum:hover { background-image: url( images/menu_impressum_hover.jpg ); }
#menu a.impressum_on { background-image: url( images/menu_impressum_on.jpg ); }
#menu a.kontakt { background-image: url( images/menu_kontakt.jpg ); }
#menu a.kontakt:hover { background-image: url( images/menu_kontakt_hover.jpg ); }
#menu a.kontakt_on { background-image: url( images/menu_kontakt_on.jpg ); }

#top a.rss
{
  background-image: url( images/rss.jpg );
  background-repeat:no-repeat;
  padding: 0 0 0 15px;
  margin: 10px 0 0 10px;
  display:block;
  width: 90px;
  float:left;
}

#header
{
  position: relative;
  height: 190px;
  width: 900px;
  background-image: url( images/header.jpg ); 
}

#logo
{
  float:left;
  margin:20px 400px 0 20px;
  display: block;
  width: 120px;
  height: 90px;
}

#header div.newsticker
{
  float:left;
  display: block;
  margin: 40px 0 0 0;
  width: 654px;
  color: #fff;
  padding: 8px;
  height: 14px;
}

#header div.newsticker a { color: #fff; }

#header div.box
{
  position: absolute;
  top: 15px;
  display: block;
  width: 200px;
  height: 140px;
  font-size:11px;
  left: 680px;
}

#header div.box div.headline
{
  color: #4087c9;
  font-size:18px;
  display: block;
  padding: 0;
  margin:0;
}

#main
{
  background-image: url( images/content.jpg );
  background-repeat: repeat-x;
  width: 900px;
}

#content
{
  display: block;
  float:left;
  width: 660px;
  margin: 0 10px 0 0;
}

#content div.box
{
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

#content div.lexikon
{
  padding: 8px 10px 8px 10px;
  margin-bottom: 10px;
}

#content div.box div.cal
{
  display:block;
  float:left;
  width:40px;
  height:50px;
  background-image: url( images/cal.jpg );
  background-repeat: repeat-x;
  color:#fff;
  padding: 5px;
  font-size: 24px;
  text-align:center;
}

#content div.box div.cal span.small
{
  float:left;
  width: 40px;
  text-align:center;
  font-size: 12px;
}

#content div.box div.info
{
  float:left;
  display:block;
  min-height:50px;
  width:580px;
  margin: 0 0 10px 10px;
}

* html #content div.box div.info { height:50px; }

#content div.box div.info div.cats
{
  background-image: url( images/dot_cats.jpg );
  background-repeat:no-repeat;
  padding: 0 0 0 18px;
  float:left;
}

#content div.box div.info div.comments
{
  background-image: url( images/dot_comments.jpg );
  background-repeat:no-repeat;
  padding: 0 0 0 18px;
  float:right;
}

#content div.box div.linie
{
  background-color:#e8f2fb;
  font-size:0;
  height: 1px;
  width: 640px;
  clear: both;
  padding:0;
  margin: 0 0 10px 0;
}

span.blue
{
  color: #4087c9;
}

#sidebar
{
  display: block;
  float:left;
  width: 220px;
  color:#fff;
}

#sidebar div.box
{
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #4087c9;
}

#sidebar div.box div.headline
{
  color: #fff;
  font-size:18px;
  display: block;
  padding: 0 0 10px 0;
}

#sidebar a
{
  color: #fff;
}

#sidebar a:hover
{
  color: #1c1e1f;
  font-weight: bold;
  text-decoration:none;
}

#kategorien a
{
  display:block;
  background-repeat: no-repeat;
  background-image: url( images/dot_cat.jpg );
  padding: 0 0 0 18px;
  margin: 0 0 5px 5px;
}

#archiv a
{
  display:block;
  background-repeat: no-repeat;
  background-position: 0px 2px;  
  background-image: url( images/dot_archiv.jpg );
  padding: 0 0 0 18px;
  margin: 0 0 5px 5px;
}

#blogroll a
{
  display:block;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-image: url( images/dot_roll.jpg );
  padding: 0 0 0 18px;
  margin: 0 0 5px 5px;
}

#suchen 
{
  padding:0;
  margin:0;
}

#suchen input
{
  color:#4087c9;
  background-color: #fff;
  border:0;
  padding:6px;
  width: 140px;
  height:14px;
  margin: 0 5px 0 0;
  display: block;
  float:left;
}

#suchen input.submit
{
  border:0;
  height:26px;
  display: block;
  float:left;
  padding: 6px;
  width: 40px;
  background-color:#323940;
  color:#fff;
  margin:0;
}

#clear
{
  height: 100px;
  clear: both;
}

#footer
{
  margin: -70px 0 0 0;
  background-color: #323940;
  color: #fff;
  font-weight: bold;
  height: 40px;
  padding: 40px 0 0 0;
  font-size:11px;
  text-align: center;
}

div.alignleft { float:left; }
div.alignright { float:right; }

.handelsblatt {color: #ff6600}

/*-------------Other------------------*/
#adsense_singlepost_top_square {
	float: left;
	margin-right: 10px;
}