*{padding:0; margin:0}
img{padding:0; margin:0}
html,body{margin:0;padding:0;background:#808080}
a{text-decoration:underline; color:#336699}
img {border:none}
p { margin-bottom: 1.5em; }


/*suche formular */
select, .keyword
{
font-family: arial;
font-size: 9px;
font-weight: bold;
background: #CCCCCC;
color: #000;
width:125px;
border: 1px #CCCCCC solid;
}
.keyword {width:120px; padding:1px}

div#blank {background-color: #ffffff; padding-top:10px}

/* top ************************************/

/*div#logo{float:left;width:160px; height:81px; position:absolute}
div#navitop{float:right;width:320px; height:27px;}
div#header{background: #336699; text-align:left; font-style:bold; font:  30px arial,sans-serif; color:#ffffff; background-color: #336699; padding-left:10px; padding-top:10px; padding-bottom:10px; background-image: url(header.jpg);}
*/

div#navitop{
float:left;
background-color: #336699;
height: 15px;
padding-top:3px;
padding-left: 10px;
padding-bottom:10px;
}

div#header{
background-color: #336699;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
background-image: url('http://www.geldseligkeiten.de/bf/header.jpg');
height:80px;
}

/* content ************************************/
div#container{width:682px;margin:0 auto; background: white; text-align:left}

div#breadcrumb{
width: 462px;
font-size: 9pt;
float:left;
background:white;
color:#000000;
margin-bottom:10px;
padding-bottom:10px
}

div#breadcrumb a{
color:#336699;
text-decoration: underline;
}
div#breadcrumb .current {
color:#000000;
cursor:default
}


/* left column ******************************/
div#navileft{
float:left;
margin-top:0px;
padding-left:10px;
}

div#search{
width:156px;
padding-top:5px;
padding-left:4px;
padding-bottom:5px;
color:#fff;
font-weight:bold;
background: #c2cadc;
}

.suchform {
width:89px; 
}

.button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-weight: none;
 text-align: left;
 padding-left:1px;
 padding-right:1px;
 text-decoration: underline;
 color: white;
 border:1px solid black;
 background:#336699;
}

/* footer ****************************************/
div#footer{clear:both;width:100%; background: #336699; text-align:center}
div#footer p{margin:0;padding:3px 3px; color:white}
div#footer a{display:inline;padding:0; color:white; text-decoration: underline}

/* navigations ****************************************/

/* top navi */
#tag {
font: bold 12px Arial;
color : white;
float: left;
margin: 3px 10px 0 0;
width: 300px;
}

#bricksmenu {
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float: right;
width: 362px;
}

#bricksmenu ul{
font: bold 11px Arial;
padding: 0;
list-style: none;
}

#bricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

}

#bricksmenu a{
width:60px;
float: right;
display: block;
color: white;
margin: 0 10px 0 0; 
padding: 1px 4px;
text-decoration: underline;
background-color: #336699; 
border-bottom: 0px solid white;
}

#bricksmenu a:hover{
background-color: #336699;
color: #d4d5d6;
}

#bricksmenu #current a{ 
background-color: #336699; 
color: #d4d5d6;
}

#bricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 11px;
line-height: 11px;
background: #ffffff;
}


/* leftnavi*/
#navcontainer {
  width: 160px;
}

#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: bold 14px arial;
}

#navcontainer a{
font: bold 12px arial;
display: block;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
width: 155px;
background-color:#c2cadc;

}

#navcontainer a:link, #navlist a:visited{
color:#336699;
text-decoration: bold;
}

#navcontainer a:hover{
background-color: #d4dcef;
color: #336699;
}

#navcontainer #activ a {
background-color: #c2cadc; 
color: #336699;
}


select  {
	line-height : 50%;
}


a  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #336699;
	line-height : 150%;
	text-decoration : underline;
}

a:hover  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #336699;
	line-height : 150%;
	text-decoration : underline;
}




li  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	line-height : 150%;
	text-decoration : none;
}


#googlerightcol {
  width: 160px;
  height: 800px;
  margin-top: 5px;
}

div.jingle-left {
  float: left;
  width: 80px;
}

div.jingle-right {
  margin-left: 90px;
}

#content div.content_kasten { 
margin:10px;
width:460px;
}


#content_kasten ul{
margin-left: 0;
margin-bottom: 20px;
list-style-image: url('http://www.geldseligkeiten.de/bf/li.gif');
padding-left: 15px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
Float: left
}

#content div.content_kasten li{
list-style-image: url('http://www.geldseligkeiten.de/bf/li.gif');
padding-top:4px;
padding-left:0px;
margin-left:17px;
}


#content_kasten a{
font: bold 13px arial;

}


div.content_kolumne { 
background-color:#c2cadc;
margin:10px;
padding-left: 5px
width:460px;
}


#content div.content_kolumne li{
list-style-image: url('http://www.geldseligkeiten.de/bf/li.gif');
padding-top:4px;
padding-left:0px;
margin-left:17px;
}



.balken {
width:480px; 
float: center;
}

#content div.borderline {
  border-top: 1px solid #dedbd2;
  margin: 15px 0 15px 0;
  height: 1px;
}

/* Starbox */


.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #336699; }
.starbox .hover .colorbar { background: #8eb8dc; }
.starbox .rated .colorbar { background: #336699; }
.starbox .rated .hover .colorbar { background: #8eb8dc; }
.starbox .ghost { background: #8eb8dc; }
.starbox .indicator {
clear: both; }

#content div.star {
padding-left: 0px;
margin-left: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}


#content div.star ul{
margin: 0 5px 0 0;
padding: 0;
}


#content div.star li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
}


ul.starbox {
margin: 0 5px 0 0;
padding: 0;
}
li.starbox { display: inline;}

#content div.navpath {
padding-left: 0px;
margin-left: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}


#content div.navpath ul{
margin: 0 5px 0 0;
padding: 0;
}


#content div.navpath li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
}




.weblog {
background-color:#c2cadc;
padding-top: 5px;
}
#content div.weblog-left {
  float: left;
  width: 80px;
  padding-left: 5px;
}

#content div.weblog-right {
  margin-left: 90px;
    padding-right: 5px;
}
#content div.weblog-mitte {
  margin-left: 5px;
    padding-right: 5px;
    padding-bottom: 5 px;
    background-color:#c2cadc;
}

#content div.weblog-right h2 {
  font-weight: bold;
  margin: 0
}

.weblog2 {

padding-top: 5px;
}


#content div.left {
  float: left;
  width: 80px;
  padding-left: 5px;
}

#content div.right {
  margin-left: 90px;
    padding-right: 5px;
}

#content div.right h2 {
  font-weight: bold;
  margin: 0
}

.lexikon {
background-color:#c2cadc;
padding: 5px;
}


#content div.bg {
  background-color: #d4dcef;
  padding-left: 5px;
  padding-top: 5px;
  width:465px;
}

#content div.bg2 {
  padding-left:5px;
  padding-top: 10px;
  margin: 10 px;

}

#bgliste {
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float: left;
background-color: #d4dcef;
width:465px;
padding-top: 5px;
padding-left:0px;
}

#bgliste ul{
font: bold 11px Arial;
list-style: none;
padding-left: 12px;
padding-top: 10px;
}

#bgliste li{
display: inline;
margin: 0 15px 0 0;
padding: 0px;
list-style-position: outside;

}

#bgliste2 {
float: left;
padding-top: 5px;
padding-left:0px;
}

#bgliste2 ul{
font: bold 11px Arial;
list-style: none;
padding-left: 12px;
padding-top: 5px;
}

#bgliste2 li{
display: inline;
margin: 0 15px 0 0;
padding-top: 10px;
list-style-position: inside;

}



.werbung {
page-break-inside: avoid;
text-align:left;
background-color:#FFFFFF;
float: right;
margin: 0px 15px 0px 12px !important;
}



div#content p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height : 150%;
color: #000000;
text-decoration: none;
}

div#content h1{
font-size: 20px;
font-weight: bold;
	line-height : 150%;
	text-decoration : none;
	color: #336699;
}


div#content h2{
font-size: 12px;
color: #336699;
font-weight: bold;
text-decoration: none;
}

div#content h3{
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

div#content_text ul{
  list-style-image: url('http://www.geldseligkeiten.de/bf/li.gif');
  padding-left: 15px;
  padding-top: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}


#content ul.dossier{
margin-left: 0;
margin-bottom: 5px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
Float: left

}

#content div.jingle-dos {
  float: right;

}

#content div.jingle-dos ul{
margin-left: 0;
padding-left: 0;
list-style-image: none;
font: bold 12px arial;
}

#content div.jingle-dos li{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: bold 12px arial;
}

#content div.jingle-dos a{
font: bold 12px arial;
display: block;
padding-top: 3px;
padding-bottom: 3px;

}


#content div.jingle-dos li.ebene1-open {
  list-style-type: none;
  padding-left: 12px;
  background-image: url(http://www.miovista.de/bf/pfre.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  font-weight: normal;
  background-color: #fef4e0;
}

#content div.jingle-dos li.ebene1-normal {
  list-style-type: none;
  padding-left: 15px;
  font-weight: bold;
  background-color: #fef4e0;
}

#content div.jingle-dos li.ebene2-normal {
  list-style-type: none;
  padding-left: 25px;
  font-weight: bold;
  background-color: #fcf9f3;
  width:136px;
}

#content div.jingle-dos li.ebene2-open {
  list-style-type: none;
  padding-left: 25px;
  background-image: url(http://www.miovista.de/bf/pfre.gif);
  background-position: 16px 6px;
  background-repeat: no-repeat;
  font-weight: normal;
  background-color: #fcf9f3;
  width:136px;
}

#content div.jingle-dos li.haupt a{
  list-style-type: none;
  padding-left:5px;
  background-position: 14 2px;
  background-repeat: no-repeat;
  font-weight: bold;
  background-color: #e98138;
  color: white;
  width:155px;
}

#content div.jingle-left {
  float: right;
  width: 120px;
}

#jingle-left img.img_left {
float: left;
padding-right:10px;
}

div#content{
float:left;
line-height : 150%;
width:462px;
padding-left:20px;
margin:10px 10px 0px 0px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}

#content div.jingle-left {
  width: 160px;
  float:right;
  background-color: #e3e6e6
}

#content div.jingle-left ul{
margin-left: 0;
padding-left: 0;
list-style-image: none;
font: bold 12px arial;
}

#content div.jingle-left li{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: bold 12px arial;
}

#content div.jingle-left a{
font: bold 12px arial;
display: block;
padding-top: 3px;
padding-bottom: 3px;

}

#content ul.dossier{
margin-left: 0;
margin-bottom: 5px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
Float: left

}

#content div.jingle-left li.ebene1-open {
  list-style-type: none;
  padding-left: 12px;
  background-image: url(http://www.geldseligkeiten.de/bf/pfre.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  font-weight: normal;
}

#content div.jingle-left li.ebene1-normal {
  list-style-type: none;
  padding-left: 15px;
  font-weight: bold;
}

#content div.jingle-left li.ebene2-normal {
  list-style-type: none;
  padding-left: 25px;
  font-weight: bold;
    background-color: #f4f6f6;
  width:136px;
}

#content div.jingle-left li.ebene2-open {
  list-style-type: none;
  padding-left: 25px;
  background-image: url(http://www.geldseligkeiten.de/bf/pfre.gif);
  background-position: 16px 6px;
  background-repeat: no-repeat;
  font-weight: normal;
  background-color: #f4f6f6;
  width:136px;
}

#content div.jingle-left li.haupt a{
  list-style-type: none;
  padding-left:5px;
  background-position: 14 2px;
  background-repeat: no-repeat;
  font-weight: bold;
  background-color: #336699;
  color: white;
  width:155px;
}